@charset "UTF-8"; :root { --wp-admin-theme-color: #3858e9; --wp-admin-theme-color--rgb: 56, 88, 233; --wp-admin-theme-color-darker-10: #2145e6; --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; --wp-admin-theme-color-darker-20: #183ad6; --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .components-animate__appear { animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-animate__appear { animation-duration: 1ms; animation-delay: 0s; } } .components-animate__appear.is-from-top, .components-animate__appear.is-from-top.is-from-left { transform-origin: top left; } .components-animate__appear.is-from-top.is-from-right { transform-origin: top right; } .components-animate__appear.is-from-bottom, .components-animate__appear.is-from-bottom.is-from-left { transform-origin: bottom left; } .components-animate__appear.is-from-bottom.is-from-right { transform-origin: bottom right; } @keyframes components-animate__appear-animation { from { transform: translateY(-2em) scaleY(0) scaleX(0); } to { transform: translateY(0%) scaleY(1) scaleX(1); } } .components-animate__slide-in { animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1); animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-animate__slide-in { animation-duration: 1ms; animation-delay: 0s; } } .components-animate__slide-in.is-from-left { transform: translateX(100%); } .components-animate__slide-in.is-from-right { transform: translateX(-100%); } @keyframes components-animate__slide-in-animation { 100% { transform: translateX(0%); } } .components-animate__loading { animation: components-animate__loading 1.6s ease-in-out infinite; } @keyframes components-animate__loading { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } } .components-autocomplete__popover .components-popover__content { padding: 16px; min-width: 220px; } .components-autocomplete__result.components-button { display: flex; height: auto; min-height: 36px; text-align: left; width: 100%; } .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-button-group { display: inline-block; } .components-button-group .components-button { border-radius: 0; display: inline-flex; color: #1e1e1e; box-shadow: inset 0 0 0 1px #1e1e1e; } .components-button-group .components-button + .components-button { margin-left: -1px; } .components-button-group .components-button:first-child { border-radius: 2px 0 0 2px; } .components-button-group .components-button:last-child { border-radius: 0 2px 2px 0; } .components-button-group .components-button:focus, .components-button-group .components-button.is-primary { position: relative; z-index: 1; } .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #1e1e1e; } .components-button { display: inline-flex; text-decoration: none; font-family: inherit; font-weight: normal; font-size: 13px; margin: 0; border: 0; cursor: pointer; -webkit-appearance: none; background: none; transition: box-shadow 0.1s linear; height: 36px; align-items: center; box-sizing: border-box; padding: 6px 12px; border-radius: 2px; color: var(--wp-components-color-foreground, #1e1e1e); } @media (prefers-reduced-motion: reduce) { .components-button { transition-duration: 0s; transition-delay: 0s; } } .components-button.is-next-40px-default-size { height: 40px; } .components-button[aria-expanded=true], .components-button:hover { color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-button:disabled:hover, .components-button[aria-disabled=true]:hover { color: initial; } .components-button:focus:not(:disabled) { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 3px solid transparent; } .components-button.is-primary { white-space: nowrap; background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); color: var(--wp-components-color-accent-inverted, #fff); text-decoration: none; text-shadow: none; outline: 1px solid transparent; } .components-button.is-primary:hover:not(:disabled) { background: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); color: var(--wp-components-color-accent-inverted, #fff); } .components-button.is-primary:active:not(:disabled) { background: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); border-color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); color: var(--wp-components-color-accent-inverted, #fff); } .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-button.is-primary:disabled, .components-button.is-primary:disabled:active:enabled, .components-button.is-primary[aria-disabled=true], .components-button.is-primary[aria-disabled=true]:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled { color: rgba(255, 255, 255, 0.4); background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); opacity: 1; outline: none; } .components-button.is-primary:disabled:focus:enabled, .components-button.is-primary:disabled:active:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:focus:enabled, .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled { box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled=true] { color: var(--wp-components-color-accent-inverted, #fff); background-size: 100px 100%; /* stylelint-disable */ background-image: linear-gradient(-45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 70%); /* stylelint-enable */ border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-button.is-secondary, .components-button.is-tertiary { outline: 1px solid transparent; } .components-button.is-secondary:active:not(:disabled), .components-button.is-tertiary:active:not(:disabled) { box-shadow: none; } .components-button.is-secondary:disabled, .components-button.is-secondary[aria-disabled=true], .components-button.is-secondary[aria-disabled=true]:hover, .components-button.is-tertiary:disabled, .components-button.is-tertiary[aria-disabled=true], .components-button.is-tertiary[aria-disabled=true]:hover { color: #949494; background: transparent; transform: none; opacity: 1; } .components-button.is-secondary { box-shadow: inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 1px solid transparent; white-space: nowrap; color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); background: transparent; } .components-button.is-secondary:hover:not(:disabled, [aria-disabled=true]) { box-shadow: inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); } .components-button.is-secondary:disabled:not(:focus), .components-button.is-secondary[aria-disabled=true]:not(:focus), .components-button.is-secondary[aria-disabled=true]:hover:not(:focus) { box-shadow: inset 0 0 0 1px #ddd; } .components-button.is-tertiary { white-space: nowrap; color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); background: transparent; } .components-button.is-tertiary:hover:not(:disabled, [aria-disabled=true]) { /* stylelint-disable-next-line declaration-property-value-disallowed-list */ background: rgba(var(--wp-admin-theme-color--rgb), 0.04); } .components-button.is-tertiary:active:not(:disabled, [aria-disabled=true]) { /* stylelint-disable-next-line declaration-property-value-disallowed-list */ background: rgba(var(--wp-admin-theme-color--rgb), 0.08); } p + .components-button.is-tertiary { margin-left: -6px; } .components-button.is-tertiary:disabled:not(:focus), .components-button.is-tertiary[aria-disabled=true]:not(:focus), .components-button.is-tertiary[aria-disabled=true]:hover:not(:focus) { box-shadow: none; outline: none; } .components-button.is-destructive { --wp-components-color-accent: #cc1818; --wp-components-color-accent-darker-10: #9e1313; --wp-components-color-accent-darker-20: #710d0d; } .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link) { color: #cc1818; } .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled) { color: #710d0d; } .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus:not(:disabled) { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #cc1818; } .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled) { background: #ccc; } .components-button.is-link { margin: 0; padding: 0; box-shadow: none; border: 0; border-radius: 0; background: none; outline: none; text-align: left; color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); text-decoration: underline; transition-property: border, background, color; transition-duration: 0.05s; transition-timing-function: ease-in-out; height: auto; } @media (prefers-reduced-motion: reduce) { .components-button.is-link { transition-duration: 0s; transition-delay: 0s; } } .components-button.is-link:focus { border-radius: 2px; } .components-button:not(:disabled, [aria-disabled=true]):active { color: var(--wp-components-color-foreground, #1e1e1e); } .components-button:disabled, .components-button[aria-disabled=true] { cursor: default; opacity: 0.3; } .components-button.is-busy, .components-button.is-secondary.is-busy, .components-button.is-secondary.is-busy:disabled, .components-button.is-secondary.is-busy[aria-disabled=true] { animation: components-button__busy-animation 2500ms infinite linear; opacity: 1; background-size: 100px 100%; /* stylelint-disable */ background-image: linear-gradient(-45deg, #fafafa 33%, #e0e0e0 33%, #e0e0e0 70%, #fafafa 70%); /* stylelint-enable */ } @media (prefers-reduced-motion: reduce) { .components-button.is-busy, .components-button.is-secondary.is-busy, .components-button.is-secondary.is-busy:disabled, .components-button.is-secondary.is-busy[aria-disabled=true] { animation-duration: 0s; } } .components-button.is-compact { height: 32px; } .components-button.is-compact.has-icon:not(.has-text) { padding: 0; width: 32px; min-width: 32px; } .components-button.is-small { height: 24px; line-height: 22px; padding: 0 8px; font-size: 11px; } .components-button.is-small.has-icon:not(.has-text) { padding: 0; width: 24px; min-width: 24px; } .components-button.has-icon { padding: 6px; min-width: 36px; justify-content: center; } .components-button.has-icon.is-next-40px-default-size { min-width: 40px; } .components-button.has-icon .dashicon { display: inline-flex; justify-content: center; align-items: center; padding: 2px; box-sizing: content-box; } .components-button.has-icon.has-text { justify-content: start; padding-right: 12px; padding-left: 8px; gap: 4px; } .components-button.is-pressed { color: var(--wp-components-color-foreground-inverted, #fff); background: var(--wp-components-color-foreground, #1e1e1e); } .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid transparent; } .components-button.is-pressed:hover:not(:disabled) { color: var(--wp-components-color-foreground-inverted, #fff); background: var(--wp-components-color-foreground, #1e1e1e); } .components-button svg { fill: currentColor; outline: none; } @media (forced-colors: active) { .components-button svg { fill: CanvasText; } } .components-button .components-visually-hidden { height: auto; } @keyframes components-button__busy-animation { 0% { background-position: 200px 0; } } .components-checkbox-control__input[type=checkbox] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border: 1px solid #949494; font-size: 16px; line-height: normal; border: 1px solid #1e1e1e; margin-right: 12px; transition: none; border-radius: 2px; background: #fff; color: #1e1e1e; clear: none; cursor: pointer; display: inline-block; line-height: 0; margin: 0 4px 0 0; outline: 0; padding: 0 !important; text-align: center; vertical-align: top; width: 24px; height: 24px; -webkit-appearance: none; appearance: none; transition: 0.1s border-color ease-in-out; } @media (prefers-reduced-motion: reduce) { .components-checkbox-control__input[type=checkbox] { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .components-checkbox-control__input[type=checkbox] { font-size: 13px; line-height: normal; } } .components-checkbox-control__input[type=checkbox]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-checkbox-control__input[type=checkbox]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-checkbox-control__input[type=checkbox]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-checkbox-control__input[type=checkbox]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-checkbox-control__input[type=checkbox]:checked { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); } .components-checkbox-control__input[type=checkbox]:checked::-ms-check { opacity: 0; } .components-checkbox-control__input[type=checkbox]:checked::before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { margin: -3px -5px; color: #fff; } @media (min-width: 782px) { .components-checkbox-control__input[type=checkbox]:checked::before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { margin: -4px 0 0 -5px; } } .components-checkbox-control__input[type=checkbox][aria-checked=mixed] { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); } .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { content: ""; float: left; display: inline-block; vertical-align: middle; width: 16px; /* stylelint-disable */ font: normal 30px/1 dashicons; /* stylelint-enable */ speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 782px) { .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { float: none; font-size: 21px; } } .components-checkbox-control__input[type=checkbox][aria-disabled=true], .components-checkbox-control__input[type=checkbox]:disabled { background: #f0f0f0; border-color: #ddd; cursor: default; opacity: 1; } @media (min-width: 600px) { .components-checkbox-control__input[type=checkbox] { height: 20px; width: 20px; } } @media (prefers-reduced-motion: reduce) { .components-checkbox-control__input[type=checkbox] { transition-duration: 0s; transition-delay: 0s; } } .components-checkbox-control__input[type=checkbox]:focus { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color); outline: 2px solid transparent; outline-offset: 2px; } .components-checkbox-control__input[type=checkbox]:checked, .components-checkbox-control__input[type=checkbox]:indeterminate { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-checkbox-control__input[type=checkbox]:checked::-ms-check, .components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check { opacity: 0; } .components-checkbox-control__input[type=checkbox]:checked::before { content: none; } .components-checkbox-control__input-container { position: relative; display: inline-block; margin-right: 12px; vertical-align: middle; width: 24px; height: 24px; } @media (min-width: 600px) { .components-checkbox-control__input-container { width: 20px; height: 20px; } } svg.components-checkbox-control__checked, svg.components-checkbox-control__indeterminate { fill: #fff; cursor: pointer; position: absolute; left: 0; top: 0; width: 24px; height: 24px; -webkit-user-select: none; user-select: none; pointer-events: none; } @media (min-width: 600px) { svg.components-checkbox-control__checked, svg.components-checkbox-control__indeterminate { left: -2px; top: -2px; } } .components-circular-option-picker { display: inline-block; width: 100%; min-width: 188px; } .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { display: flex; justify-content: flex-end; margin-top: 12px; } .components-circular-option-picker .components-circular-option-picker__swatches { display: flex; flex-wrap: wrap; gap: 12px; position: relative; z-index: 1; } .components-circular-option-picker > *:not(.components-circular-option-picker__swatches) { position: relative; z-index: 0; } .components-circular-option-picker__option-wrapper { display: inline-block; height: 28px; width: 28px; vertical-align: top; transform: scale(1); transition: 100ms transform ease; will-change: transform; } @media (prefers-reduced-motion: reduce) { .components-circular-option-picker__option-wrapper { transition-duration: 0s; transition-delay: 0s; } } .components-circular-option-picker__option-wrapper:hover { transform: scale(1.2); } .components-circular-option-picker__option-wrapper > div { height: 100%; width: 100%; } .components-circular-option-picker__option-wrapper::before { content: ""; position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; border-radius: 50%; z-index: -1; /* stylelint-disable-next-line function-url-quotes */ background: url("data:image/svg+xml,%3Csvg width=\"28\" height=\"28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M6 8V6H4v2h2zM8 8V6h2v2H8zM10 16H8v-2h2v2zM12 16v-2h2v2h-2zM12 18v-2h-2v2H8v2h2v-2h2zM14 18v2h-2v-2h2zM16 18h-2v-2h2v2z\" fill=\"%23555D65\"/%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z\" fill=\"%23555D65\"/%3E%3Cpath d=\"M18 18v2h-2v-2h2z\" fill=\"%23555D65\"/%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z\" fill=\"%23555D65\"/%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z\" fill=\"%23555D65\"/%3E%3C/svg%3E"); } .components-circular-option-picker__option { display: inline-block; vertical-align: top; height: 100%; width: 100%; border: none; border-radius: 50%; background: transparent; box-shadow: inset 0 0 0 14px; transition: 100ms box-shadow ease; cursor: pointer; } @media (prefers-reduced-motion: reduce) { .components-circular-option-picker__option { transition-duration: 0s; transition-delay: 0s; } } .components-circular-option-picker__option:hover { box-shadow: inset 0 0 0 14px !important; } .components-circular-option-picker__option[aria-pressed=true], .components-circular-option-picker__option[aria-selected=true] { box-shadow: inset 0 0 0 4px; position: relative; z-index: 1; overflow: visible; } .components-circular-option-picker__option[aria-pressed=true] + svg, .components-circular-option-picker__option[aria-selected=true] + svg { position: absolute; left: 2px; top: 2px; border-radius: 50%; z-index: 2; pointer-events: none; } .components-circular-option-picker__option::after { content: ""; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); border: 1px solid transparent; box-sizing: inherit; } .components-circular-option-picker__option:focus::after { content: ""; border-radius: 50%; box-shadow: inset 0 0 0 2px #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid #757575; width: calc(100% + 4px); height: calc(100% + 4px); } .components-circular-option-picker__option.components-button:focus { background-color: transparent; box-shadow: inset 0 0 0 14px; outline: none; } .components-circular-option-picker__button-action .components-circular-option-picker__option { color: #fff; background: #fff; } .components-circular-option-picker__dropdown-link-action { margin-right: 16px; } .components-circular-option-picker__dropdown-link-action .components-button { line-height: 22px; } .components-palette-edit__popover-gradient-picker { width: 260px; padding: 8px; } .components-dropdown-menu__menu .components-palette-edit__menu-button { width: 100%; } .component-color-indicator { width: 20px; height: 20px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); border-radius: 50%; display: inline-block; padding: 0; background: #fff linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); } .components-combobox-control { width: 100%; } input.components-combobox-control__input[type=text] { width: 100%; border: none; box-shadow: none; font-family: inherit; font-size: 16px; padding: 2px; margin: 0; line-height: inherit; min-height: auto; } @media (min-width: 600px) { input.components-combobox-control__input[type=text] { font-size: 13px; } } input.components-combobox-control__input[type=text]:focus { outline: none; box-shadow: none; } .components-combobox-control__suggestions-container { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #949494; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; padding: 0; } @media (prefers-reduced-motion: reduce) { .components-combobox-control__suggestions-container { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .components-combobox-control__suggestions-container { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-combobox-control__suggestions-container:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-combobox-control__suggestions-container::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-combobox-control__suggestions-container::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-combobox-control__suggestions-container:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-combobox-control__suggestions-container:focus-within { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-combobox-control__reset.components-button { display: flex; height: 16px; min-width: 16px; padding: 0; } .components-color-palette__custom-color-wrapper { position: relative; z-index: 0; } .components-color-palette__custom-color-button { position: relative; border: none; background: none; height: 64px; width: 100%; box-sizing: border-box; cursor: pointer; outline: 1px solid transparent; border-radius: 2px 2px 0 0; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); } .components-color-palette__custom-color-button:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline-width: 2px; } .components-color-palette__custom-color-button::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; /*rtl:begin:ignore*/ background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0); background-position: 0 0, 24px 24px; /*rtl:end:ignore*/ background-size: calc(2 * 24px) calc(2 * 24px); } .components-color-palette__custom-color-text-wrapper { padding: 12px 16px; border-radius: 0 0 2px 2px; position: relative; font-size: 13px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.2), inset 1px 0 0 0 rgba(0, 0, 0, 0.2), inset -1px 0 0 0 rgba(0, 0, 0, 0.2); } .components-color-palette__custom-color-name { color: var(--wp-components-color-foreground, #1e1e1e); margin: 0 1px; } .components-color-palette__custom-color-value { color: #757575; } .components-color-palette__custom-color-value--is-hex { text-transform: uppercase; } .components-color-palette__custom-color-value:empty::after { content: "​"; visibility: hidden; } .components-custom-gradient-picker__gradient-bar { border-radius: 2px; width: 100%; height: 48px; position: relative; z-index: 1; } .components-custom-gradient-picker__gradient-bar.has-gradient { /*rtl:begin:ignore*/ background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0); background-position: 0 0, 12px 12px; /*rtl:end:ignore*/ background-size: calc(2 * 12px) calc(2 * 12px); } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__gradient-bar-background { position: absolute; inset: 0; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { position: relative; width: calc(100% - 48px); margin-left: auto; margin-right: auto; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown { position: absolute; height: 16px; width: 16px; top: 16px; display: flex; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown { position: relative; height: inherit; width: inherit; min-width: 16px; border-radius: 50%; background: #fff; padding: 2px; color: #1e1e1e; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg { height: 100%; width: 100%; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { height: inherit; width: inherit; border-radius: 50%; padding: 0; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 rgba(0, 0, 0, 0.25); outline: 2px solid transparent; } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus, .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { box-shadow: inset 0 0 0 calc(var(--wp-admin-border-width-focus) * 2) #fff, 0 0 2px 0 rgba(0, 0, 0, 0.25); outline: 1.5px solid transparent; } .components-custom-gradient-picker__remove-control-point-wrapper { padding-bottom: 8px; } .components-custom-gradient-picker__inserter { /*rtl:ignore*/ direction: ltr; } .components-custom-gradient-picker__liner-gradient-indicator { display: inline-block; flex: 0 auto; width: 20px; height: 20px; } .components-custom-gradient-picker .components-custom-gradient-picker__toolbar { border: none; } .components-custom-gradient-picker .components-custom-gradient-picker__toolbar > div + div { margin-left: 1px; } .components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed > svg { background: #fff; border: 1px solid #949494; border-radius: 2px; } .components-custom-gradient-picker__ui-line { position: relative; z-index: 0; } .components-custom-select-control { position: relative; font-size: 13px; } .components-custom-select-control__button { position: relative; text-align: left; outline: 0; } .components-custom-select-control__hint { color: #949494; margin-left: 10px; } .components-custom-select-control__menu { border: 1px solid #1e1e1e; background-color: #fff; border-radius: 2px; outline: none; transition: none; max-height: 400px; min-width: 100%; overflow: auto; padding: 0; position: absolute; z-index: 1000000; } .components-custom-select-control__menu[aria-hidden=true] { display: none; } .components-custom-select-control__item { align-items: center; display: grid; grid-template-columns: auto auto; list-style-type: none; padding: 8px 16px; cursor: default; line-height: 28px; } .components-custom-select-control__item:not(.is-next-40px-default-size) { padding: 8px; } .components-custom-select-control__item.has-hint { grid-template-columns: auto auto 30px; } .components-custom-select-control__item.is-highlighted { background: #ddd; } .components-custom-select-control__item .components-custom-select-control__item-hint { color: #949494; text-align: right; padding-right: 4px; } .components-custom-select-control__item .components-custom-select-control__item-icon { margin-left: auto; } .components-custom-select-control__item:last-child { margin-bottom: 0; } .block-editor-dimension-control .components-base-control__field { display: flex; align-items: center; } .block-editor-dimension-control .components-base-control__label { display: flex; align-items: center; margin-right: 1em; margin-bottom: 0; } .block-editor-dimension-control .components-base-control__label .dashicon { margin-right: 0.5em; } .block-editor-dimension-control.is-manual .components-base-control__label { width: 10em; } body.is-dragging-components-draggable { cursor: move; /* Fallback for IE/Edge < 14 */ cursor: grabbing !important; } .components-draggable__invisible-drag-image { position: fixed; left: -1000px; height: 50px; width: 50px; } .components-draggable__clone { position: fixed; padding: 0; background: transparent; pointer-events: none; z-index: 1000000000; } .components-drop-zone { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 40; visibility: hidden; opacity: 0; border-radius: 2px; } .components-drop-zone.is-active { opacity: 1; visibility: visible; } .components-drop-zone__content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; display: flex; background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); align-items: center; justify-content: center; z-index: 50; text-align: center; color: #fff; } .components-drop-zone__content-icon, .components-drop-zone__content-text { display: block; } .components-drop-zone__content-icon { margin: 0 auto 8px; line-height: 0; fill: currentColor; pointer-events: none; } .components-drop-zone__content-text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .components-dropdown { display: inline-block; } .components-dropdown__content .components-popover__content { padding: 8px; } .components-dropdown__content [role=menuitem] { white-space: nowrap; } .components-dropdown-menu__toggle { vertical-align: top; } .components-dropdown-menu__menu { width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 1.4; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item, .components-dropdown-menu__menu .components-menu-item { width: 100%; padding: 6px; outline: none; cursor: pointer; white-space: nowrap; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator, .components-dropdown-menu__menu .components-menu-item.has-separator { margin-top: 6px; position: relative; overflow: visible; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator::before, .components-dropdown-menu__menu .components-menu-item.has-separator::before { display: block; content: ""; box-sizing: content-box; background-color: #ddd; position: absolute; top: -3px; left: 0; right: 0; height: 1px; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg, .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active .dashicon, .components-dropdown-menu__menu .components-menu-item.is-active svg, .components-dropdown-menu__menu .components-menu-item.is-active .dashicon { color: #fff; background: #1e1e1e; box-shadow: 0 0 0 1px #1e1e1e; border-radius: 1px; } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only, .components-dropdown-menu__menu .components-menu-item.is-icon-only { width: auto; } .components-dropdown-menu__menu .components-menu-item__button, .components-dropdown-menu__menu .components-menu-item__button.components-button { min-height: 36px; height: auto; text-align: left; padding-left: 8px; padding-right: 8px; } .components-dropdown-menu__menu .components-menu-group { padding: 8px; margin-top: 0; margin-bottom: 0; margin-left: -8px; margin-right: -8px; } .components-dropdown-menu__menu .components-menu-group:first-child { margin-top: -8px; } .components-dropdown-menu__menu .components-menu-group:last-child { margin-bottom: -8px; } .components-dropdown-menu__menu .components-menu-group + .components-menu-group { margin-top: 0; border-top: 1px solid #ccc; padding: 8px; } .is-alternate .components-dropdown-menu__menu .components-menu-group + .components-menu-group { border-color: #1e1e1e; } .components-duotone-picker__color-indicator::before { background: transparent; } .components-duotone-picker__color-indicator > .components-button { background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); color: transparent; } .components-duotone-picker__color-indicator > .components-button.is-pressed:hover:not(:disabled) { background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); color: transparent; } .components-duotone-picker__color-indicator > .components-button:not([aria-disabled=true]):active { color: transparent; } .components-color-list-picker, .components-color-list-picker__swatch-button { width: 100%; } .components-color-list-picker__color-picker { margin: 8px 0; } .components-color-list-picker__swatch-button { padding: 6px; } .components-color-list-picker__swatch-color { margin: 2px; } .components-form-toggle { position: relative; display: inline-block; } .components-form-toggle .components-form-toggle__track { position: relative; content: ""; display: inline-block; box-sizing: border-box; vertical-align: top; background-color: #fff; border: 1px solid #1e1e1e; width: 36px; height: 18px; border-radius: 9px; transition: 0.2s background-color ease, 0.2s border-color ease; overflow: hidden; } @media (prefers-reduced-motion: reduce) { .components-form-toggle .components-form-toggle__track { transition-duration: 0s; transition-delay: 0s; } } .components-form-toggle .components-form-toggle__track::after { content: ""; position: absolute; inset: 0; box-sizing: border-box; border-top: 18px solid transparent; transition: 0.2s opacity ease; opacity: 0; } @media (prefers-reduced-motion: reduce) { .components-form-toggle .components-form-toggle__track::after { transition-duration: 0s; transition-delay: 0s; } } .components-form-toggle .components-form-toggle__thumb { display: block; position: absolute; box-sizing: border-box; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; transition: 0.2s transform ease, 0.2s background-color ease-out; background-color: #1e1e1e; border: 6px solid transparent; } @media (prefers-reduced-motion: reduce) { .components-form-toggle .components-form-toggle__thumb { transition-duration: 0s; transition-delay: 0s; } } .components-form-toggle.is-checked .components-form-toggle__track { background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-form-toggle.is-checked .components-form-toggle__track::after { opacity: 1; } .components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid transparent; outline-offset: 2px; } .components-form-toggle.is-checked .components-form-toggle__thumb { background-color: #fff; border-width: 0; transform: translateX(18px); } .components-form-toggle.is-disabled, .components-disabled .components-form-toggle { opacity: 0.3; } .components-form-toggle input.components-form-toggle__input[type=checkbox] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; z-index: 1; border: none; } .components-form-toggle input.components-form-toggle__input[type=checkbox]:checked { background: none; } .components-form-toggle input.components-form-toggle__input[type=checkbox]::before { content: ""; } .components-form-token-field__input-container { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #949494; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; width: 100%; padding: 0; cursor: text; } @media (prefers-reduced-motion: reduce) { .components-form-token-field__input-container { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .components-form-token-field__input-container { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-form-token-field__input-container:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-form-token-field__input-container::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-form-token-field__input-container::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-form-token-field__input-container:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-form-token-field__input-container.is-disabled { background: #ddd; border-color: #ddd; } .components-form-token-field__input-container.is-active { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-form-token-field__input-container input[type=text].components-form-token-field__input { display: inline-block; flex: 1; font-family: inherit; font-size: 16px; width: 100%; max-width: 100%; margin-left: 4px; padding: 0; min-height: 24px; min-width: 50px; background: inherit; border: 0; color: #1e1e1e; box-shadow: none; } @media (min-width: 600px) { .components-form-token-field__input-container input[type=text].components-form-token-field__input { font-size: 13px; } } .components-form-token-field__input-container input[type=text].components-form-token-field__input:focus, .components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input { outline: none; box-shadow: none; } .components-form-token-field__input-container .components-form-token-field__token + input[type=text].components-form-token-field__input { width: auto; } .components-form-token-field__token { font-size: 13px; display: flex; color: #1e1e1e; max-width: 100%; } .components-form-token-field__token.is-success .components-form-token-field__token-text, .components-form-token-field__token.is-success .components-form-token-field__remove-token { background: #4ab866; } .components-form-token-field__token.is-error .components-form-token-field__token-text, .components-form-token-field__token.is-error .components-form-token-field__remove-token { background: #cc1818; } .components-form-token-field__token.is-validating .components-form-token-field__token-text, .components-form-token-field__token.is-validating .components-form-token-field__remove-token { color: #757575; } .components-form-token-field__token.is-borderless { position: relative; padding: 0 24px 0 0; } .components-form-token-field__token.is-borderless .components-form-token-field__token-text { background: transparent; color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-form-token-field__token.is-borderless .components-form-token-field__remove-token { background: transparent; color: #757575; position: absolute; top: 1px; right: 0; padding: 0; } .components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text { color: #4ab866; } .components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text { color: #cc1818; border-radius: 4px 0 0 4px; padding: 0 4px 0 6px; } .components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text { color: #1e1e1e; } .components-form-token-field__token.is-disabled .components-form-token-field__remove-token { cursor: default; } .components-form-token-field__token-text, .components-form-token-field__remove-token.components-button { display: inline-block; line-height: 24px; height: auto; background: #ddd; min-width: unset; transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); } @media (prefers-reduced-motion: reduce) { .components-form-token-field__token-text, .components-form-token-field__remove-token.components-button { transition-duration: 0s; transition-delay: 0s; animation-duration: 1ms; animation-delay: 0s; } } .components-form-token-field__token-text { border-radius: 2px 0 0 2px; padding: 0 0 0 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .components-form-token-field__remove-token.components-button { cursor: pointer; border-radius: 0 2px 2px 0; padding: 0 2px; color: #1e1e1e; line-height: 10px; overflow: initial; } .components-form-token-field__remove-token.components-button:hover { color: #1e1e1e; } .components-form-token-field__suggestions-list { flex: 1 0 100%; min-width: 100%; max-height: 128px; overflow-y: auto; transition: all 0.15s ease-in-out; list-style: none; box-shadow: inset 0 1px 0 0 #949494; margin: 0; padding: 0; } @media (prefers-reduced-motion: reduce) { .components-form-token-field__suggestions-list { transition-duration: 0s; transition-delay: 0s; } } .components-form-token-field__suggestion { color: #1e1e1e; display: block; font-size: 13px; padding: 8px 12px; min-height: 32px; margin: 0; cursor: pointer; box-sizing: border-box; } .components-form-token-field__suggestion.is-selected { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); color: #fff; } @media (min-width: 600px) { .components-guide { width: 600px; } } .components-guide .components-modal__content { padding: 0; margin-top: 0; border-radius: 2px; } .components-guide .components-modal__content::before { content: none; } .components-guide .components-modal__header { border-bottom: none; padding: 0; position: sticky; height: 60px; } .components-guide .components-modal__header .components-button { align-self: flex-start; margin: 8px 8px 0 0; position: static; } .components-guide .components-modal__header .components-button:hover svg { fill: #fff; } .components-guide__container { display: flex; flex-direction: column; justify-content: space-between; margin-top: -60px; min-height: 100%; } .components-guide__page { display: flex; flex-direction: column; justify-content: center; position: relative; } @media (min-width: 600px) { .components-guide__page { min-height: 300px; } } .components-guide__footer { align-content: center; display: flex; height: 36px; justify-content: center; margin: 0 0 24px 0; padding: 0 32px; position: relative; width: 100%; } .components-guide__page-control { margin: 0; text-align: center; } .components-guide__page-control li { display: inline-block; margin: 0; } .components-guide__page-control .components-button { height: 30px; min-width: 20px; margin: -6px 0; color: #e0e0e0; } .components-guide__page-control li[aria-current=step] .components-button { color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-modal__frame.components-guide { border: none; min-width: 312px; max-height: 575px; } @media (max-width: 600px) { .components-modal__frame.components-guide { margin: auto; max-width: calc(100vw - 16px * 2); } } .components-button.components-guide__back-button, .components-button.components-guide__forward-button, .components-button.components-guide__finish-button { position: absolute; } .components-button.components-guide__back-button { left: 32px; } .components-button.components-guide__forward-button, .components-button.components-guide__finish-button { right: 32px; } [role=region] { position: relative; } .is-focusing-regions [role=region]:focus::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; pointer-events: none; outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline-offset: -4px; z-index: 1000000; } .is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header, .is-focusing-regions .interface-interface-skeleton__sidebar .edit-post-layout__toggle-sidebar-panel, .is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-publish-panel, .is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-entities-saved-states-panel, .is-focusing-regions .editor-post-publish-panel { outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline-offset: -4px; } .components-menu-group + .components-menu-group { margin-top: 8px; padding-top: 8px; border-top: 1px solid #1e1e1e; } .components-menu-group + .components-menu-group.has-hidden-separator { border-top: none; margin-top: 0; padding-top: 0; } .components-menu-group__label { padding: 0 8px; margin-top: 4px; margin-bottom: 12px; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; white-space: nowrap; } .components-menu-item__button, .components-menu-item__button.components-button { width: 100%; } .components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child, .components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child, .components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child, .components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child { padding-right: 48px; box-sizing: initial; } .components-menu-item__button .components-menu-items__item-icon, .components-menu-item__button.components-button .components-menu-items__item-icon { display: inline-block; flex: 0 0 auto; } .components-menu-item__button .components-menu-items__item-icon.has-icon-right, .components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right { margin-right: -2px; margin-left: 24px; } .components-menu-item__button .components-menu-item__shortcut + .components-menu-items__item-icon.has-icon-right, .components-menu-item__button.components-button .components-menu-item__shortcut + .components-menu-items__item-icon.has-icon-right { margin-left: 8px; } .components-menu-item__button .block-editor-block-icon, .components-menu-item__button.components-button .block-editor-block-icon { margin-left: -2px; margin-right: 8px; } .components-menu-item__button.is-primary, .components-menu-item__button.components-button.is-primary { justify-content: center; } .components-menu-item__button.is-primary .components-menu-item__item, .components-menu-item__button.components-button.is-primary .components-menu-item__item { margin-right: 0; } .components-menu-item__button:disabled.is-tertiary, .components-menu-item__button[aria-disabled=true].is-tertiary, .components-menu-item__button.components-button:disabled.is-tertiary, .components-menu-item__button.components-button[aria-disabled=true].is-tertiary { background: none; color: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); opacity: 0.3; } .components-menu-item__info-wrapper { display: flex; flex-direction: column; margin-right: auto; } .components-menu-item__info { margin-top: 4px; font-size: 12px; color: #757575; white-space: normal; } .components-menu-item__item { white-space: nowrap; min-width: 160px; margin-right: auto; display: inline-flex; align-items: center; } .components-menu-item__shortcut { align-self: center; margin-right: 0; margin-left: auto; padding-left: 24px; color: currentColor; display: none; } @media (min-width: 480px) { .components-menu-item__shortcut { display: inline; } } .components-menu-items-choice svg, .components-menu-items-choice.components-button svg { margin-right: 12px; } .components-menu-items-choice.has-icon, .components-menu-items-choice.components-button.has-icon { padding-left: 12px; } .components-modal__screen-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.35); z-index: 100000; display: flex; animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-modal__screen-overlay { animation-duration: 1ms; animation-delay: 0s; } } .components-modal__frame { box-sizing: border-box; margin: 40px 0 0 0; width: 100%; background: #fff; box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.15), 0 2.7px 3.8px -0.2px rgba(0, 0, 0, 0.15), 0 5.5px 7.8px -0.3px rgba(0, 0, 0, 0.15), 0.1px 11.5px 16.4px -0.5px rgba(0, 0, 0, 0.15); border-radius: 4px 4px 0 0; overflow: hidden; display: flex; animation: components-modal__appear-animation 0.1s ease-out; animation-fill-mode: forwards; } .components-modal__frame *, .components-modal__frame *::before, .components-modal__frame *::after { box-sizing: inherit; } @media (prefers-reduced-motion: reduce) { .components-modal__frame { animation-duration: 1ms; animation-delay: 0s; } } @media (min-width: 600px) { .components-modal__frame { border-radius: 4px; margin: auto; width: auto; min-width: 350px; max-width: calc(100% - 32px); max-height: calc(100% - 120px); } } @media (min-width: 600px) and (min-width: 600px) { .components-modal__frame.is-full-screen { width: calc(100% - 32px); height: calc(100% - 32px); max-height: none; } } @media (min-width: 600px) and (min-width: 782px) { .components-modal__frame.is-full-screen { width: calc(100% - 80px); height: calc(100% - 80px); max-width: none; } } @media (min-width: 600px) { .components-modal__frame.has-size-small, .components-modal__frame.has-size-medium, .components-modal__frame.has-size-large { width: 100%; } .components-modal__frame.has-size-small { max-width: 384px; } .components-modal__frame.has-size-medium { max-width: 512px; } .components-modal__frame.has-size-large { max-width: 840px; } } @media (min-width: 960px) { .components-modal__frame { max-height: 70%; } } @keyframes components-modal__appear-animation { from { transform: translateY(32px); } to { transform: translateY(0); } } .components-modal__header { box-sizing: border-box; border-bottom: 1px solid transparent; padding: 24px 32px 8px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 72px; width: 100%; z-index: 10; position: absolute; top: 0; left: 0; } .components-modal__header .components-modal__header-heading { font-size: 1.2rem; font-weight: 600; } .components-modal__header h1 { line-height: 1; margin: 0; } .components-modal__header .components-button { position: relative; left: 8px; } .components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header { border-bottom-color: #ddd; } .components-modal__header + p { margin-top: 0; } .components-modal__header-heading-container { align-items: center; flex-grow: 1; display: flex; flex-direction: row; justify-content: left; } .components-modal__header-icon-container { display: inline-block; } .components-modal__header-icon-container svg { max-width: 36px; max-height: 36px; padding: 8px; } .components-modal__content { flex: 1; margin-top: 72px; padding: 4px 32px 32px; overflow: auto; } .components-modal__content.hide-header { margin-top: 0; padding-top: 32px; } .components-modal__content.is-scrollable:focus-visible { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid transparent; outline-offset: -2px; } .components-notice { display: flex; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; background-color: #fff; border-left: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); padding: 8px 12px; align-items: center; } .components-notice.is-dismissible { position: relative; } .components-notice.is-success { border-left-color: #4ab866; background-color: #eff9f1; } .components-notice.is-warning { border-left-color: #f0b849; background-color: #fef8ee; } .components-notice.is-error { border-left-color: #cc1818; background-color: #f4a2a2; } .components-notice__content { flex-grow: 1; margin: 4px 25px 4px 0; } .components-notice__actions { display: flex; flex-wrap: wrap; } .components-notice__action.components-button { margin-right: 8px; } .components-notice__action.components-button, .components-notice__action.components-button.is-link { margin-left: 12px; } .components-notice__action.components-button.is-secondary { vertical-align: initial; } .components-notice__dismiss { color: #757575; align-self: flex-start; flex-shrink: 0; } .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus { color: #1e1e1e; background-color: transparent; } .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { box-shadow: none; } .components-notice-list { max-width: 100vw; box-sizing: border-box; } .components-notice-list .components-notice__content { margin-top: 12px; margin-bottom: 12px; line-height: 2; } .components-notice-list .components-notice__action.components-button { display: block; margin-left: 0; margin-top: 8px; } .components-panel { background: #fff; border: 1px solid #e0e0e0; } .components-panel > .components-panel__header:first-child, .components-panel > .components-panel__body:first-child { margin-top: -1px; } .components-panel > .components-panel__header:last-child, .components-panel > .components-panel__body:last-child { border-bottom-width: 0; } .components-panel + .components-panel { margin-top: -1px; } .components-panel__body { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .components-panel__body h3 { margin: 0 0 0.5em; } .components-panel__body.is-opened { padding: 16px; } .components-panel__header { display: flex; justify-content: space-between; align-items: center; padding: 0 16px; border-bottom: 1px solid #ddd; box-sizing: content-box; height: 47px; } .components-panel__header h2 { margin: 0; font-size: inherit; color: inherit; } .components-panel__body + .components-panel__body, .components-panel__body + .components-panel__header, .components-panel__header + .components-panel__body, .components-panel__header + .components-panel__header { margin-top: -1px; } .components-panel__body > .components-panel__body-title { display: block; padding: 0; font-size: inherit; margin-top: 0; margin-bottom: 0; transition: 0.1s background ease-in-out; } @media (prefers-reduced-motion: reduce) { .components-panel__body > .components-panel__body-title { transition-duration: 0s; transition-delay: 0s; } } .components-panel__body.is-opened > .components-panel__body-title { margin: -16px; margin-bottom: 5px; } .components-panel__body > .components-panel__body-title:hover { background: #f0f0f0; border: none; } .components-panel__body-toggle.components-button { position: relative; padding: 16px 48px 16px 16px; outline: none; width: 100%; font-weight: 500; text-align: left; color: #1e1e1e; border: none; box-shadow: none; transition: 0.1s background ease-in-out; height: auto; /* rtl:begin:ignore */ /* rtl:end:ignore */ } @media (prefers-reduced-motion: reduce) { .components-panel__body-toggle.components-button { transition-duration: 0s; transition-delay: 0s; } } .components-panel__body-toggle.components-button:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-radius: 0; } .components-panel__body-toggle.components-button .components-panel__arrow { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: #1e1e1e; fill: currentColor; transition: 0.1s color ease-in-out; } @media (prefers-reduced-motion: reduce) { .components-panel__body-toggle.components-button .components-panel__arrow { transition-duration: 0s; transition-delay: 0s; } } body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right { transform: scaleX(-1); -ms-filter: fliph; filter: FlipH; margin-top: -10px; } .components-panel__icon { color: #757575; margin: -2px 0 -2px 6px; } .components-panel__body-toggle-icon { margin-right: -5px; } .components-panel__color-title { float: left; height: 19px; } .components-panel__row { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; min-height: 36px; } .components-panel__row select { min-width: 0; } .components-panel__row label { margin-right: 12px; flex-shrink: 0; max-width: 75%; } .components-panel__row:empty, .components-panel__row:first-of-type { margin-top: 0; } .components-panel .circle-picker { padding-bottom: 20px; } .components-placeholder.components-placeholder { font-size: 13px; box-sizing: border-box; position: relative; padding: 1em; width: 100%; text-align: left; margin: 0; color: #1e1e1e; -moz-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased; border-radius: 2px; background-color: #fff; box-shadow: inset 0 0 0 1px #1e1e1e; outline: 1px solid transparent; } @supports (position: sticky) { .components-placeholder.components-placeholder { display: flex; flex-direction: column; justify-content: top; align-items: flex-start; } } .components-placeholder__error, .components-placeholder__instructions, .components-placeholder__label, .components-placeholder__fieldset { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; letter-spacing: initial; line-height: initial; text-transform: none; font-weight: normal; } .components-placeholder__label { display: flex; font-weight: 600; margin-bottom: 16px; align-items: center; } .components-placeholder__label > svg, .components-placeholder__label .dashicon, .components-placeholder__label .block-editor-block-icon { margin-right: 12px; fill: currentColor; } @media (forced-colors: active) { .components-placeholder__label > svg, .components-placeholder__label .dashicon, .components-placeholder__label .block-editor-block-icon { fill: CanvasText; } } .components-placeholder__label:empty { display: none; } .components-placeholder__fieldset, .components-placeholder__fieldset form { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; } .components-placeholder__fieldset p, .components-placeholder__fieldset form p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .components-placeholder__fieldset.is-column-layout, .components-placeholder__fieldset.is-column-layout form { flex-direction: column; } .components-placeholder__input[type=url] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #949494; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; margin: 0 8px 0 0; flex: 1 1 auto; } @media (prefers-reduced-motion: reduce) { .components-placeholder__input[type=url] { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .components-placeholder__input[type=url] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-placeholder__input[type=url]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-placeholder__input[type=url]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-placeholder__input[type=url]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-placeholder__input[type=url]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-placeholder__instructions { margin-bottom: 1em; } .components-placeholder__error { margin-top: 1em; width: 100%; } .components-placeholder__fieldset .components-button { margin-right: 12px; margin-bottom: 12px; } .components-placeholder__fieldset .components-button:last-child { margin-bottom: 0; margin-right: 0; } .components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link { margin-left: 10px; margin-right: 10px; } .components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link:last-child { margin-right: 0; } .components-placeholder.is-large .components-placeholder__label { font-size: 18pt; font-weight: normal; } .components-placeholder.is-medium .components-placeholder__instructions, .components-placeholder.is-small .components-placeholder__instructions { display: none; } .components-placeholder.is-medium .components-placeholder__fieldset, .components-placeholder.is-medium .components-placeholder__fieldset form, .components-placeholder.is-small .components-placeholder__fieldset, .components-placeholder.is-small .components-placeholder__fieldset form { flex-direction: column; } .components-placeholder.is-medium .components-placeholder__fieldset .components-button, .components-placeholder.is-small .components-placeholder__fieldset .components-button { margin-right: auto; } .components-placeholder.is-small .components-button { padding: 0 8px 2px; } /** * Dashed style placeholders */ .components-placeholder.has-illustration { color: inherit; display: flex; box-shadow: none; -webkit-backdrop-filter: blur(100px); backdrop-filter: blur(100px); background-color: transparent; backface-visibility: hidden; border-radius: 2px; overflow: auto; } .is-dark-theme .components-placeholder.has-illustration { background-color: rgba(0, 0, 0, 0.1); } .components-placeholder.has-illustration .components-placeholder__fieldset { width: auto; margin-left: 0; margin-right: 0; } .components-placeholder.has-illustration .components-placeholder__label, .components-placeholder.has-illustration .components-placeholder__instructions, .components-placeholder.has-illustration .components-button { opacity: 0; pointer-events: none; transition: opacity 0.1s linear; } @media (prefers-reduced-motion: reduce) { .components-placeholder.has-illustration .components-placeholder__label, .components-placeholder.has-illustration .components-placeholder__instructions, .components-placeholder.has-illustration .components-button { transition-duration: 0s; transition-delay: 0s; } } .is-selected > .components-placeholder.has-illustration .components-placeholder__label, .is-selected > .components-placeholder.has-illustration .components-placeholder__instructions, .is-selected > .components-placeholder.has-illustration .components-button { opacity: 1; pointer-events: auto; } .components-placeholder.has-illustration::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: currentColor; opacity: 0.1; } .components-placeholder__preview { display: flex; justify-content: center; } .components-placeholder__illustration { box-sizing: content-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; stroke: currentColor; opacity: 0.25; } .components-popover { box-sizing: border-box; z-index: 1000000; will-change: transform; } .components-popover *, .components-popover *::before, .components-popover *::after { box-sizing: inherit; } .components-popover.is-expanded { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000000 !important; } .components-popover__content { background: #fff; box-shadow: 0 0 0 1px #ccc, 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1); border-radius: 2px; box-sizing: border-box; width: min-content; } .is-alternate .components-popover__content { box-shadow: 0 0 0 1px #1e1e1e; } .is-unstyled .components-popover__content { background: none; border-radius: 0; box-shadow: none; } .components-popover.is-expanded .components-popover__content { position: static; height: calc(100% - 48px); overflow-y: visible; width: auto; box-shadow: 0 -1px 0 0 #ccc; } .components-popover.is-expanded.is-alternate .components-popover__content { box-shadow: 0 -1px 0 #1e1e1e; } .components-popover__header { align-items: center; background: #fff; display: flex; height: 48px; justify-content: space-between; padding: 0 8px 0 16px; } .components-popover__header-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .components-popover__close.components-button { z-index: 5; } .components-popover__arrow { position: absolute; width: 14px; height: 14px; pointer-events: none; display: flex; } .components-popover__arrow::before { content: ""; position: absolute; top: -1px; left: 1px; height: 2px; right: 1px; background-color: #fff; } .components-popover__arrow.is-top { bottom: -14px !important; transform: rotate(0); } .components-popover__arrow.is-right { /*rtl:begin:ignore*/ left: -14px !important; transform: rotate(90deg); } .components-popover__arrow.is-bottom { top: -14px !important; transform: rotate(180deg); } .components-popover__arrow.is-left { /*rtl:begin:ignore*/ right: -14px !important; transform: rotate(-90deg); /*rtl:end:ignore*/ } .components-popover__triangle { display: block; flex: 1; } .components-popover__triangle-bg { fill: #fff; } .components-popover__triangle-border { fill: transparent; stroke-width: 1px; stroke: #ccc; } .is-alternate .components-popover__triangle-border { stroke: #1e1e1e; } .components-popover-pointer-events-trap { z-index: 1000000; position: fixed; inset: 0; background-color: transparent; } .components-radio-control__option { display: flex; align-items: center; } .components-radio-control__input[type=radio] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #949494; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; border: 1px solid #1e1e1e; margin-right: 12px; transition: none; border-radius: 50%; width: 24px; height: 24px; display: inline-flex; margin: 0 6px 0 0; padding: 0; -webkit-appearance: none; appearance: none; cursor: pointer; } @media (prefers-reduced-motion: reduce) { .components-radio-control__input[type=radio] { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .components-radio-control__input[type=radio] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-radio-control__input[type=radio]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-radio-control__input[type=radio]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-radio-control__input[type=radio]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-radio-control__input[type=radio]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } @media (min-width: 600px) { .components-radio-control__input[type=radio] { height: 20px; width: 20px; } } .components-radio-control__input[type=radio]:checked::before { box-sizing: inherit; width: 8px; height: 8px; transform: translate(7px, 7px); margin: 0; background-color: #fff; border: 4px solid #fff; } @media (min-width: 600px) { .components-radio-control__input[type=radio]:checked::before { transform: translate(5px, 5px); } } .components-radio-control__input[type=radio]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-radio-control__input[type=radio]:checked { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); } .components-radio-control__input[type=radio]:focus { box-shadow: 0 0 0 2px var(--wp-components-color-background, #fff), 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-radio-control__input[type=radio]:checked { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-radio-control__input[type=radio]:checked::before { content: ""; border-radius: 50%; } .components-radio-control__label { cursor: pointer; } .components-resizable-box__handle { display: none; width: 23px; height: 23px; z-index: 2; } .components-resizable-box__container.has-show-handle .components-resizable-box__handle { display: block; } .components-resizable-box__container > img { width: inherit; } .components-resizable-box__handle::after { display: block; content: ""; width: 15px; height: 15px; border-radius: 50%; background: #fff; cursor: inherit; position: absolute; top: calc(50% - 8px); right: calc(50% - 8px); box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid transparent; } .components-resizable-box__side-handle::before { display: block; border-radius: 2px; content: ""; width: 3px; height: 3px; background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); cursor: inherit; position: absolute; top: calc(50% - 1px); right: calc(50% - 1px); transition: transform 0.1s ease-in; will-change: transform; opacity: 0; } @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle::before { transition-duration: 0s; transition-delay: 0s; } } .components-resizable-box__side-handle { z-index: 2; } .components-resizable-box__corner-handle { z-index: 2; } .components-resizable-box__side-handle.components-resizable-box__handle-top, .components-resizable-box__side-handle.components-resizable-box__handle-bottom, .components-resizable-box__side-handle.components-resizable-box__handle-top::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom::before { width: 100%; left: 0; border-left: 0; border-right: 0; } .components-resizable-box__side-handle.components-resizable-box__handle-left, .components-resizable-box__side-handle.components-resizable-box__handle-right, .components-resizable-box__side-handle.components-resizable-box__handle-left::before, .components-resizable-box__side-handle.components-resizable-box__handle-right::before { height: 100%; top: 0; border-top: 0; border-bottom: 0; } .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { animation: components-resizable-box__top-bottom-animation 0.1s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { animation-duration: 1ms; animation-delay: 0s; } } .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { animation: components-resizable-box__left-right-animation 0.1s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { animation-duration: 1ms; animation-delay: 0s; } } /* This CSS is shown only to Safari, which has a bug with table-caption making it jumpy. See https://bugs.webkit.org/show_bug.cgi?id=187903. */ @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { animation: none; } .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { animation: none; } } } @keyframes components-resizable-box__top-bottom-animation { from { transform: scaleX(0); opacity: 0; } to { transform: scaleX(1); opacity: 1; } } @keyframes components-resizable-box__left-right-animation { from { transform: scaleY(0); opacity: 0; } to { transform: scaleY(1); opacity: 1; } } /*!rtl:begin:ignore*/ .components-resizable-box__handle-right { right: calc(11.5px * -1); } .components-resizable-box__handle-left { left: calc(11.5px * -1); } .components-resizable-box__handle-top { top: calc(11.5px * -1); } .components-resizable-box__handle-bottom { bottom: calc(11.5px * -1); } /*!rtl:end:ignore*/ .components-responsive-wrapper { position: relative; max-width: 100%; display: flex; align-items: center; justify-content: center; } .components-responsive-wrapper__content { display: block; max-width: 100%; width: 100%; } .components-sandbox { overflow: hidden; } iframe.components-sandbox { width: 100%; } html.lockscroll, body.lockscroll { overflow: hidden; } .components-select-control__input { outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; } @media (max-width: 782px) { .components-base-control .components-base-control__field .components-select-control__input { font-size: 16px; } } .components-snackbar { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; background: rgba(0, 0, 0, 0.85); -webkit-backdrop-filter: blur(16px) saturate(180%); backdrop-filter: blur(16px) saturate(180%); border-radius: 2px; box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1); color: #fff; padding: 12px 20px; width: 100%; max-width: 600px; box-sizing: border-box; cursor: pointer; pointer-events: auto; } @media (min-width: 600px) { .components-snackbar { width: -moz-fit-content; width: fit-content; } } .components-snackbar:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); } .components-snackbar.components-snackbar-explicit-dismiss { cursor: default; } .components-snackbar .components-snackbar__content-with-icon { position: relative; padding-left: 24px; } .components-snackbar .components-snackbar__icon { position: absolute; left: -8px; top: calc((5.8px) / -2); } .components-snackbar .components-snackbar__dismiss-button { margin-left: 24px; cursor: pointer; } .components-snackbar__action.components-button { margin-left: 32px; color: #fff; height: auto; flex-shrink: 0; line-height: 1.4; padding: 0; } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) { text-decoration: underline; background-color: transparent; } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus { color: #fff; box-shadow: none; outline: 1px dotted #fff; } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { text-decoration: none; color: #fff; } .components-snackbar__content { display: flex; align-items: baseline; justify-content: space-between; line-height: 1.4; } .components-snackbar-list { position: absolute; z-index: 100000; width: 100%; box-sizing: border-box; pointer-events: none; } .components-snackbar-list__notice-container { position: relative; padding-top: 8px; } .components-tab-panel__tabs { display: flex; align-items: stretch; flex-direction: row; } .components-tab-panel__tabs[aria-orientation=vertical] { flex-direction: column; } .components-tab-panel__tabs-item { position: relative; border-radius: 0; height: 48px; background: transparent; border: none; box-shadow: none; cursor: pointer; padding: 3px 16px; margin-left: 0; font-weight: 500; } .components-tab-panel__tabs-item:focus:not(:disabled) { position: relative; box-shadow: none; outline: none; } .components-tab-panel__tabs-item::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; pointer-events: none; background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); height: calc(0 * var(--wp-admin-border-width-focus)); border-radius: 0; transition: all 0.1s linear; } @media (prefers-reduced-motion: reduce) { .components-tab-panel__tabs-item::after { transition-duration: 0s; transition-delay: 0s; } } .components-tab-panel__tabs-item.is-active::after { height: calc(1 * var(--wp-admin-border-width-focus)); outline: 2px solid transparent; outline-offset: -1px; } .components-tab-panel__tabs-item::before { content: ""; position: absolute; top: 12px; right: 12px; bottom: 12px; left: 12px; pointer-events: none; box-shadow: 0 0 0 0 transparent; border-radius: 2px; transition: all 0.1s linear; } @media (prefers-reduced-motion: reduce) { .components-tab-panel__tabs-item::before { transition-duration: 0s; transition-delay: 0s; } } .components-tab-panel__tabs-item:focus-visible::before { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid transparent; } .components-text-control__input, .components-text-control__input[type=text], .components-text-control__input[type=tel], .components-text-control__input[type=time], .components-text-control__input[type=url], .components-text-control__input[type=week], .components-text-control__input[type=password], .components-text-control__input[type=color], .components-text-control__input[type=date], .components-text-control__input[type=datetime], .components-text-control__input[type=datetime-local], .components-text-control__input[type=email], .components-text-control__input[type=month], .components-text-control__input[type=number] { width: 100%; height: 32px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #949494; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; } @media (prefers-reduced-motion: reduce) { .components-text-control__input, .components-text-control__input[type=text], .components-text-control__input[type=tel], .components-text-control__input[type=time], .components-text-control__input[type=url], .components-text-control__input[type=week], .components-text-control__input[type=password], .components-text-control__input[type=color], .components-text-control__input[type=date], .components-text-control__input[type=datetime], .components-text-control__input[type=datetime-local], .components-text-control__input[type=email], .components-text-control__input[type=month], .components-text-control__input[type=number] { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .components-text-control__input, .components-text-control__input[type=text], .components-text-control__input[type=tel], .components-text-control__input[type=time], .components-text-control__input[type=url], .components-text-control__input[type=week], .components-text-control__input[type=password], .components-text-control__input[type=color], .components-text-control__input[type=date], .components-text-control__input[type=datetime], .components-text-control__input[type=datetime-local], .components-text-control__input[type=email], .components-text-control__input[type=month], .components-text-control__input[type=number] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .components-text-control__input:focus, .components-text-control__input[type=text]:focus, .components-text-control__input[type=tel]:focus, .components-text-control__input[type=time]:focus, .components-text-control__input[type=url]:focus, .components-text-control__input[type=week]:focus, .components-text-control__input[type=password]:focus, .components-text-control__input[type=color]:focus, .components-text-control__input[type=date]:focus, .components-text-control__input[type=datetime]:focus, .components-text-control__input[type=datetime-local]:focus, .components-text-control__input[type=email]:focus, .components-text-control__input[type=month]:focus, .components-text-control__input[type=number]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-text-control__input::-webkit-input-placeholder, .components-text-control__input[type=text]::-webkit-input-placeholder, .components-text-control__input[type=tel]::-webkit-input-placeholder, .components-text-control__input[type=time]::-webkit-input-placeholder, .components-text-control__input[type=url]::-webkit-input-placeholder, .components-text-control__input[type=week]::-webkit-input-placeholder, .components-text-control__input[type=password]::-webkit-input-placeholder, .components-text-control__input[type=color]::-webkit-input-placeholder, .components-text-control__input[type=date]::-webkit-input-placeholder, .components-text-control__input[type=datetime]::-webkit-input-placeholder, .components-text-control__input[type=datetime-local]::-webkit-input-placeholder, .components-text-control__input[type=email]::-webkit-input-placeholder, .components-text-control__input[type=month]::-webkit-input-placeholder, .components-text-control__input[type=number]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-text-control__input::-moz-placeholder, .components-text-control__input[type=text]::-moz-placeholder, .components-text-control__input[type=tel]::-moz-placeholder, .components-text-control__input[type=time]::-moz-placeholder, .components-text-control__input[type=url]::-moz-placeholder, .components-text-control__input[type=week]::-moz-placeholder, .components-text-control__input[type=password]::-moz-placeholder, .components-text-control__input[type=color]::-moz-placeholder, .components-text-control__input[type=date]::-moz-placeholder, .components-text-control__input[type=datetime]::-moz-placeholder, .components-text-control__input[type=datetime-local]::-moz-placeholder, .components-text-control__input[type=email]::-moz-placeholder, .components-text-control__input[type=month]::-moz-placeholder, .components-text-control__input[type=number]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .components-text-control__input:-ms-input-placeholder, .components-text-control__input[type=text]:-ms-input-placeholder, .components-text-control__input[type=tel]:-ms-input-placeholder, .components-text-control__input[type=time]:-ms-input-placeholder, .components-text-control__input[type=url]:-ms-input-placeholder, .components-text-control__input[type=week]:-ms-input-placeholder, .components-text-control__input[type=password]:-ms-input-placeholder, .components-text-control__input[type=color]:-ms-input-placeholder, .components-text-control__input[type=date]:-ms-input-placeholder, .components-text-control__input[type=datetime]:-ms-input-placeholder, .components-text-control__input[type=datetime-local]:-ms-input-placeholder, .components-text-control__input[type=email]:-ms-input-placeholder, .components-text-control__input[type=month]:-ms-input-placeholder, .components-text-control__input[type=number]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .components-text-control__input.is-next-40px-default-size, .components-text-control__input[type=text].is-next-40px-default-size, .components-text-control__input[type=tel].is-next-40px-default-size, .components-text-control__input[type=time].is-next-40px-default-size, .components-text-control__input[type=url].is-next-40px-default-size, .components-text-control__input[type=week].is-next-40px-default-size, .components-text-control__input[type=password].is-next-40px-default-size, .components-text-control__input[type=color].is-next-40px-default-size, .components-text-control__input[type=date].is-next-40px-default-size, .components-text-control__input[type=datetime].is-next-40px-default-size, .components-text-control__input[type=datetime-local].is-next-40px-default-size, .components-text-control__input[type=email].is-next-40px-default-size, .components-text-control__input[type=month].is-next-40px-default-size, .components-text-control__input[type=number].is-next-40px-default-size { height: 40px; } .components-tip { display: flex; color: #757575; } .components-tip svg { align-self: center; fill: #f0b849; flex-shrink: 0; margin-right: 16px; } .components-tip p { margin: 0; } .components-accessible-toolbar { display: inline-flex; border: 1px solid #1e1e1e; border-radius: 2px; flex-shrink: 0; } .components-accessible-toolbar > .components-toolbar-group:last-child { border-right: none; } .components-accessible-toolbar.is-unstyled { border: none; } .components-accessible-toolbar.is-unstyled > .components-toolbar-group { border-right: none; } .components-accessible-toolbar .components-button, .components-toolbar .components-button { position: relative; height: 48px; z-index: 1; padding-left: 16px; padding-right: 16px; } .components-accessible-toolbar .components-button:focus:not(:disabled), .components-toolbar .components-button:focus:not(:disabled) { box-shadow: none; outline: none; } .components-accessible-toolbar .components-button::before, .components-toolbar .components-button::before { content: ""; position: absolute; display: block; border-radius: 2px; height: 32px; left: 8px; right: 8px; z-index: -1; animation: components-button__appear-animation 0.1s ease; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-accessible-toolbar .components-button::before, .components-toolbar .components-button::before { animation-duration: 1ms; animation-delay: 0s; } } .components-accessible-toolbar .components-button svg, .components-toolbar .components-button svg { position: relative; margin-left: auto; margin-right: auto; } .components-accessible-toolbar .components-button.is-pressed, .components-toolbar .components-button.is-pressed { background: transparent; } .components-accessible-toolbar .components-button.is-pressed:hover, .components-toolbar .components-button.is-pressed:hover { background: transparent; } .components-accessible-toolbar .components-button.is-pressed::before, .components-toolbar .components-button.is-pressed::before { background: #1e1e1e; } .components-accessible-toolbar .components-button:focus::before, .components-toolbar .components-button:focus::before { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; } .components-accessible-toolbar .components-button.has-icon.has-icon, .components-toolbar .components-button.has-icon.has-icon { padding-left: 12px; padding-right: 12px; min-width: 48px; } .components-accessible-toolbar .components-button.components-tab-button, .components-toolbar .components-button.components-tab-button { font-weight: 500; } .components-accessible-toolbar .components-button.components-tab-button span, .components-toolbar .components-button.components-tab-button span { display: inline-block; padding-left: 0; padding-right: 0; position: relative; } @keyframes components-button__appear-animation { from { transform: scaleY(0); } to { transform: scaleY(1); } } .components-toolbar__control.components-button { position: relative; } .components-toolbar__control.components-button[data-subscript] svg { padding: 5px 10px 5px 0; } .components-toolbar__control.components-button[data-subscript]::after { content: attr(data-subscript); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; font-weight: 600; line-height: 12px; position: absolute; right: 8px; bottom: 10px; } .components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]::after { color: #fff; } .components-toolbar-group { min-height: 48px; border-right: 1px solid #1e1e1e; background-color: #fff; display: inline-flex; flex-shrink: 0; flex-wrap: wrap; padding-left: 6px; padding-right: 6px; line-height: 0; } .components-toolbar-group .components-toolbar-group.components-toolbar-group { border-width: 0; margin: 0; } .components-toolbar-group .components-button.components-button, .components-toolbar-group .components-button.has-icon.has-icon { justify-content: center; min-width: 36px; padding-left: 6px; padding-right: 6px; } .components-toolbar-group .components-button.components-button svg, .components-toolbar-group .components-button.has-icon.has-icon svg { min-width: 24px; } .components-toolbar-group .components-button.components-button::before, .components-toolbar-group .components-button.has-icon.has-icon::before { left: 2px; right: 2px; } .components-toolbar { min-height: 48px; margin: 0; border: 1px solid #1e1e1e; background-color: #fff; display: inline-flex; flex-shrink: 0; flex-wrap: wrap; } .components-toolbar .components-toolbar.components-toolbar { border-width: 0; margin: 0; } div.components-toolbar > div { display: block; margin: 0; } @supports (position: sticky) { div.components-toolbar > div { display: flex; } } div.components-toolbar > div + div.has-left-divider { margin-left: 6px; position: relative; overflow: visible; } div.components-toolbar > div + div.has-left-divider::before { display: inline-block; content: ""; box-sizing: content-box; background-color: #ddd; position: absolute; top: 8px; left: -3px; width: 1px; height: 20px; } .components-tooltip { background: #000; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; border-radius: 2px; color: #f0f0f0; text-align: center; line-height: 1.4; font-size: 12px; padding: 4px 8px; z-index: 1000002; } .components-tooltip__shortcut { margin-left: 8px; } /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Colors */ /** * Breakpoints & Media Queries */ /** * SCSS Variables. * * Please use variables from this sheet to ensure consistency across the UI. * Don't add to this sheet unless you're pretty sure the value will be reused in many places. * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Colors */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Breakpoint mixins */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122, 0, 223; --wp-bound-block-color: #9747ff; } @media (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .block-editor-autocompleters__block { white-space: nowrap; } .block-editor-autocompleters__block .block-editor-block-icon { margin-right: 8px; } .block-editor-autocompleters__link { white-space: nowrap; } .block-editor-autocompleters__link .block-editor-block-icon { margin-right: 8px; } .block-editor-block-alignment-control__menu-group .components-menu-item__info { margin-top: 0; } .block-editor-block-bindings-toolbar-indicator { display: inline-flex; align-items: center; height: 48px; padding: 6px; } .block-editor-block-bindings-toolbar-indicator svg g { stroke: var(--wp-bound-block-color); fill: transparent; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } iframe[name=editor-canvas] { width: 100%; height: 100%; display: block; } iframe[name=editor-canvas]:not(.has-editor-padding) { background-color: #fff; } iframe[name=editor-canvas].has-editor-padding { padding: 24px 24px 0; } .block-editor-block-icon { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; } .block-editor-block-icon.has-colors svg { fill: currentColor; } @media (forced-colors: active) { .block-editor-block-icon.has-colors svg { fill: CanvasText; } } .block-editor-block-icon svg { min-width: 20px; min-height: 20px; max-width: 24px; max-height: 24px; } .block-editor-block-inspector p:not(.components-base-control__help) { margin-top: 0; } .block-editor-block-inspector h2, .block-editor-block-inspector h3 { font-size: 13px; color: #1e1e1e; margin-bottom: 1.5em; } .block-editor-block-inspector .components-base-control { margin-bottom: 24px; } .block-editor-block-inspector .components-base-control:last-child { margin-bottom: 8px; } .block-editor-block-inspector .components-focal-point-picker-control .components-base-control, .block-editor-block-inspector .components-query-controls .components-base-control, .block-editor-block-inspector .components-range-control .components-base-control { margin-bottom: 0; } .block-editor-block-inspector .components-panel__body { border: none; border-top: 1px solid #e0e0e0; margin-top: -1px; } .block-editor-block-inspector__no-blocks, .block-editor-block-inspector__no-block-tools { display: block; font-size: 13px; background: #fff; padding: 32px 16px; text-align: center; } .block-editor-block-inspector__no-block-tools { border-top: 1px solid #ddd; } .block-editor-block-inspector__tab-item { flex: 1 1 0px; } /** * Insertion Point. */ .block-editor-block-list__insertion-point { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .block-editor-block-list__insertion-point-indicator { position: absolute; background: var(--wp-admin-theme-color); border-radius: 2px; transform-origin: center; opacity: 0; will-change: transform, opacity; } .block-editor-block-list__insertion-point.is-vertical > .block-editor-block-list__insertion-point-indicator { top: calc(50% - 2px); height: 4px; width: 100%; } .block-editor-block-list__insertion-point.is-horizontal > .block-editor-block-list__insertion-point-indicator { top: 0; bottom: 0; left: calc(50% - 2px); width: 4px; } .block-editor-block-list__insertion-point-inserter { display: none; position: absolute; will-change: transform; justify-content: center; top: calc(50% - 12px); left: calc(50% - 12px); } @media (min-width: 480px) { .block-editor-block-list__insertion-point-inserter { display: flex; } } .block-editor-block-list__block-side-inserter-popover .components-popover__content > div { pointer-events: none; } .block-editor-block-list__block-side-inserter-popover .components-popover__content > div > * { pointer-events: all; } .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon, .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { background: #1e1e1e; border-radius: 2px; color: #fff; padding: 0; min-width: 24px; height: 24px; } .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { color: #fff; background: var(--wp-admin-theme-color); } .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { background: var(--wp-admin-theme-color); } .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { background: #1e1e1e; } /** * Block Label for Navigation/Selection Mode */ .block-editor-block-list__block-selection-button { display: inline-flex; padding: 0 12px; z-index: 22; border-radius: 2px; background-color: #1e1e1e; font-size: 13px; height: 48px; } .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content { margin: auto; display: inline-flex; align-items: center; } .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content > .components-flex__item { margin-right: 6px; } .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle { cursor: grab; padding: 0; height: 24px; min-width: 24px; margin-left: -2px; } .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg { min-width: 18px; min-height: 18px; } .block-editor-block-list__block-selection-button .block-editor-block-icon { font-size: 13px; color: #fff; height: 48px; } .block-editor-block-list__block-selection-button .components-button { min-width: 36px; color: #fff; height: 48px; display: flex; } .block-editor-block-list__block-selection-button .components-button:focus { box-shadow: none; border: none; } .block-editor-block-list__block-selection-button .components-button:active { color: #fff; } .block-editor-block-list__block-selection-button .components-button[aria-disabled=true]:hover { color: #fff; } .block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button { padding: 0; } .block-editor-block-list__block-selection-button .block-editor-block-mover { background: unset; border: none; } @keyframes hide-during-dragging { to { position: fixed; transform: translate(9999px, 9999px); } } .components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button, .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar { pointer-events: all; margin-top: 12px; margin-bottom: 12px; } .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar { border: 1px solid #1e1e1e; border-radius: 2px; overflow: visible; position: static; width: auto; } .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent { margin-left: calc(48px + 8px); } .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent { margin-left: 0; } .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar { overflow: visible; } .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar-group, .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar { border-right-color: #1e1e1e; } .components-popover.block-editor-block-list__block-popover.is-insertion-point-visible { visibility: hidden; } .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover { opacity: 0; animation: hide-during-dragging 1ms linear forwards; } .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector { position: absolute; left: calc(-48px - 8px - 1px); } .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector::before { content: ""; } .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button { border: 1px solid #1e1e1e; padding-right: 6px; padding-left: 6px; background-color: #fff; } .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button { padding-right: 12px; padding-left: 12px; } .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector { position: relative; left: auto; margin-left: -1px; } .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-mover__move-button-container, .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar__block-controls .block-editor-block-mover { border-left: 1px solid #1e1e1e; } .is-dragging-components-draggable .components-tooltip { display: none; } .block-editor-block-lock-modal { z-index: 1000001; } @media (min-width: 600px) { .block-editor-block-lock-modal .components-modal__frame { max-width: 480px; } } .block-editor-block-lock-modal__checklist { margin: 0; } .block-editor-block-lock-modal__options-title { padding: 12px 0; } .block-editor-block-lock-modal__options-title .components-checkbox-control__label { font-weight: 600; } .block-editor-block-lock-modal__checklist-item { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 0; padding: 12px 0 12px 32px; } .block-editor-block-lock-modal__checklist-item .block-editor-block-lock-modal__lock-icon { flex-shrink: 0; margin-right: 12px; fill: #1e1e1e; } .block-editor-block-lock-modal__checklist-item:hover { background-color: #f0f0f0; border-radius: 2px; } .block-editor-block-lock-modal__template-lock { border-top: 1px solid #ddd; margin-top: 16px; padding: 12px 0; } .block-editor-block-lock-modal__actions { margin-top: 24px; } .block-editor-block-lock-toolbar .components-button.has-icon { min-width: 36px !important; } .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar { margin-left: -6px !important; } .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar { border-left: 1px solid #1e1e1e; margin-left: 6px !important; margin-right: -6px; } .block-editor-block-breadcrumb { list-style: none; padding: 0; margin: 0; } .block-editor-block-breadcrumb li { display: inline-flex; margin: 0; } .block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator { fill: currentColor; margin-left: -4px; margin-right: -4px; transform: scaleX(1) /*rtl:scaleX(-1);*/; } .block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator { display: none; } .block-editor-block-breadcrumb__button.components-button { height: 24px; line-height: 24px; padding: 0; position: relative; } .block-editor-block-breadcrumb__button.components-button:hover:not(:disabled) { text-decoration: underline; box-shadow: none; } .block-editor-block-breadcrumb__button.components-button:focus { box-shadow: none; } .block-editor-block-breadcrumb__button.components-button:focus::before { content: ""; display: block; position: absolute; border-radius: 2px; top: 1px; right: 1px; bottom: 1px; left: 1px; box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-block-breadcrumb__current { cursor: default; } .block-editor-block-breadcrumb__button.components-button, .block-editor-block-breadcrumb__current { color: #1e1e1e; padding: 0 8px; font-size: inherit; } .block-editor-block-card { align-items: flex-start; color: #1e1e1e; display: flex; padding: 16px; } .block-editor-block-card__content { flex-grow: 1; } .block-editor-block-card__title { font-weight: 500; } .block-editor-block-card__title.block-editor-block-card__title { font-size: 13px; line-height: 1.4; margin: 0; padding: 3px 0; } .block-editor-block-card__description { display: block; font-size: 13px; line-height: 1.4; margin-top: 4px; } .block-editor-block-card .block-editor-block-icon { flex: 0 0 24px; margin-left: 0; margin-right: 12px; width: 24px; height: 24px; } .block-editor-block-card.is-synced .block-editor-block-icon { color: var(--wp-block-synced-color); } /** * Invalid block comparison */ .block-editor-block-compare { height: auto; } .block-editor-block-compare__wrapper { display: flex; padding-bottom: 16px; } .block-editor-block-compare__wrapper > div { display: flex; justify-content: space-between; flex-direction: column; width: 50%; padding: 0 16px 0 0; min-width: 200px; max-width: 600px; } .block-editor-block-compare__wrapper > div button { float: right; } .block-editor-block-compare__wrapper .block-editor-block-compare__converted { border-left: 1px solid #ddd; padding-left: 15px; padding-right: 0; } .block-editor-block-compare__wrapper .block-editor-block-compare__html { font-family: Menlo, Consolas, monaco, monospace; font-size: 12px; color: #1e1e1e; border-bottom: 1px solid #ddd; padding-bottom: 15px; line-height: 1.7; } .block-editor-block-compare__wrapper .block-editor-block-compare__html span { background-color: #e6ffed; padding-top: 3px; padding-bottom: 3px; } .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added { background-color: #acf2bd; } .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed { background-color: #cc1818; } .block-editor-block-compare__wrapper .block-editor-block-compare__preview { padding: 0; padding-top: 16px; } .block-editor-block-compare__wrapper .block-editor-block-compare__preview p { font-size: 12px; margin-top: 0; } .block-editor-block-compare__wrapper .block-editor-block-compare__action { margin-top: 16px; } .block-editor-block-compare__wrapper .block-editor-block-compare__heading { font-size: 1em; font-weight: 400; margin: 0.67em 0; } .block-editor-block-draggable-chip-wrapper { position: absolute; top: -24px; left: 0; } .block-editor-block-draggable-chip { background-color: #1e1e1e; border-radius: 2px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); color: #fff; cursor: grabbing; display: inline-flex; height: 48px; padding: 0 13px; position: relative; -webkit-user-select: none; user-select: none; width: max-content; } .block-editor-block-draggable-chip svg { fill: currentColor; } .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content { margin: auto; justify-content: flex-start; } .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item { margin-right: 6px; } .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item:last-child { margin-right: 0; } .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg { min-width: 18px; min-height: 18px; } .block-editor-block-draggable-chip .components-flex__item { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; } .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled { opacity: 0; position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: flex; justify-content: center; align-items: center; background-color: transparent; transition: all 0.1s linear 0.1s; } .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled .block-editor-block-draggable-chip__disabled-icon { width: 20px; height: 20px; box-shadow: inset 0 0 0 1.5px #fff; border-radius: 50%; display: inline-block; padding: 0; background: transparent linear-gradient(-45deg, transparent 47.5%, #fff 47.5%, #fff 52.5%, transparent 52.5%); } .block-draggable-invalid-drag-token .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled { background-color: #757575; opacity: 1; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .block-editor-block-mover__move-button-container { display: flex; padding: 0; border: none; justify-content: center; } @media (min-width: 600px) { .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container { flex-direction: column; } .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container > * { height: 20px; width: 100%; min-width: 0 !important; } .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container > *::before { height: calc(100% - 4px); } .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg { top: 3px; flex-shrink: 0; } .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg { bottom: 3px; flex-shrink: 0; } .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container { width: 48px; } .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container > * { width: 24px; min-width: 0 !important; overflow: hidden; } .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button { padding-left: 0; padding-right: 0; } .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg { left: 5px; } .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg { right: 5px; } } .block-editor-block-mover__drag-handle { cursor: grab; } @media (min-width: 600px) { .block-editor-block-mover__drag-handle { width: 24px; min-width: 0 !important; overflow: hidden; } .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon.has-icon { padding-left: 0; padding-right: 0; } } .components-button.block-editor-block-mover-button::before { content: ""; position: absolute; display: block; border-radius: 2px; height: 32px; left: 8px; right: 8px; z-index: -1; animation: components-button__appear-animation 0.1s ease; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .components-button.block-editor-block-mover-button::before { animation-duration: 1ms; animation-delay: 0s; } } .components-button.block-editor-block-mover-button:focus, .components-button.block-editor-block-mover-button:focus:enabled, .components-button.block-editor-block-mover-button:focus::before { box-shadow: none; outline: none; } .components-button.block-editor-block-mover-button:focus-visible::before { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-block-navigation__container { min-width: 280px; } .block-editor-block-navigation__label { margin: 0 0 12px; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; } .block-editor-block-patterns-list__list-item { cursor: pointer; margin-bottom: 24px; position: relative; } .block-editor-block-patterns-list__list-item.is-placeholder { min-height: 100px; } .block-editor-block-patterns-list__list-item[draggable=true] { cursor: grab; } .block-editor-block-patterns-list__item { height: 100%; scroll-margin-top: 24px; scroll-margin-bottom: 56px; } .block-editor-block-patterns-list__item .block-editor-block-preview__container { display: flex; align-items: center; overflow: hidden; border-radius: 4px; } .block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title { text-align: left; flex-grow: 1; } .block-editor-block-patterns-list__item:hover .block-editor-block-preview__container { box-shadow: 0 0 0 2px #1e1e1e; } .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) #1e1e1e; outline: 2px solid transparent; outline-offset: 2px; } .block-editor-block-patterns-list__item.block-editor-block-patterns-list__list-item-synced:hover .block-editor-block-preview__container, .block-editor-block-patterns-list__item.block-editor-block-patterns-list__list-item-synced:focus .block-editor-block-preview__container { box-shadow: 0 0 0 2px var(--wp-block-synced-color), 0 15px 25px rgba(0, 0, 0, 0.07); } .block-editor-block-patterns-list__item .block-editor-patterns__pattern-details { align-items: center; margin-top: 8px; } .block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper { min-width: 24px; height: 24px; } .block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper .block-editor-patterns__pattern-icon { fill: var(--wp-block-synced-color); } .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination { border-top: 1px solid #2f2f2f; padding: 4px; justify-content: center; } .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary { width: auto; height: 32px; justify-content: center; } .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:disabled { color: #949494; background: none; } .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:hover:not(:disabled) { color: #fff; background-color: #757575; } .show-icon-labels .block-editor-patterns__grid-pagination { flex-direction: column; } .show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous, .show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next { flex-direction: column; } .show-icon-labels .block-editor-patterns__grid-pagination .components-button { width: auto; } .show-icon-labels .block-editor-patterns__grid-pagination .components-button span { display: none; } .show-icon-labels .block-editor-patterns__grid-pagination .components-button::before { content: attr(aria-label); } .components-popover.block-editor-block-popover { z-index: 31; position: absolute; margin: 0 !important; pointer-events: none; } .components-popover.block-editor-block-popover .components-popover__content { margin: 0 !important; min-width: auto; width: max-content; overflow-y: visible; } .components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween, .block-editor-block-popover__drop-zone, .block-editor-block-list__block-side-inserter-popover) .components-popover__content * { pointer-events: all; } .components-popover.block-editor-block-popover__inbetween { pointer-events: none; } .components-popover.block-editor-block-popover__inbetween * { pointer-events: none; } .components-popover.block-editor-block-popover__inbetween .is-with-inserter { pointer-events: all; } .components-popover.block-editor-block-popover__inbetween .is-with-inserter * { pointer-events: all; } .components-popover.block-editor-block-popover__drop-zone * { pointer-events: none; } .components-popover.block-editor-block-popover__drop-zone .block-editor-block-popover__drop-zone-foreground { position: absolute; inset: 0; background-color: var(--wp-admin-theme-color); border-radius: 2px; } .block-editor-block-preview__container { position: relative; width: 100%; overflow: hidden; } .block-editor-block-preview__container .block-editor-block-preview__content { width: 100%; top: 0; left: 0; transform-origin: top left; text-align: initial; margin: 0; overflow: visible; min-height: auto; } .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point, .block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender { display: none; } .block-editor-block-preview__container::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .block-editor-block-rename-modal { z-index: 1000001; } .block-editor-block-styles__preview-panel { display: none; z-index: 90; } @media (min-width: 782px) { .block-editor-block-styles__preview-panel { display: block; } } .block-editor-block-styles__preview-panel .block-editor-block-icon { display: none; } .block-editor-block-styles__variants { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; } .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item { color: #1e1e1e; box-shadow: inset 0 0 0 1px #ddd; display: inline-block; width: calc(50% - 4px); } .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:hover { color: var(--wp-admin-theme-color); box-shadow: inset 0 0 0 1px #ddd; } .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover { background-color: #1e1e1e; box-shadow: none; } .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active .block-editor-block-styles__item-text, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text { color: #fff; } .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:focus, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-block-styles__variants .block-editor-block-styles__item-text { word-break: break-all; white-space: normal; text-align: start; text-align-last: center; } .block-editor-block-styles__block-preview-container, .block-editor-block-styles__block-preview-container * { box-sizing: border-box !important; } .block-editor-block-switcher { position: relative; } .block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon { min-width: 36px; } .block-editor-block-switcher__no-switcher-icon, .block-editor-block-switcher__toggle { position: relative; } .components-button.block-editor-block-switcher__toggle, .components-button.block-editor-block-switcher__no-switcher-icon { margin: 0; display: block; height: 48px; } .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { margin: auto; } .block-editor-block-switcher__toggle-text { margin-left: 8px; } .show-icon-labels .block-editor-block-switcher__toggle-text { display: none; } .components-button.block-editor-block-switcher__no-switcher-icon { display: flex; } .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { margin-right: auto; margin-left: auto; min-width: 24px !important; } .components-button.block-editor-block-switcher__no-switcher-icon:disabled { opacity: 1; } .components-button.block-editor-block-switcher__no-switcher-icon:disabled, .components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { color: #1e1e1e; } .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon { height: 100%; position: relative; margin: 0 auto; display: flex; align-items: center; min-width: 100%; } .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before, .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before { top: 8px; right: 8px; bottom: 8px; left: 8px; } .components-popover.block-editor-block-switcher__popover .components-popover__content { min-width: 300px; } .block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container { position: absolute; top: -12px; left: calc(100% + 16px); } .block-editor-block-switcher__preview__popover { display: none; overflow: hidden; } .block-editor-block-switcher__preview__popover.components-popover { margin-top: 11px; } @media (min-width: 782px) { .block-editor-block-switcher__preview__popover { display: block; } } .block-editor-block-switcher__preview__popover .components-popover__content { width: 300px; border: 1px solid #1e1e1e; background: #fff; border-radius: 2px; outline: none; box-shadow: none; overflow: auto; } .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview { max-height: calc(500px - 32px); margin: 16px 0; padding: 0 16px; overflow: hidden; } .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview.is-pattern-list-preview { overflow: unset; } .block-editor-block-switcher__preview-title { margin-bottom: 12px; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; } .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { min-width: 36px; } .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle { height: 48px; } .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { width: 48px; height: 48px; } .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { padding: 12px; } .block-editor-block-switcher__preview-patterns-container { padding-bottom: 16px; } .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item { margin-top: 16px; } .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container { cursor: pointer; } .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item { height: 100%; border-radius: 2px; transition: all 0.05s ease-in-out; position: relative; border: 1px solid transparent; } .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover, .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; } .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title { padding: 4px; font-size: 12px; text-align: center; cursor: pointer; } .block-editor-block-switcher__no-transforms { color: #757575; padding: 6px 8px; margin: 0; } .block-editor-block-types-list > [role=presentation] { overflow: hidden; display: flex; flex-wrap: wrap; } .block-editor-block-pattern-setup { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; border-radius: 2px; } .block-editor-block-pattern-setup.view-mode-grid { padding-top: 4px; } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar { justify-content: center; } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { column-gap: 24px; display: block; width: 100%; padding: 32px; padding-bottom: 0; padding-top: 0; column-count: 2; } @media (min-width: 1440px) { .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { column-count: 3; } } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container, .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button] { cursor: pointer; } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item { scroll-margin: 5px 0; } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-preview__container { box-shadow: 0 0 0 2px var(--wp-admin-theme-color); } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-preview__container { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color); outline: 2px solid transparent; outline-offset: 2px; } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-pattern-setup-list__item-title, .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-pattern-setup-list__item-title { color: var(--wp-admin-theme-color); } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item { break-inside: avoid-column; margin-bottom: 24px; } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title { padding-top: 8px; font-size: 12px; text-align: center; cursor: pointer; } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container { min-height: 100px; border-radius: 2px; border: 1px solid #ddd; } .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content { width: 100%; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar { height: 60px; box-sizing: border-box; padding: 16px; width: 100%; text-align: left; margin: 0; color: #1e1e1e; position: absolute; bottom: 0; background-color: #fff; display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-top: 1px solid #ddd; align-self: stretch; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls { display: flex; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation, .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { width: calc(50% - 36px); display: flex; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { justify-content: flex-end; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container { display: flex; flex-direction: column; width: 100%; height: 100%; box-sizing: border-box; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container { overflow: hidden; position: relative; padding: 0; margin: 0; height: 100%; list-style: none; transform-style: preserve-3d; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container * { box-sizing: border-box; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide { position: absolute; top: 0; width: 100%; height: 100%; background-color: #fff; margin: auto; padding: 0; transition: transform 0.5s, z-index 0.5s; z-index: 100; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide { opacity: 1; position: relative; z-index: 102; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide { transform: translateX(-100%); z-index: 101; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide { transform: translateX(100%); z-index: 101; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender { display: none; } .block-editor-block-pattern-setup__carousel, .block-editor-block-pattern-setup__grid { width: 100%; } .block-editor-block-variation-transforms { padding: 0 16px 16px 52px; width: 100%; } .block-editor-block-variation-transforms .components-dropdown-menu__toggle { border: 1px solid #757575; border-radius: 2px; min-height: 30px; width: 100%; position: relative; text-align: left; justify-content: left; padding: 6px 12px; } .block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle { padding-right: 24px; } .block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled) { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color); } .block-editor-block-variation-transforms .components-dropdown-menu__toggle svg { height: 100%; padding: 0; position: absolute; right: 0; top: 0; } .block-editor-block-variation-transforms__popover .components-popover__content { min-width: 230px; } .components-border-radius-control { margin-bottom: 12px; } .components-border-radius-control legend { margin-bottom: 8px; } .components-border-radius-control .components-border-radius-control__wrapper { display: flex; justify-content: space-between; align-items: flex-start; } .components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__unit-control { width: calc((100% - 16px) / 2); margin-bottom: 0; margin-right: 16px; flex-shrink: 0; } .components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control { flex: 1; margin-right: 12px; } .components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control > div { height: 40px; display: flex; align-items: center; } .components-border-radius-control .components-border-radius-control__wrapper > span { flex: 0 0 auto; } .components-border-radius-control .components-border-radius-control__input-controls-wrapper { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-right: 12px; } .components-border-radius-control .component-border-radius-control__linked-button { display: flex; justify-content: center; margin-top: 8px; } .components-border-radius-control .component-border-radius-control__linked-button svg { margin-right: 0; } .block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator { margin-bottom: 12px; } .block-editor-color-gradient-control__fieldset { min-width: 0; } .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings, .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings > div:not(:first-of-type) { display: block; } @media screen and (min-width: 782px) { .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches { display: grid; grid-template-columns: repeat(6, 28px); } } .block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control { margin-bottom: inherit; } .block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel { width: 260px; padding: 16px; } .block-editor-panel-color-gradient-settings__color-indicator { background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); } /** * The following styles replicate the separated border of the * `ItemGroup` component but allows for hidden items. This is because * to maintain the order of `ToolsPanel` controls, each `ToolsPanelItem` * must at least render a placeholder which would otherwise interfere * with the `:last-child` styles. */ .block-editor-tools-panel-color-gradient-settings__item { padding: 0; max-width: 100%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .block-editor-tools-panel-color-gradient-settings__item:nth-child(1 of .block-editor-tools-panel-color-gradient-settings__item) { margin-top: 24px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-top: 1px solid #ddd; } .block-editor-tools-panel-color-gradient-settings__item:nth-last-child(1 of .block-editor-tools-panel-color-gradient-settings__item) { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .block-editor-tools-panel-color-gradient-settings__item > div, .block-editor-tools-panel-color-gradient-settings__item > div > button { border-radius: inherit; } .block-editor-tools-panel-color-gradient-settings__dropdown { display: block; padding: 0; } .block-editor-tools-panel-color-gradient-settings__dropdown > button { height: auto; padding-top: 10px; padding-bottom: 10px; text-align: left; } .block-editor-tools-panel-color-gradient-settings__dropdown > button.is-open { background: #f0f0f0; color: var(--wp-admin-theme-color); } .block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .block-editor-panel-color-gradient-settings__dropdown { width: 100%; } .block-editor-panel-color-gradient-settings__dropdown .component-color-indicator { flex-shrink: 0; } .block-editor-date-format-picker { margin-bottom: 16px; } .block-editor-date-format-picker__custom-format-select-control__custom-option { border-top: 1px solid #ddd; } .block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint { grid-template-columns: auto 30px; } .block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint { grid-row: 2; text-align: left; } .block-editor-duotone-control__popover > .components-popover__content { padding: 16px; width: 260px; } .block-editor-duotone-control__popover .components-menu-group__label { padding: 0; } .block-editor-duotone-control__popover .components-circular-option-picker__swatches { display: grid; grid-template-columns: repeat(6, 28px); gap: 12px; justify-content: space-between; } .block-editor-duotone-control__unset-indicator { background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); } .components-font-appearance-control ul li { color: #1e1e1e; text-transform: capitalize; } .block-editor-global-styles__toggle-icon { fill: currentColor; } .block-editor-global-styles__shadow-popover-container { width: 230px; } .block-editor-global-styles__shadow__list { display: flex; gap: 12px; flex-wrap: wrap; padding-bottom: 8px; } .block-editor-global-styles__clear-shadow { text-align: right; } .block-editor-global-styles-filters-panel__dropdown, .block-editor-global-styles__shadow-dropdown { display: block; padding: 0; } .block-editor-global-styles-filters-panel__dropdown button, .block-editor-global-styles__shadow-dropdown button { width: 100%; padding: 8px; } .block-editor-global-styles-filters-panel__dropdown button.is-open, .block-editor-global-styles__shadow-dropdown button.is-open { background-color: #f0f0f0; } .block-editor-global-styles__shadow-indicator { color: #2f2f2f; border: #e0e0e0 1px solid; border-radius: 2px; cursor: pointer; padding: 0; height: 26px; width: 26px; box-sizing: border-box; transform: scale(1); transition: transform 0.1s ease; will-change: transform; } .block-editor-global-styles__shadow-indicator:focus { border: 2px solid #757575; } .block-editor-global-styles__shadow-indicator:hover { transform: scale(1.2); } .block-editor-global-styles__shadow-indicator.unset { background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); } .block-editor-global-styles-advanced-panel__custom-css-input textarea { font-family: Menlo, Consolas, monaco, monospace; /*rtl:ignore*/ direction: ltr; } .block-editor-grid-visualizer { z-index: 30 !important; } .block-editor-grid-visualizer .components-popover__content * { pointer-events: none !important; } .block-editor-grid-visualizer__grid { display: grid; } .block-editor-grid-visualizer__item { border: 1px dashed #ddd; } .block-editor-grid-item-resizer { z-index: 30 !important; } .block-editor-grid-item-resizer .components-popover__content * { pointer-events: none !important; } .block-editor-grid-item-resizer__box { border: 1px solid var(--wp-admin-theme-color); } .block-editor-grid-item-resizer__box .components-resizable-box__handle { pointer-events: all !important; } .block-editor-height-control { border: 0; margin: 0; padding: 0; } .block-editor-image-size-control { margin-bottom: 1em; } .block-editor-image-size-control .block-editor-image-size-control__width, .block-editor-image-size-control .block-editor-image-size-control__height { margin-bottom: 1.115em; } .block-editor-block-types-list__list-item { display: block; width: 33.33%; padding: 0; margin: 0; } .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled) .block-editor-block-icon.has-colors { color: var(--wp-block-synced-color); } .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title { color: var(--wp-block-synced-color) !important; filter: brightness(0.95); } .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover svg { color: var(--wp-block-synced-color) !important; } .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled)::after { background: var(--wp-block-synced-color); } .components-button.block-editor-block-types-list__item { display: flex; flex-direction: column; width: 100%; font-size: 13px; color: #1e1e1e; padding: 8px; align-items: stretch; justify-content: center; cursor: pointer; background: transparent; word-break: break-word; border-radius: 2px; transition: all 0.05s ease-in-out; position: relative; height: auto; } @media (prefers-reduced-motion: reduce) { .components-button.block-editor-block-types-list__item { transition-duration: 0s; transition-delay: 0s; } } .components-button.block-editor-block-types-list__item:disabled { opacity: 0.6; cursor: default; } .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title { color: var(--wp-admin-theme-color) !important; filter: brightness(0.95); } .components-button.block-editor-block-types-list__item:not(:disabled):hover svg { color: var(--wp-admin-theme-color) !important; } .components-button.block-editor-block-types-list__item:not(:disabled):hover::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 2px; opacity: 0.04; background: var(--wp-admin-theme-color); pointer-events: none; } .components-button.block-editor-block-types-list__item:not(:disabled):focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .components-button.block-editor-block-types-list__item:not(:disabled).is-active { color: #fff; background: #1e1e1e; outline: 2px solid transparent; outline-offset: -2px; } .block-editor-block-types-list__item-icon { padding: 12px 20px; border-radius: 2px; color: #1e1e1e; transition: all 0.05s ease-in-out; } @media (prefers-reduced-motion: reduce) { .block-editor-block-types-list__item-icon { transition-duration: 0s; transition-delay: 0s; } } .block-editor-block-types-list__item-icon .block-editor-block-icon { margin-left: auto; margin-right: auto; } .block-editor-block-types-list__item-icon svg { transition: all 0.15s ease-out; } @media (prefers-reduced-motion: reduce) { .block-editor-block-types-list__item-icon svg { transition-duration: 0s; transition-delay: 0s; } } .block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon { cursor: grab; } .block-editor-block-types-list__item-title { padding: 4px 2px 8px; font-size: 12px; } .show-icon-labels .block-editor-block-inspector__tabs [role=tablist] .components-button.has-icon svg { display: none; } .show-icon-labels .block-editor-block-inspector__tabs [role=tablist] .components-button.has-icon::before { content: attr(aria-label); } .block-editor-inspector-controls-tabs__hint { align-items: flex-start; background: #f0f0f0; border-radius: 2px; color: #1e1e1e; display: flex; flex-direction: row; margin: 16px; font-size: 13px; } .block-editor-inspector-controls-tabs__hint-content { margin: 12px 0 12px 12px; } .block-editor-inspector-controls-tabs__hint-dismiss { margin: 4px 4px 4px 0; } .block-editor-inspector-popover-header { margin-bottom: 16px; } [class].block-editor-inspector-popover-header__action { height: 24px; } [class].block-editor-inspector-popover-header__action.has-icon { min-width: 24px; padding: 0; } [class].block-editor-inspector-popover-header__action:not(.has-icon) { text-decoration: underline; } .items-justified-left { justify-content: flex-start; } .items-justified-center { justify-content: center; } .items-justified-right { justify-content: flex-end; } .items-justified-space-between { justify-content: space-between; } @keyframes loadingpulse { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .block-editor-link-control { position: relative; min-width: 350px; } .components-popover__content .block-editor-link-control { min-width: auto; width: 90vw; max-width: 350px; } .show-icon-labels .block-editor-link-control .components-button.has-icon svg { display: none; } .show-icon-labels .block-editor-link-control .components-button.has-icon::before { content: attr(aria-label); } .show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top { gap: 8px; } .show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top .components-button.has-icon { min-width: inherit; width: min-content; } .block-editor-link-control__search-input-wrapper { margin-bottom: 8px; position: relative; } .block-editor-link-control__search-input-container, .block-editor-link-control__search-input-wrapper { position: relative; } .block-editor-link-control__field { margin: 16px; } .block-editor-link-control__field .components-base-control__label { color: #1e1e1e; } .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: block; border: 1px solid #949494; border-radius: 2px; height: 40px; margin: 0; padding: 8px 40px 8px 16px; position: relative; width: 100%; } @media (prefers-reduced-motion: reduce) { .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .block-editor-link-control__field input[type=text]:focus, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-link-control__field input[type=text]::-webkit-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .block-editor-link-control__field input[type=text]::-moz-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .block-editor-link-control__field input[type=text]:-ms-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .has-actions .block-editor-link-control__field input[type=text], .has-actions .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { padding-right: 16px; } .block-editor-link-control__search-error { margin: -8px 16px 16px; } .block-editor-link-control__search-enter { position: absolute; right: 19px; top: 3px; } .block-editor-link-control__search-enter svg { position: relative; top: -2px; } .block-editor-link-control__search-actions { padding: 8px 16px 16px; } .block-editor-link-control__search-results-wrapper { position: relative; } .block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after { content: ""; position: absolute; left: -1px; right: 16px; display: block; pointer-events: none; z-index: 100; } .block-editor-link-control__search-results-wrapper::before { height: 8px; top: 0; bottom: auto; } .block-editor-link-control__search-results-wrapper::after { height: 16px; bottom: 0; top: auto; } .block-editor-link-control__search-results { margin-top: -16px; padding: 8px; max-height: 200px; overflow-y: auto; } .block-editor-link-control__search-results.is-loading { opacity: 0.2; } .block-editor-link-control__search-item.components-button.components-menu-item__button { height: auto; text-align: left; } .block-editor-link-control__search-item .components-menu-item__item { overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 100%; } .block-editor-link-control__search-item .components-menu-item__item mark { font-weight: 600; color: inherit; background-color: transparent; } .block-editor-link-control__search-item .components-menu-item__shortcut { color: #757575; text-transform: capitalize; white-space: nowrap; } .block-editor-link-control__search-item[aria-selected] { background: #f0f0f0; } .block-editor-link-control__search-item.is-current { flex-direction: column; background: transparent; border: 0; width: 100%; cursor: default; padding: 16px; } .block-editor-link-control__search-item .block-editor-link-control__search-item-header { display: block; flex-direction: row; align-items: center; margin-right: 8px; gap: 8px; white-space: pre-wrap; overflow-wrap: break-word; } .block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info { color: #757575; line-height: 1.1; font-size: 12px; word-break: break-all; } .block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header { display: flex; flex: 1; } .block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header { align-items: center; } .block-editor-link-control__search-item.is-url-title .block-editor-link-control__search-item-title { word-break: break-all; } .block-editor-link-control__search-item .block-editor-link-control__search-item-details { display: flex; flex-direction: column; justify-content: space-between; gap: 4px; } .block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-icon { background-color: #f0f0f0; width: 32px; height: 32px; border-radius: 2px; } .block-editor-link-control__search-item .block-editor-link-control__search-item-icon { position: relative; flex-shrink: 0; display: flex; justify-content: center; align-items: center; } .block-editor-link-control__search-item .block-editor-link-control__search-item-icon img { width: 16px; } .block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon { top: 0; width: 32px; max-height: 32px; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title { border-radius: 2px; line-height: 1.1; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus { box-shadow: none; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus-visible { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; text-decoration: none; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { font-weight: 600; color: inherit; background-color: transparent; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title span { font-weight: normal; } .block-editor-link-control__search-item .block-editor-link-control__search-item-title svg { display: none; } .block-editor-link-control__search-item-top { display: flex; flex-direction: row; width: 100%; align-items: center; } .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg, .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img { opacity: 0; } .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon::before { content: ""; display: block; background-color: #f0f0f0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 100%; animation: loadingpulse 1s linear infinite; animation-delay: 0.5s; } .block-editor-link-control__loading { margin: 16px; display: flex; align-items: center; } .block-editor-link-control__loading .components-spinner { margin-top: 0; } .components-button + .block-editor-link-control__search-create { overflow: visible; padding: 12px 16px; } .components-button + .block-editor-link-control__search-create::before { content: ""; position: absolute; top: -10px; left: 0; display: block; width: 100%; } .block-editor-link-control__search-create { align-items: center; } .block-editor-link-control__search-create .block-editor-link-control__search-item-title { margin-bottom: 0; } .block-editor-link-control__search-create .block-editor-link-control__search-item-icon { top: 0; } .block-editor-link-control__drawer-inner { display: flex; flex-direction: column; flex-basis: 100%; position: relative; } .block-editor-link-control__setting { margin-bottom: 0; flex: 1; padding: 8px 0 8px 24px; } .block-editor-link-control__setting .components-base-control__field { display: flex; } .block-editor-link-control__setting .components-base-control__field .components-checkbox-control__label { color: #1e1e1e; } .block-editor-link-control__setting input { margin-left: 0; } .is-preview .block-editor-link-control__setting { padding: 20px 8px 8px 0; } .block-editor-link-control__tools { padding: 8px 8px 0 8px; margin-top: -16px; } .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle { padding-left: 0; gap: 0; } .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] { color: #1e1e1e; } .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg { visibility: visible; transition: transform 0.1s ease; transform: rotate(90deg); } @media (prefers-reduced-motion: reduce) { .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg { transition-duration: 0s; transition-delay: 0s; } } .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg { visibility: visible; transform: rotate(0deg); transition: transform 0.1s ease; } @media (prefers-reduced-motion: reduce) { .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg { transition-duration: 0s; transition-delay: 0s; } } .block-editor-link-control .block-editor-link-control__search-input .components-spinner { display: block; } .block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner { position: absolute; left: auto; bottom: auto; top: calc(50% - 16px / 2); right: 40px; } .block-editor-link-control .block-editor-link-control__search-input-wrapper.has-actions .components-spinner { top: calc(50% + 16px / 4); right: 12px; } .block-editor-list-view-tree { width: 100%; border-collapse: collapse; padding: 0; margin: 0; } .components-modal__content .block-editor-list-view-tree { margin: -12px -6px 0; width: calc(100% + 12px); } .block-editor-list-view-tree.is-dragging tbody { pointer-events: none; } .block-editor-list-view-leaf { position: relative; transform: translateY(0); } .block-editor-list-view-leaf.is-draggable, .block-editor-list-view-leaf.is-draggable .block-editor-list-view-block-contents { cursor: grab; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button[aria-expanded=true] { color: inherit; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover { color: var(--wp-admin-theme-color); } .is-dragging-components-draggable .block-editor-list-view-leaf:not(.is-selected) .block-editor-list-view-block-select-button:hover { color: inherit; } .block-editor-list-view-leaf.is-selected td { background: var(--wp-admin-theme-color); } .block-editor-list-view-leaf.is-selected.is-synced td { background: var(--wp-block-synced-color); } .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:hover, .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus, .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon { color: var(--wp-block-synced-color); } .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus::after { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); } .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon { color: #fff; } .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus::after { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .block-editor-list-view-leaf.is-selected.is-synced .block-editor-list-view-block-contents:focus::after { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); } .block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff; } .block-editor-list-view-leaf.is-first-selected td:first-child { border-top-left-radius: 2px; } .block-editor-list-view-leaf.is-first-selected td:last-child { border-top-right-radius: 2px; } .block-editor-list-view-leaf.is-last-selected td:first-child { border-bottom-left-radius: 2px; } .block-editor-list-view-leaf.is-last-selected td:last-child { border-bottom-right-radius: 2px; } .block-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch) { background: rgba(var(--wp-admin-theme-color--rgb), 0.04); } .block-editor-list-view-leaf.is-synced-branch.is-branch-selected { background: rgba(var(--wp-block-synced-color--rgb), 0.04); } .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child { border-top-left-radius: 2px; } .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child { border-top-right-radius: 2px; } .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:first-child { border-top-left-radius: 2px; } .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:last-child { border-top-right-radius: 2px; } .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:first-child { border-bottom-left-radius: 2px; } .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:last-child { border-bottom-right-radius: 2px; } .block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td { border-radius: 0; } .block-editor-list-view-leaf.is-displacement-normal { transition: transform 0.2s; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf.is-displacement-normal { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-leaf.is-displacement-up { transition: transform 0.2s; transform: translateY(-36px); } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf.is-displacement-up { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-leaf.is-displacement-down { transition: transform 0.2s; transform: translateY(36px); } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf.is-displacement-down { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-leaf.is-after-dragged-blocks { transition: transform 0.2s; transform: translateY(calc(var(--wp-admin--list-view-dragged-items-height, 36px) * -1)); } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf.is-after-dragged-blocks { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up { transition: transform 0.2s; transform: translateY(calc(-36px + var(--wp-admin--list-view-dragged-items-height, 36px) * -1)); } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down { transition: transform 0.2s; transform: translateY(calc(36px + var(--wp-admin--list-view-dragged-items-height, 36px) * -1)); } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-leaf.is-dragging { opacity: 0; left: 0; pointer-events: none; z-index: -9999; } .block-editor-list-view-leaf .block-editor-list-view-block-contents { display: flex; align-items: center; width: 100%; height: auto; padding: 6px 4px 6px 0; text-align: left; border-radius: 2px; position: relative; white-space: nowrap; } .block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before::before { content: ""; position: absolute; pointer-events: none; transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; top: -2px; right: 0; left: 0; border-top: 4px solid var(--wp-admin-theme-color); } .components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents { padding-left: 0; padding-right: 0; } .block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents, .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus { box-shadow: none; } .block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents::after, .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after { content: ""; position: absolute; top: 0; right: -29px; bottom: 0; left: 0; border-radius: inherit; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); z-index: 2; pointer-events: none; } .block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus::after { right: 0; } .block-editor-list-view-leaf.is-nesting .block-editor-list-view__menu, .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); z-index: 1; } .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents { opacity: 1; animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents { animation-duration: 1ms; animation-delay: 0s; } } .block-editor-list-view-leaf .block-editor-block-icon { margin-right: 8px; flex: 0 0 24px; } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell, .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell { padding-top: 0; padding-bottom: 0; } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell { line-height: 0; width: 36px; vertical-align: middle; } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell > *, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell > * { opacity: 0; } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:focus-within > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible > *, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:focus-within > *, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * { opacity: 1; } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell, .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon { width: 24px; min-width: 24px; padding: 0; } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell { padding-right: 4px; } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon { height: 24px; } .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper { display: flex; height: 100%; flex-direction: column; align-items: center; } .block-editor-list-view-leaf .block-editor-block-mover-button { position: relative; width: 36px; height: 24px; } .block-editor-list-view-leaf .block-editor-block-mover-button svg { position: relative; height: 24px; } .block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button { margin-top: -6px; align-items: flex-end; } .block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg { bottom: -4px; } .block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button { margin-bottom: -6px; align-items: flex-start; } .block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg { top: -4px; } .block-editor-list-view-leaf .block-editor-block-mover-button::before { height: 16px; min-width: 100%; left: 0; right: 0; } .block-editor-list-view-leaf .block-editor-inserter__toggle { background: #1e1e1e; color: #fff; height: 24px; margin: 6px 6px 6px 1px; min-width: 24px; } .block-editor-list-view-leaf .block-editor-inserter__toggle:active { color: #fff; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper { min-width: 120px; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__title { flex: 1; position: relative; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate { position: absolute; width: 100%; transform: translateY(-50%); } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper { position: relative; max-width: min(110px, 40%); width: 100%; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor { position: absolute; right: 0; transform: translateY(-50%); background: rgba(0, 0, 0, 0.1); border-radius: 2px; padding: 2px 6px; max-width: 100%; box-sizing: border-box; } .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor { background: rgba(0, 0, 0, 0.3); } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock { line-height: 0; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__images { display: flex; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image { background-size: cover; width: 18px; height: 18px; border-radius: 2px; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:only-child) { box-shadow: 0 0 0 2px #fff; } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:first-child) { margin-left: -6px; } .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__image:not(:only-child) { box-shadow: 0 0 0 2px var(--wp-admin-theme-color); } .block-editor-list-view-draggable-chip { opacity: 0.8; } .block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container, .block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container, .block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container, .block-editor-list-view-appender__cell .block-editor-list-view-appender__container { display: flex; } .block-editor-list-view__expander { height: 24px; margin-left: 4px; width: 24px; cursor: pointer; } .block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander { margin-left: 220px; } .block-editor-list-view-leaf:not([aria-level="1"]) .block-editor-list-view__expander { margin-right: 4px; } .block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander { margin-left: 0px; } .block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander { margin-left: 24px; } .block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander { margin-left: 52px; } .block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander { margin-left: 80px; } .block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander { margin-left: 108px; } .block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander { margin-left: 136px; } .block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander { margin-left: 164px; } .block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander { margin-left: 192px; } .block-editor-list-view-leaf .block-editor-list-view__expander { visibility: hidden; } .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg { visibility: visible; transition: transform 0.2s ease; transform: rotate(90deg); } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg { visibility: visible; transform: rotate(0deg); transition: transform 0.2s ease; } @media (prefers-reduced-motion: reduce) { .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg { transition-duration: 0s; transition-delay: 0s; } } .block-editor-list-view-drop-indicator { pointer-events: none; } .block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line { background: var(--wp-admin-theme-color); height: 4px; border-radius: 4px; } .block-editor-list-view-drop-indicator--preview { pointer-events: none; } .block-editor-list-view-drop-indicator--preview .components-popover__content { overflow: hidden !important; } .block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line { background: rgba(var(--wp-admin-theme-color--rgb), 0.04); height: 36px; border-radius: 4px; overflow: hidden; } .block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line--darker { background: rgba(var(--wp-admin-theme-color--rgb), 0.09); } .block-editor-list-view-placeholder { padding: 0; margin: 0; height: 36px; } .list-view-appender .block-editor-inserter__toggle { background-color: #1e1e1e; color: #fff; margin: 8px 0 0 24px; border-radius: 2px; height: 24px; min-width: 24px; padding: 0; } .list-view-appender .block-editor-inserter__toggle:hover, .list-view-appender .block-editor-inserter__toggle:focus { background: var(--wp-admin-theme-color); color: #fff; } .list-view-appender__description { display: none; } .block-editor-list-view-block-select-button__bindings svg g { stroke: var(--wp-bound-block-color); fill: transparent; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } .modal-open .block-editor-media-replace-flow__options { display: none; } .block-editor-media-replace-flow__indicator { margin-left: 4px; } .block-editor-media-flow__url-input { margin-right: -8px; margin-left: -8px; padding: 16px; } .block-editor-media-flow__url-input.has-siblings { border-top: 1px solid #1e1e1e; margin-top: 8px; padding-bottom: 8px; } .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label { display: block; top: 16px; margin-bottom: 8px; } .block-editor-media-flow__url-input .block-editor-link-control { width: 300px; } .block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input { padding: 0; margin: 0; } .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title, .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info { max-width: 200px; white-space: nowrap; } .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__tools { justify-content: flex-end; padding: 16px var(--wp-admin-border-width-focus) var(--wp-admin-border-width-focus); } .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current { width: auto; padding: 0; } .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] { margin: 0; width: 100%; } .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions { padding: 8px 0 0; } .block-editor-media-flow__error { padding: 0 20px 20px 20px; max-width: 255px; } .block-editor-media-flow__error .components-with-notices-ui { max-width: 255px; } .block-editor-media-flow__error .components-with-notices-ui .components-notice__content { overflow: hidden; word-wrap: break-word; } .block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss { position: absolute; right: 10px; } .block-editor-multi-selection-inspector__card { display: flex; align-items: flex-start; padding: 16px; } .block-editor-multi-selection-inspector__card-content { flex-grow: 1; } .block-editor-multi-selection-inspector__card-title { font-weight: 500; margin-bottom: 5px; } .block-editor-multi-selection-inspector__card-description { font-size: 13px; } .block-editor-multi-selection-inspector__card .block-editor-block-icon { margin-left: -2px; margin-right: 10px; padding: 0 3px; width: 36px; height: 24px; } .block-editor-responsive-block-control { margin-bottom: 28px; border-bottom: 1px solid #ccc; padding-bottom: 14px; } .block-editor-responsive-block-control:last-child { padding-bottom: 0; border-bottom: 0; } .block-editor-responsive-block-control__title { margin: 0; margin-bottom: 0.6em; margin-left: -3px; } .block-editor-responsive-block-control__label { font-weight: 600; margin-bottom: 0.6em; margin-left: -3px; } .block-editor-responsive-block-control__inner { margin-left: -1px; } .block-editor-responsive-block-control__toggle { margin-left: 1px; } .block-editor-responsive-block-control .components-base-control__help { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .components-popover.block-editor-rich-text__inline-format-toolbar { z-index: 99998; } .components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content { width: auto; min-width: auto; margin-bottom: 8px; box-shadow: none; outline: none; } .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar { border-radius: 2px; } .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control, .components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle { min-width: 48px; min-height: 48px; padding-left: 12px; padding-right: 12px; } .block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle { justify-content: center; } .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon { width: auto; } .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg { display: none; } .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon::after { content: attr(aria-label); } .block-editor-skip-to-selected-block { position: absolute; top: -9999em; } .block-editor-skip-to-selected-block:focus { height: auto; width: auto; display: block; font-size: 14px; font-weight: 600; padding: 15px 23px 14px; background: #f1f1f1; color: var(--wp-admin-theme-color); line-height: normal; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); text-decoration: none; outline: none; z-index: 100000; } .block-editor-text-decoration-control { border: 0; margin: 0; padding: 0; } .block-editor-text-decoration-control .block-editor-text-decoration-control__buttons { padding: 4px 0; display: flex; } .block-editor-text-decoration-control .components-button.has-icon { height: 32px; margin-right: 4px; min-width: 32px; padding: 0; } .block-editor-text-transform-control { border: 0; margin: 0; padding: 0; } .block-editor-text-transform-control .block-editor-text-transform-control__buttons { padding: 4px 0; display: flex; } .block-editor-text-transform-control .components-button.has-icon { height: 32px; margin-right: 4px; min-width: 32px; padding: 0; } .block-editor-tool-selector__help { margin-top: 8px; margin-left: -8px; margin-right: -8px; margin-bottom: -8px; padding: 16px; border-top: 1px solid #ddd; color: #757575; min-width: 280px; } .block-editor-block-list__block .block-editor-url-input, .components-popover .block-editor-url-input, .block-editor-url-input { flex-grow: 1; position: relative; padding: 1px; } .block-editor-block-list__block .block-editor-url-input input[type=text], .components-popover .block-editor-url-input input[type=text], .block-editor-url-input input[type=text] { width: 100%; padding: 8px 8px 8px 12px; margin-left: 0; margin-right: 0; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; } @media (min-width: 600px) { .block-editor-block-list__block .block-editor-url-input input[type=text], .components-popover .block-editor-url-input input[type=text], .block-editor-url-input input[type=text] { width: 300px; font-size: 13px; } } .block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear, .components-popover .block-editor-url-input input[type=text]::-ms-clear, .block-editor-url-input input[type=text]::-ms-clear { display: none; } .block-editor-block-list__block .block-editor-url-input.is-full-width, .components-popover .block-editor-url-input.is-full-width, .block-editor-url-input.is-full-width { width: 100%; } .block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], .components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text] { width: 100%; } .block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions, .components-popover .block-editor-url-input.is-full-width__suggestions, .block-editor-url-input.is-full-width__suggestions { width: 100%; } .block-editor-block-list__block .block-editor-url-input .components-spinner, .components-popover .block-editor-url-input .components-spinner, .block-editor-url-input .components-spinner { position: absolute; margin: 0; top: calc(50% - 16px / 2); right: 8px; } .block-editor-url-input__input[type=text] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; transition: box-shadow 0.1s linear; border-radius: 2px; border: 1px solid #949494; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; } @media (prefers-reduced-motion: reduce) { .block-editor-url-input__input[type=text] { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .block-editor-url-input__input[type=text] { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .block-editor-url-input__input[type=text]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-url-input__input[type=text]::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .block-editor-url-input__input[type=text]::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .block-editor-url-input__input[type=text]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } .block-editor-url-input__suggestions { max-height: 200px; transition: all 0.15s ease-in-out; padding: 4px 0; width: 302px; overflow-y: auto; } @media (prefers-reduced-motion: reduce) { .block-editor-url-input__suggestions { transition-duration: 0s; transition-delay: 0s; } } .block-editor-url-input__suggestions, .block-editor-url-input .components-spinner { display: none; } @media (min-width: 600px) { .block-editor-url-input__suggestions, .block-editor-url-input .components-spinner { display: grid; } } .block-editor-url-input__suggestion { min-height: 36px; height: auto; color: #757575; display: block; font-size: 13px; cursor: pointer; background: #fff; width: 100%; border: none; text-align: left; box-shadow: none; } .block-editor-url-input__suggestion:hover { background: #ddd; } .block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected { background: var(--wp-admin-theme-color-darker-20); color: #fff; outline: none; } .components-toolbar-group > .block-editor-url-input__button, .components-toolbar > .block-editor-url-input__button { position: inherit; } .block-editor-url-input__button .block-editor-url-input__back { margin-right: 4px; overflow: visible; } .block-editor-url-input__button .block-editor-url-input__back::after { content: ""; position: absolute; display: block; width: 1px; height: 24px; right: -1px; background: #ddd; } .block-editor-url-input__button-modal { box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1); border: 1px solid #ddd; background: #fff; } .block-editor-url-input__button-modal-line { display: flex; flex-direction: row; flex-grow: 1; flex-shrink: 1; min-width: 0; align-items: flex-start; } .block-editor-url-input__button-modal-line .components-button { flex-shrink: 0; width: 36px; height: 36px; } .block-editor-url-popover__additional-controls { border-top: 1px solid #1e1e1e; padding: 8px 8px; } .block-editor-url-popover__input-container { padding: 8px; } .block-editor-url-popover__row { display: flex; gap: 4px; } .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { flex-grow: 1; gap: 8px; } .block-editor-url-popover__additional-controls .components-button.has-icon { padding-left: 8px; padding-right: 8px; height: auto; text-align: left; } .block-editor-url-popover__additional-controls .components-button.has-icon > svg { margin-right: 8px; } .block-editor-url-popover__settings-toggle { flex-shrink: 0; } .block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon { transform: rotate(180deg); } .block-editor-url-popover__settings { display: block; padding: 16px; border-top: 1px solid #1e1e1e; } .block-editor-url-popover__link-editor, .block-editor-url-popover__link-viewer { display: flex; } .block-editor-url-popover__link-viewer-url { display: flex; align-items: center; flex-grow: 1; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 8px; min-width: 150px; max-width: 350px; } .block-editor-url-popover__link-viewer-url.has-invalid-link { color: #cc1818; } .block-editor-url-popover__expand-on-click { display: flex; align-items: center; min-width: 350px; white-space: nowrap; } .block-editor-url-popover__expand-on-click .text { flex-grow: 1; } .block-editor-url-popover__expand-on-click .text p { margin: 0; line-height: 16px; } .block-editor-url-popover__expand-on-click .text p.description { color: #757575; font-size: 12px; } .html-anchor-control .components-external-link { display: inline-block; margin-top: 8px; } .block-editor-hooks__block-hooks { /** * Since we're displaying the block icon alongside the block name, * we need to right-align the toggle. */ /** * Un-reverse the flex direction for the toggle's label. */ } .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack { flex-direction: row-reverse; } .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack .components-h-stack { flex-direction: row; } .block-editor-hooks__block-hooks .block-editor-hooks__block-hooks-helptext { color: #757575; font-size: 12px; margin-bottom: 16px; } .block-editor-hooks__background__inspector-media-replace-container { position: relative; } .block-editor-hooks__background__inspector-media-replace-container .components-drop-zone__content-icon { display: none; } .block-editor-hooks__background__inspector-media-replace-container button.components-button { color: #1e1e1e; box-shadow: inset 0 0 0 1px #ddd; width: 100%; display: block; height: 40px; } .block-editor-hooks__background__inspector-media-replace-container button.components-button:hover { color: var(--wp-admin-theme-color); } .block-editor-hooks__background__inspector-media-replace-container button.components-button:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .block-editor-hooks__background__inspector-media-replace-container .block-editor-hooks__background__inspector-media-replace-title { word-break: break-all; white-space: normal; text-align: start; text-align-last: center; } .block-editor-hooks__background__inspector-media-replace-container .components-dropdown { display: block; } .block-editor-hooks__background__inspector-image-indicator-wrapper { background: #fff linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); border-radius: 50% !important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); display: block; width: 20px; height: 20px; flex: none; } .block-editor-hooks__background__inspector-image-indicator-wrapper.has-image { background: #fff; } .block-editor-hooks__background__inspector-image-indicator { background-size: cover; border-radius: 50%; width: 20px; height: 20px; display: block; position: relative; } .block-editor-hooks__background__inspector-image-indicator::after { content: ""; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); border: 1px solid transparent; box-sizing: inherit; } .border-block-support-panel .single-column { grid-column: span 1; } .color-block-support-panel { /* Increased specificity required to remove the slot wrapper's row gap */ /** * After converting PanelColorGradientSettings to render as a ToolsPanel * we need to remove the top margin when wrapping inner content due to * rendering via SlotFills. */ } .color-block-support-panel .block-editor-contrast-checker { /** * Contrast checkers are forced to the bottom of the panel so all * injected color controls can appear as a single item group without * the contrast checkers suddenly appearing between items. */ order: 9999; grid-column: span 2; margin-top: 16px; } .color-block-support-panel .block-editor-contrast-checker .components-notice__content { margin-right: 0; } .color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper { row-gap: 0; } .color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first { margin-top: 0; } .dimensions-block-support-panel .single-column { grid-column: span 1; } .block-editor-hooks__layout-controls { display: flex; margin-bottom: 8px; } .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit { display: flex; margin-right: 24px; } .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg { margin: auto 0 4px 8px; } .block-editor-block-inspector .block-editor-hooks__layout-controls-unit-input { margin-bottom: 0; } .block-editor-hooks__layout-controls-reset { display: flex; justify-content: flex-end; margin-bottom: 24px; } .block-editor-hooks__layout-controls-helptext { color: #757575; font-size: 12px; margin-bottom: 16px; } .block-editor-hooks__flex-layout-justification-controls, .block-editor-hooks__flex-layout-orientation-controls { margin-bottom: 12px; } .block-editor-hooks__flex-layout-justification-controls legend, .block-editor-hooks__flex-layout-orientation-controls legend { margin-bottom: 8px; } .block-editor-hooks__toggle-control.block-editor-hooks__toggle-control { margin-bottom: 16px; } .block-editor-hooks__position-selection__select-control .components-custom-select-control__hint { display: none; } .block-editor-hooks__position-selection__select-control__option.has-hint { grid-template-columns: auto 30px; line-height: 1.4; margin-bottom: 0; } .block-editor-hooks__position-selection__select-control__option .components-custom-select-control__item-hint { grid-row: 2; text-align: left; } .block-editor__spacing-visualizer { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.5; border-color: var(--wp-admin-theme-color); border-style: solid; pointer-events: none; box-sizing: border-box; } .typography-block-support-panel .single-column { grid-column: span 1; } /** * Block Toolbar */ .block-editor-block-toolbar { display: flex; flex-grow: 1; width: 100%; position: relative; overflow-y: hidden; overflow-x: auto; transition: border-color 0.1s linear, box-shadow 0.1s linear; } @media (prefers-reduced-motion: reduce) { .block-editor-block-toolbar { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 600px) { .block-editor-block-toolbar { overflow: inherit; } } .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-toolbar .components-toolbar { background: none; line-height: 0; margin-top: -1px; margin-bottom: -1px; border: 0; border-right: 1px solid #ddd; } .block-editor-block-toolbar.is-synced .block-editor-block-switcher .components-button .block-editor-block-icon { color: var(--wp-block-synced-color); } .block-editor-block-toolbar.is-synced .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { color: var(--wp-block-synced-color); } .block-editor-block-toolbar > :last-child, .block-editor-block-toolbar > :last-child .components-toolbar-group, .block-editor-block-toolbar > :last-child .components-toolbar { border-right: none; } .block-editor-block-contextual-toolbar { position: sticky; top: 0; z-index: 31; display: block; width: 100%; background-color: #fff; flex-shrink: 3; } .block-editor-block-contextual-toolbar.components-accessible-toolbar { border: none; border-bottom: 1px solid #e0e0e0; border-radius: 0; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar { overflow: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-gutter: stable both-edges; scrollbar-color: #e0e0e0 transparent; will-change: transform; scrollbar-gutter: auto; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar { width: 12px; height: 12px; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-track { background-color: transparent; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-thumb { background-color: #e0e0e0; border-radius: 8px; border: 3px solid transparent; background-clip: padding-box; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover::-webkit-scrollbar-thumb, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus::-webkit-scrollbar-thumb, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within::-webkit-scrollbar-thumb { background-color: #949494; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within { scrollbar-color: #949494 transparent; } @media (hover: none) { .block-editor-block-contextual-toolbar .block-editor-block-toolbar { scrollbar-color: #949494 transparent; } } .block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child::after, .block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child .components-toolbar-group::after, .block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child .components-toolbar::after { display: none; } .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar { border-right-color: #e0e0e0; } .block-editor-block-contextual-toolbar > .block-editor-block-toolbar { flex-grow: initial; width: initial; } .block-editor-block-contextual-toolbar .block-editor-block-parent-selector { position: relative; margin-top: -1px; margin-bottom: -1px; } .block-editor-block-contextual-toolbar .block-editor-block-parent-selector::after { content: "·"; position: absolute; font-size: 16px; right: 0; height: 32px; top: 0; display: inline-flex; align-items: center; } .block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, .block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { width: 24px !important; margin: 0 !important; } .block-editor-block-toolbar__block-controls .components-toolbar-group { padding: 0; } .block-editor-block-toolbar .components-toolbar-group, .block-editor-block-toolbar .components-toolbar, .block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group, .block-editor-rich-text__inline-format-toolbar-group .components-toolbar { display: flex; flex-wrap: nowrap; } .block-editor-block-toolbar__slot { display: inline-block; line-height: 0; } @supports (position: sticky) { .block-editor-block-toolbar__slot { display: inline-flex; } } .show-icon-labels .block-editor-block-toolbar .components-button.has-icon { width: auto; } .show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg { display: none; } .show-icon-labels .block-editor-block-toolbar .components-button.has-icon::after { content: attr(aria-label); font-size: 12px; } .show-icon-labels .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon { padding-left: 6px; padding-right: 6px; } .show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, .show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { width: 0 !important; height: 0 !important; min-width: 0 !important; } .show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button { border-top-right-radius: 0; border-bottom-right-radius: 0; padding-left: 12px; padding-right: 12px; text-wrap: nowrap; } .show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button .block-editor-block-icon { width: 0; } .show-icon-labels .block-editor-block-mover .block-editor-block-mover__move-button-container { width: auto; position: relative; } @media (min-width: 600px) { .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container::before { content: ""; height: 1px; width: 100%; background: #e0e0e0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0); margin-top: -0.5px; } } @media (min-width: 782px) { .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container::before { background: #1e1e1e; } } .show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container, .show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover-button { padding-left: 6px; padding-right: 6px; } .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button { padding-left: 8px; padding-right: 8px; } .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover { border-left: 1px solid #ddd; margin-left: 6px; margin-right: -6px; white-space: nowrap; } .show-icon-labels .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon { padding-left: 12px; padding-right: 12px; } .show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button { width: auto; } .show-icon-labels .components-toolbar, .show-icon-labels .components-toolbar-group { flex-shrink: 1; } .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button + .components-button { margin-left: 6px; } .block-editor-inserter { display: inline-block; background: none; border: none; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 0; } @media (min-width: 782px) { .block-editor-inserter { position: relative; } } .block-editor-inserter__main-area { position: relative; display: flex; flex-direction: column; height: 100%; gap: 16px; overflow-y: hidden; } .block-editor-inserter__main-area.show-as-tabs { gap: 0; } @media (min-width: 782px) { .block-editor-inserter__main-area { width: 350px; } } .block-editor-inserter__popover.is-quick .components-popover__content { border: none; outline: none; box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1); } .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > * { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:first-child { border-top: 1px solid #ccc; border-radius: 2px 2px 0 0; } .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:last-child { border-bottom: 1px solid #ccc; border-radius: 0 0 2px 2px; } .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *.components-button { border: 1px solid #1e1e1e; } .block-editor-inserter__popover .block-editor-inserter__menu { margin: -12px; } .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs div[role=tablist] { top: 60px; } .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area { overflow: visible; height: auto; } .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container { display: none; } .block-editor-inserter__toggle.components-button { display: inline-flex; align-items: center; cursor: pointer; border: none; outline: none; padding: 0; transition: color 0.2s ease; } @media (prefers-reduced-motion: reduce) { .block-editor-inserter__toggle.components-button { transition-duration: 0s; transition-delay: 0s; } } .block-editor-inserter__menu { height: 100%; position: relative; overflow: visible; } .block-editor-inserter__inline-elements { margin-top: -1px; } .block-editor-inserter__menu.is-bottom::after { border-bottom-color: #fff; } .components-popover.block-editor-inserter__popover { z-index: 99999; } .block-editor-inserter__search { padding: 16px 16px 0 16px; } .block-editor-inserter__tabs { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; } .block-editor-inserter__tabs div[role=tablist] { border-bottom: 1px solid #ddd; } .block-editor-inserter__tabs div[role=tablist] button[role=tab] { flex-grow: 1; margin-bottom: -1px; } .block-editor-inserter__tabs div[role=tablist] button[role=tab][id$=reusable] { flex-grow: inherit; padding-left: 16px; padding-right: 16px; } .block-editor-inserter__tabs div[role=tabpanel] { display: flex; flex-grow: 1; flex-direction: column; overflow-y: auto; } .block-editor-inserter__no-tab-container { overflow-y: auto; flex-grow: 1; } .block-editor-inserter__panel-header { display: inline-flex; align-items: center; padding: 16px 16px 0; } .block-editor-inserter__panel-content { padding: 16px; } .block-editor-inserter__panel-title, .block-editor-inserter__panel-title button { margin: 0 12px 0 0; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; } .block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input { height: 36px; line-height: 36px; } .block-editor-inserter__panel-dropdown select { border: none; } .block-editor-inserter__reusable-blocks-panel { position: relative; text-align: right; } .block-editor-inserter__manage-reusable-blocks-container { margin: auto 16px 16px; } .block-editor-inserter__manage-reusable-blocks { justify-content: center; width: 100%; } .block-editor-inserter__no-results { padding: 32px; text-align: center; } .block-editor-inserter__no-results-icon { fill: #949494; } .block-editor-inserter__child-blocks { padding: 0 16px; } .block-editor-inserter__parent-block-header { display: flex; align-items: center; } .block-editor-inserter__parent-block-header h2 { font-size: 13px; } .block-editor-inserter__parent-block-header .block-editor-block-icon { margin-right: 8px; } .block-editor-inserter__preview-container__popover { top: 16px !important; } .block-editor-inserter__preview-container { display: none; width: 280px; padding: 16px; max-height: calc(100% - 32px); overflow-y: hidden; } @media (min-width: 782px) { .block-editor-inserter__preview-container { display: block; } } .block-editor-inserter__preview-container .block-editor-block-preview__container { height: 100%; } .block-editor-inserter__preview-container .block-editor-block-card { padding-left: 0; padding-right: 0; padding-bottom: 4px; } .block-editor-inserter__patterns-explore-button.components-button { padding: 16px; justify-content: center; margin-top: 16px; width: 100%; } .block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category { color: var(--wp-admin-theme-color); position: relative; } .block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category .components-flex-item { filter: brightness(0.95); } .block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category svg { fill: var(--wp-admin-theme-color); } .block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 2px; opacity: 0.04; background: var(--wp-admin-theme-color); } .block-editor-inserter__block-patterns-tabs-container { height: 100%; } .block-editor-inserter__block-patterns-tabs-container nav { height: 100%; } .block-editor-inserter__block-patterns-tabs { display: flex; flex-direction: column; padding: 16px; overflow-y: auto; height: 100%; } .block-editor-inserter__block-patterns-tabs div[role=listitem]:last-child { margin-top: auto; } .block-editor-inserter__block-patterns-tabs .block-editor-inserter__patterns-category { padding-right: 4px; } .block-editor-inserter__patterns-category-dialog { background: #f0f0f0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } @media (min-width: 782px) { .block-editor-inserter__patterns-category-dialog { left: 100%; display: block; width: 300px; } } .block-editor-inserter__patterns-category-dialog .block-editor-block-patterns-list { overflow-y: auto; flex-grow: 1; height: 100%; padding: 16px 24px; } .block-editor-block-patterns-list__list-item .block-editor-block-preview__container { box-shadow: 0 15px 25px rgba(0, 0, 0, 0.07); } .block-editor-block-patterns-list__list-item:hover .block-editor-block-preview__container { box-shadow: 0 0 0 2px #1e1e1e, 0 15px 25px rgba(0, 0, 0, 0.07); } .block-editor-inserter__patterns-category-panel { padding: 0 16px; display: flex; flex-direction: column; height: 100%; } @media (min-width: 782px) { .block-editor-inserter__patterns-category-panel { padding: 0; } } .block-editor-inserter__patterns-category-panel .block-editor-inserter__patterns-category-panel-header { padding: 16px 24px; } .block-editor-inserter__patterns-category-panel .block-editor-inserter__patterns-category-no-results { margin-top: 24px; } .block-editor-inserter__preview-content { min-height: 144px; background: #f0f0f0; display: grid; flex-grow: 1; align-items: center; } .block-editor-inserter__preview-content-missing { flex: 1; display: flex; justify-content: center; align-items: center; min-height: 144px; color: #757575; background: #f0f0f0; border-radius: 2px; } .block-editor-inserter__tips { border-top: 1px solid #ddd; padding: 16px; flex-shrink: 0; position: relative; } .block-editor-inserter__quick-inserter { width: 100%; max-width: 100%; } @media (min-width: 782px) { .block-editor-inserter__quick-inserter { width: 350px; } } .block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header { height: 0; padding: 0; float: left; } .block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content, .block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content { padding: 16px; } .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 8px; } .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { margin-bottom: 0; } .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-preview__container { min-height: 100px; } .block-editor-inserter__quick-inserter-separator { border-top: 1px solid #ddd; } .block-editor-inserter__popover.is-quick > .components-popover__content { padding: 0; } .block-editor-inserter__quick-inserter-expand.components-button { display: block; background: #1e1e1e; color: #fff; width: 100%; height: 44px; border-radius: 0; } .block-editor-inserter__quick-inserter-expand.components-button:hover { color: #fff; } .block-editor-inserter__quick-inserter-expand.components-button:active { color: #ccc; } .block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled) { box-shadow: none; background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); } .block-editor-block-patterns-explorer__sidebar { position: absolute; top: 72px; left: 0; bottom: 0; width: 280px; padding: 24px 32px 32px; overflow-x: visible; overflow-y: scroll; } .block-editor-block-patterns-explorer__sidebar__categories-list__item { display: block; width: 100%; height: 48px; text-align: left; } .block-editor-block-patterns-explorer__search { margin-bottom: 32px; } .block-editor-block-patterns-explorer__search-results-count { padding-bottom: 32px; } .block-editor-block-patterns-explorer__list { margin-left: 280px; padding: 24px 0 32px; } .block-editor-block-patterns-explorer__list .block-editor-patterns__sync-status-filter .components-input-control__container { width: 380px; } .block-editor-block-patterns-explorer .block-editor-block-patterns-list { display: grid; grid-gap: 32px; grid-template-columns: repeat(1, 1fr); margin-bottom: 16px; } @media (min-width: 1080px) { .block-editor-block-patterns-explorer .block-editor-block-patterns-list { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1440px) { .block-editor-block-patterns-explorer .block-editor-block-patterns-list { grid-template-columns: repeat(3, 1fr); } } .block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { min-height: 240px; } .block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-preview__container { height: inherit; min-height: 100px; max-height: 800px; } .block-editor-inserter__patterns-category-panel-title { font-size: calc(1.25 * 13px); } .block-editor-inserter__media-tabs-container { height: 100%; } .block-editor-inserter__media-tabs-container nav { height: 100%; } .block-editor-inserter__media-tabs-container .block-editor-inserter__media-library-button { padding: 16px; justify-content: center; margin-top: 16px; width: 100%; } .block-editor-inserter__media-tabs { display: flex; flex-direction: column; padding: 16px; overflow-y: auto; height: 100%; } .block-editor-inserter__media-tabs div[role=listitem]:last-child { margin-top: auto; } .block-editor-inserter__media-tabs .block-editor-inserter__media-tabs__media-category { padding-right: 4px; } .block-editor-inserter__media-tabs .block-editor-inserter__media-tabs__media-category.is-selected { color: var(--wp-admin-theme-color); position: relative; } .block-editor-inserter__media-tabs .block-editor-inserter__media-tabs__media-category.is-selected .components-flex-item { filter: brightness(0.95); } .block-editor-inserter__media-tabs .block-editor-inserter__media-tabs__media-category.is-selected svg { fill: var(--wp-admin-theme-color); } .block-editor-inserter__media-tabs .block-editor-inserter__media-tabs__media-category.is-selected::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 2px; opacity: 0.04; background: var(--wp-admin-theme-color); } .block-editor-inserter__media-dialog { background: #f0f0f0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; position: absolute; padding: 16px 24px; top: 0; left: 0; height: 100%; width: 100%; overflow-y: auto; scrollbar-gutter: stable both-edges; } @media (min-width: 782px) { .block-editor-inserter__media-dialog { left: 100%; display: block; width: 300px; } } .block-editor-inserter__media-dialog .block-editor-block-preview__container { box-shadow: 0 15px 25px rgba(0, 0, 0, 0.07); } .block-editor-inserter__media-dialog .block-editor-block-preview__container:hover { box-shadow: 0 0 0 2px #1e1e1e, 0 15px 25px rgba(0, 0, 0, 0.07); } .block-editor-inserter__media-panel { min-height: 100%; padding: 0 16px; display: flex; flex-direction: column; } @media (min-width: 782px) { .block-editor-inserter__media-panel { padding: 0; } } .block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner { height: 100%; display: flex; align-items: center; justify-content: center; flex: 1; } .block-editor-inserter__media-panel .block-editor-inserter__media-panel-search:not(:focus-within) { --wp-components-color-background: #fff; } .block-editor-inserter__media-list { margin-top: 16px; } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item { position: relative; cursor: pointer; margin-bottom: 24px; } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-placeholder { min-height: 100px; } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item[draggable=true] .block-editor-block-preview__container { cursor: grab; } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview { box-shadow: 0 0 0 2px #1e1e1e, 0 15px 25px rgba(0, 0, 0, 0.07); } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options > button { display: block; } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options { position: absolute; right: 8px; top: 8px; } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button { background: #fff; border-radius: 2px; display: none; } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button.is-opened, .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button:focus { display: block; } .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button:hover { box-shadow: inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-inserter__media-list .block-editor-inserter__media-list__item { height: 100%; } .block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview { display: flex; align-items: center; overflow: hidden; border-radius: 2px; } .block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview > * { margin: 0 auto; max-width: 100%; } .block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview .block-editor-inserter__media-list__item-preview-spinner { display: flex; height: 100%; width: 100%; position: absolute; justify-content: center; background: rgba(255, 255, 255, 0.7); align-items: center; pointer-events: none; } .block-editor-inserter__media-list .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview { box-shadow: inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; } .block-editor-inserter__media-list__item-preview-options__popover .components-menu-item__button .components-menu-item__item { min-width: auto; } .block-editor-inserter__mobile-tab-navigation { padding: 16px; height: 100%; } .block-editor-inserter__mobile-tab-navigation > * { height: 100%; } @media (min-width: 600px) { .block-editor-inserter-media-tab-media-preview-inserter-external-image-modal { max-width: 480px; } } .block-editor-inserter-media-tab-media-preview-inserter-external-image-modal p { margin: 0; } .block-editor-inserter__hint { margin: 16px 16px 0; } .reusable-blocks-menu-items__rename-hint { align-items: top; background: #f0f0f0; border-radius: 2px; color: #1e1e1e; display: flex; flex-direction: row; max-width: 380px; } .reusable-blocks-menu-items__rename-hint-content { margin: 12px 0 12px 12px; } .reusable-blocks-menu-items__rename-hint-dismiss { margin: 4px 4px 4px 0; } .components-menu-group .reusable-blocks-menu-items__rename-hint { margin: 0; } .block-editor-patterns__sync-status-filter .components-input-control__container select.components-select-control__input { height: 40px; } .is-zoom-out .block-editor-inserter__menu { display: flex; } .is-zoom-out .block-editor-inserter__patterns-category-dialog { position: static; } .spacing-sizes-control .spacing-sizes-control__custom-value-input, .spacing-sizes-control .spacing-sizes-control__label { margin-bottom: 0; } .spacing-sizes-control .spacing-sizes-control__range-control, .spacing-sizes-control .spacing-sizes-control__custom-value-range { height: 40px; /* Vertically center the RangeControl until it has true 40px height. */ display: flex; align-items: center; margin-bottom: 0; flex: 1; } .spacing-sizes-control .spacing-sizes-control__range-control > .components-base-control__field, .spacing-sizes-control .spacing-sizes-control__custom-value-range > .components-base-control__field { /* Fixes RangeControl contents when the outer wrapper is flex */ flex: 1; } .spacing-sizes-control .components-range-control__mark { height: 4px; width: 3px; background-color: #fff; z-index: 1; } .spacing-sizes-control .components-range-control__marks { margin-top: 17px; } .spacing-sizes-control .components-range-control__marks :first-child { display: none; } .spacing-sizes-control .components-range-control__thumb-wrapper { z-index: 3; } .spacing-sizes-control__header { height: 16px; margin-bottom: 12px; } .spacing-sizes-control__dropdown { height: 24px; } .spacing-sizes-control__custom-select-control, .spacing-sizes-control__custom-value-input { flex: 1; } .spacing-sizes-control__icon, .spacing-sizes-control__custom-toggle { flex: 0 0 auto; } .spacing-sizes-control__icon { margin-left: -4px; } body.admin-color-light { --wp-admin-theme-color: #0085ba; --wp-admin-theme-color--rgb: 0, 133, 186; --wp-admin-theme-color-darker-10: #0073a1; --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; --wp-admin-theme-color-darker-20: #006187; --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { body.admin-color-light { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-modern { --wp-admin-theme-color: #3858e9; --wp-admin-theme-color--rgb: 56, 88, 233; --wp-admin-theme-color-darker-10: #2145e6; --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; --wp-admin-theme-color-darker-20: #183ad6; --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { body.admin-color-modern { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-blue { --wp-admin-theme-color: #096484; --wp-admin-theme-color--rgb: 9, 100, 132; --wp-admin-theme-color-darker-10: #07526c; --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; --wp-admin-theme-color-darker-20: #064054; --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { body.admin-color-blue { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-coffee { --wp-admin-theme-color: #46403c; --wp-admin-theme-color--rgb: 70, 64, 60; --wp-admin-theme-color-darker-10: #383330; --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; --wp-admin-theme-color-darker-20: #2b2724; --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { body.admin-color-coffee { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-ectoplasm { --wp-admin-theme-color: #523f6d; --wp-admin-theme-color--rgb: 82, 63, 109; --wp-admin-theme-color-darker-10: #46365d; --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; --wp-admin-theme-color-darker-20: #3a2c4d; --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { body.admin-color-ectoplasm { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-midnight { --wp-admin-theme-color: #e14d43; --wp-admin-theme-color--rgb: 225, 77, 67; --wp-admin-theme-color-darker-10: #dd382d; --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; --wp-admin-theme-color-darker-20: #d02c21; --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { body.admin-color-midnight { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-ocean { --wp-admin-theme-color: #627c83; --wp-admin-theme-color--rgb: 98, 124, 131; --wp-admin-theme-color-darker-10: #576e74; --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; --wp-admin-theme-color-darker-20: #4c6066; --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { body.admin-color-ocean { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-sunrise { --wp-admin-theme-color: #dd823b; --wp-admin-theme-color--rgb: 221, 130, 59; --wp-admin-theme-color-darker-10: #d97426; --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; --wp-admin-theme-color-darker-20: #c36922; --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { body.admin-color-sunrise { --wp-admin-border-width-focus: 1.5px; } } /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Colors */ /** * Breakpoints & Media Queries */ /** * SCSS Variables. * * Please use variables from this sheet to ensure consistency across the UI. * Don't add to this sheet unless you're pretty sure the value will be reused in many places. * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Colors */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Breakpoint mixins */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ .wp-block-archives { box-sizing: border-box; } .wp-block-archives-dropdown label { display: block; } .wp-block-avatar { box-sizing: border-box; line-height: 0; } .wp-block-avatar img { box-sizing: border-box; } .wp-block-avatar.aligncenter { text-align: center; } .wp-block-audio { box-sizing: border-box; } .wp-block-audio figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-audio audio { width: 100%; min-width: 300px; } .wp-block-button__link { cursor: pointer; display: inline-block; text-align: center; word-break: break-word; box-sizing: border-box; } .wp-block-button__link.aligncenter { text-align: center; } .wp-block-button__link.alignright { /*rtl:ignore*/ text-align: right; } :where(.wp-block-button__link) { box-shadow: none; text-decoration: none; border-radius: 9999px; padding: calc(0.667em + 2px) calc(1.333em + 2px); } .wp-block-button[style*=text-decoration] .wp-block-button__link { text-decoration: inherit; } .wp-block-buttons > .wp-block-button.has-custom-width { max-width: none; } .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { width: 100%; } .wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link { font-size: inherit; } .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { width: calc(25% - (var(--wp--style--block-gap, 0.5em) * 0.75)); } .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5)); } .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25)); } .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { width: 100%; flex-basis: 100%; } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 { width: 25%; } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 { width: 50%; } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 { width: 75%; } .wp-block-button.is-style-squared, .wp-block-button__link.wp-block-button.is-style-squared { border-radius: 0; } .wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius { border-radius: 0 !important; } .wp-block-button:where(.is-style-outline) > .wp-block-button__link, .wp-block-button .wp-block-button__link:where(.is-style-outline) { border: 2px solid currentColor; padding: 0.667em 1.333em; } .wp-block-button:where(.is-style-outline) > .wp-block-button__link:not(.has-text-color), .wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-text-color) { color: currentColor; } .wp-block-button:where(.is-style-outline) > .wp-block-button__link:not(.has-background), .wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-background) { background-color: transparent; background-image: none; } .wp-block-button .wp-block-button__link:where(.has-border-color) { border-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-top-color"]) { border-top-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-right-color"]) { border-right-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-bottom-color"]) { border-bottom-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-left-color"]) { border-left-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-style"]) { border-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-top-style"]) { border-top-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-right-style"]) { border-right-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-bottom-style"]) { border-bottom-width: initial; } .wp-block-button .wp-block-button__link:where([style*="border-left-style"]) { border-left-width: initial; } .wp-block-buttons { /* stylelint-disable indentation */ } .wp-block-buttons.is-vertical { flex-direction: column; } .wp-block-buttons.is-vertical > .wp-block-button:last-child { margin-bottom: 0; } .wp-block-buttons > .wp-block-button { display: inline-block; margin: 0; } .wp-block-buttons.is-content-justification-left { justify-content: flex-start; } .wp-block-buttons.is-content-justification-left.is-vertical { align-items: flex-start; } .wp-block-buttons.is-content-justification-center { justify-content: center; } .wp-block-buttons.is-content-justification-center.is-vertical { align-items: center; } .wp-block-buttons.is-content-justification-right { justify-content: flex-end; } .wp-block-buttons.is-content-justification-right.is-vertical { align-items: flex-end; } .wp-block-buttons.is-content-justification-space-between { justify-content: space-between; } .wp-block-buttons.aligncenter { text-align: center; } .wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block-button.aligncenter { /* stylelint-enable indentation */ margin-left: auto; margin-right: auto; width: 100%; } .wp-block-buttons[style*=text-decoration] .wp-block-button, .wp-block-buttons[style*=text-decoration] .wp-block-button__link { text-decoration: inherit; } .wp-block-buttons.has-custom-font-size .wp-block-button__link { font-size: inherit; } .wp-block-button.aligncenter { text-align: center; } .wp-block-calendar { text-align: center; } .wp-block-calendar th, .wp-block-calendar td { padding: 0.25em; border: 1px solid; } .wp-block-calendar th { font-weight: 400; } .wp-block-calendar caption { background-color: inherit; } .wp-block-calendar table { width: 100%; border-collapse: collapse; } .wp-block-calendar table:where(:not(.has-text-color)) { color: #40464d; } .wp-block-calendar table:where(:not(.has-text-color)) th, .wp-block-calendar table:where(:not(.has-text-color)) td { border-color: #ddd; } .wp-block-calendar table.has-background th { background-color: inherit; } .wp-block-calendar table.has-text-color th { color: inherit; } :where(.wp-block-calendar table:not(.has-background) th) { background: #ddd; } .wp-block-categories { box-sizing: border-box; /* Only apply the text align on dropdowns, not lists. */ } .wp-block-categories.alignleft { /*rtl:ignore*/ margin-right: 2em; } .wp-block-categories.alignright { /*rtl:ignore*/ margin-left: 2em; } .wp-block-categories.wp-block-categories-dropdown.aligncenter { text-align: center; } .wp-block-code { box-sizing: border-box; } .wp-block-code code { display: block; font-family: inherit; overflow-wrap: break-word; white-space: pre-wrap; } .wp-block-columns { display: flex; box-sizing: border-box; flex-wrap: wrap !important; align-items: initial !important; /** * All Columns Alignment */ } @media (min-width: 782px) { .wp-block-columns { flex-wrap: nowrap !important; } } .wp-block-columns.are-vertically-aligned-top { align-items: flex-start; } .wp-block-columns.are-vertically-aligned-center { align-items: center; } .wp-block-columns.are-vertically-aligned-bottom { align-items: flex-end; } @media (max-width: 781px) { .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; } } @media (min-width: 782px) { .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 0; flex-grow: 1; } .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] { flex-grow: 0; } } .wp-block-columns.is-not-stacked-on-mobile { flex-wrap: nowrap !important; } .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column { flex-basis: 0; flex-grow: 1; } .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] { flex-grow: 0; } :where(.wp-block-columns) { margin-bottom: 1.75em; } :where(.wp-block-columns.has-background) { padding: 1.25em 2.375em; } .wp-block-column { flex-grow: 1; min-width: 0; word-break: break-word; overflow-wrap: break-word; /** * Individual Column Alignment */ } .wp-block-column.is-vertically-aligned-top { align-self: flex-start; } .wp-block-column.is-vertically-aligned-center { align-self: center; } .wp-block-column.is-vertically-aligned-bottom { align-self: flex-end; } .wp-block-column.is-vertically-aligned-stretch { align-self: stretch; } .wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom { width: 100%; } /* Styles for backwards compatibility with the legacy `post-comments` block */ .wp-block-post-comments { box-sizing: border-box; /* utility classes */ /* end utility classes */ } .wp-block-post-comments .alignleft { float: left; } .wp-block-post-comments .alignright { float: right; } .wp-block-post-comments .navigation::after { content: ""; display: table; clear: both; } .wp-block-post-comments .commentlist { clear: both; list-style: none; margin: 0; padding: 0; } .wp-block-post-comments .commentlist .comment { min-height: 2.25em; padding-left: 3.25em; } .wp-block-post-comments .commentlist .comment p { font-size: 1em; line-height: 1.8; margin: 1em 0; } .wp-block-post-comments .commentlist .children { list-style: none; margin: 0; padding: 0; } .wp-block-post-comments .comment-author { line-height: 1.5; } .wp-block-post-comments .comment-author .avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-top: 0.5em; margin-right: 0.75em; width: 2.5em; } .wp-block-post-comments .comment-author cite { font-style: normal; } .wp-block-post-comments .comment-meta { font-size: 0.875em; line-height: 1.5; } .wp-block-post-comments .comment-meta b { font-weight: normal; } .wp-block-post-comments .comment-meta .comment-awaiting-moderation { margin-top: 1em; margin-bottom: 1em; display: block; } .wp-block-post-comments .comment-body .commentmetadata { font-size: 0.875em; } .wp-block-post-comments .comment-form-comment label, .wp-block-post-comments .comment-form-author label, .wp-block-post-comments .comment-form-email label, .wp-block-post-comments .comment-form-url label { display: block; margin-bottom: 0.25em; } .wp-block-post-comments .comment-form textarea, .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) { display: block; box-sizing: border-box; width: 100%; } .wp-block-post-comments .comment-form-cookies-consent { display: flex; gap: 0.25em; } .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent { margin-top: 0.35em; } .wp-block-post-comments .comment-reply-title { margin-bottom: 0; } .wp-block-post-comments .comment-reply-title :where(small) { font-size: var(--wp--preset--font-size--medium, smaller); margin-left: 0.5em; } .wp-block-post-comments .reply { font-size: 0.875em; margin-bottom: 1.4em; } .wp-block-post-comments textarea, .wp-block-post-comments input:not([type=submit]) { border: 1px solid #949494; font-size: 1em; font-family: inherit; } .wp-block-post-comments textarea, .wp-block-post-comments input:not([type=submit]):not([type=checkbox]) { padding: calc(0.667em + 2px); } :where(.wp-block-post-comments input[type="submit"]) { border: none; } .wp-block-comments-pagination > .wp-block-comments-pagination-next, .wp-block-comments-pagination > .wp-block-comments-pagination-previous, .wp-block-comments-pagination > .wp-block-comments-pagination-numbers { /*rtl:ignore*/ margin-right: 0.5em; margin-bottom: 0.5em; } .wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child, .wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child, .wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child { /*rtl:ignore*/ margin-right: 0; } .wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow { margin-right: 1ch; display: inline-block; } .wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) { transform: scaleX(1) /*rtl:scaleX(-1);*/; } .wp-block-comments-pagination .wp-block-comments-pagination-next-arrow { margin-left: 1ch; display: inline-block; } .wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) { transform: scaleX(1) /*rtl:scaleX(-1);*/; } .wp-block-comments-pagination.aligncenter { justify-content: center; } .wp-block-comment-template { box-sizing: border-box; margin-bottom: 0; max-width: 100%; list-style: none; padding: 0; } .wp-block-comment-template li { clear: both; } .wp-block-comment-template ol { margin-bottom: 0; max-width: 100%; list-style: none; padding-left: 2rem; } .wp-block-comment-template.alignleft { float: left; } .wp-block-comment-template.aligncenter { margin-left: auto; margin-right: auto; width: -moz-fit-content; width: fit-content; } .wp-block-comment-template.alignright { float: right; } .wp-block-cover-image, .wp-block-cover { position: relative; background-position: center center; min-height: 430px; display: flex; justify-content: center; align-items: center; padding: 1em; overflow: hidden; overflow: clip; box-sizing: border-box; /*rtl:raw: direction: ltr; */ /** * Set a default background color for has-background-dim _unless_ it includes another * background-color class (e.g. has-green-background-color). The presence of another * background-color class implies that another style will provide the background color * for the overlay. * * See: * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545 * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545 */ } .wp-block-cover-image.has-background-dim:not([class*=-background-color]), .wp-block-cover-image .has-background-dim:not([class*=-background-color]), .wp-block-cover.has-background-dim:not([class*=-background-color]), .wp-block-cover .has-background-dim:not([class*=-background-color]) { background-color: #000; } .wp-block-cover-image .has-background-dim.has-background-gradient, .wp-block-cover .has-background-dim.has-background-gradient { background-color: transparent; } .wp-block-cover-image.has-background-dim::before, .wp-block-cover.has-background-dim::before { content: ""; background-color: inherit; } .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover-image .wp-block-cover__background, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover .wp-block-cover__background, .wp-block-cover .wp-block-cover__gradient-background { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; opacity: 0.5; } .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background { opacity: 0.1; } .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background { opacity: 0.2; } .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background { opacity: 0.3; } .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background { opacity: 0.4; } .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background { opacity: 0.5; } .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background { opacity: 0.6; } .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background { opacity: 0.7; } .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background { opacity: 0.8; } .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background { opacity: 0.9; } .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { opacity: 1; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0 { opacity: 0; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10 { opacity: 0.1; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20 { opacity: 0.2; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30 { opacity: 0.3; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40 { opacity: 0.4; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50 { opacity: 0.5; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60 { opacity: 0.6; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70 { opacity: 0.7; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80 { opacity: 0.8; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90 { opacity: 0.9; } .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100 { opacity: 1; } .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: 420px; width: 100%; } .wp-block-cover-image::after, .wp-block-cover::after { display: block; content: ""; font-size: 0; min-height: inherit; } @supports (position: sticky) { .wp-block-cover-image::after, .wp-block-cover::after { content: none; } } .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright { display: flex; } .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: 100%; z-index: 1; color: inherit; /*rtl:raw: direction: rtl; */ } .wp-block-cover-image p:where(:not(.has-text-color)), .wp-block-cover-image h1:where(:not(.has-text-color)), .wp-block-cover-image h2:where(:not(.has-text-color)), .wp-block-cover-image h3:where(:not(.has-text-color)), .wp-block-cover-image h4:where(:not(.has-text-color)), .wp-block-cover-image h5:where(:not(.has-text-color)), .wp-block-cover-image h6:where(:not(.has-text-color)), .wp-block-cover p:where(:not(.has-text-color)), .wp-block-cover h1:where(:not(.has-text-color)), .wp-block-cover h2:where(:not(.has-text-color)), .wp-block-cover h3:where(:not(.has-text-color)), .wp-block-cover h4:where(:not(.has-text-color)), .wp-block-cover h5:where(:not(.has-text-color)), .wp-block-cover h6:where(:not(.has-text-color)) { color: inherit; } .wp-block-cover-image.is-position-top-left, .wp-block-cover.is-position-top-left { align-items: flex-start; justify-content: flex-start; } .wp-block-cover-image.is-position-top-center, .wp-block-cover.is-position-top-center { align-items: flex-start; justify-content: center; } .wp-block-cover-image.is-position-top-right, .wp-block-cover.is-position-top-right { align-items: flex-start; justify-content: flex-end; } .wp-block-cover-image.is-position-center-left, .wp-block-cover.is-position-center-left { align-items: center; justify-content: flex-start; } .wp-block-cover-image.is-position-center-center, .wp-block-cover.is-position-center-center { align-items: center; justify-content: center; } .wp-block-cover-image.is-position-center-right, .wp-block-cover.is-position-center-right { align-items: center; justify-content: flex-end; } .wp-block-cover-image.is-position-bottom-left, .wp-block-cover.is-position-bottom-left { align-items: flex-end; justify-content: flex-start; } .wp-block-cover-image.is-position-bottom-center, .wp-block-cover.is-position-bottom-center { align-items: flex-end; justify-content: center; } .wp-block-cover-image.is-position-bottom-right, .wp-block-cover.is-position-bottom-right { align-items: flex-end; justify-content: flex-end; } .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { margin: 0; } .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container { margin: 0; width: auto; } .wp-block-cover-image .wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background, .wp-block-cover .wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; outline: none; border: none; box-shadow: none; } .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; } @supports (-webkit-touch-callout: inherit) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: scroll; } } @media (prefers-reduced-motion: reduce) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: scroll; } } .wp-block-cover-image.is-repeated, .wp-block-cover.is-repeated, .wp-block-cover__image-background.is-repeated, video.wp-block-cover__video-background.is-repeated { background-repeat: repeat; background-size: auto; } .wp-block-cover__video-background { z-index: 0; } .wp-block-cover__image-background { z-index: 0; } section.wp-block-cover-image h2, .wp-block-cover-image-text, .wp-block-cover-text { color: #fff; } section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:hover, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:active, .wp-block-cover-image-text a, .wp-block-cover-image-text a:hover, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:active, .wp-block-cover-text a, .wp-block-cover-text a:hover, .wp-block-cover-text a:focus, .wp-block-cover-text a:active { color: #fff; } .wp-block-cover-image .wp-block-cover.has-left-content { justify-content: flex-start; } .wp-block-cover-image .wp-block-cover.has-right-content { justify-content: flex-end; } section.wp-block-cover-image.has-left-content > h2, .wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text { margin-left: 0; text-align: left; } section.wp-block-cover-image.has-right-content > h2, .wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text { margin-right: 0; text-align: right; } section.wp-block-cover-image > h2, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text { font-size: 2em; line-height: 1.25; z-index: 1; margin-bottom: 0; max-width: 840px; padding: 0.44em; text-align: center; } :where(.wp-block-cover:not(.has-text-color)), :where(.wp-block-cover-image:not(.has-text-color)) { color: #fff; } :where(.wp-block-cover.is-light:not(.has-text-color)), :where(.wp-block-cover-image.is-light:not(.has-text-color)) { color: #000; } .wp-block-details { box-sizing: border-box; overflow: hidden; } .wp-block-details summary { cursor: pointer; } .wp-block[data-align=left] > [data-type="core/embed"], .wp-block[data-align=right] > [data-type="core/embed"], .wp-block-embed.alignleft, .wp-block-embed.alignright { max-width: 360px; width: 100%; } .wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper, .wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper, .wp-block-embed.alignleft .wp-block-embed__wrapper, .wp-block-embed.alignright .wp-block-embed__wrapper { min-width: 280px; } .wp-block-cover .wp-block-embed { min-width: 320px; min-height: 240px; } .wp-block-embed { overflow-wrap: break-word; } .wp-block-embed figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-embed iframe { max-width: 100%; } .wp-block-embed__wrapper { position: relative; } .wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { content: ""; display: block; padding-top: 50%; } .wp-embed-responsive .wp-has-aspect-ratio iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; } .wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { padding-top: 42.85%; } .wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { padding-top: 50%; } .wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { padding-top: 56.25%; } .wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { padding-top: 75%; } .wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { padding-top: 100%; } .wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before { padding-top: 177.77%; } .wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { padding-top: 200%; } .wp-block-file { box-sizing: border-box; } .wp-block-file:not(.wp-element-button) { font-size: 0.8em; } .wp-block-file.aligncenter { text-align: center; } .wp-block-file.alignright { /*rtl:ignore*/ text-align: right; } .wp-block-file * + .wp-block-file__button { margin-left: 0.75em; } :where(.wp-block-file) { margin-bottom: 1.5em; } .wp-block-file__embed { margin-bottom: 1em; } :where(.wp-block-file__button) { border-radius: 2em; padding: 0.5em 1em; display: inline-block; } :where(.wp-block-file__button):is(a):hover, :where(.wp-block-file__button):is(a):visited, :where(.wp-block-file__button):is(a):focus, :where(.wp-block-file__button):is(a):active { box-shadow: none; color: #fff; opacity: 0.85; text-decoration: none; } .wp-block-form-input__label { width: 100%; display: flex; flex-direction: column; gap: 0.25em; margin-bottom: 0.5em; /* Small tweak to left-align the checkbox. Even though `:has` is not currently supported in Firefox, this is a small tweak and does not affect the functionality of the block or the user's experience. There will be a minor inconsistency between browsers. However, it's more important to provide a better experience for 80+% of users, until Firefox catches up and supports `:has`. */ } .wp-block-form-input__label.is-label-inline { flex-direction: row; gap: 0.5em; align-items: center; } .wp-block-form-input__label.is-label-inline .wp-block-form-input__label-content { margin-bottom: 0.5em; } .wp-block-form-input__label:has(input[type=checkbox]) { width: -moz-fit-content; width: fit-content; flex-direction: row-reverse; } .wp-block-form-input__label-content { width: -moz-fit-content; width: fit-content; } .wp-block-form-input__input { padding: 0 0.5em; font-size: 1em; margin-bottom: 0.5em; } .wp-block-form-input__input[type=text], .wp-block-form-input__input[type=password], .wp-block-form-input__input[type=date], .wp-block-form-input__input[type=datetime], .wp-block-form-input__input[type=datetime-local], .wp-block-form-input__input[type=email], .wp-block-form-input__input[type=month], .wp-block-form-input__input[type=number], .wp-block-form-input__input[type=search], .wp-block-form-input__input[type=tel], .wp-block-form-input__input[type=time], .wp-block-form-input__input[type=url], .wp-block-form-input__input[type=week] { min-height: 2em; line-height: 2; border: 1px solid; } textarea.wp-block-form-input__input { min-height: 10em; } .wp-block-gallery:not(.has-nested-images), .blocks-gallery-grid:not(.has-nested-images) { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item { margin: 0 1em 1em 0; display: flex; flex-grow: 1; flex-direction: column; justify-content: center; position: relative; width: calc(50% - 1em); } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even), .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even), .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even), .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure { margin: 0; height: 100%; display: flex; align-items: flex-end; justify-content: flex-start; } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img { display: block; max-width: 100%; height: auto; width: auto; } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption { position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: auto; padding: 3em 0.77em 0.7em; color: #fff; text-align: center; font-size: 0.8em; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); box-sizing: border-box; margin: 0; z-index: 2; } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img { display: inline; } .wp-block-gallery:not(.has-nested-images) figcaption, .blocks-gallery-grid:not(.has-nested-images) figcaption { flex-grow: 1; } .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img { width: 100%; height: 100%; flex: 1; object-fit: cover; } .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item { width: 100%; margin-right: 0; } @media (min-width: 600px) { .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item { width: calc(33.3333333333% - 0.6666666667em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item { width: calc(25% - 0.75em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item { width: calc(20% - 0.8em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item { width: calc(16.6666666667% - 0.8333333333em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item { width: calc(14.2857142857% - 0.8571428571em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item, .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item { width: calc(12.5% - 0.875em); margin-right: 1em; } .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n), .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n), .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n), .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n), .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n), .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n), .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n) { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n), .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) { margin-right: 0; } } .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child { margin-right: 0; } .wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright, .blocks-gallery-grid:not(.has-nested-images).alignleft, .blocks-gallery-grid:not(.has-nested-images).alignright { max-width: 420px; width: 100%; } .wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure, .blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure { justify-content: center; } .wp-block-gallery:not(.is-cropped) .blocks-gallery-item { align-self: flex-start; } figure.wp-block-gallery.has-nested-images { align-items: normal; } .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) / 2)); margin: 0; } .wp-block-gallery.has-nested-images figure.wp-block-image { display: flex; flex-grow: 1; justify-content: center; position: relative; flex-direction: column; max-width: 100%; box-sizing: border-box; } .wp-block-gallery.has-nested-images figure.wp-block-image > div, .wp-block-gallery.has-nested-images figure.wp-block-image > a { margin: 0; flex-direction: column; flex-grow: 1; } .wp-block-gallery.has-nested-images figure.wp-block-image img { display: block; height: auto; max-width: 100% !important; width: auto; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); bottom: 0; color: #fff; font-size: 13px; left: 0; margin-bottom: 0; max-height: 60%; overflow: auto; padding: 0 8px 8px; position: absolute; text-align: center; width: 100%; box-sizing: border-box; scrollbar-width: thin; scrollbar-gutter: stable both-edges; scrollbar-color: transparent transparent; will-change: transform; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar { width: 12px; height: 12px; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track { background-color: transparent; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 8px; border: 3px solid transparent; background-clip: padding-box; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.8); } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within { scrollbar-color: rgba(255, 255, 255, 0.8) transparent; } @media (hover: none) { .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { scrollbar-color: rgba(255, 255, 255, 0.8) transparent; } } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption img { display: inline; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a { color: inherit; } .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img { box-sizing: border-box; } .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > div, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > a { flex: 1 1 auto; } .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption { flex: initial; background: none; color: inherit; margin: 0; padding: 10px 10px 9px; position: relative; } .wp-block-gallery.has-nested-images figcaption { flex-grow: 1; flex-basis: 100%; text-align: center; } .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) { margin-top: 0; margin-bottom: auto; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) { align-self: inherit; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone), .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a { display: flex; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img { width: 100%; flex: 1 0 0%; height: 100%; object-fit: cover; } .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) { width: 100%; } @media (min-width: 600px) { .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) { width: calc(33.3333333333% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667)); } .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) { width: calc(25% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.75)); } .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) { width: calc(20% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8)); } .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) { width: calc(16.6666666667% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333)); } .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) { width: calc(14.2857142857% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571)); } .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) { width: calc(12.5% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.875)); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) { width: calc(33.33% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667)); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) { width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.5)); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) { width: 100%; } } .wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright { max-width: 420px; width: 100%; } .wp-block-gallery.has-nested-images.aligncenter { justify-content: center; } .wp-block-group { box-sizing: border-box; } h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: 1.25em 2.375em; } h1.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), h1.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]), h2.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), h2.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]), h3.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), h3.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]), h4.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), h4.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]), h5.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), h5.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]), h6.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) { rotate: 180deg; } .wp-block-image img { height: auto; max-width: 100%; vertical-align: bottom; box-sizing: border-box; } .wp-block-image[style*=border-radius] > a, .wp-block-image[style*=border-radius] img { border-radius: inherit; } .wp-block-image.has-custom-border img { box-sizing: border-box; } .wp-block-image.aligncenter { text-align: center; } .wp-block-image.alignfull img, .wp-block-image.alignwide img { height: auto; width: 100%; } .wp-block-image.alignleft, .wp-block-image.alignright, .wp-block-image.aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image .aligncenter { display: table; } .wp-block-image.alignleft > figcaption, .wp-block-image.alignright > figcaption, .wp-block-image.aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image .aligncenter > figcaption { display: table-caption; caption-side: bottom; } .wp-block-image .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-left: 0; /*rtl:ignore*/ margin-right: 1em; margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block-image .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-right: 0; /*rtl:ignore*/ margin-left: 1em; margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block-image .aligncenter { margin-left: auto; margin-right: auto; } .wp-block-image figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img { border-radius: 9999px; } .wp-block-image.is-style-circle-mask img { border-radius: 9999px; } @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { .wp-block-image.is-style-circle-mask img { /* stylelint-disable */ -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); /* stylelint-enable */ mask-mode: alpha; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; border-radius: 0; } } .wp-block-image :where(.has-border-color) { border-style: solid; } .wp-block-image :where([style*="border-top-color"]) { border-top-style: solid; } .wp-block-image :where([style*="border-right-color"]) { border-right-style: solid; } .wp-block-image :where([style*="border-bottom-color"]) { border-bottom-style: solid; } .wp-block-image :where([style*="border-left-color"]) { border-left-style: solid; } .wp-block-image :where([style*="border-width"]) { border-style: solid; } .wp-block-image :where([style*="border-top-width"]) { border-top-style: solid; } .wp-block-image :where([style*="border-right-width"]) { border-right-style: solid; } .wp-block-image :where([style*="border-bottom-width"]) { border-bottom-style: solid; } .wp-block-image :where([style*="border-left-width"]) { border-left-style: solid; } .wp-block-image figure { margin: 0; } .wp-lightbox-container { position: relative; display: flex; flex-direction: column; } .wp-lightbox-container img { cursor: zoom-in; } .wp-lightbox-container img:hover + button { opacity: 1; } .wp-lightbox-container button { opacity: 0; border: none; background-color: rgba(90, 90, 90, 0.25); -webkit-backdrop-filter: blur(16px) saturate(180%); backdrop-filter: blur(16px) saturate(180%); cursor: zoom-in; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; position: absolute; z-index: 100; top: 16px; right: 16px; text-align: center; padding: 0; border-radius: 4px; transition: opacity 0.2s ease; } .wp-lightbox-container button:focus-visible { outline: 3px auto rgba(90, 90, 90, 0.25); outline: 3px auto -webkit-focus-ring-color; outline-offset: 3px; } .wp-lightbox-container button:hover { cursor: pointer; opacity: 1; } .wp-lightbox-container button:focus { opacity: 1; } .wp-lightbox-container button:hover, .wp-lightbox-container button:focus, .wp-lightbox-container button:not(:hover):not(:active):not(.has-background) { background-color: rgba(90, 90, 90, 0.25); border: none; } .wp-lightbox-overlay { position: fixed; top: 0; left: 0; z-index: 100000; overflow: hidden; width: 100%; height: 100vh; box-sizing: border-box; visibility: hidden; cursor: zoom-out; } .wp-lightbox-overlay .close-button { position: absolute; top: calc(env(safe-area-inset-top) + 16px); right: calc(env(safe-area-inset-right) + 16px); padding: 0; cursor: pointer; z-index: 5000000; min-width: 40px; min-height: 40px; display: flex; align-items: center; justify-content: center; } .wp-lightbox-overlay .close-button:hover, .wp-lightbox-overlay .close-button:focus, .wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background) { background: none; border: none; } .wp-lightbox-overlay .lightbox-image-container { position: absolute; overflow: hidden; top: 50%; left: 50%; transform-origin: top left; transform: translate(-50%, -50%); width: var(--wp--lightbox-container-width); height: var(--wp--lightbox-container-height); z-index: 9999999999; } .wp-lightbox-overlay .wp-block-image { position: relative; transform-origin: 0 0; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; box-sizing: border-box; z-index: 3000000; margin: 0; } .wp-lightbox-overlay .wp-block-image img { min-width: var(--wp--lightbox-image-width); min-height: var(--wp--lightbox-image-height); width: var(--wp--lightbox-image-width); height: var(--wp--lightbox-image-height); } .wp-lightbox-overlay .wp-block-image figcaption { display: none; } .wp-lightbox-overlay button { border: none; background: none; } .wp-lightbox-overlay .scrim { width: 100%; height: 100%; position: absolute; z-index: 2000000; background-color: white; opacity: 0.9; } .wp-lightbox-overlay.active { visibility: visible; animation: both turn-on-visibility 0.25s; } .wp-lightbox-overlay.active img { animation: both turn-on-visibility 0.35s; } .wp-lightbox-overlay.show-closing-animation:not(.active) { animation: both turn-off-visibility 0.35s; } .wp-lightbox-overlay.show-closing-animation:not(.active) img { animation: both turn-off-visibility 0.25s; } @media (prefers-reduced-motion: no-preference) { .wp-lightbox-overlay.zoom.active { opacity: 1; visibility: visible; animation: none; } .wp-lightbox-overlay.zoom.active .lightbox-image-container { animation: lightbox-zoom-in 0.4s; } .wp-lightbox-overlay.zoom.active .lightbox-image-container img { animation: none; } .wp-lightbox-overlay.zoom.active .scrim { animation: turn-on-visibility 0.4s forwards; } .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) { animation: none; } .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container { animation: lightbox-zoom-out 0.4s; } .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img { animation: none; } .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim { animation: turn-off-visibility 0.4s forwards; } } @keyframes turn-on-visibility { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes turn-off-visibility { 0% { opacity: 1; visibility: visible; } 99% { opacity: 0; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes lightbox-zoom-in { 0% { transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width)) / 2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); } 100% { transform: translate(-50%, -50%) scale(1, 1); } } @keyframes lightbox-zoom-out { 0% { visibility: visible; transform: translate(-50%, -50%) scale(1, 1); } 99% { visibility: visible; } 100% { visibility: hidden; transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width)) / 2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); } } ol.wp-block-latest-comments { margin-left: 0; box-sizing: border-box; } :where(.wp-block-latest-comments:not([style*="line-height"] .wp-block-latest-comments__comment)) { line-height: 1.1; } :where(.wp-block-latest-comments:not([style*="line-height"] .wp-block-latest-comments__comment-excerpt p)) { line-height: 1.8; } .has-dates :where(.wp-block-latest-comments:not([style*="line-height"])), .has-excerpts :where(.wp-block-latest-comments:not([style*="line-height"])) { line-height: 1.5; } .wp-block-latest-comments .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments__comment { list-style: none; margin-bottom: 1em; } .has-avatars .wp-block-latest-comments__comment { min-height: 2.25em; list-style: none; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { margin-left: 3.25em; } .wp-block-latest-comments__comment-excerpt p { font-size: 0.875em; margin: 0.36em 0 1.4em; } .wp-block-latest-comments__comment-date { display: block; font-size: 0.75em; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-right: 0.75em; width: 2.5em; } .wp-block-latest-comments[style*=font-size] a, .wp-block-latest-comments[class*=-font-size] a { font-size: inherit; } .wp-block-latest-posts { box-sizing: border-box; } .wp-block-latest-posts.alignleft { /*rtl:ignore*/ margin-right: 2em; } .wp-block-latest-posts.alignright { /*rtl:ignore*/ margin-left: 2em; } .wp-block-latest-posts.wp-block-latest-posts__list { list-style: none; padding-left: 0; } .wp-block-latest-posts.wp-block-latest-posts__list li { clear: both; } .wp-block-latest-posts.is-grid { display: flex; flex-wrap: wrap; padding: 0; } .wp-block-latest-posts.is-grid li { margin: 0 1.25em 1.25em 0; width: 100%; } @media (min-width: 600px) { .wp-block-latest-posts.columns-2 li { width: calc((100% / 2) - 1.25em + (1.25em / 2)); } .wp-block-latest-posts.columns-2 li:nth-child(2n) { margin-right: 0; } .wp-block-latest-posts.columns-3 li { width: calc((100% / 3) - 1.25em + (1.25em / 3)); } .wp-block-latest-posts.columns-3 li:nth-child(3n) { margin-right: 0; } .wp-block-latest-posts.columns-4 li { width: calc((100% / 4) - 1.25em + (1.25em / 4)); } .wp-block-latest-posts.columns-4 li:nth-child(4n) { margin-right: 0; } .wp-block-latest-posts.columns-5 li { width: calc((100% / 5) - 1.25em + (1.25em / 5)); } .wp-block-latest-posts.columns-5 li:nth-child(5n) { margin-right: 0; } .wp-block-latest-posts.columns-6 li { width: calc((100% / 6) - 1.25em + (1.25em / 6)); } .wp-block-latest-posts.columns-6 li:nth-child(6n) { margin-right: 0; } } .wp-block-latest-posts__post-date, .wp-block-latest-posts__post-author { display: block; font-size: 0.8125em; } .wp-block-latest-posts__post-excerpt { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-latest-posts__featured-image a { display: inline-block; } .wp-block-latest-posts__featured-image img { height: auto; width: auto; max-width: 100%; } .wp-block-latest-posts__featured-image.alignleft { /*rtl:ignore*/ margin-right: 1em; /*rtl:ignore*/ float: left; } .wp-block-latest-posts__featured-image.alignright { /*rtl:ignore*/ margin-left: 1em; /*rtl:ignore*/ float: right; } .wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 1em; text-align: center; } ol, ul { box-sizing: border-box; } ol.has-background, ul.has-background { padding: 1.25em 2.375em; } .wp-block-media-text { /*!rtl:begin:ignore*/ direction: ltr; /*!rtl:end:ignore*/ display: grid; grid-template-columns: 50% 1fr; grid-template-rows: auto; box-sizing: border-box; } .wp-block-media-text.has-media-on-the-right { grid-template-columns: 1fr 50%; } .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media { align-self: start; } .wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media { align-self: center; } .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media { align-self: end; } .wp-block-media-text .wp-block-media-text__media { /*!rtl:begin:ignore*/ grid-column: 1; grid-row: 1; /*!rtl:end:ignore*/ margin: 0; } .wp-block-media-text .wp-block-media-text__content { direction: ltr; /*!rtl:begin:ignore*/ grid-column: 2; grid-row: 1; /*!rtl:end:ignore*/ padding: 0 8% 0 8%; word-break: break-word; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { /*!rtl:begin:ignore*/ grid-column: 2; grid-row: 1; /*!rtl:end:ignore*/ } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { /*!rtl:begin:ignore*/ grid-column: 1; grid-row: 1; /*!rtl:end:ignore*/ } .wp-block-media-text__media img, .wp-block-media-text__media video { height: auto; max-width: unset; width: 100%; vertical-align: middle; } .wp-block-media-text.is-image-fill .wp-block-media-text__media { height: 100%; min-height: 250px; background-size: cover; } .wp-block-media-text.is-image-fill .wp-block-media-text__media > a { display: block; height: 100%; } .wp-block-media-text.is-image-fill .wp-block-media-text__media img { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* * Here we here not able to use a mobile first CSS approach. * Custom widths are set using inline styles, and on mobile, * we need 100% width, so we use important to overwrite the inline style. * If the style were set on mobile first, on desktop styles, * we would have no way of setting the style again to the inline style. */ @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile { grid-template-columns: 100% !important; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { grid-column: 1; grid-row: 1; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { grid-column: 1; grid-row: 2; } } .wp-block-navigation { position: relative; --navigation-layout-justification-setting: flex-start; --navigation-layout-direction: row; --navigation-layout-wrap: wrap; --navigation-layout-justify: flex-start; --navigation-layout-align: center; } .wp-block-navigation ul { margin-top: 0; margin-bottom: 0; margin-left: 0; padding-left: 0; } .wp-block-navigation ul, .wp-block-navigation ul li { list-style: none; padding: 0; } .wp-block-navigation .wp-block-navigation-item { background-color: inherit; display: flex; align-items: center; position: relative; } .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty { display: none; } .wp-block-navigation .wp-block-navigation-item__content { display: block; } .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { color: inherit; } .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content { text-decoration: underline; } .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active { text-decoration: underline; } .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content { text-decoration: line-through; } .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active { text-decoration: line-through; } .wp-block-navigation:where(:not([class*="has-text-decoration"])) a { text-decoration: none; } .wp-block-navigation:where(:not([class*="has-text-decoration"])) a:focus, .wp-block-navigation:where(:not([class*="has-text-decoration"])) a:active { text-decoration: none; } .wp-block-navigation .wp-block-navigation__submenu-icon { align-self: center; line-height: 0; display: inline-block; font-size: inherit; padding: 0; background-color: inherit; color: currentColor; border: none; width: 0.6em; height: 0.6em; margin-left: 0.25em; } .wp-block-navigation .wp-block-navigation__submenu-icon svg { display: inline-block; stroke: currentColor; width: inherit; height: inherit; margin-top: 0.075em; } .wp-block-navigation.is-vertical { --navigation-layout-direction: column; --navigation-layout-justify: initial; --navigation-layout-align: flex-start; } .wp-block-navigation.no-wrap { --navigation-layout-wrap: nowrap; } .wp-block-navigation.items-justified-center { --navigation-layout-justification-setting: center; --navigation-layout-justify: center; } .wp-block-navigation.items-justified-center.is-vertical { --navigation-layout-align: center; } .wp-block-navigation.items-justified-right { --navigation-layout-justification-setting: flex-end; --navigation-layout-justify: flex-end; } .wp-block-navigation.items-justified-right.is-vertical { --navigation-layout-align: flex-end; } .wp-block-navigation.items-justified-space-between { --navigation-layout-justification-setting: space-between; --navigation-layout-justify: space-between; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container { background-color: inherit; color: inherit; position: absolute; z-index: 2; display: flex; flex-direction: column; align-items: normal; opacity: 0; transition: opacity 0.1s linear; visibility: hidden; width: 0; height: 0; overflow: hidden; left: -1px; top: 100%; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content { display: flex; flex-grow: 1; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon { margin-right: 0; margin-left: auto; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content { margin: 0; } @media (min-width: 782px) { .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: 100%; top: -1px; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { content: ""; position: absolute; right: 100%; height: 100%; display: block; width: 0.5em; background: transparent; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon { margin-right: 0.25em; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg { transform: rotate(-90deg); } } .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container { visibility: visible; overflow: visible; opacity: 1; width: auto; height: auto; min-width: 200px; } .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container { visibility: visible; overflow: visible; opacity: 1; width: auto; height: auto; min-width: 200px; } .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container { visibility: visible; overflow: visible; opacity: 1; width: auto; height: auto; min-width: 200px; } .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container { left: 0; top: 100%; } @media (min-width: 782px) { .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: 100%; top: 0; } } .wp-block-navigation-submenu { position: relative; display: flex; } .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg { stroke: currentColor; } button.wp-block-navigation-item__content { background-color: transparent; border: none; color: currentColor; font-size: inherit; font-family: inherit; line-height: inherit; font-style: inherit; font-weight: inherit; text-transform: inherit; text-align: left; } .wp-block-navigation-submenu__toggle { cursor: pointer; } .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle { padding-left: 0; padding-right: 0.85em; } .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon { margin-left: -0.6em; pointer-events: none; } .wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle) { padding: 0; } /** * Margins */ .wp-block-navigation__responsive-container, .wp-block-navigation__responsive-close, .wp-block-navigation__responsive-dialog, .wp-block-navigation .wp-block-page-list, .wp-block-navigation__container, .wp-block-navigation__responsive-container-content { gap: inherit; } /** * Paddings */ :where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) { padding: 0.5em 1em; } :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) { padding: 0.5em 1em; } /** * Justifications. */ .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container { left: auto; right: 0; } .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: -1px; right: -1px; } @media (min-width: 782px) { .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: auto; right: 100%; } } .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); } .wp-block-navigation.has-background .wp-block-navigation__submenu-container { background-color: inherit; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container { color: #000; } .wp-block-navigation__container { display: flex; flex-wrap: var(--navigation-layout-wrap, wrap); flex-direction: var(--navigation-layout-direction, initial); justify-content: var(--navigation-layout-justify, initial); align-items: var(--navigation-layout-align, initial); list-style: none; margin: 0; padding-left: 0; } .wp-block-navigation__container .is-responsive { display: none; } .wp-block-navigation__container:only-child, .wp-block-page-list:only-child { flex-grow: 1; } /** * Mobile menu. */ @keyframes overlay-menu__fade-in-animation { from { opacity: 0; transform: translateY(0.5em); } to { opacity: 1; transform: translateY(0); } } .wp-block-navigation__responsive-container { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .wp-block-navigation__responsive-container :where(.wp-block-navigation-item a) { color: inherit; } .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { display: flex; flex-wrap: var(--navigation-layout-wrap, wrap); flex-direction: var(--navigation-layout-direction, initial); justify-content: var(--navigation-layout-justify, initial); align-items: var(--navigation-layout-align, initial); } .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) { color: inherit !important; background-color: inherit !important; } .wp-block-navigation__responsive-container.is-menu-open { display: flex; flex-direction: column; background-color: inherit; animation: overlay-menu__fade-in-animation 0.1s ease-out; animation-fill-mode: forwards; padding-top: clamp(1rem, var(--wp--style--root--padding-top), 20rem); padding-right: clamp(1rem, var(--wp--style--root--padding-right), 20rem); padding-bottom: clamp(1rem, var(--wp--style--root--padding-bottom), 20rem); padding-left: clamp(1rem, var(--wp--style--root--padding-left), 20em); overflow: auto; z-index: 100000; } @media (prefers-reduced-motion: reduce) { .wp-block-navigation__responsive-container.is-menu-open { animation-duration: 1ms; animation-delay: 0s; } } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: calc(2rem + 24px); overflow: visible; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: var(--navigation-layout-justification-setting, inherit); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { justify-content: flex-start; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon { display: none; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container { opacity: 1; visibility: visible; height: auto; width: auto; overflow: initial; min-width: 200px; position: static; border: none; padding-left: 2rem; padding-right: 2rem; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { gap: inherit; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container { padding-top: var(--wp--style--block-gap, 2em); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content { padding: 0; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list { display: flex; flex-direction: column; align-items: var(--navigation-layout-justification-setting, initial); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list { color: inherit !important; background: transparent !important; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container { right: auto; left: auto; } @media (min-width: 600px) { .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: block; width: 100%; position: relative; z-index: auto; background-color: inherit; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close { display: none; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container { left: 0; } } .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { background-color: #fff; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open { color: #000; } .wp-block-navigation__toggle_button_label { font-size: 1rem; font-weight: bold; } .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close { vertical-align: middle; cursor: pointer; color: currentColor; background: transparent; border: none; margin: 0; padding: 0; text-transform: inherit; } .wp-block-navigation__responsive-container-open svg, .wp-block-navigation__responsive-container-close svg { fill: currentColor; pointer-events: none; display: block; width: 24px; height: 24px; } .wp-block-navigation__responsive-container-open { display: flex; } .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open { font-family: inherit; font-weight: inherit; font-size: inherit; } @media (min-width: 600px) { .wp-block-navigation__responsive-container-open:not(.always-shown) { display: none; } } .wp-block-navigation__responsive-container-close { position: absolute; top: 0; right: 0; z-index: 2; } .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { font-family: inherit; font-weight: inherit; font-size: inherit; } .wp-block-navigation__responsive-close { width: 100%; } .has-modal-open .wp-block-navigation__responsive-close { max-width: var(--wp--style--global--wide-size, 100%); margin-left: auto; margin-right: auto; } .wp-block-navigation__responsive-close:focus { outline: none; } .is-menu-open .wp-block-navigation__responsive-close, .is-menu-open .wp-block-navigation__responsive-dialog, .is-menu-open .wp-block-navigation__responsive-container-content { box-sizing: border-box; } .wp-block-navigation__responsive-dialog { position: relative; } .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { margin-top: 46px; } @media (min-width: 782px) { .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { margin-top: 32px; } } html.has-modal-open { overflow: hidden; } .wp-block-navigation .wp-block-navigation-item__label { overflow-wrap: break-word; } .wp-block-navigation .wp-block-navigation-item__description { display: none; } .link-ui-tools { border-top: 1px solid #f0f0f0; padding: 8px; } .link-ui-block-inserter { padding-top: 8px; } .link-ui-block-inserter__back { margin-left: 8px; text-transform: uppercase; } .components-popover-pointer-events-trap { z-index: 1000000; position: fixed; inset: 0; background-color: transparent; cursor: pointer; } .wp-block-navigation .wp-block-page-list { display: flex; flex-direction: var(--navigation-layout-direction, initial); justify-content: var(--navigation-layout-justify, initial); align-items: var(--navigation-layout-align, initial); flex-wrap: var(--navigation-layout-wrap, wrap); background-color: inherit; } .wp-block-navigation .wp-block-navigation-item { background-color: inherit; } .is-small-text { font-size: 0.875em; } .is-regular-text { font-size: 1em; } .is-large-text { font-size: 2.25em; } .is-larger-text { font-size: 3em; } .has-drop-cap:not(:focus)::first-letter { float: left; font-size: 8.4em; line-height: 0.68; font-weight: 100; margin: 0.05em 0.1em 0 0; text-transform: uppercase; font-style: normal; } body.rtl .has-drop-cap:not(:focus)::first-letter { float: initial; margin-left: 0.1em; } p.has-drop-cap.has-background { overflow: hidden; } p.has-background { padding: 1.25em 2.375em; } :where(p.has-text-color:not(.has-link-color)) a { color: inherit; } p.has-text-align-right[style*="writing-mode:vertical-rl"], p.has-text-align-left[style*="writing-mode:vertical-lr"] { rotate: 180deg; } .wp-block-post-author { display: flex; flex-wrap: wrap; } .wp-block-post-author__byline { width: 100%; margin-top: 0; margin-bottom: 0; font-size: 0.5em; } .wp-block-post-author__avatar { margin-right: 1em; } .wp-block-post-author__bio { margin-bottom: 0.7em; font-size: 0.7em; } .wp-block-post-author__content { flex-grow: 1; flex-basis: 0; } .wp-block-post-author__name { margin: 0; } .wp-block-post-comments-form { box-sizing: border-box; } .wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) { font-weight: inherit; } .wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) { font-family: inherit; } .wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title), .wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) { font-size: inherit; } .wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) { line-height: inherit; } .wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) { font-style: inherit; } .wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) { letter-spacing: inherit; } .wp-block-post-comments-form input[type=submit] { box-shadow: none; cursor: pointer; display: inline-block; text-align: center; overflow-wrap: break-word; } .wp-block-post-comments-form textarea, .wp-block-post-comments-form input:not([type=submit]) { border: 1px solid #949494; font-size: 1em; font-family: inherit; } .wp-block-post-comments-form textarea, .wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]) { padding: calc(0.667em + 2px); } .wp-block-post-comments-form .comment-form textarea, .wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]) { display: block; box-sizing: border-box; width: 100%; } .wp-block-post-comments-form .comment-form-author label, .wp-block-post-comments-form .comment-form-email label, .wp-block-post-comments-form .comment-form-url label { display: block; margin-bottom: 0.25em; } .wp-block-post-comments-form .comment-form-cookies-consent { display: flex; gap: 0.25em; } .wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent { margin-top: 0.35em; } .wp-block-post-comments-form .comment-reply-title { margin-bottom: 0; } .wp-block-post-comments-form .comment-reply-title :where(small) { font-size: var(--wp--preset--font-size--medium, smaller); margin-left: 0.5em; } .wp-block-post-date { box-sizing: border-box; } :where(.wp-block-post-excerpt) { margin-top: var(--wp--style--block-gap); margin-bottom: var(--wp--style--block-gap); } .wp-block-post-excerpt__excerpt { margin-top: 0; margin-bottom: 0; } .wp-block-post-excerpt__more-text { margin-top: var(--wp--style--block-gap); margin-bottom: 0; } .wp-block-post-excerpt__more-link { display: inline-block; } .wp-block-post-featured-image { margin-left: 0; margin-right: 0; } .wp-block-post-featured-image a { display: block; height: 100%; } .wp-block-post-featured-image img { max-width: 100%; width: 100%; height: auto; vertical-align: bottom; box-sizing: border-box; } .wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img { width: 100%; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim { position: absolute; inset: 0; background-color: #000; } .wp-block-post-featured-image { position: relative; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient { background-color: transparent; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 { opacity: 0; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 { opacity: 0.1; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 { opacity: 0.2; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 { opacity: 0.3; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 { opacity: 0.4; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 { opacity: 0.5; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 { opacity: 0.6; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 { opacity: 0.7; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 { opacity: 0.8; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 { opacity: 0.9; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 { opacity: 1; } .wp-block-post-featured-image:where(.alignleft, .alignright) { width: 100%; } .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous { display: inline-block; margin-right: 1ch; } .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron) { transform: scaleX(1) /*rtl:scaleX(-1);*/; } .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next { display: inline-block; margin-left: 1ch; } .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron) { transform: scaleX(1) /*rtl:scaleX(-1);*/; } .wp-block-post-navigation-link.has-text-align-right[style*="writing-mode: vertical-rl"], .wp-block-post-navigation-link.has-text-align-left[style*="writing-mode: vertical-lr"] { rotate: 180deg; } .wp-block-post-terms { box-sizing: border-box; } .wp-block-post-terms .wp-block-post-terms__separator { white-space: pre-wrap; } .wp-block-post-time-to-read { box-sizing: border-box; } .wp-block-post-title { word-break: break-word; box-sizing: border-box; } .wp-block-post-title a { display: inline-block; } .wp-block-preformatted { box-sizing: border-box; white-space: pre-wrap; } :where(.wp-block-preformatted.has-background) { padding: 1.25em 2.375em; } .wp-block-pullquote { padding: 4em 0; text-align: center; overflow-wrap: break-word; box-sizing: border-box; } .wp-block-pullquote p, .wp-block-pullquote blockquote, .wp-block-pullquote cite { color: inherit; } .wp-block-pullquote blockquote { margin: 0; } .wp-block-pullquote p { margin-top: 0; } .wp-block-pullquote p:last-child { margin-bottom: 0; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: 420px; } .wp-block-pullquote cite, .wp-block-pullquote footer { position: relative; } .wp-block-pullquote .has-text-color a { color: inherit; } :where(.wp-block-pullquote) { margin: 0 0 1em 0; } .wp-block-pullquote.has-text-align-left blockquote { text-align: left; } .wp-block-pullquote.has-text-align-right blockquote { text-align: right; } .wp-block-pullquote.is-style-solid-color { border: none; } .wp-block-pullquote.is-style-solid-color blockquote { margin-left: auto; margin-right: auto; max-width: 60%; } .wp-block-pullquote.is-style-solid-color blockquote p { margin-top: 0; margin-bottom: 0; font-size: 2em; } .wp-block-pullquote.is-style-solid-color blockquote cite { text-transform: none; font-style: normal; } .wp-block-pullquote cite { color: inherit; } .wp-block-post-template { margin-top: 0; margin-bottom: 0; max-width: 100%; list-style: none; padding: 0; } .wp-block-post-template.wp-block-post-template { background: none; } .wp-block-post-template.is-flex-container { flex-direction: row; display: flex; flex-wrap: wrap; gap: 1.25em; } .wp-block-post-template.is-flex-container > li { margin: 0; width: 100%; } @media (min-width: 600px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li { width: calc((100% / 2) - 1.25em + (1.25em / 2)); } .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li { width: calc((100% / 3) - 1.25em + (1.25em / 3)); } .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li { width: calc((100% / 4) - 1.25em + (1.25em / 4)); } .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li { width: calc((100% / 5) - 1.25em + (1.25em / 5)); } .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li { width: calc((100% / 6) - 1.25em + (1.25em / 6)); } } @media (max-width: 600px) { .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid { grid-template-columns: 1fr; } } .wp-block-post-template-is-layout-constrained > li > .alignright, .wp-block-post-template-is-layout-flow > li > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } .wp-block-post-template-is-layout-constrained > li > .alignleft, .wp-block-post-template-is-layout-flow > li > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } .wp-block-post-template-is-layout-constrained > li > .aligncenter, .wp-block-post-template-is-layout-flow > li > .aligncenter { margin-inline-start: auto; margin-inline-end: auto; } .wp-block-query-pagination > .wp-block-query-pagination-next, .wp-block-query-pagination > .wp-block-query-pagination-previous, .wp-block-query-pagination > .wp-block-query-pagination-numbers { /*rtl:ignore*/ margin-right: 0.5em; margin-bottom: 0.5em; } .wp-block-query-pagination > .wp-block-query-pagination-next:last-child, .wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { /*rtl:ignore*/ margin-right: 0; } .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type { margin-inline-start: auto; } .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child { margin-inline-end: auto; } .wp-block-query-pagination .wp-block-query-pagination-previous-arrow { margin-right: 1ch; display: inline-block; } .wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) { transform: scaleX(1) /*rtl:scaleX(-1);*/; } .wp-block-query-pagination .wp-block-query-pagination-next-arrow { margin-left: 1ch; display: inline-block; } .wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) { transform: scaleX(1) /*rtl:scaleX(-1);*/; } .wp-block-query-pagination.aligncenter { justify-content: center; } .wp-block-query-title { box-sizing: border-box; } .wp-block-quote { box-sizing: border-box; overflow-wrap: break-word; } .wp-block-quote.is-style-large:where(:not(.is-style-plain)), .wp-block-quote.is-large:where(:not(.is-style-plain)) { margin-bottom: 1em; padding: 0 1em; } .wp-block-quote.is-style-large:where(:not(.is-style-plain)) p, .wp-block-quote.is-large:where(:not(.is-style-plain)) p { font-size: 1.5em; font-style: italic; line-height: 1.6; } .wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite, .wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer, .wp-block-quote.is-large:where(:not(.is-style-plain)) cite, .wp-block-quote.is-large:where(:not(.is-style-plain)) footer { font-size: 1.125em; text-align: right; } .wp-block-quote > cite { display: block; } .wp-block-read-more { display: block; width: -moz-fit-content; width: fit-content; } .wp-block-read-more:where(:not([style*="text-decoration"])) { text-decoration: none; } .wp-block-read-more:where(:not([style*="text-decoration"])):focus, .wp-block-read-more:where(:not([style*="text-decoration"])):active { text-decoration: none; } ul.wp-block-rss { list-style: none; padding: 0; } ul.wp-block-rss.wp-block-rss { box-sizing: border-box; } ul.wp-block-rss.alignleft { /*rtl:ignore*/ margin-right: 2em; } ul.wp-block-rss.alignright { /*rtl:ignore*/ margin-left: 2em; } ul.wp-block-rss.is-grid { display: flex; flex-wrap: wrap; padding: 0; list-style: none; } ul.wp-block-rss.is-grid li { margin: 0 1em 1em 0; width: 100%; } @media (min-width: 600px) { ul.wp-block-rss.columns-2 li { width: calc(( 100% / 2 ) - 1em); } ul.wp-block-rss.columns-3 li { width: calc(( 100% / 3 ) - 1em); } ul.wp-block-rss.columns-4 li { width: calc(( 100% / 4 ) - 1em); } ul.wp-block-rss.columns-5 li { width: calc(( 100% / 5 ) - 1em); } ul.wp-block-rss.columns-6 li { width: calc(( 100% / 6 ) - 1em); } } .wp-block-rss__item-publish-date, .wp-block-rss__item-author { display: block; font-size: 0.8125em; } .wp-block-search__button { margin-left: 10px; word-break: normal; } .wp-block-search__button.has-icon { line-height: 0; } .wp-block-search__button svg { min-width: 24px; min-height: 24px; width: 1.25em; height: 1.25em; fill: currentColor; vertical-align: text-bottom; } :where(.wp-block-search__button) { border: 1px solid #ccc; padding: 6px 10px; } .wp-block-search__inside-wrapper { display: flex; flex: auto; flex-wrap: nowrap; max-width: 100%; } .wp-block-search__label { width: 100%; } .wp-block-search__input { padding: 8px; flex-grow: 1; margin-left: 0; margin-right: 0; min-width: 3rem; border: 1px solid #949494; text-decoration: unset !important; -webkit-appearance: initial; appearance: initial; } .wp-block-search.wp-block-search__button-only .wp-block-search__button { margin-left: 0; flex-shrink: 0; max-width: 100%; } .wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true] { max-width: calc(100% - 100px); } .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper { transition-property: width; min-width: 0 !important; } .wp-block-search.wp-block-search__button-only .wp-block-search__input { transition-duration: 300ms; flex-basis: 100%; } .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden { overflow: hidden; } .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper { overflow: hidden; } .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input { width: 0 !important; min-width: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; flex-grow: 0; margin: 0; flex-basis: 0; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) { padding: 4px; border: 1px solid #949494; box-sizing: border-box; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input { border-radius: 0; border: none; padding: 0 4px; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus { outline: none; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) { padding: 4px 8px; } .wp-block-search.aligncenter .wp-block-search__inside-wrapper { margin: auto; } .wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper { float: right; } .wp-block-separator { border-top: 2px solid currentColor; border-left: none; border-right: none; border-bottom: none; } .wp-block-separator.is-style-dots { background: none !important; border: none; text-align: center; line-height: 1; height: auto; } .wp-block-separator.is-style-dots::before { content: "···"; color: currentColor; font-size: 1.5em; letter-spacing: 2em; /*rtl:ignore*/ padding-left: 2em; font-family: serif; } .wp-block-site-logo { box-sizing: border-box; line-height: 0; } .wp-block-site-logo a { display: inline-block; line-height: 0; } .wp-block-site-logo.is-default-size img { width: 120px; height: auto; } .wp-block-site-logo img { height: auto; max-width: 100%; } .wp-block-site-logo a, .wp-block-site-logo img { border-radius: inherit; } .wp-block-site-logo.aligncenter { margin-left: auto; margin-right: auto; text-align: center; } .wp-block-site-logo.is-style-rounded { border-radius: 9999px; } .wp-block-site-title a { color: inherit; } .wp-block-social-links { box-sizing: border-box; padding-left: 0; padding-right: 0; text-indent: 0; margin-left: 0; background: none; } .wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:hover { text-decoration: none; border-bottom: 0; box-shadow: none; } .wp-block-social-links .wp-social-link a { padding: 0.25em; } .wp-block-social-links .wp-social-link svg { width: 1em; height: 1em; } .wp-block-social-links .wp-social-link span:not(.screen-reader-text) { margin-left: 0.5em; margin-right: 0.5em; font-size: 0.65em; } .wp-block-social-links.has-small-icon-size { font-size: 16px; } .wp-block-social-links, .wp-block-social-links.has-normal-icon-size { font-size: 24px; } .wp-block-social-links.has-large-icon-size { font-size: 36px; } .wp-block-social-links.has-huge-icon-size { font-size: 48px; } .wp-block-social-links.aligncenter { justify-content: center; display: flex; } .wp-block-social-links.alignright { justify-content: flex-end; } .wp-block-social-link { display: block; border-radius: 9999px; transition: transform 0.1s ease; height: auto; } @media (prefers-reduced-motion: reduce) { .wp-block-social-link { transition-duration: 0s; transition-delay: 0s; } } .wp-block-social-link a { align-items: center; display: flex; line-height: 0; transition: transform 0.1s ease; } .wp-block-social-link:hover { transform: scale(1.1); } .wp-block-social-links .wp-block-social-link.wp-social-link { display: inline-block; margin: 0; padding: 0; } .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg { color: currentColor; fill: currentColor; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link { background-color: #f0f0f0; color: #444; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { background-color: #f90; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { background-color: #1ea0c3; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { background-color: #0757fe; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { background-color: #1e1f26; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { background-color: #02e49b; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { background-color: #e94c89; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { background-color: #4280ff; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { background-color: #f45800; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { background-color: #1778f2; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { background-color: #000; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { background-color: #0461dd; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { background-color: #e65678; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { background-color: #24292d; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { background-color: #eceadd; color: #382110; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { background-color: #ea4434; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-gravatar { background-color: #1d4fc4; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { background-color: #f00075; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { background-color: #e21b24; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { background-color: #0d66c2; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { background-color: #3288d4; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { background-color: #02ab6c; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { background-color: #f6405f; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon { background-color: #000; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { background-color: #e60122; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { background-color: #ef4155; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { background-color: #ff4500; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { background-color: #0478d7; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { background-color: #fefc00; color: #fff; stroke: #000; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { background-color: #ff5600; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { background-color: #1bd760; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram { background-color: #2aabee; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-threads { background-color: #000; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok { background-color: #000; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { background-color: #011835; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { background-color: #6440a4; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { background-color: #1da1f2; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { background-color: #1eb7ea; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { background-color: #4680c2; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { background-color: #3499cd; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp { background-color: #25d366; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-x { background-color: #000; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { background-color: #d32422; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { background-color: #f00; color: #fff; } .wp-block-social-links.is-style-logos-only .wp-social-link { background: none; } .wp-block-social-links.is-style-logos-only .wp-social-link a { padding: 0; } .wp-block-social-links.is-style-logos-only .wp-social-link svg { width: 1.25em; height: 1.25em; } .wp-block-social-links.is-style-logos-only .wp-social-link-amazon { color: #f90; } .wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { color: #1ea0c3; } .wp-block-social-links.is-style-logos-only .wp-social-link-behance { color: #0757fe; } .wp-block-social-links.is-style-logos-only .wp-social-link-codepen { color: #1e1f26; } .wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { color: #02e49b; } .wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { color: #e94c89; } .wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { color: #4280ff; } .wp-block-social-links.is-style-logos-only .wp-social-link-etsy { color: #f45800; } .wp-block-social-links.is-style-logos-only .wp-social-link-facebook { color: #1778f2; } .wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { color: #000; } .wp-block-social-links.is-style-logos-only .wp-social-link-flickr { color: #0461dd; } .wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { color: #e65678; } .wp-block-social-links.is-style-logos-only .wp-social-link-github { color: #24292d; } .wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { color: #382110; } .wp-block-social-links.is-style-logos-only .wp-social-link-google { color: #ea4434; } .wp-block-social-links.is-style-logos-only .wp-social-link-gravatar { color: #1d4fc4; } .wp-block-social-links.is-style-logos-only .wp-social-link-instagram { color: #f00075; } .wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { color: #e21b24; } .wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { color: #0d66c2; } .wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { color: #3288d4; } .wp-block-social-links.is-style-logos-only .wp-social-link-medium { color: #02ab6c; } .wp-block-social-links.is-style-logos-only .wp-social-link-meetup { color: #f6405f; } .wp-block-social-links.is-style-logos-only .wp-social-link-patreon { color: #000; } .wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { color: #e60122; } .wp-block-social-links.is-style-logos-only .wp-social-link-pocket { color: #ef4155; } .wp-block-social-links.is-style-logos-only .wp-social-link-reddit { color: #ff4500; } .wp-block-social-links.is-style-logos-only .wp-social-link-skype { color: #0478d7; } .wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { color: #fff; stroke: #000; } .wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { color: #ff5600; } .wp-block-social-links.is-style-logos-only .wp-social-link-spotify { color: #1bd760; } .wp-block-social-links.is-style-logos-only .wp-social-link-telegram { color: #2aabee; } .wp-block-social-links.is-style-logos-only .wp-social-link-threads { color: #000; } .wp-block-social-links.is-style-logos-only .wp-social-link-tiktok { color: #000; } .wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { color: #011835; } .wp-block-social-links.is-style-logos-only .wp-social-link-twitch { color: #6440a4; } .wp-block-social-links.is-style-logos-only .wp-social-link-twitter { color: #1da1f2; } .wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { color: #1eb7ea; } .wp-block-social-links.is-style-logos-only .wp-social-link-vk { color: #4680c2; } .wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp { color: #25d366; } .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { color: #3499cd; } .wp-block-social-links.is-style-logos-only .wp-social-link-x { color: #000; } .wp-block-social-links.is-style-logos-only .wp-social-link-yelp { color: #d32422; } .wp-block-social-links.is-style-logos-only .wp-social-link-youtube { color: #f00; } .wp-block-social-links.is-style-pill-shape .wp-social-link { width: auto; } .wp-block-social-links.is-style-pill-shape .wp-social-link a { padding-left: calc((2/3) * 1em); padding-right: calc((2/3) * 1em); } .wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label { color: #000; } .wp-block-spacer { clear: both; } .wp-block-tag-cloud { box-sizing: border-box; } .wp-block-tag-cloud.aligncenter { text-align: center; justify-content: center; } .wp-block-tag-cloud.alignfull { padding-left: 1em; padding-right: 1em; } .wp-block-tag-cloud a { display: inline-block; margin-right: 5px; } .wp-block-tag-cloud span { display: inline-block; margin-left: 5px; text-decoration: none; } .wp-block-tag-cloud.is-style-outline { display: flex; flex-wrap: wrap; gap: 1ch; } .wp-block-tag-cloud.is-style-outline a { border: 1px solid currentColor; font-size: unset !important; margin-right: 0; padding: 1ch 2ch; text-decoration: none !important; } .wp-block-table { overflow-x: auto; } .wp-block-table table { border-collapse: collapse; width: 100%; } .wp-block-table thead { border-bottom: 3px solid; } .wp-block-table tfoot { border-top: 3px solid; } .wp-block-table td, .wp-block-table th { border: 1px solid; padding: 0.5em; } .wp-block-table .has-fixed-layout { table-layout: fixed; width: 100%; } .wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th { word-break: break-word; } .wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { display: table; width: auto; } .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.aligncenter td, .wp-block-table.aligncenter th, .wp-block-table.alignright td, .wp-block-table.alignright th { word-break: break-word; } .wp-block-table .has-subtle-light-gray-background-color { background-color: #f3f4f5; } .wp-block-table .has-subtle-pale-green-background-color { background-color: #e9fbe5; } .wp-block-table .has-subtle-pale-blue-background-color { background-color: #e7f5fe; } .wp-block-table .has-subtle-pale-pink-background-color { background-color: #fcf0ef; } .wp-block-table.is-style-stripes { border-spacing: 0; border-collapse: inherit; background-color: transparent; border-bottom: 1px solid #f0f0f0; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #f0f0f0; } .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) { background-color: #f3f4f5; } .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) { background-color: #e9fbe5; } .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) { background-color: #e7f5fe; } .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) { background-color: #fcf0ef; } .wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td { border-color: transparent; } .wp-block-table .has-border-color > *, .wp-block-table .has-border-color tr, .wp-block-table .has-border-color th, .wp-block-table .has-border-color td { border-color: inherit; } .wp-block-table table[style*=border-top-color] > *, .wp-block-table table[style*=border-top-color] tr:first-child { border-top-color: inherit; } .wp-block-table table[style*=border-top-color] > * th, .wp-block-table table[style*=border-top-color] > * td, .wp-block-table table[style*=border-top-color] tr:first-child th, .wp-block-table table[style*=border-top-color] tr:first-child td { border-top-color: inherit; } .wp-block-table table[style*=border-top-color] tr:not(:first-child) { border-top-color: currentColor; } .wp-block-table table[style*=border-right-color] > *, .wp-block-table table[style*=border-right-color] tr, .wp-block-table table[style*=border-right-color] th, .wp-block-table table[style*=border-right-color] td:last-child { border-right-color: inherit; } .wp-block-table table[style*=border-bottom-color] > *, .wp-block-table table[style*=border-bottom-color] tr:last-child { border-bottom-color: inherit; } .wp-block-table table[style*=border-bottom-color] > * th, .wp-block-table table[style*=border-bottom-color] > * td, .wp-block-table table[style*=border-bottom-color] tr:last-child th, .wp-block-table table[style*=border-bottom-color] tr:last-child td { border-bottom-color: inherit; } .wp-block-table table[style*=border-bottom-color] tr:not(:last-child) { border-bottom-color: currentColor; } .wp-block-table table[style*=border-left-color] > *, .wp-block-table table[style*=border-left-color] tr, .wp-block-table table[style*=border-left-color] th, .wp-block-table table[style*=border-left-color] td:first-child { border-left-color: inherit; } .wp-block-table table[style*=border-style] > *, .wp-block-table table[style*=border-style] tr, .wp-block-table table[style*=border-style] th, .wp-block-table table[style*=border-style] td { border-style: inherit; } .wp-block-table table[style*=border-width] > *, .wp-block-table table[style*=border-width] tr, .wp-block-table table[style*=border-width] th, .wp-block-table table[style*=border-width] td { border-width: inherit; border-style: inherit; } :where(.wp-block-term-description) { margin-top: var(--wp--style--block-gap); margin-bottom: var(--wp--style--block-gap); } .wp-block-term-description p { margin-top: 0; margin-bottom: 0; } .wp-block-text-columns { display: flex; } .wp-block-text-columns.aligncenter { display: flex; } .wp-block-text-columns .wp-block-column { margin: 0 1em; padding: 0; } .wp-block-text-columns .wp-block-column:first-child { margin-left: 0; } .wp-block-text-columns .wp-block-column:last-child { margin-right: 0; } .wp-block-text-columns.columns-2 .wp-block-column { width: calc(100% / 2); } .wp-block-text-columns.columns-3 .wp-block-column { width: calc(100% / 3); } .wp-block-text-columns.columns-4 .wp-block-column { width: calc(100% / 4); } pre.wp-block-verse { overflow: auto; white-space: pre-wrap; } :where(pre.wp-block-verse) { font-family: inherit; } .wp-block-video { box-sizing: border-box; } .wp-block-video video { width: 100%; vertical-align: middle; } @supports (position: sticky) { .wp-block-video [poster] { object-fit: cover; } } .wp-block-video.aligncenter { text-align: center; } .wp-block-video figcaption { margin-top: 0.5em; margin-bottom: 1em; } .editor-styles-wrapper, .entry-content { counter-reset: footnotes; } a[data-fn].fn { vertical-align: super; font-size: smaller; counter-increment: footnotes; display: inline-flex; text-decoration: none; text-indent: -9999999px; } a[data-fn].fn::after { content: "[" counter(footnotes) "]"; text-indent: 0; float: left; } /** * Element styles. */ .wp-element-button { cursor: pointer; } :root { /* * Our classes uses the same values we set for gradient value attributes, * and we can not use spacing because of WP multi site kses rule. */ /* stylelint-disable function-comma-space-after */ /* stylelint-enable function-comma-space-after */ --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; } :root .has-very-light-gray-background-color { background-color: #eee; } :root .has-very-dark-gray-background-color { background-color: #313131; } :root .has-very-light-gray-color { color: #eee; } :root .has-very-dark-gray-color { color: #313131; } :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); } :root .has-purple-crush-gradient-background { background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); } :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); } :root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); } :root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); } :root .has-nightshade-gradient-background { background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); } :root .has-midnight-gradient-background { background: linear-gradient(135deg, #020381 0%, #2874fc 100%); } .has-regular-font-size { font-size: 1em; } .has-larger-font-size { font-size: 2.625em; } .has-normal-font-size { font-size: var(--wp--preset--font-size--normal); } .has-huge-font-size { font-size: var(--wp--preset--font-size--huge); } .has-text-align-center { text-align: center; } .has-text-align-left { /*rtl:ignore*/ text-align: left; } .has-text-align-right { /*rtl:ignore*/ text-align: right; } #end-resizable-editor-section { display: none; } .aligncenter { clear: both; } .items-justified-left { justify-content: flex-start; } .items-justified-center { justify-content: center; } .items-justified-right { justify-content: flex-end; } .items-justified-space-between { justify-content: space-between; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #ddd; clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /** * The following provide a simple means of applying a default border style when * a user first makes a selection in the border block support panel. * This prevents issues such as where the user could set a border width * and see no border due there being no border style set. * * This is intended to be removed once intelligent defaults can be set while * making border selections via the block support. * * See: https://github.com/WordPress/gutenberg/pull/33743 */ html :where(.has-border-color) { border-style: solid; } html :where([style*="border-top-color"]) { border-top-style: solid; } html :where([style*="border-right-color"]) { border-right-style: solid; } html :where([style*="border-bottom-color"]) { border-bottom-style: solid; } html :where([style*="border-left-color"]) { border-left-style: solid; } html :where([style*="border-width"]) { border-style: solid; } html :where([style*="border-top-width"]) { border-top-style: solid; } html :where([style*="border-right-width"]) { border-right-style: solid; } html :where([style*="border-bottom-width"]) { border-bottom-style: solid; } html :where([style*="border-left-width"]) { border-left-style: solid; } /** * Provide baseline responsiveness for images. */ html :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; } /** * Reset user agent styles for figure element margins. */ :where(figure) { margin: 0 0 1em 0; } html :where(.is-position-sticky) { /* stylelint-disable length-zero-no-unit */ --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px); /* stylelint-enable length-zero-no-unit */ } @media screen and (max-width: 600px) { html :where(.is-position-sticky) { /* stylelint-disable length-zero-no-unit */ --wp-admin--admin-bar--position-offset: 0px; /* stylelint-enable length-zero-no-unit */ } } /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Colors */ /** * Breakpoints & Media Queries */ /** * SCSS Variables. * * Please use variables from this sheet to ensure consistency across the UI. * Don't add to this sheet unless you're pretty sure the value will be reused in many places. * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Colors */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Breakpoint mixins */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ ul.wp-block-archives { padding-left: 2.5em; } .wp-block-audio { margin-left: 0; margin-right: 0; position: relative; } .wp-block-audio.is-transient audio { opacity: 0.3; } .wp-block-audio .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; } .wp-block-avatar__image img { width: 100%; } .wp-block-avatar.aligncenter .components-resizable-box__container { margin: 0 auto; } .edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container { padding-left: 0; padding-right: 0; } .edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow { display: block; } .edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender { display: none; } .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted, .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); } .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); } .is-dark-theme .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff; } .wp-block[data-align=center] > .wp-block-button { text-align: center; margin-left: auto; margin-right: auto; } .wp-block[data-align=right] > .wp-block-button { /*!rtl:ignore*/ text-align: right; } .wp-block-button { position: relative; cursor: text; } .wp-block-button:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); outline: 2px solid transparent; outline-offset: -2px; } .wp-block-button[data-rich-text-placeholder]::after { opacity: 0.8; } div[data-type="core/button"] { display: table; } .editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link { text-decoration: inherit; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where(.has-border-color) { border-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-top-color"]) { border-top-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-right-color"]) { border-right-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-bottom-color"]) { border-bottom-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-left-color"]) { border-left-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-style"]) { border-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-top-style"]) { border-top-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-right-style"]) { border-right-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-bottom-style"]) { border-bottom-width: initial; } .editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-left-style"]) { border-left-width: initial; } .wp-block-buttons { /* stylelint-disable indentation */ } .wp-block-buttons > .wp-block { margin: 0; } .wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button { margin: 0; } .wp-block-buttons > .block-list-appender { display: inline-flex; align-items: center; } .wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle { justify-content: flex-start; } .wp-block-buttons > .wp-block-button:focus { box-shadow: none; } .wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block[data-align=center] { /* stylelint-enable indentation */ margin-left: auto; margin-right: auto; margin-top: 0; width: 100%; } .wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block[data-align=center] .wp-block-button { margin-bottom: 0; } .editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link { font-size: inherit; } .wp-block[data-align=center] > .wp-block-buttons { align-items: center; justify-content: center; } .wp-block[data-align=right] > .wp-block-buttons { justify-content: flex-end; } .wp-block-categories ul { padding-left: 2.5em; } .wp-block-categories ul ul { margin-top: 6px; } /* Center alignment for classic themes. */ [data-align=center] .wp-block-categories { text-align: center; } .wp-block-code code { background: none; } .wp-block-columns :where(.wp-block) { max-width: none; margin-left: 0; margin-right: 0; } html :where(.wp-block-column) { margin-top: 0; margin-bottom: 0; } /* Styles for backwards compatibility with the legacy `post-comments` block */ .wp-block-post-comments, .wp-block-comments__legacy-placeholder { box-sizing: border-box; /* utility classes */ /* end utility classes */ } .wp-block-post-comments .alignleft, .wp-block-comments__legacy-placeholder .alignleft { float: left; } .wp-block-post-comments .alignright, .wp-block-comments__legacy-placeholder .alignright { float: right; } .wp-block-post-comments .navigation::after, .wp-block-comments__legacy-placeholder .navigation::after { content: ""; display: table; clear: both; } .wp-block-post-comments .commentlist, .wp-block-comments__legacy-placeholder .commentlist { clear: both; list-style: none; margin: 0; padding: 0; } .wp-block-post-comments .commentlist .comment, .wp-block-comments__legacy-placeholder .commentlist .comment { min-height: 2.25em; padding-left: 3.25em; } .wp-block-post-comments .commentlist .comment p, .wp-block-comments__legacy-placeholder .commentlist .comment p { font-size: 1em; line-height: 1.8; margin: 1em 0; } .wp-block-post-comments .commentlist .children, .wp-block-comments__legacy-placeholder .commentlist .children { list-style: none; margin: 0; padding: 0; } .wp-block-post-comments .comment-author, .wp-block-comments__legacy-placeholder .comment-author { line-height: 1.5; } .wp-block-post-comments .comment-author .avatar, .wp-block-comments__legacy-placeholder .comment-author .avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-top: 0.5em; margin-right: 0.75em; width: 2.5em; } .wp-block-post-comments .comment-author cite, .wp-block-comments__legacy-placeholder .comment-author cite { font-style: normal; } .wp-block-post-comments .comment-meta, .wp-block-comments__legacy-placeholder .comment-meta { font-size: 0.875em; line-height: 1.5; } .wp-block-post-comments .comment-meta b, .wp-block-comments__legacy-placeholder .comment-meta b { font-weight: normal; } .wp-block-post-comments .comment-meta .comment-awaiting-moderation, .wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation { margin-top: 1em; margin-bottom: 1em; display: block; } .wp-block-post-comments .comment-body .commentmetadata, .wp-block-comments__legacy-placeholder .comment-body .commentmetadata { font-size: 0.875em; } .wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label, .wp-block-post-comments .comment-form-author label, .wp-block-comments__legacy-placeholder .comment-form-author label, .wp-block-post-comments .comment-form-email label, .wp-block-comments__legacy-placeholder .comment-form-email label, .wp-block-post-comments .comment-form-url label, .wp-block-comments__legacy-placeholder .comment-form-url label { display: block; margin-bottom: 0.25em; } .wp-block-post-comments .comment-form textarea, .wp-block-comments__legacy-placeholder .comment-form textarea, .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]), .wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]) { display: block; box-sizing: border-box; width: 100%; } .wp-block-post-comments .comment-form-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent { display: flex; gap: 0.25em; } .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent { margin-top: 0.35em; } .wp-block-post-comments .comment-reply-title, .wp-block-comments__legacy-placeholder .comment-reply-title { margin-bottom: 0; } .wp-block-post-comments .comment-reply-title :where(small), .wp-block-comments__legacy-placeholder .comment-reply-title :where(small) { font-size: var(--wp--preset--font-size--medium, smaller); margin-left: 0.5em; } .wp-block-post-comments .reply, .wp-block-comments__legacy-placeholder .reply { font-size: 0.875em; margin-bottom: 1.4em; } .wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea, .wp-block-post-comments input:not([type=submit]), .wp-block-comments__legacy-placeholder input:not([type=submit]) { border: 1px solid #949494; font-size: 1em; font-family: inherit; } .wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea, .wp-block-post-comments input:not([type=submit]):not([type=checkbox]), .wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]) { padding: calc(0.667em + 2px); } :where(.wp-block-post-comments input[type="submit"]) { border: none; } .block-library-comments-toolbar__popover .components-popover__content { min-width: 230px; } .wp-block-comments__legacy-placeholder * { pointer-events: none; } .wp-block-comment-author-avatar__placeholder { border: currentColor 1px dashed; width: 100%; height: 100%; stroke: currentColor; stroke-dasharray: 3; } .wp-block[data-align=center] > .wp-block-comments-pagination { justify-content: center; } .editor-styles-wrapper .wp-block-comments-pagination { max-width: 100%; } .editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout { margin: 0; } .wp-block-comments-pagination > .wp-block-comments-pagination-next, .wp-block-comments-pagination > .wp-block-comments-pagination-previous, .wp-block-comments-pagination > .wp-block-comments-pagination-numbers { margin-left: 0; margin-top: 0.5em; /*rtl:ignore*/ margin-right: 0.5em; margin-bottom: 0.5em; } .wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child, .wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child, .wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child { /*rtl:ignore*/ margin-right: 0; } .wp-block-comments-pagination-numbers a { text-decoration: underline; } .wp-block-comments-pagination-numbers .page-numbers { margin-right: 2px; } .wp-block-comments-pagination-numbers .page-numbers:last-child { /*rtl:ignore*/ margin-right: 0; } .wp-block-comments-title.has-background { padding: inherit; } .wp-block-cover { /* Extra specificity needed because the reset.css applied in the editor context is overriding this rule. */ } .editor-styles-wrapper .wp-block-cover { box-sizing: border-box; } .wp-block-cover.is-placeholder { padding: 0 !important; display: flex; align-items: stretch; min-height: 240px; } .wp-block-cover.is-placeholder .components-placeholder.is-large { justify-content: flex-start; z-index: 1; } .wp-block-cover.is-placeholder:focus::after { min-height: auto; } .wp-block-cover.components-placeholder h2 { color: inherit; } .wp-block-cover.is-transient::before { background-color: #fff; opacity: 0.3; } .wp-block-cover .components-spinner { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; } .wp-block-cover .wp-block-cover__inner-container { text-align: left; margin-left: 0; margin-right: 0; } .wp-block-cover .wp-block-cover__placeholder-background-options { width: 100%; } .wp-block-cover .wp-block-cover__image--placeholder-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } [data-align=left] > .wp-block-cover, [data-align=right] > .wp-block-cover { max-width: 420px; width: 100%; } .block-library-cover__reset-button { margin-left: auto; } .block-library-cover__resize-container { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; min-height: 50px; } .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content > div, .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container { pointer-events: none; overflow: visible; } .wp-block-cover > .components-drop-zone .components-drop-zone__content { opacity: 0.8 !important; } .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover { background-attachment: scroll; } .color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) { margin-top: 24px; } .wp-block-cover::after { min-height: auto; } .wp-block-details summary div { display: inline; } .wp-block-embed { margin-left: 0; margin-right: 0; clear: both; } .wp-block-embed.is-loading { display: flex; justify-content: center; } .wp-block-embed .components-placeholder__error { word-break: break-word; } .wp-block-embed__learn-more { margin-top: 1em; } .wp-block-post-content .wp-block-embed__learn-more a { color: var(--wp-admin-theme-color); } .block-library-embed__interactive-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; } .wp-block[data-align=left] > .wp-block-embed, .wp-block[data-align=right] > .wp-block-embed { max-width: 360px; width: 100%; } .wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper, .wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper { min-width: 280px; } .wp-block-file { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 0; } .wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file { height: auto; } .wp-block-file .components-resizable-box__container { margin-bottom: 1em; } .wp-block-file .wp-block-file__preview { margin-bottom: 1em; width: 100%; height: 100%; } .wp-block-file .wp-block-file__preview-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .wp-block-file .wp-block-file__content-wrapper { flex-grow: 1; } .wp-block-file a { min-width: 1em; } .wp-block-file a:not(.wp-block-file__button) { display: inline-block; } .wp-block-file .wp-block-file__button-richtext-wrapper { display: inline-block; margin-left: 0.75em; } .wp-block-form-input .is-input-hidden { font-size: 0.85em; opacity: 0.3; border: 1px dashed; padding: 0.5em; box-sizing: border-box; background: repeating-linear-gradient(45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px); } .wp-block-form-input .is-input-hidden input[type=text] { background: transparent; } .wp-block-form-input.is-selected .is-input-hidden { opacity: 1; background: none; } .wp-block-form-input.is-selected .is-input-hidden input[type=text] { background: unset; } .wp-block-form-submission-notification > * { opacity: 0.25; border: 1px dashed; box-sizing: border-box; background: repeating-linear-gradient(45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px); } .wp-block-form-submission-notification.is-selected > *, .wp-block-form-submission-notification:has(.is-selected) > * { opacity: 1; background: none; } .wp-block-form-submission-notification.is-selected::after, .wp-block-form-submission-notification:has(.is-selected)::after { display: none !important; } .wp-block-form-submission-notification::after { display: flex; position: absolute; width: 100%; height: 100%; top: 0; left: 0; justify-content: center; align-items: center; font-size: 1.1em; } .wp-block-form-submission-notification.form-notification-type-success::after { content: attr(data-message-success); } .wp-block-form-submission-notification.form-notification-type-error::after { content: attr(data-message-error); } .wp-block-freeform.block-library-rich-text__tinymce { height: auto; /* Allow height of embed iframes to be calculated properly */ /* Remove blue highlighting of selected images in WebKit */ /* Image captions */ /* WP Views */ } .wp-block-freeform.block-library-rich-text__tinymce p, .wp-block-freeform.block-library-rich-text__tinymce li { line-height: 1.8; } .wp-block-freeform.block-library-rich-text__tinymce ul, .wp-block-freeform.block-library-rich-text__tinymce ol { padding-left: 2.5em; margin-left: 0; } .wp-block-freeform.block-library-rich-text__tinymce blockquote { margin: 0; box-shadow: inset 0 0 0 0 #ddd; border-left: 4px solid #000; padding-left: 1em; } .wp-block-freeform.block-library-rich-text__tinymce pre { white-space: pre-wrap; font-family: Menlo, Consolas, monaco, monospace; font-size: 15px; color: #1e1e1e; } .wp-block-freeform.block-library-rich-text__tinymce > *:first-child { margin-top: 0; } .wp-block-freeform.block-library-rich-text__tinymce > *:last-child { margin-bottom: 0; } .wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus { outline: none; } .wp-block-freeform.block-library-rich-text__tinymce a { color: var(--wp-admin-theme-color); } .wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] { padding: 0 2px; margin: 0 -2px; border-radius: 2px; box-shadow: 0 0 0 1px #e5f5fa; background: #e5f5fa; } .wp-block-freeform.block-library-rich-text__tinymce code { padding: 2px; border-radius: 2px; color: #1e1e1e; background: #f0f0f0; font-family: Menlo, Consolas, monaco, monospace; font-size: 14px; } .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { background: #ddd; } .wp-block-freeform.block-library-rich-text__tinymce .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin: 0.5em 0 0.5em 1em; } .wp-block-freeform.block-library-rich-text__tinymce .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin: 0.5em 1em 0.5em 0; } .wp-block-freeform.block-library-rich-text__tinymce .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag { width: 96%; height: 20px; display: block; margin: 15px auto; outline: 0; cursor: default; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); background-size: 1900px 20px; background-repeat: no-repeat; background-position: center; } .wp-block-freeform.block-library-rich-text__tinymce img::selection { background-color: transparent; } .wp-block-freeform.block-library-rich-text__tinymce div.mceTemp { -ms-user-select: element; } .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption { margin: 0; /* dl browser reset */ max-width: 100%; } .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img { display: block; } .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * { -webkit-user-drag: none; } .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd { padding-top: 0.5em; margin: 0; /* browser dd reset */ } .wp-block-freeform.block-library-rich-text__tinymce .wpview { width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ position: relative; clear: both; margin-bottom: 16px; border: 1px solid transparent; } .wp-block-freeform.block-library-rich-text__tinymce .wpview iframe { display: block; max-width: 100%; background: transparent; } .wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim { display: none; } .wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder { border: 1px dashed #ddd; padding: 10px; } .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error { border: 1px solid #ddd; padding: 1em 0; margin: 0; word-wrap: break-word; } .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p { margin: 0; text-align: center; } .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error { border-color: transparent; } .wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons { display: block; margin: 0 auto; width: 32px; height: 32px; font-size: 32px; } .wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after { content: ""; display: table; clear: both; } .wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus { outline: none; } .wp-block-freeform.block-library-rich-text__tinymce .gallery a { cursor: default; } .wp-block-freeform.block-library-rich-text__tinymce .gallery { margin: auto -6px; padding: 6px 0; line-height: 1; overflow-x: hidden; } .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item { float: left; margin: 0; text-align: center; padding: 6px; box-sizing: border-box; } .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption, .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon { margin: 0; } .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption { font-size: 13px; margin: 4px 0; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item { width: 100%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item { width: 50%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item { width: 33.3333333333%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item { width: 25%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item { width: 20%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item { width: 16.6666666667%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { width: 14.2857142857%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item { width: 12.5%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item { width: 11.1111111111%; } .wp-block-freeform.block-library-rich-text__tinymce .gallery img { max-width: 100%; height: auto; border: none; padding: 0; } div[data-type="core/freeform"]::before { transition: border-color 0.1s linear, box-shadow 0.1s linear; border: 1px solid #ddd; outline: 1px solid transparent; } @media (prefers-reduced-motion: reduce) { div[data-type="core/freeform"]::before { transition-duration: 0s; transition-delay: 0s; } } div[data-type="core/freeform"].is-selected::before { border-color: #1e1e1e; } div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div { margin-top: 0; padding-top: 0; } div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after { content: ""; display: table; clear: both; } .mce-toolbar-grp .mce-btn.mce-active button, .mce-toolbar-grp .mce-btn.mce-active:hover button, .mce-toolbar-grp .mce-btn.mce-active i, .mce-toolbar-grp .mce-btn.mce-active:hover i { color: #1e1e1e; } .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { margin-right: 0; margin-left: 8px; } .mce-toolbar-grp .mce-btn i { font-style: normal; } .block-library-classic__toolbar { display: none; width: auto; margin: 0; position: sticky; z-index: 31; top: 0; border: 1px solid #ddd; border-bottom: none; border-radius: 2px; margin-bottom: 8px; padding: 0; } div[data-type="core/freeform"].is-selected .block-library-classic__toolbar { display: block; border-color: #1e1e1e; } .block-library-classic__toolbar .mce-tinymce { box-shadow: none; } @media (min-width: 600px) { .block-library-classic__toolbar { padding: 0; } } .block-library-classic__toolbar:empty { display: block; background: #f5f5f5; border-bottom: 1px solid #e2e4e7; } .block-library-classic__toolbar:empty::before { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; content: attr(data-placeholder); color: #555d66; line-height: 37px; padding: 14px; } .block-library-classic__toolbar div.mce-toolbar-grp { border-bottom: 1px solid #1e1e1e; } .block-library-classic__toolbar .mce-tinymce-inline, .block-library-classic__toolbar .mce-tinymce-inline > div, .block-library-classic__toolbar div.mce-toolbar-grp, .block-library-classic__toolbar div.mce-toolbar-grp > div, .block-library-classic__toolbar .mce-menubar, .block-library-classic__toolbar .mce-menubar > div { height: auto !important; width: 100% !important; } .block-library-classic__toolbar .mce-container-body.mce-abs-layout { overflow: visible; } .block-library-classic__toolbar .mce-menubar, .block-library-classic__toolbar div.mce-toolbar-grp { position: static; } .block-library-classic__toolbar .mce-toolbar-grp > div { padding: 1px 3px; } .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { display: none; } .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { display: block; } .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe { height: 50vh !important; } @media (min-width: 960px) { .block-editor-freeform-modal .block-editor-freeform-modal__content:not(.is-full-screen) { height: 9999rem; } .block-editor-freeform-modal .block-editor-freeform-modal__content .components-modal__header + div { height: 100%; } .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-tinymce { height: calc(100% - 36px - 16px); } .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-container-body { height: 100%; display: flex; flex-direction: column; min-width: 50vw; } .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area { flex-grow: 1; display: flex; flex-direction: column; } .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe { flex-grow: 1; height: 10px !important; } } .block-editor-freeform-modal__actions { margin-top: 16px; } figure.wp-block-gallery { display: block; } figure.wp-block-gallery > .blocks-gallery-caption { flex: 0 0 100%; } figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper { flex-basis: 100%; } figure.wp-block-gallery .wp-block-image .components-notice.is-error { display: block; } figure.wp-block-gallery .wp-block-image .components-notice__content { margin: 4px 0; } figure.wp-block-gallery .wp-block-image .components-notice__dismiss { position: absolute; top: 0; right: 5px; } figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { display: none; } figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { margin-bottom: 0; } figure.wp-block-gallery .block-editor-media-placeholder { margin: 0; } figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label { display: flex; } figure.wp-block-gallery .block-editor-media-placeholder figcaption { z-index: 2; } figure.wp-block-gallery .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; } /** * Gallery inspector controls settings. */ .gallery-settings-buttons .components-button:first-child { margin-right: 8px; } .gallery-image-sizes .components-base-control__label { display: block; margin-bottom: 4px; } .gallery-image-sizes .gallery-image-sizes__loading { display: flex; align-items: center; color: #757575; font-size: 12px; } .gallery-image-sizes .components-spinner { margin: 0 8px 0 4px; } /** * Deprecated css past this point. This can be removed once all galleries are migrated * to V2. */ .blocks-gallery-item figure:not(.is-selected):focus, .blocks-gallery-item img:focus { outline: none; } .blocks-gallery-item figure.is-selected::before { box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; content: ""; outline: 2px solid transparent; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } .blocks-gallery-item figure.is-transient img { opacity: 0.3; } .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { display: inline-flex; } .blocks-gallery-item .block-editor-media-placeholder { margin: 0; height: 100%; } .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label { display: flex; } .block-library-gallery-item__inline-menu { display: none; position: absolute; top: -2px; margin: 8px; z-index: 20; transition: box-shadow 0.2s ease-out; border-radius: 2px; background: #fff; border: 1px solid #1e1e1e; } @media (prefers-reduced-motion: reduce) { .block-library-gallery-item__inline-menu { transition-duration: 0s; transition-delay: 0s; } } .block-library-gallery-item__inline-menu:hover { box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1); } @media (min-width: 600px) { .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu { padding: 2px; } } .block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) { border: none; box-shadow: none; } @media (min-width: 600px) { .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon { padding: 0; width: inherit; height: inherit; } } .block-library-gallery-item__inline-menu.is-left { left: -2px; } .block-library-gallery-item__inline-menu.is-right { right: -2px; } .wp-block-gallery ul.blocks-gallery-grid { padding: 0; margin: 0; } @media (min-width: 600px) { .wp-block-update-gallery-modal { max-width: 480px; } } .wp-block-update-gallery-modal-buttons { display: flex; justify-content: flex-end; gap: 12px; } /** * Group: All Alignment Settings */ .wp-block-group .block-editor-block-list__insertion-point { left: 0; right: 0; } [data-type="core/group"].is-selected .block-list-appender { margin-left: 0; margin-right: 0; } [data-type="core/group"].is-selected .has-background .block-list-appender { margin-top: 18px; margin-bottom: 18px; } .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child { gap: inherit; pointer-events: none; } .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child, .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-default-block-appender__content, .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter { display: inherit; width: 100%; flex-direction: inherit; flex: 1; } .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after { content: ""; display: flex; flex: 1 0 48px; pointer-events: none; min-height: 46px; border: 1px dashed currentColor; border-radius: 2px; } .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: currentColor; opacity: 0.1; } .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter { pointer-events: all; } .wp-block-group__placeholder .wp-block-group-placeholder__variations { list-style: none; display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; width: 100%; padding: 0; margin: 0; } .wp-block-group__placeholder .components-placeholder__instructions { margin-bottom: 18px; } .wp-block-group__placeholder .wp-block-group-placeholder__variations svg { fill: #ccc !important; } .wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover { fill: var(--wp-admin-theme-color) !important; } .wp-block-group__placeholder .wp-block-group-placeholder__variations > li { margin: 0 12px 12px 12px; width: auto; display: flex; flex-direction: column; align-items: center; } .wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button { width: 44px; height: 32px; padding: 0; } .wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button:hover { box-shadow: none; } .wp-block-group__placeholder .components-placeholder { min-height: auto; padding: 24px; align-items: center; } .wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations > li, .wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations > li { margin: 12px; } .block-library-html__edit .block-library-html__preview-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .block-library-html__edit .block-editor-plain-text { box-sizing: border-box; max-height: 250px; font-family: Menlo, Consolas, monaco, monospace !important; color: #1e1e1e !important; background: #fff !important; padding: 12px !important; border: 1px solid #1e1e1e !important; box-shadow: none !important; border-radius: 2px !important; font-size: 16px !important; } @media (min-width: 600px) { .block-library-html__edit .block-editor-plain-text { font-size: 13px !important; } } .block-library-html__edit .block-editor-plain-text:focus { border-color: var(--wp-admin-theme-color) !important; box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important; outline: 2px solid transparent !important; } .wp-block-image.wp-block-image:not(.is-selected) .components-placeholder__fieldset { display: none; } .wp-block-image.wp-block-image.is-selected .components-placeholder { color: #1e1e1e; background-color: #fff; box-shadow: inset 0 0 0 1px #1e1e1e; border: none; filter: none !important; border-radius: 2px; } .wp-block-image.wp-block-image.is-selected .components-placeholder > svg { opacity: 0; } .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration { display: none; } .wp-block-image.wp-block-image.is-selected .components-placeholder::before { opacity: 0; } .wp-block-image.wp-block-image .block-bindings-media-placeholder-message { opacity: 0; } .wp-block-image.wp-block-image.is-selected .block-bindings-media-placeholder-message { opacity: 1; } .wp-block-image.wp-block-image .components-placeholder__label, .wp-block-image.wp-block-image .components-placeholder__instructions, .wp-block-image.wp-block-image .components-button { transition: none; } figure.wp-block-image:not(.wp-block) { margin: 0; } .wp-block-image { position: relative; } .wp-block-image .is-applying img, .wp-block-image.is-transient img { opacity: 0.3; } .wp-block-image figcaption img { display: inline; } .wp-block-image .components-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .wp-block-image .components-resizable-box__container { display: table; } .wp-block-image .components-resizable-box__container img { display: block; width: inherit; height: inherit; } .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { position: absolute; left: 0; right: 0; margin: -1px 0; } @media (min-width: 600px) { .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { margin: -1px; } } [data-align=wide] > .wp-block-image img, [data-align=full] > .wp-block-image img { height: auto; width: 100%; } .wp-block[data-align=left] > .wp-block-image, .wp-block[data-align=center] > .wp-block-image, .wp-block[data-align=right] > .wp-block-image { display: table; } .wp-block[data-align=left] > .wp-block-image > figcaption, .wp-block[data-align=center] > .wp-block-image > figcaption, .wp-block[data-align=right] > .wp-block-image > figcaption { display: table-caption; caption-side: bottom; } .wp-block[data-align=left] > .wp-block-image { margin-right: 1em; margin-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block[data-align=right] > .wp-block-image { margin-left: 1em; margin-right: 0; margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block[data-align=center] > .wp-block-image { margin-left: auto; margin-right: auto; text-align: center; } .wp-block-image__crop-area { position: relative; max-width: 100%; width: 100%; overflow: hidden; } .wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image { border: none; border-radius: 0; } .wp-block-image__crop-icon { padding: 0 8px; min-width: 48px; display: flex; justify-content: center; align-items: center; } .wp-block-image__crop-icon svg { fill: currentColor; } .wp-block-image__zoom .components-popover__content { min-width: 260px; overflow: visible !important; } .wp-block-image__aspect-ratio { height: 46px; margin-bottom: -8px; display: flex; align-items: center; } .wp-block-image__aspect-ratio .components-button { width: 36px; padding-left: 0; padding-right: 0; } .wp-block-image__toolbar_content_textarea { width: 250px; } .wp-block-latest-posts { padding-left: 2.5em; } .wp-block-latest-posts.is-grid { padding-left: 0; } .wp-block-latest-posts > li { overflow: hidden; } .wp-block-latest-posts li a > div { display: inline; } .edit-post-visual-editor .wp-block-latest-posts.is-grid li { margin-bottom: 20px; } .editor-latest-posts-image-alignment-control .components-base-control__label { display: block; } .editor-latest-posts-image-alignment-control .components-toolbar { border-radius: 2px; } .wp-block-media-text__media { position: relative; } .wp-block-media-text__media.is-transient img { opacity: 0.3; } .wp-block-media-text__media .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; } .wp-block-media-text .__resizable_base__ { grid-column: 1/span 2; grid-row: 2; } .wp-block-media-text .editor-media-container__resizer { width: 100% !important; } .wp-block-media-text.is-image-fill .editor-media-container__resizer { height: 100% !important; } .wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block { max-width: unset; } .block-editor-block-list__block[data-type="core/more"] { max-width: 100%; text-align: center; margin-top: 28px; margin-bottom: 28px; } .wp-block-more { display: block; text-align: center; white-space: nowrap; } .wp-block-more input[type=text] { position: relative; font-size: 13px; text-transform: uppercase; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: #757575; border: none; box-shadow: none; white-space: nowrap; text-align: center; margin: 0; border-radius: 4px; background: #fff; padding: 6px 8px; height: 24px; max-width: 100%; } .wp-block-more input[type=text]:focus { box-shadow: none; } .wp-block-more::before { content: ""; position: absolute; top: calc(50%); left: 0; right: 0; border-top: 3px dashed #ccc; } /** * Editor only CSS. */ .editor-styles-wrapper .wp-block-navigation ul { margin-top: 0; margin-bottom: 0; margin-left: 0; padding-left: 0; } .editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block { margin: revert; } .wp-block-navigation-item__label { display: inline; } /** * Submenus. */ .wp-block-navigation__container, .wp-block-navigation-item { background-color: inherit; } .wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation__submenu-container { opacity: 0; visibility: hidden; } .has-child.is-selected > .wp-block-navigation__submenu-container, .has-child.has-child-selected > .wp-block-navigation__submenu-container { display: flex; opacity: 1; visibility: visible; } .is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation__submenu-container { opacity: 1; visibility: visible; } .is-editing > .wp-block-navigation__container { visibility: visible; opacity: 1; display: flex; flex-direction: column; } .is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container { opacity: 1; visibility: hidden; } .is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper { visibility: visible; } .is-editing > .wp-block-navigation__submenu-container > .block-list-appender { display: block; position: static; width: 100%; } .is-editing > .wp-block-navigation__submenu-container > .block-list-appender .block-editor-button-block-appender { color: #fff; background: #1e1e1e; padding: 0; width: 24px; border-radius: 2px; margin-right: 0; margin-left: auto; } .wp-block-navigation__submenu-container .block-list-appender { display: none; } /** * Colors Selector component */ .block-library-colors-selector { width: auto; } .block-library-colors-selector .block-library-colors-selector__toggle { display: block; margin: 0 auto; padding: 3px; width: auto; } .block-library-colors-selector .block-library-colors-selector__icon-container { height: 30px; position: relative; margin: 0 auto; padding: 3px; display: flex; align-items: center; border-radius: 4px; } .block-library-colors-selector .block-library-colors-selector__state-selection { margin-left: auto; margin-right: auto; border-radius: 11px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); width: 22px; min-width: 22px; height: 22px; min-height: 22px; line-height: 20px; padding: 2px; } .block-library-colors-selector .block-library-colors-selector__state-selection > svg { min-width: auto !important; } .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg, .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path { color: inherit; } .block-library-colors-selector__popover .color-palette-controller-container { padding: 16px; } .block-library-colors-selector__popover .components-base-control__label { height: 20px; line-height: 20px; } .block-library-colors-selector__popover .component-color-indicator { float: right; margin-top: 2px; } .block-library-colors-selector__popover .components-panel__body-title { display: none; } .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender { background-color: #1e1e1e; color: #fff; } .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender { padding: 0; } .wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender { background-color: transparent; color: #1e1e1e; } /** * Setup state */ @keyframes loadingpulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .components-placeholder.wp-block-navigation-placeholder { outline: none; padding: 0; box-shadow: none; background: none; min-height: 0; color: inherit; } .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset { font-size: inherit; } .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button { margin-bottom: 0; } .wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder { color: #1e1e1e; } .wp-block-navigation-placeholder__preview { display: flex; align-items: center; min-width: 96px; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: currentColor; background: transparent; } .wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview { display: none; } .wp-block-navigation-placeholder__preview::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; border: 1px dashed currentColor; border-radius: 2px; border-radius: inherit; } .wp-block-navigation-placeholder__preview::before::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: currentColor; opacity: 0.1; } .wp-block-navigation-placeholder__preview > svg { fill: currentColor; } .wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset, .wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset { min-height: 90px; } .wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset { min-height: 132px; } .wp-block-navigation-placeholder__preview, .wp-block-navigation-placeholder__controls { padding: 6px 8px; flex-direction: row; align-items: flex-start; } .wp-block-navigation-placeholder__controls { border-radius: 2px; background-color: #fff; box-shadow: inset 0 0 0 1px #1e1e1e; display: none; position: relative; z-index: 1; float: left; width: 100%; } .wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls { display: flex; } .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr { display: none; } .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions { flex-direction: column; align-items: flex-start; } .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr { display: none; } .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon { margin-right: 12px; height: 36px; } .wp-block-navigation-placeholder__actions__indicator { display: flex; padding: 0 6px 0 0; align-items: center; justify-content: flex-start; line-height: 0; height: 36px; margin-left: 4px; } .wp-block-navigation-placeholder__actions__indicator svg { margin-right: 4px; fill: currentColor; } .wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset { flex-direction: row !important; } .wp-block-navigation-placeholder__actions { display: flex; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; gap: 6px; align-items: center; height: 100%; } .wp-block-navigation-placeholder__actions .components-dropdown, .wp-block-navigation-placeholder__actions > .components-button { margin-right: 0; } .wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr { border: 0; min-height: 1px; min-width: 1px; background-color: #1e1e1e; margin: auto 0; height: 100%; max-height: 16px; } /** * Mobile menu. */ @media (min-width: 600px) { .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close { display: none; } } .wp-block-navigation__responsive-container.is-menu-open { position: fixed; top: 155px; } @media (min-width: 782px) { .wp-block-navigation__responsive-container.is-menu-open { top: 93px; left: 36px; } } @media (min-width: 960px) { .wp-block-navigation__responsive-container.is-menu-open { left: 160px; } } @media (min-width: 782px) { .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { top: 141px; } } .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { top: 141px; } .is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open { right: 280px; } .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { left: 0; top: 155px; } @media (min-width: 782px) { .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { top: 61px; } .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { top: 109px; } } .is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, .is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { top: 109px; } body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open { top: 0; right: 0; bottom: 0; left: 0; } .components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open, .components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { padding: 0; height: auto; color: inherit; } .components-heading.wp-block-navigation-off-canvas-editor__title { margin: 0; } .wp-block-navigation-off-canvas-editor__header { margin-bottom: 8px; } .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender { margin-top: 16px; } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } .wp-block-navigation__loading-indicator-container { padding: 8px 12px; } .wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator { margin-top: 0; } @keyframes fadeouthalf { 0% { opacity: 1; } 100% { opacity: 0.5; } } .wp-block-navigation-delete-menu-button { width: 100%; justify-content: center; margin-bottom: 16px; } .components-button.is-link.wp-block-navigation-manage-menus-button { margin-bottom: 16px; } .wp-block-navigation__overlay-menu-preview { display: flex; align-items: center; justify-content: space-between; width: 100%; background-color: #f0f0f0; padding: 0 24px; height: 64px; margin-bottom: 12px; } .wp-block-navigation__overlay-menu-preview.open { box-shadow: inset 0 0 0 1px #e0e0e0; outline: 1px solid transparent; background-color: #fff; } .wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty { display: none; } .wp-block-navigation-placeholder__actions hr + hr { display: none; } /** * Navigation selector styles */ .wp-block-navigation__navigation-selector { margin-bottom: 16px; width: 100%; } .wp-block-navigation__navigation-selector-button { border: 1px solid; justify-content: space-between; width: 100%; } .wp-block-navigation__navigation-selector-button__icon { flex: 0 0 auto; } .wp-block-navigation__navigation-selector-button__label { flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wp-block-navigation__navigation-selector-button--createnew { border: 1px solid; margin-bottom: 16px; width: 100%; } .wp-block-navigation__responsive-container-open.components-button { opacity: 1; } .wp-block-navigation__menu-inspector-controls { overflow-x: auto; scrollbar-width: thin; scrollbar-gutter: stable both-edges; scrollbar-color: transparent transparent; will-change: transform; } .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar { width: 12px; height: 12px; } .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-track { background-color: transparent; } .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 8px; border: 3px solid transparent; background-clip: padding-box; } .wp-block-navigation__menu-inspector-controls:hover::-webkit-scrollbar-thumb, .wp-block-navigation__menu-inspector-controls:focus::-webkit-scrollbar-thumb, .wp-block-navigation__menu-inspector-controls:focus-within::-webkit-scrollbar-thumb { background-color: #949494; } .wp-block-navigation__menu-inspector-controls:hover, .wp-block-navigation__menu-inspector-controls:focus, .wp-block-navigation__menu-inspector-controls:focus-within { scrollbar-color: #949494 transparent; } @media (hover: none) { .wp-block-navigation__menu-inspector-controls { scrollbar-color: #949494 transparent; } } .wp-block-navigation__menu-inspector-controls__empty-message { margin-left: 24px; } /** * Appender */ .wp-block-navigation .block-list-appender { position: relative; } /** * Submenus. */ .wp-block-navigation .has-child { cursor: pointer; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container { z-index: 28; } .wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container { z-index: 29; } .wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container { visibility: visible !important; opacity: 1 !important; min-width: 200px !important; height: auto !important; width: auto !important; overflow: visible !important; } /** * Navigation Items. */ .wp-block-navigation-item .wp-block-navigation-item__content { cursor: text; } .wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected { min-width: 20px; } .wp-block-navigation-item .block-list-appender { margin-top: 16px; margin-right: auto; margin-bottom: 16px; margin-left: 16px; } .wp-block-navigation-link__invalid-item { color: #000; } /** * Menu item setup state. Is shown when a menu item has no URL configured. */ .wp-block-navigation-link__placeholder { position: relative; text-decoration: none !important; box-shadow: none !important; background-image: none !important; } .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { --wp-underline-color: var(--wp-admin-theme-color); background-image: linear-gradient(45deg, transparent 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, transparent 46%), linear-gradient(135deg, transparent 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, transparent 80%); background-position: 0 100%; background-size: 6px 3px; background-repeat: repeat-x; padding-bottom: 0.1em; } .is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { --wp-underline-color: #fff; } .wp-block-navigation-link__placeholder.wp-block-navigation-item__content { cursor: pointer; } /** * Link Control Transforms */ .link-control-transform { border-top: 1px solid #ccc; padding: 0 16px 8px 16px; } .link-control-transform__subheading { font-size: 11px; text-transform: uppercase; font-weight: 500; color: #1e1e1e; margin-bottom: 1.5em; } .link-control-transform__items { display: flex; justify-content: space-between; } .link-control-transform__item { flex-basis: 33%; flex-direction: column; gap: 8px; height: auto; } .wp-block-navigation-submenu { display: block; } .wp-block-navigation-submenu .wp-block-navigation__submenu-container { z-index: 28; } .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container { visibility: visible !important; opacity: 1 !important; min-width: 200px !important; height: auto !important; width: auto !important; position: absolute; left: -1px; top: 100%; } @media (min-width: 782px) { .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: 100%; top: -1px; } .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { content: ""; position: absolute; right: 100%; height: 100%; display: block; width: 0.5em; background: transparent; } } .block-editor-block-list__block[data-type="core/nextpage"] { max-width: 100%; text-align: center; margin-top: 28px; margin-bottom: 28px; } .wp-block-nextpage { display: block; text-align: center; white-space: nowrap; } .wp-block-nextpage > span { font-size: 13px; position: relative; text-transform: uppercase; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: #757575; border-radius: 4px; background: #fff; padding: 6px 8px; height: 24px; } .wp-block-nextpage::before { content: ""; position: absolute; top: calc(50%); left: 0; right: 0; border-top: 3px dashed #ccc; } .wp-block-navigation .wp-block-page-list > div, .wp-block-navigation .wp-block-page-list { background-color: inherit; } .wp-block-navigation.items-justified-space-between .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between .wp-block-page-list { display: contents; flex: 1; } .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list { flex: inherit; } .wp-block-navigation .wp-block-navigation__submenu-container > .wp-block-page-list { display: block; } .wp-block-pages-list__item__link { pointer-events: none; } @media (min-width: 600px) { .wp-block-page-list-modal { max-width: 480px; } } .wp-block-page-list-modal-buttons { display: flex; justify-content: flex-end; gap: 12px; } .wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container { visibility: visible; opacity: 1; width: auto; height: auto; min-width: 200px; } .wp-block-page-list__loading-indicator-container { padding: 8px 12px; } .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { min-height: auto !important; } .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { opacity: 1; } .block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder] { opacity: 0; } .block-editor-block-list__block[data-type="core/paragraph"].has-text-align-right[style*="writing-mode: vertical-rl"], .block-editor-block-list__block[data-type="core/paragraph"].has-text-align-left[style*="writing-mode: vertical-lr"] { rotate: 180deg; } .wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline { display: inline; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 32px; } .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { text-transform: none; font-style: normal; } .wp-block-pullquote .wp-block-pullquote__citation { color: inherit; } .wp-block-rss li a > div { display: inline; } .wp-block-rss__placeholder-form > * { margin-bottom: 8px; } @media (min-width: 782px) { .wp-block-rss__placeholder-form > * { margin-bottom: 0; } } .wp-block-rss__placeholder-form .wp-block-rss__placeholder-input { flex: 1; min-width: 80%; } .wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper { margin: auto; } .wp-block-search .wp-block-search__button { height: auto; border-radius: initial; display: flex; align-items: center; justify-content: center; text-align: center; } .wp-block-search__components-button-group { margin-top: 10px; } .block-editor-block-list__block[data-type="core/separator"] { padding-top: 0.1px; padding-bottom: 0.1px; } .block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots { background: none !important; border: none; } [data-type="core/shortcode"].components-placeholder { min-height: 0; } .blocks-shortcode__textarea { box-sizing: border-box; max-height: 250px; resize: none; font-family: Menlo, Consolas, monaco, monospace !important; color: #1e1e1e !important; background: #fff !important; padding: 12px !important; border: 1px solid #1e1e1e !important; box-shadow: none !important; border-radius: 2px !important; font-size: 16px !important; } @media (min-width: 600px) { .blocks-shortcode__textarea { font-size: 13px !important; } } .blocks-shortcode__textarea:focus { border-color: var(--wp-admin-theme-color) !important; box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important; outline: 2px solid transparent !important; } .wp-block[data-align=center] > .wp-block-site-logo, .wp-block-site-logo.aligncenter > div { display: table; margin-left: auto; margin-right: auto; } .wp-block-site-logo a { pointer-events: none; } .wp-block-site-logo .custom-logo-link { cursor: inherit; } .wp-block-site-logo .custom-logo-link:focus { box-shadow: none; } .wp-block-site-logo .custom-logo-link.is-transient img { opacity: 0.3; } .wp-block-site-logo img { display: block; height: auto; max-width: 100%; } .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder { height: 60px; width: 60px; } .wp-block-site-logo.wp-block-site-logo > div, .wp-block-site-logo.wp-block-site-logo .components-resizable-box__container { border-radius: inherit; } .wp-block-site-logo.wp-block-site-logo .components-placeholder { display: flex; justify-content: center; align-items: center; padding: 0; border-radius: inherit; min-height: 48px; min-width: 48px; height: 100%; width: 100%; } .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload { display: none; } .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text { display: none; } .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button { padding: 0; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border-radius: 50%; position: relative; background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); border-style: solid; color: #fff; } .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg { color: inherit; } .block-library-site-logo__inspector-upload-container { position: relative; } .block-library-site-logo__inspector-upload-container .components-drop-zone__content-icon { display: none; } .block-library-site-logo__inspector-upload-container button.components-button, .block-library-site-logo__inspector-media-replace-container button.components-button { color: #1e1e1e; box-shadow: inset 0 0 0 1px #ccc; width: 100%; display: block; height: 40px; } .block-library-site-logo__inspector-upload-container button.components-button:hover, .block-library-site-logo__inspector-media-replace-container button.components-button:hover { color: var(--wp-admin-theme-color); } .block-library-site-logo__inspector-upload-container button.components-button:focus, .block-library-site-logo__inspector-media-replace-container button.components-button:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .block-library-site-logo__inspector-upload-container .block-library-site-logo__inspector-media-replace-title, .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title { word-break: break-all; white-space: normal; text-align: start; text-align-last: center; } .block-library-site-logo__inspector-media-replace-container .components-dropdown { display: block; } .block-library-site-logo__inspector-media-replace-container img { width: 20px; min-width: 20px; aspect-ratio: 1; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); border-radius: 50% !important; } .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-readonly-logo-preview { padding: 6px 12px; display: flex; height: 40px; } .wp-block-site-tagline__placeholder { padding: 1em 0; border: 1px dashed; } .wp-block-site-title__placeholder { padding: 1em 0; border: 1px dashed; } .editor-styles-wrapper .wp-block-site-title a { color: inherit; } .wp-block-social-links .wp-social-link { line-height: 0; } .wp-block-social-links .wp-social-link button { font-size: inherit; color: currentColor; height: auto; line-height: 0; opacity: 1; padding: 0.25em; } .wp-block-social-links.is-style-pill-shape .wp-social-link button { padding-left: calc((2/3) * 1em); padding-right: calc((2/3) * 1em); } .wp-block-social-links.is-style-logos-only .wp-social-link button { padding: 0; } .wp-block-social-links div.block-editor-url-input { display: inline-block; margin-left: 8px; } .wp-block-social-links.wp-block-social-links { background: none; } .wp-social-link:hover { transform: none; } .editor-styles-wrapper .wp-block-social-links { padding: 0; } .wp-block-social-links__social-placeholder { display: flex; opacity: 0.8; list-style: none; } .wp-block-social-links__social-placeholder > .wp-social-link { padding-left: 0 !important; margin-left: 0 !important; padding-right: 0 !important; margin-right: 0 !important; width: 0 !important; visibility: hidden; } .wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons { display: flex; } .wp-block-social-links__social-placeholder .wp-social-link { padding: 0.25em; } .is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link { padding-left: calc((2/3) * 1em); padding-right: calc((2/3) * 1em); } .is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link { padding: 0; } .wp-block-social-links__social-placeholder .wp-social-link::before { content: ""; display: block; width: 1em; height: 1em; border-radius: 50%; } .is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before { background: currentColor; } .wp-block-social-links .wp-block-social-links__social-prompt { min-height: 24px; list-style: none; order: 2; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 24px; margin-top: auto; margin-bottom: auto; cursor: default; padding-right: 8px; } .wp-block[data-align=center] > .wp-block-social-links, .wp-block.wp-block-social-links.aligncenter { justify-content: center; } .block-editor-block-preview__content .components-button:disabled { opacity: 1; } .wp-social-link.wp-social-link__is-incomplete { opacity: 0.5; } @media (prefers-reduced-motion: reduce) { .wp-social-link.wp-social-link__is-incomplete { transition-duration: 0s; transition-delay: 0s; } } .wp-block-social-links .is-selected .wp-social-link__is-incomplete, .wp-social-link.wp-social-link__is-incomplete:hover, .wp-social-link.wp-social-link__is-incomplete:focus { opacity: 1; } .block-editor-block-list__block[data-type="core/spacer"]::before { content: ""; display: block; position: absolute; z-index: 1; width: 100%; min-height: 8px; min-width: 8px; height: 100%; } .wp-block-spacer.is-hovered .block-library-spacer__resize-container, .block-library-spacer__resize-container.has-show-handle, .wp-block-spacer.is-selected.custom-sizes-disabled { background: rgba(0, 0, 0, 0.1); } .is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container, .is-dark-theme .block-library-spacer__resize-container.has-show-handle, .is-dark-theme .wp-block-spacer.is-selected.custom-sizes-disabled { background: rgba(255, 255, 255, 0.15); } .block-library-spacer__resize-container { clear: both; } .block-library-spacer__resize-container:not(.is-resizing) { height: 100% !important; width: 100% !important; } .block-library-spacer__resize-container .components-resizable-box__handle::before { content: none; } .block-library-spacer__resize-container.resize-horizontal { margin-bottom: 0; height: 100% !important; } .wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table { height: auto; } .wp-block[data-align=left] > .wp-block-table table, .wp-block[data-align=right] > .wp-block-table table, .wp-block[data-align=center] > .wp-block-table table { width: auto; } .wp-block[data-align=left] > .wp-block-table td, .wp-block[data-align=left] > .wp-block-table th, .wp-block[data-align=right] > .wp-block-table td, .wp-block[data-align=right] > .wp-block-table th, .wp-block[data-align=center] > .wp-block-table td, .wp-block[data-align=center] > .wp-block-table th { word-break: break-word; } .wp-block[data-align=center] > .wp-block-table { text-align: initial; } .wp-block[data-align=center] > .wp-block-table table { margin: 0 auto; } .wp-block-table td, .wp-block-table th { border: 1px solid; padding: 0.5em; } .wp-block-table td.is-selected, .wp-block-table th.is-selected { border-color: var(--wp-admin-theme-color); box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); border-style: double; } .wp-block-table table.has-individual-borders > *, .wp-block-table table.has-individual-borders tr, .wp-block-table table.has-individual-borders th, .wp-block-table table.has-individual-borders td { border-width: 1px; border-style: solid; border-color: currentColor; } .blocks-table__placeholder-form.blocks-table__placeholder-form { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } @media (min-width: 782px) { .blocks-table__placeholder-form.blocks-table__placeholder-form { flex-direction: row; align-items: flex-end; } } .blocks-table__placeholder-input { width: 112px; } .block-editor-template-part__selection-modal { z-index: 1000001; } .block-editor-template-part__selection-modal .block-editor-block-patterns-list { column-count: 2; column-gap: 24px; } @media (min-width: 1280px) { .block-editor-template-part__selection-modal .block-editor-block-patterns-list { column-count: 3; } } .block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { break-inside: avoid-column; } .block-library-template-part__selection-search { background: #fff; position: sticky; top: 0; padding: 16px 0; z-index: 2; } .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); } .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); } .is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after, .is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff; } .wp-block-text-columns .block-editor-rich-text__editable:focus { outline: 1px solid #ddd; } .wp-block-video.wp-block-video.is-selected .components-placeholder { color: #1e1e1e; background-color: #fff; box-shadow: inset 0 0 0 1px #1e1e1e; border: none; border-radius: 2px; } .wp-block-video.wp-block-video.is-selected .components-placeholder > svg { opacity: 0; } .wp-block-video.wp-block-video.is-selected .components-placeholder .components-placeholder__illustration { display: none; } .wp-block-video.wp-block-video.is-selected .components-placeholder::before { opacity: 0; } .wp-block-video.wp-block-video .components-placeholder__label, .wp-block-video.wp-block-video .components-placeholder__instructions, .wp-block-video.wp-block-video .components-button { transition: none; } .wp-block[data-align=center] > .wp-block-video { text-align: center; } .wp-block-video { position: relative; } .wp-block-video.is-transient video { opacity: 0.3; } .wp-block-video .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; } .editor-video-poster-control .components-base-control__label { display: block; } .editor-video-poster-control .components-button { margin-right: 8px; } .block-library-video-tracks-editor { z-index: 159990; } .block-library-video-tracks-editor__track-list-track { padding-left: 12px; } .block-library-video-tracks-editor__single-track-editor-kind-select { max-width: 240px; } .block-library-video-tracks-editor__single-track-editor-edit-track-label { margin-top: 4px; color: #757575; text-transform: uppercase; font-size: 11px; font-weight: 500; display: block; } .block-library-video-tracks-editor > .components-popover__content { width: 360px; padding: 0; } .block-library-video-tracks-editor__track-list .components-menu-group__label, .block-library-video-tracks-editor__add-tracks-container .components-menu-group__label { padding: 0; } .block-library-video-tracks-editor__single-track-editor, .block-library-video-tracks-editor__track-list, .block-library-video-tracks-editor__add-tracks-container { padding: 12px; } .editor-styles-wrapper ul.wp-block-post-template { padding-left: 0; margin-left: 0; list-style: none; } .block-library-query-toolbar__popover .components-popover__content { min-width: 230px; } .wp-block-query__create-new-link { padding: 0 16px 16px 52px; } .block-library-query__pattern-selection-content .block-editor-block-patterns-list { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 8px; } .block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { margin-bottom: 0; } .block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container { max-height: 250px; } .block-library-query-pattern__selection-modal .block-editor-block-patterns-list { column-count: 2; column-gap: 24px; } @media (min-width: 1280px) { .block-library-query-pattern__selection-modal .block-editor-block-patterns-list { column-count: 3; } } .block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { break-inside: avoid-column; } .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search { background: #fff; position: sticky; top: 0; padding: 16px 0; margin-bottom: 2px; z-index: 2; } .block-library-query-toolspanel__filters .components-form-token-field__help { margin-bottom: 0; } .block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child) { margin-bottom: 24px; } @media (min-width: 600px) { .wp-block-query__enhanced-pagination-modal { max-width: 480px; } } .wp-block-query__enhanced-pagination-notice { margin: 0; } .wp-block[data-align=center] > .wp-block-query-pagination { justify-content: center; } .editor-styles-wrapper .wp-block-query-pagination { max-width: 100%; } .editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout { margin: 0; } .wp-block-query-pagination > .wp-block-query-pagination-next, .wp-block-query-pagination > .wp-block-query-pagination-previous, .wp-block-query-pagination > .wp-block-query-pagination-numbers { margin-left: 0; margin-top: 0.5em; /*rtl:ignore*/ margin-right: 0.5em; margin-bottom: 0.5em; } .wp-block-query-pagination > .wp-block-query-pagination-next:last-child, .wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { /*rtl:ignore*/ margin-right: 0; } .wp-block-query-pagination-numbers a { text-decoration: underline; } .wp-block-query-pagination-numbers .page-numbers { margin-right: 2px; } .wp-block-query-pagination-numbers .page-numbers:last-child { /*rtl:ignore*/ margin-right: 0; } .wp-block-post-featured-image .block-editor-media-placeholder { z-index: 1; -webkit-backdrop-filter: none; backdrop-filter: none; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder, .wp-block-post-featured-image .components-placeholder { justify-content: center; align-items: center; padding: 0; display: flex; min-height: 200px; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload, .wp-block-post-featured-image .components-placeholder .components-form-file-upload { display: none; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button, .wp-block-post-featured-image .components-placeholder .components-button { padding: 0; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border-radius: 50%; position: relative; background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); border-style: solid; color: #fff; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button > svg, .wp-block-post-featured-image .components-placeholder .components-button > svg { color: inherit; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color), .wp-block-post-featured-image .components-placeholder:where(.has-border-color), .wp-block-post-featured-image img:where(.has-border-color) { border-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-color"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-top-color"]), .wp-block-post-featured-image img:where([style*="border-top-color"]) { border-top-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-color"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-right-color"]), .wp-block-post-featured-image img:where([style*="border-right-color"]) { border-right-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-color"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-color"]), .wp-block-post-featured-image img:where([style*="border-bottom-color"]) { border-bottom-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-color"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-left-color"]), .wp-block-post-featured-image img:where([style*="border-left-color"]) { border-left-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-width"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-width"]), .wp-block-post-featured-image img:where([style*="border-width"]) { border-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-width"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-top-width"]), .wp-block-post-featured-image img:where([style*="border-top-width"]) { border-top-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-width"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-right-width"]), .wp-block-post-featured-image img:where([style*="border-right-width"]) { border-right-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-width"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-width"]), .wp-block-post-featured-image img:where([style*="border-bottom-width"]) { border-bottom-style: solid; } .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-width"]), .wp-block-post-featured-image .components-placeholder:where([style*="border-left-width"]), .wp-block-post-featured-image img:where([style*="border-left-width"]) { border-left-style: solid; } .wp-block-post-featured-image[style*=height] .components-placeholder { min-height: 48px; min-width: 48px; height: 100%; width: 100%; } .wp-block-post-featured-image > a { cursor: default; } .wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-button, .wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-placeholder__instructions, .wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-placeholder__label { opacity: 1; pointer-events: auto; } div[data-type="core/post-featured-image"] img { max-width: 100%; height: auto; display: block; } .wp-block-post-comments-form * { pointer-events: none; } .wp-block-post-comments-form *.block-editor-warning * { pointer-events: auto; } .wp-block-post-content.wp-block-post-content { -webkit-user-select: none; user-select: none; } /** * Element styles for the editor */ .wp-element-button { cursor: revert; } .wp-element-button[role=textbox] { cursor: text; } :root .editor-styles-wrapper { /* * Our classes uses the same values we set for gradient value attributes, * and we can not use spacing because of WP multi site kses rule. */ /* stylelint-disable function-comma-space-after */ /* stylelint-enable function-comma-space-after */ } :root .editor-styles-wrapper .has-very-light-gray-background-color { background-color: #eee; } :root .editor-styles-wrapper .has-very-dark-gray-background-color { background-color: #313131; } :root .editor-styles-wrapper .has-very-light-gray-color { color: #eee; } :root .editor-styles-wrapper .has-very-dark-gray-color { color: #313131; } :root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); } :root .editor-styles-wrapper .has-purple-crush-gradient-background { background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); } :root .editor-styles-wrapper .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); } :root .editor-styles-wrapper .has-subdued-olive-gradient-background { background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); } :root .editor-styles-wrapper .has-atomic-cream-gradient-background { background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); } :root .editor-styles-wrapper .has-nightshade-gradient-background { background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); } :root .editor-styles-wrapper .has-midnight-gradient-background { background: linear-gradient(135deg, #020381 0%, #2874fc 100%); } :where(.editor-styles-wrapper) { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; } :where(.editor-styles-wrapper) .has-regular-font-size { font-size: 16px; } :where(.editor-styles-wrapper) .has-larger-font-size { font-size: 42px; } :where(.editor-styles-wrapper) .has-normal-font-size { font-size: var(--wp--preset--font-size--normal); } :where(.editor-styles-wrapper) .has-huge-font-size { font-size: var(--wp--preset--font-size--huge); } /** * Editor Normalization Styles * * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper. * This allows us to create normalization styles that are easily overridden by editor styles. */ :where(.editor-styles-wrapper) iframe:not([frameborder]) { border: 0; } /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Colors */ /** * Breakpoints & Media Queries */ /** * SCSS Variables. * * Please use variables from this sheet to ensure consistency across the UI. * Don't add to this sheet unless you're pretty sure the value will be reused in many places. * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Colors */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Breakpoint mixins */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ .wp-block-audio figcaption { color: #555; font-size: 13px; text-align: center; } .is-dark-theme .wp-block-audio figcaption { color: rgba(255, 255, 255, 0.65); } .wp-block-audio { margin: 0 0 1em 0; } .wp-block-code { border: 1px solid #ccc; border-radius: 4px; font-family: Menlo, Consolas, monaco, monospace; padding: 0.8em 1em; } .wp-block-embed figcaption { color: #555; font-size: 13px; text-align: center; } .is-dark-theme .wp-block-embed figcaption { color: rgba(255, 255, 255, 0.65); } .wp-block-embed { margin: 0 0 1em 0; } .blocks-gallery-caption { color: #555; font-size: 13px; text-align: center; } .is-dark-theme .blocks-gallery-caption { color: rgba(255, 255, 255, 0.65); } .wp-block-image figcaption { color: #555; font-size: 13px; text-align: center; } .is-dark-theme .wp-block-image figcaption { color: rgba(255, 255, 255, 0.65); } .wp-block-image { margin: 0 0 1em 0; } .wp-block-pullquote { border-top: 4px solid currentColor; border-bottom: 4px solid currentColor; margin-bottom: 1.75em; color: currentColor; } .wp-block-pullquote cite, .wp-block-pullquote footer, .wp-block-pullquote__citation { color: currentColor; text-transform: uppercase; font-size: 0.8125em; font-style: normal; } .wp-block-quote { border-left: 0.25em solid currentColor; margin: 0 0 1.75em 0; padding-left: 1em; } .wp-block-quote cite, .wp-block-quote footer { color: currentColor; font-size: 0.8125em; position: relative; font-style: normal; } .wp-block-quote.has-text-align-right { border-left: none; border-right: 0.25em solid currentColor; padding-left: 0; padding-right: 1em; } .wp-block-quote.has-text-align-center { border: none; padding-left: 0; } .wp-block-quote.is-style-plain, .wp-block-quote.is-style-large, .wp-block-quote.is-large { border: none; } .wp-block-search .wp-block-search__label { font-weight: bold; } .wp-block-search__button { border: 1px solid #ccc; padding: 0.375em 0.625em; } :where(.wp-block-group.has-background) { padding: 1.25em 2.375em; } .wp-block-separator.has-css-opacity { opacity: 0.4; } .wp-block-separator { border: none; border-bottom: 2px solid currentColor; margin-left: auto; margin-right: auto; } .wp-block-separator.has-alpha-channel-opacity { opacity: initial; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { width: 100px; } .wp-block-separator.has-background:not(.is-style-dots) { border-bottom: none; height: 1px; } .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { height: 2px; } .wp-block-table { margin: 0 0 1em 0; } .wp-block-table td, .wp-block-table th { word-break: normal; } .wp-block-table figcaption { color: #555; font-size: 13px; text-align: center; } .is-dark-theme .wp-block-table figcaption { color: rgba(255, 255, 255, 0.65); } .wp-block-video figcaption { color: #555; font-size: 13px; text-align: center; } .is-dark-theme .wp-block-video figcaption { color: rgba(255, 255, 255, 0.65); } .wp-block-video { margin: 0 0 1em 0; } .wp-block-template-part.has-background { padding: 1.25em 2.375em; margin-top: 0; margin-bottom: 0; } /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Colors */ /** * Breakpoints & Media Queries */ /** * SCSS Variables. * * Please use variables from this sheet to ensure consistency across the UI. * Don't add to this sheet unless you're pretty sure the value will be reused in many places. * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Colors */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Breakpoint mixins */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122, 0, 223; --wp-bound-block-color: #9747ff; } @media (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .block-editor-format-toolbar__image-popover { z-index: 159990; } .block-editor-format-toolbar__image-popover .block-editor-format-toolbar__image-container-value { margin: 7px; min-width: 150px; max-width: 500px; } .block-editor-format-toolbar__image-popover .block-editor-format-toolbar__image-container-button { height: 30px; margin-bottom: 8px; margin-right: 8px; } .block-editor-format-toolbar__link-container-content { display: flex; } .block-editor-format-toolbar__link-container-value { margin: 7px; flex-grow: 1; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 150px; max-width: 500px; } .block-editor-format-toolbar__link-container-value.has-invalid-link { color: #cc1818; } .format-library__inline-color-popover [role=tabpanel] { padding: 16px; } .block-editor-format-toolbar__language-popover .components-popover__content { width: auto; padding: 1rem; } /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Colors */ /** * Breakpoints & Media Queries */ /** * SCSS Variables. * * Please use variables from this sheet to ensure consistency across the UI. * Don't add to this sheet unless you're pretty sure the value will be reused in many places. * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Colors */ /** * Fonts & basic variables. */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Dimensions. */ /** * Shadows. */ /** * Editor widths. */ /** * Block & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Breakpoint mixins */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122, 0, 223; --wp-bound-block-color: #9747ff; } @media (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .components-panel__header.interface-complementary-area-header__small { background: #fff; padding-right: 4px; } .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin: 0; } @media (min-width: 782px) { .components-panel__header.interface-complementary-area-header__small { display: none; } } .interface-complementary-area-header { background: #fff; padding-right: 4px; } .interface-complementary-area-header .interface-complementary-area-header__title { margin: 0; } .interface-complementary-area-header .components-button.has-icon { display: none; margin-left: auto; } .interface-complementary-area-header .components-button.has-icon ~ .components-button { margin-left: 0; } @media (min-width: 782px) { .interface-complementary-area-header .components-button.has-icon { display: flex; } .components-panel__header + .interface-complementary-area-header { margin-top: 0; } } .interface-complementary-area { background: #fff; color: #1e1e1e; } @media (min-width: 600px) { .interface-complementary-area { -webkit-overflow-scrolling: touch; } } @media (min-width: 782px) { .interface-complementary-area { width: 280px; } } .interface-complementary-area .components-panel { border: none; position: relative; z-index: 0; } .interface-complementary-area .components-panel__header { position: sticky; top: 0; z-index: 1; } .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { top: 48px; } @media (min-width: 782px) { .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { top: 0; } } .interface-complementary-area p:not(.components-base-control__help) { margin-top: 0; } .interface-complementary-area h2 { font-size: 13px; color: #1e1e1e; margin-bottom: 1.5em; } .interface-complementary-area h3 { font-size: 11px; text-transform: uppercase; font-weight: 500; color: #1e1e1e; margin-bottom: 1.5em; } .interface-complementary-area hr { border-top: none; border-bottom: 1px solid #f0f0f0; margin: 1.5em 0; } .interface-complementary-area div.components-toolbar-group, .interface-complementary-area div.components-toolbar { box-shadow: none; margin-bottom: 1.5em; } .interface-complementary-area div.components-toolbar-group:last-child, .interface-complementary-area div.components-toolbar:last-child { margin-bottom: 0; } .interface-complementary-area .block-editor-skip-to-selected-block:focus { top: auto; right: 10px; bottom: 10px; left: auto; } @media (min-width: 782px) { body.js.is-fullscreen-mode { margin-top: -32px; height: calc(100% + 32px); } body.js.is-fullscreen-mode #adminmenumain, body.js.is-fullscreen-mode #wpadminbar { display: none; } body.js.is-fullscreen-mode #wpcontent, body.js.is-fullscreen-mode #wpfooter { margin-left: 0; } } html.interface-interface-skeleton__html-container { position: fixed; width: 100%; } @media (min-width: 782px) { html.interface-interface-skeleton__html-container { position: initial; width: initial; } } .interface-interface-skeleton { display: flex; flex-direction: row; height: auto; max-height: 100%; position: fixed; top: 46px; left: 0; right: 0; bottom: 0; } @media (min-width: 783px) { .interface-interface-skeleton { top: 32px; } .is-fullscreen-mode .interface-interface-skeleton { top: 0; } } .interface-interface-skeleton__editor { display: flex; flex-direction: column; flex: 0 1 100%; overflow: hidden; } .interface-interface-skeleton { /* Set left position when auto-fold is not on the body element. */ left: 0; } @media (min-width: 783px) { .interface-interface-skeleton { left: 160px; } } .auto-fold .interface-interface-skeleton { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } @media (min-width: 783px) { .auto-fold .interface-interface-skeleton { left: 36px; } } @media (min-width: 961px) { .auto-fold .interface-interface-skeleton { left: 160px; } } /* Sidebar manually collapsed. */ .folded .interface-interface-skeleton { left: 0; } @media (min-width: 783px) { .folded .interface-interface-skeleton { left: 36px; } } body.is-fullscreen-mode .interface-interface-skeleton { left: 0 !important; } .interface-interface-skeleton__body { flex-grow: 1; display: flex; overflow: auto; overscroll-behavior-y: none; } @media (min-width: 782px) { .has-footer .interface-interface-skeleton__body { padding-bottom: 25px; } } .interface-interface-skeleton__content { flex-grow: 1; display: flex; flex-direction: column; overflow: auto; z-index: 20; } @media (min-width: 782px) { .interface-interface-skeleton__content { z-index: auto; } } .interface-interface-skeleton__secondary-sidebar, .interface-interface-skeleton__sidebar { flex-shrink: 0; position: absolute; z-index: 100000; top: 0; right: 0; bottom: 0; left: 0; background: #fff; color: #1e1e1e; } @media (min-width: 782px) { .interface-interface-skeleton__secondary-sidebar, .interface-interface-skeleton__sidebar { position: relative !important; width: auto; } .is-sidebar-opened .interface-interface-skeleton__secondary-sidebar, .is-sidebar-opened .interface-interface-skeleton__sidebar { z-index: 90; } } .interface-interface-skeleton__sidebar { overflow: auto; } @media (min-width: 782px) { .interface-interface-skeleton__sidebar { border-left: 1px solid #e0e0e0; } .interface-interface-skeleton__secondary-sidebar { border-right: 1px solid #e0e0e0; } } .interface-interface-skeleton__header { flex-shrink: 0; height: auto; border-bottom: 1px solid #e0e0e0; z-index: 30; color: #1e1e1e; } .interface-interface-skeleton__footer { height: auto; flex-shrink: 0; border-top: 1px solid #e0e0e0; color: #1e1e1e; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff; z-index: 90; display: none; } @media (min-width: 782px) { .interface-interface-skeleton__footer { display: flex; } } .interface-interface-skeleton__footer .block-editor-block-breadcrumb { z-index: 30; display: flex; background: #fff; height: 24px; align-items: center; font-size: 13px; padding: 0 18px; } .interface-interface-skeleton__actions { z-index: 100000; position: fixed !important; top: -9999em; bottom: auto; left: auto; right: 0; color: #1e1e1e; background: #fff; width: 100vw; } @media (min-width: 782px) { .interface-interface-skeleton__actions { width: 280px; } } .interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within { top: auto; bottom: 0; } .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within { top: 46px; } @media (min-width: 782px) { .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within { border-left: 1px solid #ddd; top: 32px; } .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within { top: 0; } } .interface-pinned-items { display: flex; gap: 8px; } .interface-pinned-items .components-button { display: none; margin: 0; } .interface-pinned-items .components-button[aria-controls="edit-post:document"], .interface-pinned-items .components-button[aria-controls="edit-post:block"], .interface-pinned-items .components-button[aria-controls="edit-site:template"], .interface-pinned-items .components-button[aria-controls="edit-site:block-inspector"], .interface-pinned-items .components-button[aria-controls="edit-site:global-styles"] { display: flex; } .interface-pinned-items .components-button svg { max-width: 24px; max-height: 24px; } @media (min-width: 600px) { .interface-pinned-items .components-button { display: flex; } } .edit-post-header { height: 60px; background: #fff; display: flex; flex-wrap: wrap; align-items: center; max-width: 100vw; justify-content: space-between; } @media (min-width: 280px) { .edit-post-header { flex-wrap: nowrap; } } .edit-post-header__toolbar { display: flex; flex-shrink: 8; flex-grow: 3; overflow: hidden; padding: 2px 0; align-items: center; } .edit-post-header__toolbar .table-of-contents { display: none; } @media (min-width: 600px) { .edit-post-header__toolbar .table-of-contents { display: block; } } .edit-post-header__toolbar .selected-block-tools-wrapper { overflow: hidden; display: flex; align-items: center; height: 60px; } .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-contextual-toolbar { border-bottom: 0; height: 100%; } .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-toolbar { height: 100%; padding-top: 15px; } .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-toolbar .components-button:not(.block-editor-block-mover-button) { height: 32px; } .edit-post-header__toolbar .selected-block-tools-wrapper::after { content: ""; width: 1px; height: 24px; background-color: #ddd; margin-left: 8px; } .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group, .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar { border-right: none; } .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group::after, .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar::after { content: ""; width: 1px; height: 24px; background-color: #ddd; margin-top: 4px; margin-left: 8px; } .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group .components-toolbar-group.components-toolbar-group::after, .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar .components-toolbar-group.components-toolbar-group::after { display: none; } .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-mover.is-horizontal .block-editor-block-mover-button { height: 32px; overflow: visible; } @media (min-width: 600px) { .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container { position: relative; top: -10px; } } .edit-post-header__toolbar .selected-block-tools-wrapper.is-collapsed { display: none; } .edit-post-header__block-tools-toggle { margin-left: 2px; } .edit-post-header__center { flex-grow: 1; display: flex; justify-content: center; } .edit-post-header__center.is-collapsed { display: none; } /** * Buttons on the right side */ .edit-post-header__settings { display: inline-flex; align-items: center; flex-wrap: nowrap; padding-right: 4px; gap: 8px; } @media (min-width: 600px) { .edit-post-header__settings { padding-right: 8px; } } /** * Show icon labels. */ .show-icon-labels.interface-pinned-items .components-button.has-icon, .show-icon-labels .edit-post-header .components-button.has-icon, .edit-post-header__dropdown .components-button.has-icon { width: auto; } .show-icon-labels.interface-pinned-items .components-button.has-icon svg, .show-icon-labels .edit-post-header .components-button.has-icon svg, .edit-post-header__dropdown .components-button.has-icon svg { display: none; } .show-icon-labels.interface-pinned-items .components-button.has-icon::after, .show-icon-labels .edit-post-header .components-button.has-icon::after, .edit-post-header__dropdown .components-button.has-icon::after { content: attr(aria-label); } .show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true], .show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true], .edit-post-header__dropdown .components-button.has-icon[aria-disabled=true] { background-color: transparent; } .show-icon-labels.interface-pinned-items .is-tertiary:active, .show-icon-labels .edit-post-header .is-tertiary:active, .edit-post-header__dropdown .is-tertiary:active { box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); background-color: transparent; } .show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg, .show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg, .show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg, .show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg, .edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg, .edit-post-header__dropdown .components-button.has-icon.button-toggle svg { display: block; } .show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon::after, .show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle::after, .show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon::after, .show-icon-labels .edit-post-header .components-button.has-icon.button-toggle::after, .edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon::after, .edit-post-header__dropdown .components-button.has-icon.button-toggle::after { content: none; } .show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon, .show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon, .edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon { width: 60px; } .show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon, .show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon, .edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon { display: block; } .show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle, .show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, .show-icon-labels .edit-post-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle, .show-icon-labels .edit-post-header .interface-pinned-items .components-button, .edit-post-header__dropdown .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle, .edit-post-header__dropdown .interface-pinned-items .components-button { padding-left: 8px; padding-right: 8px; } @media (min-width: 600px) { .show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle, .show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, .show-icon-labels .edit-post-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle, .show-icon-labels .edit-post-header .interface-pinned-items .components-button, .edit-post-header__dropdown .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle, .edit-post-header__dropdown .interface-pinned-items .components-button { padding-left: 12px; padding-right: 12px; } } .show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after, .show-icon-labels.interface-pinned-items .editor-post-saved-state.editor-post-saved-state::after, .show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after, .show-icon-labels .edit-post-header .editor-post-saved-state.editor-post-saved-state::after, .edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after, .edit-post-header__dropdown .editor-post-saved-state.editor-post-saved-state::after { content: none; } .show-icon-labels .edit-post-header__toolbar .block-editor-block-mover { border-left: none; } .show-icon-labels .edit-post-header__toolbar .block-editor-block-mover::before { content: ""; width: 1px; height: 24px; background-color: #ddd; margin-top: 4px; margin-left: 8px; } .show-icon-labels .edit-post-header__toolbar .block-editor-block-mover .block-editor-block-mover__move-button-container::before { width: calc(100% - 24px); background: #ddd; left: calc(50% + 1px); } .edit-post-header__dropdown .components-menu-item__button.components-menu-item__button, .edit-post-header__dropdown .components-button.editor-history__undo, .edit-post-header__dropdown .components-button.editor-history__redo, .edit-post-header__dropdown .table-of-contents .components-button, .edit-post-header__dropdown .components-button.block-editor-list-view { margin: 0; padding: 6px 6px 6px 40px; width: 14.625rem; text-align: left; justify-content: flex-start; } .show-icon-labels.interface-pinned-items { padding: 6px 12px 12px; margin-top: 0; margin-bottom: 0; margin-left: -12px; margin-right: -12px; border-bottom: 1px solid #ccc; display: block; } .show-icon-labels.interface-pinned-items > .components-button.has-icon { margin: 0; padding: 6px 6px 6px 8px; width: 14.625rem; justify-content: flex-start; } .show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=true] svg { display: block; max-width: 24px; } .show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=false] { padding-left: 40px; } .show-icon-labels.interface-pinned-items > .components-button.has-icon svg { margin-right: 8px; } @media (min-width: 600px) { .edit-post-header__post-preview-button { display: none; } } .is-distraction-free .interface-interface-skeleton__header { border-bottom: none; } .is-distraction-free .edit-post-header { -webkit-backdrop-filter: blur(20px) !important; backdrop-filter: blur(20px) !important; background-color: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #e0e0e0; position: absolute; width: 100%; } .is-distraction-free .edit-post-header > .edit-post-header__settings > .edit-post-header__post-preview-button { visibility: hidden; } .is-distraction-free .edit-post-header > .edit-post-header__toolbar .editor-document-tools__inserter-toggle, .is-distraction-free .edit-post-header > .edit-post-header__toolbar .editor-document-tools__document-overview-toggle, .is-distraction-free .edit-post-header > .edit-post-header__settings > .editor-preview-dropdown, .is-distraction-free .edit-post-header > .edit-post-header__settings > .interface-pinned-items { display: none; } .is-distraction-free .interface-interface-skeleton__header:focus-within { opacity: 1 !important; } .is-distraction-free .interface-interface-skeleton__header:focus-within div { transform: translateX(0) translateZ(0) !important; } .is-distraction-free .components-editor-notices__dismissible { position: absolute; z-index: 35; } .components-popover.more-menu-dropdown__content { z-index: 99998; } .edit-post-fullscreen-mode-close.components-button { display: none; } @media (min-width: 782px) { .edit-post-fullscreen-mode-close.components-button { display: flex; align-items: center; align-self: stretch; border: none; background: #1e1e1e; color: #fff; border-radius: 0; height: 61px; width: 60px; position: relative; margin-bottom: -1px; } .edit-post-fullscreen-mode-close.components-button:active { color: #fff; } .edit-post-fullscreen-mode-close.components-button:focus { box-shadow: none; } .edit-post-fullscreen-mode-close.components-button::before { transition: box-shadow 0.1s ease; content: ""; display: block; position: absolute; top: 9px; right: 9px; bottom: 10px; left: 9px; border-radius: 4px; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; } } @media (min-width: 782px) and (prefers-reduced-motion: reduce) { .edit-post-fullscreen-mode-close.components-button::before { transition-duration: 0s; transition-delay: 0s; } } @media (min-width: 782px) { .edit-post-fullscreen-mode-close.components-button:hover::before { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #757575; } .edit-post-fullscreen-mode-close.components-button.has-icon:hover::before { box-shadow: none; } .edit-post-fullscreen-mode-close.components-button:focus::before { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(255, 255, 255, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } } .edit-post-fullscreen-mode-close.components-button .edit-post-fullscreen-mode-close_site-icon { width: 36px; height: 36px; border-radius: 2px; object-fit: cover; margin-top: -1px; } .edit-post-keyboard-shortcut-help-modal__section { margin: 0 0 2rem 0; } .edit-post-keyboard-shortcut-help-modal__section-title { font-size: 0.9rem; font-weight: 600; } .edit-post-keyboard-shortcut-help-modal__shortcut { display: flex; align-items: baseline; padding: 0.6rem 0; border-top: 1px solid #ddd; margin-bottom: 0; } .edit-post-keyboard-shortcut-help-modal__shortcut:last-child { border-bottom: 1px solid #ddd; } .edit-post-keyboard-shortcut-help-modal__shortcut:empty { display: none; } .edit-post-keyboard-shortcut-help-modal__shortcut-term { font-weight: 600; margin: 0 0 0 1rem; text-align: right; } .edit-post-keyboard-shortcut-help-modal__shortcut-description { flex: 1; margin: 0; flex-basis: auto; } .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { display: block; background: none; margin: 0; padding: 0; } .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { margin-top: 10px; } .edit-post-keyboard-shortcut-help-modal__shortcut-key { padding: 0.25rem 0.5rem; border-radius: 8%; margin: 0 0.2rem 0 0.2rem; } .edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child { margin: 0 0 0 0.2rem; } .edit-post-layout__metaboxes { flex-shrink: 0; clear: both; } .edit-post-layout .components-editor-notices__snackbar { position: fixed; right: 0; bottom: 40px; padding-left: 16px; padding-right: 16px; } .is-distraction-free .components-editor-notices__snackbar { bottom: 20px; } .edit-post-layout .components-editor-notices__snackbar { /* Set left position when auto-fold is not on the body element. */ left: 0; } @media (min-width: 783px) { .edit-post-layout .components-editor-notices__snackbar { left: 160px; } } .auto-fold .edit-post-layout .components-editor-notices__snackbar { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } @media (min-width: 783px) { .auto-fold .edit-post-layout .components-editor-notices__snackbar { left: 36px; } } @media (min-width: 961px) { .auto-fold .edit-post-layout .components-editor-notices__snackbar { left: 160px; } } /* Sidebar manually collapsed. */ .folded .edit-post-layout .components-editor-notices__snackbar { left: 0; } @media (min-width: 783px) { .folded .edit-post-layout .components-editor-notices__snackbar { left: 36px; } } body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar { left: 0 !important; } .edit-post-layout .editor-post-publish-panel { position: fixed; z-index: 100001; top: 46px; bottom: 0; right: 0; left: 0; overflow: auto; } @media (min-width: 782px) { .edit-post-layout .editor-post-publish-panel { z-index: 99998; top: 32px; left: auto; width: 281px; border-left: 1px solid #ddd; transform: translateX(100%); animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; } } @media (min-width: 782px) and (prefers-reduced-motion: reduce) { .edit-post-layout .editor-post-publish-panel { animation-duration: 1ms; animation-delay: 0s; } } @media (min-width: 782px) { body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { top: 0; } [role=region]:focus .edit-post-layout .editor-post-publish-panel { transform: translateX(0%); } } @keyframes edit-post-post-publish-panel__slide-in-animation { 100% { transform: translateX(0%); } } .edit-post-layout .editor-post-publish-panel__header-publish-button { justify-content: center; } .edit-post-layout__toggle-publish-panel, .edit-post-layout__toggle-sidebar-panel, .edit-post-layout__toggle-entities-saved-states-panel { z-index: 100000; position: fixed !important; top: -9999em; bottom: auto; left: auto; right: 0; box-sizing: border-box; width: 280px; background-color: #fff; border: 1px dotted #ddd; height: auto !important; padding: 24px; display: flex; justify-content: center; } .interface-interface-skeleton__sidebar:focus .edit-post-layout__toggle-sidebar-panel, .interface-interface-skeleton__sidebar:focus-within .edit-post-layout__toggle-sidebar-panel { top: auto; bottom: 0; } .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel { top: auto; bottom: 0; } .edit-post-layout .entities-saved-states__panel-header { height: 61px; } .edit-post-meta-boxes-area { position: relative; /** * The wordpress default for most meta-box elements is content-box. Some * elements such as textarea and input are set to border-box in forms.css. * These elements therefore specifically set back to border-box here, while * other elements (such as .button) are unaffected by Gutenberg's style * because of their higher specificity. */ /* Match width and positioning of the meta boxes. Override default styles. */ /* Override Default meta box stylings */ } .edit-post-meta-boxes-area__container, .edit-post-meta-boxes-area .inside { box-sizing: content-box; } .edit-post-meta-boxes-area textarea, .edit-post-meta-boxes-area input { box-sizing: border-box; } .edit-post-meta-boxes-area .postbox-header { border-top: 1px solid #ddd; border-bottom: 0; } .edit-post-meta-boxes-area #poststuff { margin: 0 auto; padding-top: 0; min-width: auto; } .edit-post-meta-boxes-area #poststuff h3.hndle, .edit-post-meta-boxes-area #poststuff .stuffbox > h3, .edit-post-meta-boxes-area #poststuff h2.hndle { /* WordPress selectors yolo */ box-sizing: border-box; color: inherit; font-weight: 600; outline: none; padding: 0 24px; position: relative; width: 100%; } .edit-post-meta-boxes-area .postbox { border: 0; color: inherit; margin-bottom: 0; } .edit-post-meta-boxes-area .postbox > .inside { color: inherit; padding: 0 24px 24px; margin: 0; } .edit-post-meta-boxes-area .postbox .handlediv { height: 44px; width: 44px; } .edit-post-meta-boxes-area.is-loading::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background: transparent; z-index: 1; } .edit-post-meta-boxes-area .components-spinner { position: absolute; top: 10px; right: 20px; z-index: 5; } .edit-post-meta-boxes-area .is-hidden { display: none; } .edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox] { border: 1px solid #757575; } .edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked { background: #fff; border-color: #757575; } .edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]::before { margin: -3px -4px; } .edit-post-meta-boxes-area__clear { clear: both; } .components-panel__header.edit-post-sidebar__panel-tabs { padding-left: 0; padding-right: 16px; } .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { padding: 0; min-width: 24px; height: 24px; } @media (min-width: 782px) { .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { display: flex; } } .edit-post-sidebar__panel { margin-top: -1px; } .edit-post-post-format { display: flex; flex-direction: column; align-items: stretch; } .edit-post-post-slug { display: flex; flex-direction: column; align-items: stretch; } .edit-post-post-visibility__dialog .editor-post-visibility { min-width: 248px; margin: 8px; } h2.edit-post-template-summary__title { line-height: 24px; margin: 0 0 4px; font-weight: 500; } .edit-post-text-editor { position: relative; width: 100%; background-color: #fff; flex-grow: 1; } .edit-post-text-editor .editor-post-title:not(.is-raw-text), .edit-post-text-editor .editor-post-title.is-raw-text textarea { max-width: none; line-height: 1.4; font-family: Menlo, Consolas, monaco, monospace; font-size: 2.5em; font-weight: normal; border: 1px solid #949494; border-radius: 0; padding: 16px; } @media (min-width: 600px) { .edit-post-text-editor .editor-post-title:not(.is-raw-text), .edit-post-text-editor .editor-post-title.is-raw-text textarea { padding: 24px; } } .edit-post-text-editor .editor-post-title:not(.is-raw-text):focus, .edit-post-text-editor .editor-post-title.is-raw-text textarea:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .edit-post-text-editor__body { width: 100%; padding: 0 12px 12px 12px; max-width: 1080px; margin-left: auto; margin-right: auto; } @media (min-width: 960px) { .edit-post-text-editor__body { padding: 0 24px 24px 24px; } } .edit-post-text-editor__toolbar { position: sticky; z-index: 1; top: 0; left: 0; right: 0; display: flex; background: rgba(255, 255, 255, 0.8); padding: 4px 12px; } @media (min-width: 600px) { .edit-post-text-editor__toolbar { padding: 12px; } } @media (min-width: 960px) { .edit-post-text-editor__toolbar { padding: 12px 24px; } } .edit-post-text-editor__toolbar h2 { line-height: 36px; margin: 0 auto 0 0; font-size: 13px; color: #1e1e1e; } .edit-post-visual-editor { position: relative; display: flex; flex-flow: column; background-color: #ddd; flex: 1 0 auto; } .edit-post-visual-editor:not(.has-inline-canvas) { overflow: hidden; } .edit-post-visual-editor .components-button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; padding: 6px 12px; } .edit-post-visual-editor .components-button.has-icon { padding: 6px; } .edit-post-visual-editor__content-area { width: 100%; height: 100%; position: relative; box-sizing: border-box; display: flex; flex-grow: 1; } .edit-post-welcome-guide, .edit-template-welcome-guide { width: 312px; } .edit-post-welcome-guide__image, .edit-template-welcome-guide__image { background: #00a0d2; margin: 0 0 16px; } .edit-post-welcome-guide__image > img, .edit-template-welcome-guide__image > img { display: block; max-width: 100%; object-fit: cover; } .edit-post-welcome-guide__heading, .edit-template-welcome-guide__heading { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 24px; line-height: 1.4; margin: 16px 0 16px 0; padding: 0 32px; } .edit-post-welcome-guide__text, .edit-template-welcome-guide__text { font-size: 13px; line-height: 1.4; margin: 0 0 24px 0; padding: 0 32px; } .edit-post-welcome-guide__inserter-icon, .edit-template-welcome-guide__inserter-icon { margin: 0 4px; vertical-align: text-top; } .edit-template-welcome-guide .components-button svg { fill: #fff; } .edit-post-start-page-options__modal-content .block-editor-block-patterns-list { column-count: 2; column-gap: 24px; } @media (min-width: 782px) { .edit-post-start-page-options__modal-content .block-editor-block-patterns-list { column-count: 3; } } @media (min-width: 1280px) { .edit-post-start-page-options__modal-content .block-editor-block-patterns-list { column-count: 4; } } .edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { break-inside: avoid-column; margin-bottom: 24px; } .edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container { min-height: 100px; } .edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content { width: 100%; } /** * Animations */ @keyframes edit-post__fade-in-animation { from { opacity: 0; } to { opacity: 1; } } body.js.block-editor-page { background: #fff; /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ } body.js.block-editor-page #wpcontent { padding-left: 0; } body.js.block-editor-page #wpbody-content { padding-bottom: 0; } body.js.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) { display: none; } body.js.block-editor-page #wpfooter { display: none; } body.js.block-editor-page .a11y-speak-region { left: -1px; top: -1px; } body.js.block-editor-page ul#adminmenu a.wp-has-current-submenu::after, body.js.block-editor-page ul#adminmenu > li.current > a.current::after { border-right-color: #fff; } body.js.block-editor-page .media-frame select.attachment-filters:last-of-type { width: auto; max-width: 100%; } .block-editor-page #wpwrap { overflow-y: auto; } @media (min-width: 782px) { .block-editor-page #wpwrap { overflow-y: initial; } } .edit-post-header, .edit-post-text-editor, .edit-post-sidebar, .editor-post-publish-panel { box-sizing: border-box; } .edit-post-header *, .edit-post-header *::before, .edit-post-header *::after, .edit-post-text-editor *, .edit-post-text-editor *::before, .edit-post-text-editor *::after, .edit-post-sidebar *, .edit-post-sidebar *::before, .edit-post-sidebar *::after, .editor-post-publish-panel *, .editor-post-publish-panel *::before, .editor-post-publish-panel *::after { box-sizing: inherit; } @media (min-width: 600px) { .block-editor__container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-height: calc(100vh - 46px); } } @media (min-width: 782px) { .block-editor__container { min-height: calc(100vh - 32px); } body.is-fullscreen-mode .block-editor__container { min-height: 100vh; } } .block-editor__container img { max-width: 100%; height: auto; } body.admin-color-light { --wp-admin-theme-color: #0085ba; --wp-admin-theme-color--rgb: 0, 133, 186; --wp-admin-theme-color-darker-10: #0073a1; --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; --wp-admin-theme-color-darker-20: #006187; --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { body.admin-color-light { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-modern { --wp-admin-theme-color: #3858e9; --wp-admin-theme-color--rgb: 56, 88, 233; --wp-admin-theme-color-darker-10: #2145e6; --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; --wp-admin-theme-color-darker-20: #183ad6; --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { body.admin-color-modern { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-blue { --wp-admin-theme-color: #096484; --wp-admin-theme-color--rgb: 9, 100, 132; --wp-admin-theme-color-darker-10: #07526c; --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; --wp-admin-theme-color-darker-20: #064054; --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { body.admin-color-blue { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-coffee { --wp-admin-theme-color: #46403c; --wp-admin-theme-color--rgb: 70, 64, 60; --wp-admin-theme-color-darker-10: #383330; --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; --wp-admin-theme-color-darker-20: #2b2724; --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { body.admin-color-coffee { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-ectoplasm { --wp-admin-theme-color: #523f6d; --wp-admin-theme-color--rgb: 82, 63, 109; --wp-admin-theme-color-darker-10: #46365d; --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; --wp-admin-theme-color-darker-20: #3a2c4d; --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { body.admin-color-ectoplasm { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-midnight { --wp-admin-theme-color: #e14d43; --wp-admin-theme-color--rgb: 225, 77, 67; --wp-admin-theme-color-darker-10: #dd382d; --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; --wp-admin-theme-color-darker-20: #d02c21; --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { body.admin-color-midnight { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-ocean { --wp-admin-theme-color: #627c83; --wp-admin-theme-color--rgb: 98, 124, 131; --wp-admin-theme-color-darker-10: #576e74; --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; --wp-admin-theme-color-darker-20: #4c6066; --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { body.admin-color-ocean { --wp-admin-border-width-focus: 1.5px; } } body.admin-color-sunrise { --wp-admin-theme-color: #dd823b; --wp-admin-theme-color--rgb: 221, 130, 59; --wp-admin-theme-color-darker-10: #d97426; --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; --wp-admin-theme-color-darker-20: #c36922; --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { body.admin-color-sunrise { --wp-admin-border-width-focus: 1.5px; } } .interface-interface-skeleton__sidebar { border-left: none; } @media (min-width: 782px) { .is-sidebar-opened .interface-interface-skeleton__sidebar { border-left: 1px solid #e0e0e0; overflow: hidden scroll; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .object-fit-contain { object-fit: contain !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .column-gap-0 { column-gap: 0 !important; } .column-gap-1 { column-gap: 0.25rem !important; } .column-gap-2 { column-gap: 0.5rem !important; } .column-gap-3 { column-gap: 1rem !important; } .column-gap-4 { column-gap: 1.5rem !important; } .column-gap-5 { column-gap: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-break { word-wrap: break-word !important; word-break: break-word !important; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { .object-fit-sm-contain { object-fit: contain !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .column-gap-sm-0 { column-gap: 0 !important; } .column-gap-sm-1 { column-gap: 0.25rem !important; } .column-gap-sm-2 { column-gap: 0.5rem !important; } .column-gap-sm-3 { column-gap: 1rem !important; } .column-gap-sm-4 { column-gap: 1.5rem !important; } .column-gap-sm-5 { column-gap: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 782px) { .object-fit-md-contain { object-fit: contain !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .column-gap-md-0 { column-gap: 0 !important; } .column-gap-md-1 { column-gap: 0.25rem !important; } .column-gap-md-2 { column-gap: 0.5rem !important; } .column-gap-md-3 { column-gap: 1rem !important; } .column-gap-md-4 { column-gap: 1.5rem !important; } .column-gap-md-5 { column-gap: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .object-fit-lg-contain { object-fit: contain !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .column-gap-lg-0 { column-gap: 0 !important; } .column-gap-lg-1 { column-gap: 0.25rem !important; } .column-gap-lg-2 { column-gap: 0.5rem !important; } .column-gap-lg-3 { column-gap: 1rem !important; } .column-gap-lg-4 { column-gap: 1.5rem !important; } .column-gap-lg-5 { column-gap: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .object-fit-xl-contain { object-fit: contain !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .column-gap-xl-0 { column-gap: 0 !important; } .column-gap-xl-1 { column-gap: 0.25rem !important; } .column-gap-xl-2 { column-gap: 0.5rem !important; } .column-gap-xl-3 { column-gap: 1rem !important; } .column-gap-xl-4 { column-gap: 1.5rem !important; } .column-gap-xl-5 { column-gap: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .object-fit-xxl-contain { object-fit: contain !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .column-gap-xxl-0 { column-gap: 0 !important; } .column-gap-xxl-1 { column-gap: 0.25rem !important; } .column-gap-xxl-2 { column-gap: 0.5rem !important; } .column-gap-xxl-3 { column-gap: 1rem !important; } .column-gap-xxl-4 { column-gap: 1.5rem !important; } .column-gap-xxl-5 { column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } :root { --bs-primary-text-emphasis: rgb(5.2, 44, 101.2); --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50); --bs-success-text-emphasis: rgb(10, 54, 33.6); --bs-info-text-emphasis: rgb(5.2, 80.8, 96); --bs-warning-text-emphasis: rgb(102, 77.2, 2.8); --bs-danger-text-emphasis: rgb(88, 21.2, 27.6); --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: rgb(206.6, 226, 254.6); --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229); --bs-success-bg-subtle: rgb(209, 231, 220.8); --bs-info-bg-subtle: rgb(206.6, 244.4, 252); --bs-warning-bg-subtle: rgb(255, 242.6, 205.4); --bs-danger-bg-subtle: rgb(248, 214.6, 217.8); --bs-light-bg-subtle: rgb(251.5, 252, 252.5); --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: rgb(158.2, 197, 254.2); --bs-secondary-border-subtle: rgb(196.2, 199.8, 203); --bs-success-border-subtle: rgb(163, 207, 186.6); --bs-info-border-subtle: rgb(158.2, 233.8, 249); --bs-warning-border-subtle: rgb(255, 230.2, 155.8); --bs-danger-border-subtle: rgb(241, 174.2, 180.6); --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-color: #212529; --bs-body-bg: #fff; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-link-color-rgb: 13, 110, 253; --bs-link-hover-color-rgb: 10.4, 88, 202.4; --bs-code-color: #d63384; --bs-border-width: 1px; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-style: solid; --bs-border-radius: .375rem; --bs-border-radius-sm: .25rem; --bs-border-radius-lg: .5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; color: var(--ucp-text); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; border: 0; border-top: 1px solid; opacity: 0.25; } abbr[title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 0.875em; } mark { padding: 0.1875em; color: #dee2e6; background-color: rgb(255, 242.6, 205.4); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; line-height: inherit; font-size: 1.5rem; } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button { cursor: pointer; filter: grayscale(1); } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 782px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 782px) { .col-md { flex: 1 0 0; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-md-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-md-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-md-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-md-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.3333333333%; } .offset-xxl-2 { margin-left: 16.6666666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.3333333333%; } .offset-xxl-5 { margin-left: 41.6666666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.3333333333%; } .offset-xxl-8 { margin-left: 66.6666666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.3333333333%; } .offset-xxl-11 { margin-left: 91.6666666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; appearance: none; background-clip: padding-box; border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: rgb(134, 182.5, 254); outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); } .form-control-sm { min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } textarea.form-control { min-height: calc(1.5em + 0.75 + var(--bs-border-width) * 2); } .form-control-color { width: 3rem; height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2); padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color.form-control-sm { height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2); } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-valid-color); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: var(--bs-form-valid-border-color); padding-right: 2.25rem; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25em rgba(var(--bs-success-rgb), 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: 2.25rem; background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25em rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + 1.5em + 0.75rem); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: var(--bs-form-valid-color); } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25em rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: var(--bs-form-valid-color); } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: var(--bs-form-invalid-border-color); padding-right: 2.25rem; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25em rgba(var(--bs-danger-rgb), 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: 2.25rem; background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25em rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + 1.5em + 0.75rem); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: var(--bs-form-invalid-color); } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25em rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: var(--bs-form-invalid-color); } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid { z-index: 4; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { --bs-dropdown-font-size: 1rem; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: .5rem; --bs-dropdown-spacer: .125rem; --bs-dropdown-divider-margin-y: calc(1rem * .5); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: calc(1rem * .25); --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: calc(1rem * .25); position: absolute; z-index: 1000; display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); text-align: left; list-style: none; background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color-translucent); border-radius: var(--bs-border-radius); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer); } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-body-color); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); } .dropdown-item:hover, .dropdown-item:focus { color: var(--bs-body-color); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-tertiary-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-body-color); } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } .nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color); } .nav-link:focus-visible { outline: 0; } .nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: calc(1rem * .5); --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x: .5rem; --bs-navbar-toggler-padding-y: .25rem; --bs-navbar-toggler-padding-x: .75rem; --bs-navbar-toggler-font-size: 1rem * 1.25; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-focus-width: .25rem; --bs-navbar-toggler-transition: box-shadow .15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container-xxl, .navbar > .container-xl, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: .5rem; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); } .navbar-nav .dropdown-menu { position: static; } .navbar-collapse { flex-grow: 1; flex-basis: 100%; align-items: center; } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-border-radius); transform: var(--bs-navbar-toggler-transition); } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (min-width: 782px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-item-padding-x: .5rem; display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); } .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-secondary-color); content: var(--bs-breadcrumb-divider, "/"); } .breadcrumb-item.active { color: var(--bs-secondary-color); } .pagination { display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; padding: 0.375rem 0.75rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .page-item:not(:first-child) .page-link { margin-left: calc(-1 * var(--bs-border-width)); } .page-item:first-child .page-link { border-top-left-radius: var(--bs-border-radius); border-bottom-left-radius: var(--bs-border-radius); } .page-item:last-child .page-link { border-top-right-radius: var(--bs-border-radius); border-bottom-right-radius: var(--bs-border-radius); } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-link-color: inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-border-width) solid var(--bs-alert-border-color); border-radius: var(--bs-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; color: var(--bs-alert-link-color); } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis); } .alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis); } .alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis); } .alert-info { --bs-alert-color: var(--bs-info-text-emphasis); --bs-alert-bg: var(--bs-info-bg-subtle); --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis); } .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis); } .alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis); } .alert-light { --bs-alert-color: var(--bs-light-text-emphasis); --bs-alert-bg: var(--bs-light-bg-subtle); --bs-alert-border-color: var(--bs-light-border-subtle); --bs-alert-link-color: var(--bs-light-text-emphasis); } .alert-dark { --bs-alert-color: var(--bs-dark-text-emphasis); --bs-alert-bg: var(--bs-dark-bg-subtle); --bs-alert-border-color: var(--bs-dark-border-subtle); --bs-alert-link-color: var(--bs-dark-text-emphasis); } .list-group { --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 1rem * .5; --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #0d6efd; --bs-list-group-active-border-color: #0d6efd; display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--bs-border-radius); } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > .list-group-item::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-body-color); background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); } .list-group-item:first-child { border-top-radius: inherit; } .list-group-item:last-child { border-bottom-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: var(--bs-secondary-color); pointer-events: none; background-color: var(--bs-body-bg); } .list-group-item.active { z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--bs-border-width)); border-top-width: var(--bs-border-width); } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: var(--fa-li-margin, 2.5em); padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: calc(-1 * var(--fa-li-width, 2em)); position: absolute; text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1, -1); } .fa-rotate-by { transform: rotate(var(--fa-rotate-angle, 0)); } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { font-size: 0.625em; line-height: 0.1em; vertical-align: 0.225em; } .fa-xs { font-size: 0.75em; line-height: 0.0833333337em; vertical-align: 0.125em; } .fa-sm { font-size: 0.875em; line-height: 0.0714285718em; vertical-align: 0.0535714295em; } .fa-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; } .fa-xl { font-size: 1.5em; line-height: 0.0416666682em; vertical-align: -0.125em; } .fa-2xl { font-size: 2em; line-height: 0.03125em; vertical-align: -0.1875em; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; z-index: var(--fa-stack-z-index, auto); } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: var(--fa-inverse, #fff); } .fa-beat { animation-name: fa-beat; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { animation-name: fa-bounce; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); } .fa-fade { animation-name: fa-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-beat-fade { animation-name: fa-beat-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-flip { animation-name: fa-flip; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { animation-name: fa-shake; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin { animation-name: fa-spin; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 2s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { animation-name: fa-spin; animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { animation-delay: -1ms; animation-duration: 1ms; animation-iteration-count: 1; transition-delay: 0s; transition-duration: 0s; } } @keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-bounce { 0% { transform: scale(1, 1) translateY(0); } 10% { transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { transform: scale(1, 1) translateY(0); } 100% { transform: scale(1, 1) translateY(0); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.08em); padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); } .fa-pull-left { float: left; margin-right: var(--fa-pull-margin, 0.3em); } .fa-pull-right { float: right; margin-left: var(--fa-pull-margin, 0.3em); } :root, :host { --fa-style-family-classic: 'Font Awesome 6 Free'; --fa-style-family-brands: 'Font Awesome 6 Brands'; --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; } @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 400; font-display: block; src: url("/fonts/fa-regular-400.woff2") format("woff2"), url("/fonts/fa-regular-400.ttf") format("truetype"); } @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 900; font-display: block; src: url("/fonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-solid-900.ttf") format("truetype"); } @font-face { font-family: "Font Awesome 6 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url("/fonts/fa-brands-400.woff2") format("woff2"), url("/fonts/fa-brands-400.ttf") format("truetype"); } .far, .fa-regular { font-weight: 400; } .fas, .fa-solid { font-weight: 900; } .fab, .fa-brands { font-weight: 400; } .fa { font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); } .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .fas::before, .far::before, .fab::before, .fa-solid::before, .fa-regular::before, .fa-brands::before, .fa::before { content: var(--fa); } .fa-classic, .fas, .fa-solid, .far, .fa-regular { font-family: "Font Awesome 6 Free"; } .fa-brands, .fab { font-family: "Font Awesome 6 Brands"; } .fa-0 { --fa: "\30 "; } .fa-1 { --fa: "\31 "; } .fa-2 { --fa: "\32 "; } .fa-3 { --fa: "\33 "; } .fa-4 { --fa: "\34 "; } .fa-5 { --fa: "\35 "; } .fa-6 { --fa: "\36 "; } .fa-7 { --fa: "\37 "; } .fa-8 { --fa: "\38 "; } .fa-9 { --fa: "\39 "; } .fa-fill-drip { --fa: "\f576"; } .fa-arrows-to-circle { --fa: "\e4bd"; } .fa-circle-chevron-right { --fa: "\f138"; } .fa-chevron-circle-right { --fa: "\f138"; } .fa-at { --fa: "\@"; } .fa-trash-can { --fa: "\f2ed"; } .fa-trash-alt { --fa: "\f2ed"; } .fa-text-height { --fa: "\f034"; } .fa-user-xmark { --fa: "\f235"; } .fa-user-times { --fa: "\f235"; } .fa-stethoscope { --fa: "\f0f1"; } .fa-message { --fa: "\f27a"; } .fa-comment-alt { --fa: "\f27a"; } .fa-info { --fa: "\f129"; } .fa-down-left-and-up-right-to-center { --fa: "\f422"; } .fa-compress-alt { --fa: "\f422"; } .fa-explosion { --fa: "\e4e9"; } .fa-file-lines { --fa: "\f15c"; } .fa-file-alt { --fa: "\f15c"; } .fa-file-text { --fa: "\f15c"; } .fa-wave-square { --fa: "\f83e"; } .fa-ring { --fa: "\f70b"; } .fa-building-un { --fa: "\e4d9"; } .fa-dice-three { --fa: "\f527"; } .fa-calendar-days { --fa: "\f073"; } .fa-calendar-alt { --fa: "\f073"; } .fa-anchor-circle-check { --fa: "\e4aa"; } .fa-building-circle-arrow-right { --fa: "\e4d1"; } .fa-volleyball { --fa: "\f45f"; } .fa-volleyball-ball { --fa: "\f45f"; } .fa-arrows-up-to-line { --fa: "\e4c2"; } .fa-sort-down { --fa: "\f0dd"; } .fa-sort-desc { --fa: "\f0dd"; } .fa-circle-minus { --fa: "\f056"; } .fa-minus-circle { --fa: "\f056"; } .fa-door-open { --fa: "\f52b"; } .fa-right-from-bracket { --fa: "\f2f5"; } .fa-sign-out-alt { --fa: "\f2f5"; } .fa-atom { --fa: "\f5d2"; } .fa-soap { --fa: "\e06e"; } .fa-icons { --fa: "\f86d"; } .fa-heart-music-camera-bolt { --fa: "\f86d"; } .fa-microphone-lines-slash { --fa: "\f539"; } .fa-microphone-alt-slash { --fa: "\f539"; } .fa-bridge-circle-check { --fa: "\e4c9"; } .fa-pump-medical { --fa: "\e06a"; } .fa-fingerprint { --fa: "\f577"; } .fa-hand-point-right { --fa: "\f0a4"; } .fa-magnifying-glass-location { --fa: "\f689"; } .fa-search-location { --fa: "\f689"; } .fa-forward-step { --fa: "\f051"; } .fa-step-forward { --fa: "\f051"; } .fa-face-smile-beam { --fa: "\f5b8"; } .fa-smile-beam { --fa: "\f5b8"; } .fa-flag-checkered { --fa: "\f11e"; } .fa-football { --fa: "\f44e"; } .fa-football-ball { --fa: "\f44e"; } .fa-school-circle-exclamation { --fa: "\e56c"; } .fa-crop { --fa: "\f125"; } .fa-angles-down { --fa: "\f103"; } .fa-angle-double-down { --fa: "\f103"; } .fa-users-rectangle { --fa: "\e594"; } .fa-people-roof { --fa: "\e537"; } .fa-people-line { --fa: "\e534"; } .fa-beer-mug-empty { --fa: "\f0fc"; } .fa-beer { --fa: "\f0fc"; } .fa-diagram-predecessor { --fa: "\e477"; } .fa-arrow-up-long { --fa: "\f176"; } .fa-long-arrow-up { --fa: "\f176"; } .fa-fire-flame-simple { --fa: "\f46a"; } .fa-burn { --fa: "\f46a"; } .fa-person { --fa: "\f183"; } .fa-male { --fa: "\f183"; } .fa-laptop { --fa: "\f109"; } .fa-file-csv { --fa: "\f6dd"; } .fa-menorah { --fa: "\f676"; } .fa-truck-plane { --fa: "\e58f"; } .fa-record-vinyl { --fa: "\f8d9"; } .fa-face-grin-stars { --fa: "\f587"; } .fa-grin-stars { --fa: "\f587"; } .fa-bong { --fa: "\f55c"; } .fa-spaghetti-monster-flying { --fa: "\f67b"; } .fa-pastafarianism { --fa: "\f67b"; } .fa-arrow-down-up-across-line { --fa: "\e4af"; } .fa-spoon { --fa: "\f2e5"; } .fa-utensil-spoon { --fa: "\f2e5"; } .fa-jar-wheat { --fa: "\e517"; } .fa-envelopes-bulk { --fa: "\f674"; } .fa-mail-bulk { --fa: "\f674"; } .fa-file-circle-exclamation { --fa: "\e4eb"; } .fa-circle-h { --fa: "\f47e"; } .fa-hospital-symbol { --fa: "\f47e"; } .fa-pager { --fa: "\f815"; } .fa-address-book { --fa: "\f2b9"; } .fa-contact-book { --fa: "\f2b9"; } .fa-strikethrough { --fa: "\f0cc"; } .fa-k { --fa: "K"; } .fa-landmark-flag { --fa: "\e51c"; } .fa-pencil { --fa: "\f303"; } .fa-pencil-alt { --fa: "\f303"; } .fa-backward { --fa: "\f04a"; } .fa-caret-right { --fa: "\f0da"; } .fa-comments { --fa: "\f086"; } .fa-paste { --fa: "\f0ea"; } .fa-file-clipboard { --fa: "\f0ea"; } .fa-code-pull-request { --fa: "\e13c"; } .fa-clipboard-list { --fa: "\f46d"; } .fa-truck-ramp-box { --fa: "\f4de"; } .fa-truck-loading { --fa: "\f4de"; } .fa-user-check { --fa: "\f4fc"; } .fa-vial-virus { --fa: "\e597"; } .fa-sheet-plastic { --fa: "\e571"; } .fa-blog { --fa: "\f781"; } .fa-user-ninja { --fa: "\f504"; } .fa-person-arrow-up-from-line { --fa: "\e539"; } .fa-scroll-torah { --fa: "\f6a0"; } .fa-torah { --fa: "\f6a0"; } .fa-broom-ball { --fa: "\f458"; } .fa-quidditch { --fa: "\f458"; } .fa-quidditch-broom-ball { --fa: "\f458"; } .fa-toggle-off { --fa: "\f204"; } .fa-box-archive { --fa: "\f187"; } .fa-archive { --fa: "\f187"; } .fa-person-drowning { --fa: "\e545"; } .fa-arrow-down-9-1 { --fa: "\f886"; } .fa-sort-numeric-desc { --fa: "\f886"; } .fa-sort-numeric-down-alt { --fa: "\f886"; } .fa-face-grin-tongue-squint { --fa: "\f58a"; } .fa-grin-tongue-squint { --fa: "\f58a"; } .fa-spray-can { --fa: "\f5bd"; } .fa-truck-monster { --fa: "\f63b"; } .fa-w { --fa: "W"; } .fa-earth-africa { --fa: "\f57c"; } .fa-globe-africa { --fa: "\f57c"; } .fa-rainbow { --fa: "\f75b"; } .fa-circle-notch { --fa: "\f1ce"; } .fa-tablet-screen-button { --fa: "\f3fa"; } .fa-tablet-alt { --fa: "\f3fa"; } .fa-paw { --fa: "\f1b0"; } .fa-cloud { --fa: "\f0c2"; } .fa-trowel-bricks { --fa: "\e58a"; } .fa-face-flushed { --fa: "\f579"; } .fa-flushed { --fa: "\f579"; } .fa-hospital-user { --fa: "\f80d"; } .fa-tent-arrow-left-right { --fa: "\e57f"; } .fa-gavel { --fa: "\f0e3"; } .fa-legal { --fa: "\f0e3"; } .fa-binoculars { --fa: "\f1e5"; } .fa-microphone-slash { --fa: "\f131"; } .fa-box-tissue { --fa: "\e05b"; } .fa-motorcycle { --fa: "\f21c"; } .fa-bell-concierge { --fa: "\f562"; } .fa-concierge-bell { --fa: "\f562"; } .fa-pen-ruler { --fa: "\f5ae"; } .fa-pencil-ruler { --fa: "\f5ae"; } .fa-people-arrows { --fa: "\e068"; } .fa-people-arrows-left-right { --fa: "\e068"; } .fa-mars-and-venus-burst { --fa: "\e523"; } .fa-square-caret-right { --fa: "\f152"; } .fa-caret-square-right { --fa: "\f152"; } .fa-scissors { --fa: "\f0c4"; } .fa-cut { --fa: "\f0c4"; } .fa-sun-plant-wilt { --fa: "\e57a"; } .fa-toilets-portable { --fa: "\e584"; } .fa-hockey-puck { --fa: "\f453"; } .fa-table { --fa: "\f0ce"; } .fa-magnifying-glass-arrow-right { --fa: "\e521"; } .fa-tachograph-digital { --fa: "\f566"; } .fa-digital-tachograph { --fa: "\f566"; } .fa-users-slash { --fa: "\e073"; } .fa-clover { --fa: "\e139"; } .fa-reply { --fa: "\f3e5"; } .fa-mail-reply { --fa: "\f3e5"; } .fa-star-and-crescent { --fa: "\f699"; } .fa-house-fire { --fa: "\e50c"; } .fa-square-minus { --fa: "\f146"; } .fa-minus-square { --fa: "\f146"; } .fa-helicopter { --fa: "\f533"; } .fa-compass { --fa: "\f14e"; } .fa-square-caret-down { --fa: "\f150"; } .fa-caret-square-down { --fa: "\f150"; } .fa-file-circle-question { --fa: "\e4ef"; } .fa-laptop-code { --fa: "\f5fc"; } .fa-swatchbook { --fa: "\f5c3"; } .fa-prescription-bottle { --fa: "\f485"; } .fa-bars { --fa: "\f0c9"; } .fa-navicon { --fa: "\f0c9"; } .fa-people-group { --fa: "\e533"; } .fa-hourglass-end { --fa: "\f253"; } .fa-hourglass-3 { --fa: "\f253"; } .fa-heart-crack { --fa: "\f7a9"; } .fa-heart-broken { --fa: "\f7a9"; } .fa-square-up-right { --fa: "\f360"; } .fa-external-link-square-alt { --fa: "\f360"; } .fa-face-kiss-beam { --fa: "\f597"; } .fa-kiss-beam { --fa: "\f597"; } .fa-film { --fa: "\f008"; } .fa-ruler-horizontal { --fa: "\f547"; } .fa-people-robbery { --fa: "\e536"; } .fa-lightbulb { --fa: "\f0eb"; } .fa-caret-left { --fa: "\f0d9"; } .fa-circle-exclamation { --fa: "\f06a"; } .fa-exclamation-circle { --fa: "\f06a"; } .fa-school-circle-xmark { --fa: "\e56d"; } .fa-arrow-right-from-bracket { --fa: "\f08b"; } .fa-sign-out { --fa: "\f08b"; } .fa-circle-chevron-down { --fa: "\f13a"; } .fa-chevron-circle-down { --fa: "\f13a"; } .fa-unlock-keyhole { --fa: "\f13e"; } .fa-unlock-alt { --fa: "\f13e"; } .fa-cloud-showers-heavy { --fa: "\f740"; } .fa-headphones-simple { --fa: "\f58f"; } .fa-headphones-alt { --fa: "\f58f"; } .fa-sitemap { --fa: "\f0e8"; } .fa-circle-dollar-to-slot { --fa: "\f4b9"; } .fa-donate { --fa: "\f4b9"; } .fa-memory { --fa: "\f538"; } .fa-road-spikes { --fa: "\e568"; } .fa-fire-burner { --fa: "\e4f1"; } .fa-flag { --fa: "\f024"; } .fa-hanukiah { --fa: "\f6e6"; } .fa-feather { --fa: "\f52d"; } .fa-volume-low { --fa: "\f027"; } .fa-volume-down { --fa: "\f027"; } .fa-comment-slash { --fa: "\f4b3"; } .fa-cloud-sun-rain { --fa: "\f743"; } .fa-compress { --fa: "\f066"; } .fa-wheat-awn { --fa: "\e2cd"; } .fa-wheat-alt { --fa: "\e2cd"; } .fa-ankh { --fa: "\f644"; } .fa-hands-holding-child { --fa: "\e4fa"; } .fa-asterisk { --fa: "\*"; } .fa-square-check { --fa: "\f14a"; } .fa-check-square { --fa: "\f14a"; } .fa-peseta-sign { --fa: "\e221"; } .fa-heading { --fa: "\f1dc"; } .fa-header { --fa: "\f1dc"; } .fa-ghost { --fa: "\f6e2"; } .fa-list { --fa: "\f03a"; } .fa-list-squares { --fa: "\f03a"; } .fa-square-phone-flip { --fa: "\f87b"; } .fa-phone-square-alt { --fa: "\f87b"; } .fa-cart-plus { --fa: "\f217"; } .fa-gamepad { --fa: "\f11b"; } .fa-circle-dot { --fa: "\f192"; } .fa-dot-circle { --fa: "\f192"; } .fa-face-dizzy { --fa: "\f567"; } .fa-dizzy { --fa: "\f567"; } .fa-egg { --fa: "\f7fb"; } .fa-house-medical-circle-xmark { --fa: "\e513"; } .fa-campground { --fa: "\f6bb"; } .fa-folder-plus { --fa: "\f65e"; } .fa-futbol { --fa: "\f1e3"; } .fa-futbol-ball { --fa: "\f1e3"; } .fa-soccer-ball { --fa: "\f1e3"; } .fa-paintbrush { --fa: "\f1fc"; } .fa-paint-brush { --fa: "\f1fc"; } .fa-lock { --fa: "\f023"; } .fa-gas-pump { --fa: "\f52f"; } .fa-hot-tub-person { --fa: "\f593"; } .fa-hot-tub { --fa: "\f593"; } .fa-map-location { --fa: "\f59f"; } .fa-map-marked { --fa: "\f59f"; } .fa-house-flood-water { --fa: "\e50e"; } .fa-tree { --fa: "\f1bb"; } .fa-bridge-lock { --fa: "\e4cc"; } .fa-sack-dollar { --fa: "\f81d"; } .fa-pen-to-square { --fa: "\f044"; } .fa-edit { --fa: "\f044"; } .fa-car-side { --fa: "\f5e4"; } .fa-share-nodes { --fa: "\f1e0"; } .fa-share-alt { --fa: "\f1e0"; } .fa-heart-circle-minus { --fa: "\e4ff"; } .fa-hourglass-half { --fa: "\f252"; } .fa-hourglass-2 { --fa: "\f252"; } .fa-microscope { --fa: "\f610"; } .fa-sink { --fa: "\e06d"; } .fa-bag-shopping { --fa: "\f290"; } .fa-shopping-bag { --fa: "\f290"; } .fa-arrow-down-z-a { --fa: "\f881"; } .fa-sort-alpha-desc { --fa: "\f881"; } .fa-sort-alpha-down-alt { --fa: "\f881"; } .fa-mitten { --fa: "\f7b5"; } .fa-person-rays { --fa: "\e54d"; } .fa-users { --fa: "\f0c0"; } .fa-eye-slash { --fa: "\f070"; } .fa-flask-vial { --fa: "\e4f3"; } .fa-hand { --fa: "\f256"; } .fa-hand-paper { --fa: "\f256"; } .fa-om { --fa: "\f679"; } .fa-worm { --fa: "\e599"; } .fa-house-circle-xmark { --fa: "\e50b"; } .fa-plug { --fa: "\f1e6"; } .fa-chevron-up { --fa: "\f077"; } .fa-hand-spock { --fa: "\f259"; } .fa-stopwatch { --fa: "\f2f2"; } .fa-face-kiss { --fa: "\f596"; } .fa-kiss { --fa: "\f596"; } .fa-bridge-circle-xmark { --fa: "\e4cb"; } .fa-face-grin-tongue { --fa: "\f589"; } .fa-grin-tongue { --fa: "\f589"; } .fa-chess-bishop { --fa: "\f43a"; } .fa-face-grin-wink { --fa: "\f58c"; } .fa-grin-wink { --fa: "\f58c"; } .fa-ear-deaf { --fa: "\f2a4"; } .fa-deaf { --fa: "\f2a4"; } .fa-deafness { --fa: "\f2a4"; } .fa-hard-of-hearing { --fa: "\f2a4"; } .fa-road-circle-check { --fa: "\e564"; } .fa-dice-five { --fa: "\f523"; } .fa-square-rss { --fa: "\f143"; } .fa-rss-square { --fa: "\f143"; } .fa-land-mine-on { --fa: "\e51b"; } .fa-i-cursor { --fa: "\f246"; } .fa-stamp { --fa: "\f5bf"; } .fa-stairs { --fa: "\e289"; } .fa-i { --fa: "I"; } .fa-hryvnia-sign { --fa: "\f6f2"; } .fa-hryvnia { --fa: "\f6f2"; } .fa-pills { --fa: "\f484"; } .fa-face-grin-wide { --fa: "\f581"; } .fa-grin-alt { --fa: "\f581"; } .fa-tooth { --fa: "\f5c9"; } .fa-v { --fa: "V"; } .fa-bangladeshi-taka-sign { --fa: "\e2e6"; } .fa-bicycle { --fa: "\f206"; } .fa-staff-snake { --fa: "\e579"; } .fa-rod-asclepius { --fa: "\e579"; } .fa-rod-snake { --fa: "\e579"; } .fa-staff-aesculapius { --fa: "\e579"; } .fa-head-side-cough-slash { --fa: "\e062"; } .fa-truck-medical { --fa: "\f0f9"; } .fa-ambulance { --fa: "\f0f9"; } .fa-wheat-awn-circle-exclamation { --fa: "\e598"; } .fa-snowman { --fa: "\f7d0"; } .fa-mortar-pestle { --fa: "\f5a7"; } .fa-road-barrier { --fa: "\e562"; } .fa-school { --fa: "\f549"; } .fa-igloo { --fa: "\f7ae"; } .fa-joint { --fa: "\f595"; } .fa-angle-right { --fa: "\f105"; } .fa-horse { --fa: "\f6f0"; } .fa-q { --fa: "Q"; } .fa-g { --fa: "G"; } .fa-notes-medical { --fa: "\f481"; } .fa-temperature-half { --fa: "\f2c9"; } .fa-temperature-2 { --fa: "\f2c9"; } .fa-thermometer-2 { --fa: "\f2c9"; } .fa-thermometer-half { --fa: "\f2c9"; } .fa-dong-sign { --fa: "\e169"; } .fa-capsules { --fa: "\f46b"; } .fa-poo-storm { --fa: "\f75a"; } .fa-poo-bolt { --fa: "\f75a"; } .fa-face-frown-open { --fa: "\f57a"; } .fa-frown-open { --fa: "\f57a"; } .fa-hand-point-up { --fa: "\f0a6"; } .fa-money-bill { --fa: "\f0d6"; } .fa-bookmark { --fa: "\f02e"; } .fa-align-justify { --fa: "\f039"; } .fa-umbrella-beach { --fa: "\f5ca"; } .fa-helmet-un { --fa: "\e503"; } .fa-bullseye { --fa: "\f140"; } .fa-bacon { --fa: "\f7e5"; } .fa-hand-point-down { --fa: "\f0a7"; } .fa-arrow-up-from-bracket { --fa: "\e09a"; } .fa-folder { --fa: "\f07b"; } .fa-folder-blank { --fa: "\f07b"; } .fa-file-waveform { --fa: "\f478"; } .fa-file-medical-alt { --fa: "\f478"; } .fa-radiation { --fa: "\f7b9"; } .fa-chart-simple { --fa: "\e473"; } .fa-mars-stroke { --fa: "\f229"; } .fa-vial { --fa: "\f492"; } .fa-gauge { --fa: "\f624"; } .fa-dashboard { --fa: "\f624"; } .fa-gauge-med { --fa: "\f624"; } .fa-tachometer-alt-average { --fa: "\f624"; } .fa-wand-magic-sparkles { --fa: "\e2ca"; } .fa-magic-wand-sparkles { --fa: "\e2ca"; } .fa-e { --fa: "E"; } .fa-pen-clip { --fa: "\f305"; } .fa-pen-alt { --fa: "\f305"; } .fa-bridge-circle-exclamation { --fa: "\e4ca"; } .fa-user { --fa: "\f007"; } .fa-school-circle-check { --fa: "\e56b"; } .fa-dumpster { --fa: "\f793"; } .fa-van-shuttle { --fa: "\f5b6"; } .fa-shuttle-van { --fa: "\f5b6"; } .fa-building-user { --fa: "\e4da"; } .fa-square-caret-left { --fa: "\f191"; } .fa-caret-square-left { --fa: "\f191"; } .fa-highlighter { --fa: "\f591"; } .fa-key { --fa: "\f084"; } .fa-bullhorn { --fa: "\f0a1"; } .fa-globe { --fa: "\f0ac"; } .fa-synagogue { --fa: "\f69b"; } .fa-person-half-dress { --fa: "\e548"; } .fa-road-bridge { --fa: "\e563"; } .fa-location-arrow { --fa: "\f124"; } .fa-c { --fa: "C"; } .fa-tablet-button { --fa: "\f10a"; } .fa-building-lock { --fa: "\e4d6"; } .fa-pizza-slice { --fa: "\f818"; } .fa-money-bill-wave { --fa: "\f53a"; } .fa-chart-area { --fa: "\f1fe"; } .fa-area-chart { --fa: "\f1fe"; } .fa-house-flag { --fa: "\e50d"; } .fa-person-circle-minus { --fa: "\e540"; } .fa-ban { --fa: "\f05e"; } .fa-cancel { --fa: "\f05e"; } .fa-camera-rotate { --fa: "\e0d8"; } .fa-spray-can-sparkles { --fa: "\f5d0"; } .fa-air-freshener { --fa: "\f5d0"; } .fa-star { --fa: "\f005"; } .fa-repeat { --fa: "\f363"; } .fa-cross { --fa: "\f654"; } .fa-box { --fa: "\f466"; } .fa-venus-mars { --fa: "\f228"; } .fa-arrow-pointer { --fa: "\f245"; } .fa-mouse-pointer { --fa: "\f245"; } .fa-maximize { --fa: "\f31e"; } .fa-expand-arrows-alt { --fa: "\f31e"; } .fa-charging-station { --fa: "\f5e7"; } .fa-shapes { --fa: "\f61f"; } .fa-triangle-circle-square { --fa: "\f61f"; } .fa-shuffle { --fa: "\f074"; } .fa-random { --fa: "\f074"; } .fa-person-running { --fa: "\f70c"; } .fa-running { --fa: "\f70c"; } .fa-mobile-retro { --fa: "\e527"; } .fa-grip-lines-vertical { --fa: "\f7a5"; } .fa-spider { --fa: "\f717"; } .fa-hands-bound { --fa: "\e4f9"; } .fa-file-invoice-dollar { --fa: "\f571"; } .fa-plane-circle-exclamation { --fa: "\e556"; } .fa-x-ray { --fa: "\f497"; } .fa-spell-check { --fa: "\f891"; } .fa-slash { --fa: "\f715"; } .fa-computer-mouse { --fa: "\f8cc"; } .fa-mouse { --fa: "\f8cc"; } .fa-arrow-right-to-bracket { --fa: "\f090"; } .fa-sign-in { --fa: "\f090"; } .fa-shop-slash { --fa: "\e070"; } .fa-store-alt-slash { --fa: "\e070"; } .fa-server { --fa: "\f233"; } .fa-virus-covid-slash { --fa: "\e4a9"; } .fa-shop-lock { --fa: "\e4a5"; } .fa-hourglass-start { --fa: "\f251"; } .fa-hourglass-1 { --fa: "\f251"; } .fa-blender-phone { --fa: "\f6b6"; } .fa-building-wheat { --fa: "\e4db"; } .fa-person-breastfeeding { --fa: "\e53a"; } .fa-right-to-bracket { --fa: "\f2f6"; } .fa-sign-in-alt { --fa: "\f2f6"; } .fa-venus { --fa: "\f221"; } .fa-passport { --fa: "\f5ab"; } .fa-thumbtack-slash { --fa: "\e68f"; } .fa-thumb-tack-slash { --fa: "\e68f"; } .fa-heart-pulse { --fa: "\f21e"; } .fa-heartbeat { --fa: "\f21e"; } .fa-people-carry-box { --fa: "\f4ce"; } .fa-people-carry { --fa: "\f4ce"; } .fa-temperature-high { --fa: "\f769"; } .fa-microchip { --fa: "\f2db"; } .fa-crown { --fa: "\f521"; } .fa-weight-hanging { --fa: "\f5cd"; } .fa-xmarks-lines { --fa: "\e59a"; } .fa-file-prescription { --fa: "\f572"; } .fa-weight-scale { --fa: "\f496"; } .fa-weight { --fa: "\f496"; } .fa-user-group { --fa: "\f500"; } .fa-user-friends { --fa: "\f500"; } .fa-arrow-up-a-z { --fa: "\f15e"; } .fa-sort-alpha-up { --fa: "\f15e"; } .fa-chess-knight { --fa: "\f441"; } .fa-face-laugh-squint { --fa: "\f59b"; } .fa-laugh-squint { --fa: "\f59b"; } .fa-wheelchair { --fa: "\f193"; } .fa-circle-arrow-up { --fa: "\f0aa"; } .fa-arrow-circle-up { --fa: "\f0aa"; } .fa-toggle-on { --fa: "\f205"; } .fa-person-walking { --fa: "\f554"; } .fa-walking { --fa: "\f554"; } .fa-l { --fa: "L"; } .fa-fire { --fa: "\f06d"; } .fa-bed-pulse { --fa: "\f487"; } .fa-procedures { --fa: "\f487"; } .fa-shuttle-space { --fa: "\f197"; } .fa-space-shuttle { --fa: "\f197"; } .fa-face-laugh { --fa: "\f599"; } .fa-laugh { --fa: "\f599"; } .fa-folder-open { --fa: "\f07c"; } .fa-heart-circle-plus { --fa: "\e500"; } .fa-code-fork { --fa: "\e13b"; } .fa-city { --fa: "\f64f"; } .fa-microphone-lines { --fa: "\f3c9"; } .fa-microphone-alt { --fa: "\f3c9"; } .fa-pepper-hot { --fa: "\f816"; } .fa-unlock { --fa: "\f09c"; } .fa-colon-sign { --fa: "\e140"; } .fa-headset { --fa: "\f590"; } .fa-store-slash { --fa: "\e071"; } .fa-road-circle-xmark { --fa: "\e566"; } .fa-user-minus { --fa: "\f503"; } .fa-mars-stroke-up { --fa: "\f22a"; } .fa-mars-stroke-v { --fa: "\f22a"; } .fa-champagne-glasses { --fa: "\f79f"; } .fa-glass-cheers { --fa: "\f79f"; } .fa-clipboard { --fa: "\f328"; } .fa-house-circle-exclamation { --fa: "\e50a"; } .fa-file-arrow-up { --fa: "\f574"; } .fa-file-upload { --fa: "\f574"; } .fa-wifi { --fa: "\f1eb"; } .fa-wifi-3 { --fa: "\f1eb"; } .fa-wifi-strong { --fa: "\f1eb"; } .fa-bath { --fa: "\f2cd"; } .fa-bathtub { --fa: "\f2cd"; } .fa-underline { --fa: "\f0cd"; } .fa-user-pen { --fa: "\f4ff"; } .fa-user-edit { --fa: "\f4ff"; } .fa-signature { --fa: "\f5b7"; } .fa-stroopwafel { --fa: "\f551"; } .fa-bold { --fa: "\f032"; } .fa-anchor-lock { --fa: "\e4ad"; } .fa-building-ngo { --fa: "\e4d7"; } .fa-manat-sign { --fa: "\e1d5"; } .fa-not-equal { --fa: "\f53e"; } .fa-border-top-left { --fa: "\f853"; } .fa-border-style { --fa: "\f853"; } .fa-map-location-dot { --fa: "\f5a0"; } .fa-map-marked-alt { --fa: "\f5a0"; } .fa-jedi { --fa: "\f669"; } .fa-square-poll-vertical { --fa: "\f681"; } .fa-poll { --fa: "\f681"; } .fa-mug-hot { --fa: "\f7b6"; } .fa-car-battery { --fa: "\f5df"; } .fa-battery-car { --fa: "\f5df"; } .fa-gift { --fa: "\f06b"; } .fa-dice-two { --fa: "\f528"; } .fa-chess-queen { --fa: "\f445"; } .fa-glasses { --fa: "\f530"; } .fa-chess-board { --fa: "\f43c"; } .fa-building-circle-check { --fa: "\e4d2"; } .fa-person-chalkboard { --fa: "\e53d"; } .fa-mars-stroke-right { --fa: "\f22b"; } .fa-mars-stroke-h { --fa: "\f22b"; } .fa-hand-back-fist { --fa: "\f255"; } .fa-hand-rock { --fa: "\f255"; } .fa-square-caret-up { --fa: "\f151"; } .fa-caret-square-up { --fa: "\f151"; } .fa-cloud-showers-water { --fa: "\e4e4"; } .fa-chart-bar { --fa: "\f080"; } .fa-bar-chart { --fa: "\f080"; } .fa-hands-bubbles { --fa: "\e05e"; } .fa-hands-wash { --fa: "\e05e"; } .fa-less-than-equal { --fa: "\f537"; } .fa-train { --fa: "\f238"; } .fa-eye-low-vision { --fa: "\f2a8"; } .fa-low-vision { --fa: "\f2a8"; } .fa-crow { --fa: "\f520"; } .fa-sailboat { --fa: "\e445"; } .fa-window-restore { --fa: "\f2d2"; } .fa-square-plus { --fa: "\f0fe"; } .fa-plus-square { --fa: "\f0fe"; } .fa-torii-gate { --fa: "\f6a1"; } .fa-frog { --fa: "\f52e"; } .fa-bucket { --fa: "\e4cf"; } .fa-image { --fa: "\f03e"; } .fa-microphone { --fa: "\f130"; } .fa-cow { --fa: "\f6c8"; } .fa-caret-up { --fa: "\f0d8"; } .fa-screwdriver { --fa: "\f54a"; } .fa-folder-closed { --fa: "\e185"; } .fa-house-tsunami { --fa: "\e515"; } .fa-square-nfi { --fa: "\e576"; } .fa-arrow-up-from-ground-water { --fa: "\e4b5"; } .fa-martini-glass { --fa: "\f57b"; } .fa-glass-martini-alt { --fa: "\f57b"; } .fa-square-binary { --fa: "\e69b"; } .fa-rotate-left { --fa: "\f2ea"; } .fa-rotate-back { --fa: "\f2ea"; } .fa-rotate-backward { --fa: "\f2ea"; } .fa-undo-alt { --fa: "\f2ea"; } .fa-table-columns { --fa: "\f0db"; } .fa-columns { --fa: "\f0db"; } .fa-lemon { --fa: "\f094"; } .fa-head-side-mask { --fa: "\e063"; } .fa-handshake { --fa: "\f2b5"; } .fa-gem { --fa: "\f3a5"; } .fa-dolly { --fa: "\f472"; } .fa-dolly-box { --fa: "\f472"; } .fa-smoking { --fa: "\f48d"; } .fa-minimize { --fa: "\f78c"; } .fa-compress-arrows-alt { --fa: "\f78c"; } .fa-monument { --fa: "\f5a6"; } .fa-snowplow { --fa: "\f7d2"; } .fa-angles-right { --fa: "\f101"; } .fa-angle-double-right { --fa: "\f101"; } .fa-cannabis { --fa: "\f55f"; } .fa-circle-play { --fa: "\f144"; } .fa-play-circle { --fa: "\f144"; } .fa-tablets { --fa: "\f490"; } .fa-ethernet { --fa: "\f796"; } .fa-euro-sign { --fa: "\f153"; } .fa-eur { --fa: "\f153"; } .fa-euro { --fa: "\f153"; } .fa-chair { --fa: "\f6c0"; } .fa-circle-check { --fa: "\f058"; } .fa-check-circle { --fa: "\f058"; } .fa-circle-stop { --fa: "\f28d"; } .fa-stop-circle { --fa: "\f28d"; } .fa-compass-drafting { --fa: "\f568"; } .fa-drafting-compass { --fa: "\f568"; } .fa-plate-wheat { --fa: "\e55a"; } .fa-icicles { --fa: "\f7ad"; } .fa-person-shelter { --fa: "\e54f"; } .fa-neuter { --fa: "\f22c"; } .fa-id-badge { --fa: "\f2c1"; } .fa-marker { --fa: "\f5a1"; } .fa-face-laugh-beam { --fa: "\f59a"; } .fa-laugh-beam { --fa: "\f59a"; } .fa-helicopter-symbol { --fa: "\e502"; } .fa-universal-access { --fa: "\f29a"; } .fa-circle-chevron-up { --fa: "\f139"; } .fa-chevron-circle-up { --fa: "\f139"; } .fa-lari-sign { --fa: "\e1c8"; } .fa-volcano { --fa: "\f770"; } .fa-person-walking-dashed-line-arrow-right { --fa: "\e553"; } .fa-sterling-sign { --fa: "\f154"; } .fa-gbp { --fa: "\f154"; } .fa-pound-sign { --fa: "\f154"; } .fa-viruses { --fa: "\e076"; } .fa-square-person-confined { --fa: "\e577"; } .fa-user-tie { --fa: "\f508"; } .fa-arrow-down-long { --fa: "\f175"; } .fa-long-arrow-down { --fa: "\f175"; } .fa-tent-arrow-down-to-line { --fa: "\e57e"; } .fa-certificate { --fa: "\f0a3"; } .fa-reply-all { --fa: "\f122"; } .fa-mail-reply-all { --fa: "\f122"; } .fa-suitcase { --fa: "\f0f2"; } .fa-person-skating { --fa: "\f7c5"; } .fa-skating { --fa: "\f7c5"; } .fa-filter-circle-dollar { --fa: "\f662"; } .fa-funnel-dollar { --fa: "\f662"; } .fa-camera-retro { --fa: "\f083"; } .fa-circle-arrow-down { --fa: "\f0ab"; } .fa-arrow-circle-down { --fa: "\f0ab"; } .fa-file-import { --fa: "\f56f"; } .fa-arrow-right-to-file { --fa: "\f56f"; } .fa-square-arrow-up-right { --fa: "\f14c"; } .fa-external-link-square { --fa: "\f14c"; } .fa-box-open { --fa: "\f49e"; } .fa-scroll { --fa: "\f70e"; } .fa-spa { --fa: "\f5bb"; } .fa-location-pin-lock { --fa: "\e51f"; } .fa-pause { --fa: "\f04c"; } .fa-hill-avalanche { --fa: "\e507"; } .fa-temperature-empty { --fa: "\f2cb"; } .fa-temperature-0 { --fa: "\f2cb"; } .fa-thermometer-0 { --fa: "\f2cb"; } .fa-thermometer-empty { --fa: "\f2cb"; } .fa-bomb { --fa: "\f1e2"; } .fa-registered { --fa: "\f25d"; } .fa-address-card { --fa: "\f2bb"; } .fa-contact-card { --fa: "\f2bb"; } .fa-vcard { --fa: "\f2bb"; } .fa-scale-unbalanced-flip { --fa: "\f516"; } .fa-balance-scale-right { --fa: "\f516"; } .fa-subscript { --fa: "\f12c"; } .fa-diamond-turn-right { --fa: "\f5eb"; } .fa-directions { --fa: "\f5eb"; } .fa-burst { --fa: "\e4dc"; } .fa-house-laptop { --fa: "\e066"; } .fa-laptop-house { --fa: "\e066"; } .fa-face-tired { --fa: "\f5c8"; } .fa-tired { --fa: "\f5c8"; } .fa-money-bills { --fa: "\e1f3"; } .fa-smog { --fa: "\f75f"; } .fa-crutch { --fa: "\f7f7"; } .fa-cloud-arrow-up { --fa: "\f0ee"; } .fa-cloud-upload { --fa: "\f0ee"; } .fa-cloud-upload-alt { --fa: "\f0ee"; } .fa-palette { --fa: "\f53f"; } .fa-arrows-turn-right { --fa: "\e4c0"; } .fa-vest { --fa: "\e085"; } .fa-ferry { --fa: "\e4ea"; } .fa-arrows-down-to-people { --fa: "\e4b9"; } .fa-seedling { --fa: "\f4d8"; } .fa-sprout { --fa: "\f4d8"; } .fa-left-right { --fa: "\f337"; } .fa-arrows-alt-h { --fa: "\f337"; } .fa-boxes-packing { --fa: "\e4c7"; } .fa-circle-arrow-left { --fa: "\f0a8"; } .fa-arrow-circle-left { --fa: "\f0a8"; } .fa-group-arrows-rotate { --fa: "\e4f6"; } .fa-bowl-food { --fa: "\e4c6"; } .fa-candy-cane { --fa: "\f786"; } .fa-arrow-down-wide-short { --fa: "\f160"; } .fa-sort-amount-asc { --fa: "\f160"; } .fa-sort-amount-down { --fa: "\f160"; } .fa-cloud-bolt { --fa: "\f76c"; } .fa-thunderstorm { --fa: "\f76c"; } .fa-text-slash { --fa: "\f87d"; } .fa-remove-format { --fa: "\f87d"; } .fa-face-smile-wink { --fa: "\f4da"; } .fa-smile-wink { --fa: "\f4da"; } .fa-file-word { --fa: "\f1c2"; } .fa-file-powerpoint { --fa: "\f1c4"; } .fa-arrows-left-right { --fa: "\f07e"; } .fa-arrows-h { --fa: "\f07e"; } .fa-house-lock { --fa: "\e510"; } .fa-cloud-arrow-down { --fa: "\f0ed"; } .fa-cloud-download { --fa: "\f0ed"; } .fa-cloud-download-alt { --fa: "\f0ed"; } .fa-children { --fa: "\e4e1"; } .fa-chalkboard { --fa: "\f51b"; } .fa-blackboard { --fa: "\f51b"; } .fa-user-large-slash { --fa: "\f4fa"; } .fa-user-alt-slash { --fa: "\f4fa"; } .fa-envelope-open { --fa: "\f2b6"; } .fa-handshake-simple-slash { --fa: "\e05f"; } .fa-handshake-alt-slash { --fa: "\e05f"; } .fa-mattress-pillow { --fa: "\e525"; } .fa-guarani-sign { --fa: "\e19a"; } .fa-arrows-rotate { --fa: "\f021"; } .fa-refresh { --fa: "\f021"; } .fa-sync { --fa: "\f021"; } .fa-fire-extinguisher { --fa: "\f134"; } .fa-cruzeiro-sign { --fa: "\e152"; } .fa-greater-than-equal { --fa: "\f532"; } .fa-shield-halved { --fa: "\f3ed"; } .fa-shield-alt { --fa: "\f3ed"; } .fa-book-atlas { --fa: "\f558"; } .fa-atlas { --fa: "\f558"; } .fa-virus { --fa: "\e074"; } .fa-envelope-circle-check { --fa: "\e4e8"; } .fa-layer-group { --fa: "\f5fd"; } .fa-arrows-to-dot { --fa: "\e4be"; } .fa-archway { --fa: "\f557"; } .fa-heart-circle-check { --fa: "\e4fd"; } .fa-house-chimney-crack { --fa: "\f6f1"; } .fa-house-damage { --fa: "\f6f1"; } .fa-file-zipper { --fa: "\f1c6"; } .fa-file-archive { --fa: "\f1c6"; } .fa-square { --fa: "\f0c8"; } .fa-martini-glass-empty { --fa: "\f000"; } .fa-glass-martini { --fa: "\f000"; } .fa-couch { --fa: "\f4b8"; } .fa-cedi-sign { --fa: "\e0df"; } .fa-italic { --fa: "\f033"; } .fa-table-cells-column-lock { --fa: "\e678"; } .fa-church { --fa: "\f51d"; } .fa-comments-dollar { --fa: "\f653"; } .fa-democrat { --fa: "\f747"; } .fa-z { --fa: "Z"; } .fa-person-skiing { --fa: "\f7c9"; } .fa-skiing { --fa: "\f7c9"; } .fa-road-lock { --fa: "\e567"; } .fa-a { --fa: "A"; } .fa-temperature-arrow-down { --fa: "\e03f"; } .fa-temperature-down { --fa: "\e03f"; } .fa-feather-pointed { --fa: "\f56b"; } .fa-feather-alt { --fa: "\f56b"; } .fa-p { --fa: "P"; } .fa-snowflake { --fa: "\f2dc"; } .fa-newspaper { --fa: "\f1ea"; } .fa-rectangle-ad { --fa: "\f641"; } .fa-ad { --fa: "\f641"; } .fa-circle-arrow-right { --fa: "\f0a9"; } .fa-arrow-circle-right { --fa: "\f0a9"; } .fa-filter-circle-xmark { --fa: "\e17b"; } .fa-locust { --fa: "\e520"; } .fa-sort { --fa: "\f0dc"; } .fa-unsorted { --fa: "\f0dc"; } .fa-list-ol { --fa: "\f0cb"; } .fa-list-1-2 { --fa: "\f0cb"; } .fa-list-numeric { --fa: "\f0cb"; } .fa-person-dress-burst { --fa: "\e544"; } .fa-money-check-dollar { --fa: "\f53d"; } .fa-money-check-alt { --fa: "\f53d"; } .fa-vector-square { --fa: "\f5cb"; } .fa-bread-slice { --fa: "\f7ec"; } .fa-language { --fa: "\f1ab"; } .fa-face-kiss-wink-heart { --fa: "\f598"; } .fa-kiss-wink-heart { --fa: "\f598"; } .fa-filter { --fa: "\f0b0"; } .fa-question { --fa: "\?"; } .fa-file-signature { --fa: "\f573"; } .fa-up-down-left-right { --fa: "\f0b2"; } .fa-arrows-alt { --fa: "\f0b2"; } .fa-house-chimney-user { --fa: "\e065"; } .fa-hand-holding-heart { --fa: "\f4be"; } .fa-puzzle-piece { --fa: "\f12e"; } .fa-money-check { --fa: "\f53c"; } .fa-star-half-stroke { --fa: "\f5c0"; } .fa-star-half-alt { --fa: "\f5c0"; } .fa-code { --fa: "\f121"; } .fa-whiskey-glass { --fa: "\f7a0"; } .fa-glass-whiskey { --fa: "\f7a0"; } .fa-building-circle-exclamation { --fa: "\e4d3"; } .fa-magnifying-glass-chart { --fa: "\e522"; } .fa-arrow-up-right-from-square { --fa: "\f08e"; } .fa-external-link { --fa: "\f08e"; } .fa-cubes-stacked { --fa: "\e4e6"; } .fa-won-sign { --fa: "\f159"; } .fa-krw { --fa: "\f159"; } .fa-won { --fa: "\f159"; } .fa-virus-covid { --fa: "\e4a8"; } .fa-austral-sign { --fa: "\e0a9"; } .fa-f { --fa: "F"; } .fa-leaf { --fa: "\f06c"; } .fa-road { --fa: "\f018"; } .fa-taxi { --fa: "\f1ba"; } .fa-cab { --fa: "\f1ba"; } .fa-person-circle-plus { --fa: "\e541"; } .fa-chart-pie { --fa: "\f200"; } .fa-pie-chart { --fa: "\f200"; } .fa-bolt-lightning { --fa: "\e0b7"; } .fa-sack-xmark { --fa: "\e56a"; } .fa-file-excel { --fa: "\f1c3"; } .fa-file-contract { --fa: "\f56c"; } .fa-fish-fins { --fa: "\e4f2"; } .fa-building-flag { --fa: "\e4d5"; } .fa-face-grin-beam { --fa: "\f582"; } .fa-grin-beam { --fa: "\f582"; } .fa-object-ungroup { --fa: "\f248"; } .fa-poop { --fa: "\f619"; } .fa-location-pin { --fa: "\f041"; } .fa-map-marker { --fa: "\f041"; } .fa-kaaba { --fa: "\f66b"; } .fa-toilet-paper { --fa: "\f71e"; } .fa-helmet-safety { --fa: "\f807"; } .fa-hard-hat { --fa: "\f807"; } .fa-hat-hard { --fa: "\f807"; } .fa-eject { --fa: "\f052"; } .fa-circle-right { --fa: "\f35a"; } .fa-arrow-alt-circle-right { --fa: "\f35a"; } .fa-plane-circle-check { --fa: "\e555"; } .fa-face-rolling-eyes { --fa: "\f5a5"; } .fa-meh-rolling-eyes { --fa: "\f5a5"; } .fa-object-group { --fa: "\f247"; } .fa-chart-line { --fa: "\f201"; } .fa-line-chart { --fa: "\f201"; } .fa-mask-ventilator { --fa: "\e524"; } .fa-arrow-right { --fa: "\f061"; } .fa-signs-post { --fa: "\f277"; } .fa-map-signs { --fa: "\f277"; } .fa-cash-register { --fa: "\f788"; } .fa-person-circle-question { --fa: "\e542"; } .fa-h { --fa: "H"; } .fa-tarp { --fa: "\e57b"; } .fa-screwdriver-wrench { --fa: "\f7d9"; } .fa-tools { --fa: "\f7d9"; } .fa-arrows-to-eye { --fa: "\e4bf"; } .fa-plug-circle-bolt { --fa: "\e55b"; } .fa-heart { --fa: "\f004"; } .fa-mars-and-venus { --fa: "\f224"; } .fa-house-user { --fa: "\e1b0"; } .fa-home-user { --fa: "\e1b0"; } .fa-dumpster-fire { --fa: "\f794"; } .fa-house-crack { --fa: "\e3b1"; } .fa-martini-glass-citrus { --fa: "\f561"; } .fa-cocktail { --fa: "\f561"; } .fa-face-surprise { --fa: "\f5c2"; } .fa-surprise { --fa: "\f5c2"; } .fa-bottle-water { --fa: "\e4c5"; } .fa-circle-pause { --fa: "\f28b"; } .fa-pause-circle { --fa: "\f28b"; } .fa-toilet-paper-slash { --fa: "\e072"; } .fa-apple-whole { --fa: "\f5d1"; } .fa-apple-alt { --fa: "\f5d1"; } .fa-kitchen-set { --fa: "\e51a"; } .fa-r { --fa: "R"; } .fa-temperature-quarter { --fa: "\f2ca"; } .fa-temperature-1 { --fa: "\f2ca"; } .fa-thermometer-1 { --fa: "\f2ca"; } .fa-thermometer-quarter { --fa: "\f2ca"; } .fa-cube { --fa: "\f1b2"; } .fa-bitcoin-sign { --fa: "\e0b4"; } .fa-shield-dog { --fa: "\e573"; } .fa-solar-panel { --fa: "\f5ba"; } .fa-lock-open { --fa: "\f3c1"; } .fa-elevator { --fa: "\e16d"; } .fa-money-bill-transfer { --fa: "\e528"; } .fa-money-bill-trend-up { --fa: "\e529"; } .fa-house-flood-water-circle-arrow-right { --fa: "\e50f"; } .fa-square-poll-horizontal { --fa: "\f682"; } .fa-poll-h { --fa: "\f682"; } .fa-circle { --fa: "\f111"; } .fa-backward-fast { --fa: "\f049"; } .fa-fast-backward { --fa: "\f049"; } .fa-recycle { --fa: "\f1b8"; } .fa-user-astronaut { --fa: "\f4fb"; } .fa-plane-slash { --fa: "\e069"; } .fa-trademark { --fa: "\f25c"; } .fa-basketball { --fa: "\f434"; } .fa-basketball-ball { --fa: "\f434"; } .fa-satellite-dish { --fa: "\f7c0"; } .fa-circle-up { --fa: "\f35b"; } .fa-arrow-alt-circle-up { --fa: "\f35b"; } .fa-mobile-screen-button { --fa: "\f3cd"; } .fa-mobile-alt { --fa: "\f3cd"; } .fa-volume-high { --fa: "\f028"; } .fa-volume-up { --fa: "\f028"; } .fa-users-rays { --fa: "\e593"; } .fa-wallet { --fa: "\f555"; } .fa-clipboard-check { --fa: "\f46c"; } .fa-file-audio { --fa: "\f1c7"; } .fa-burger { --fa: "\f805"; } .fa-hamburger { --fa: "\f805"; } .fa-wrench { --fa: "\f0ad"; } .fa-bugs { --fa: "\e4d0"; } .fa-rupee-sign { --fa: "\f156"; } .fa-rupee { --fa: "\f156"; } .fa-file-image { --fa: "\f1c5"; } .fa-circle-question { --fa: "\f059"; } .fa-question-circle { --fa: "\f059"; } .fa-plane-departure { --fa: "\f5b0"; } .fa-handshake-slash { --fa: "\e060"; } .fa-book-bookmark { --fa: "\e0bb"; } .fa-code-branch { --fa: "\f126"; } .fa-hat-cowboy { --fa: "\f8c0"; } .fa-bridge { --fa: "\e4c8"; } .fa-phone-flip { --fa: "\f879"; } .fa-phone-alt { --fa: "\f879"; } .fa-truck-front { --fa: "\e2b7"; } .fa-cat { --fa: "\f6be"; } .fa-anchor-circle-exclamation { --fa: "\e4ab"; } .fa-truck-field { --fa: "\e58d"; } .fa-route { --fa: "\f4d7"; } .fa-clipboard-question { --fa: "\e4e3"; } .fa-panorama { --fa: "\e209"; } .fa-comment-medical { --fa: "\f7f5"; } .fa-teeth-open { --fa: "\f62f"; } .fa-file-circle-minus { --fa: "\e4ed"; } .fa-tags { --fa: "\f02c"; } .fa-wine-glass { --fa: "\f4e3"; } .fa-forward-fast { --fa: "\f050"; } .fa-fast-forward { --fa: "\f050"; } .fa-face-meh-blank { --fa: "\f5a4"; } .fa-meh-blank { --fa: "\f5a4"; } .fa-square-parking { --fa: "\f540"; } .fa-parking { --fa: "\f540"; } .fa-house-signal { --fa: "\e012"; } .fa-bars-progress { --fa: "\f828"; } .fa-tasks-alt { --fa: "\f828"; } .fa-faucet-drip { --fa: "\e006"; } .fa-cart-flatbed { --fa: "\f474"; } .fa-dolly-flatbed { --fa: "\f474"; } .fa-ban-smoking { --fa: "\f54d"; } .fa-smoking-ban { --fa: "\f54d"; } .fa-terminal { --fa: "\f120"; } .fa-mobile-button { --fa: "\f10b"; } .fa-house-medical-flag { --fa: "\e514"; } .fa-basket-shopping { --fa: "\f291"; } .fa-shopping-basket { --fa: "\f291"; } .fa-tape { --fa: "\f4db"; } .fa-bus-simple { --fa: "\f55e"; } .fa-bus-alt { --fa: "\f55e"; } .fa-eye { --fa: "\f06e"; } .fa-face-sad-cry { --fa: "\f5b3"; } .fa-sad-cry { --fa: "\f5b3"; } .fa-audio-description { --fa: "\f29e"; } .fa-person-military-to-person { --fa: "\e54c"; } .fa-file-shield { --fa: "\e4f0"; } .fa-user-slash { --fa: "\f506"; } .fa-pen { --fa: "\f304"; } .fa-tower-observation { --fa: "\e586"; } .fa-file-code { --fa: "\f1c9"; } .fa-signal { --fa: "\f012"; } .fa-signal-5 { --fa: "\f012"; } .fa-signal-perfect { --fa: "\f012"; } .fa-bus { --fa: "\f207"; } .fa-heart-circle-xmark { --fa: "\e501"; } .fa-house-chimney { --fa: "\e3af"; } .fa-home-lg { --fa: "\e3af"; } .fa-window-maximize { --fa: "\f2d0"; } .fa-face-frown { --fa: "\f119"; } .fa-frown { --fa: "\f119"; } .fa-prescription { --fa: "\f5b1"; } .fa-shop { --fa: "\f54f"; } .fa-store-alt { --fa: "\f54f"; } .fa-floppy-disk { --fa: "\f0c7"; } .fa-save { --fa: "\f0c7"; } .fa-vihara { --fa: "\f6a7"; } .fa-scale-unbalanced { --fa: "\f515"; } .fa-balance-scale-left { --fa: "\f515"; } .fa-sort-up { --fa: "\f0de"; } .fa-sort-asc { --fa: "\f0de"; } .fa-comment-dots { --fa: "\f4ad"; } .fa-commenting { --fa: "\f4ad"; } .fa-plant-wilt { --fa: "\e5aa"; } .fa-diamond { --fa: "\f219"; } .fa-face-grin-squint { --fa: "\f585"; } .fa-grin-squint { --fa: "\f585"; } .fa-hand-holding-dollar { --fa: "\f4c0"; } .fa-hand-holding-usd { --fa: "\f4c0"; } .fa-chart-diagram { --fa: "\e695"; } .fa-bacterium { --fa: "\e05a"; } .fa-hand-pointer { --fa: "\f25a"; } .fa-drum-steelpan { --fa: "\f56a"; } .fa-hand-scissors { --fa: "\f257"; } .fa-hands-praying { --fa: "\f684"; } .fa-praying-hands { --fa: "\f684"; } .fa-arrow-rotate-right { --fa: "\f01e"; } .fa-arrow-right-rotate { --fa: "\f01e"; } .fa-arrow-rotate-forward { --fa: "\f01e"; } .fa-redo { --fa: "\f01e"; } .fa-biohazard { --fa: "\f780"; } .fa-location-crosshairs { --fa: "\f601"; } .fa-location { --fa: "\f601"; } .fa-mars-double { --fa: "\f227"; } .fa-child-dress { --fa: "\e59c"; } .fa-users-between-lines { --fa: "\e591"; } .fa-lungs-virus { --fa: "\e067"; } .fa-face-grin-tears { --fa: "\f588"; } .fa-grin-tears { --fa: "\f588"; } .fa-phone { --fa: "\f095"; } .fa-calendar-xmark { --fa: "\f273"; } .fa-calendar-times { --fa: "\f273"; } .fa-child-reaching { --fa: "\e59d"; } .fa-head-side-virus { --fa: "\e064"; } .fa-user-gear { --fa: "\f4fe"; } .fa-user-cog { --fa: "\f4fe"; } .fa-arrow-up-1-9 { --fa: "\f163"; } .fa-sort-numeric-up { --fa: "\f163"; } .fa-door-closed { --fa: "\f52a"; } .fa-shield-virus { --fa: "\e06c"; } .fa-dice-six { --fa: "\f526"; } .fa-mosquito-net { --fa: "\e52c"; } .fa-file-fragment { --fa: "\e697"; } .fa-bridge-water { --fa: "\e4ce"; } .fa-person-booth { --fa: "\f756"; } .fa-text-width { --fa: "\f035"; } .fa-hat-wizard { --fa: "\f6e8"; } .fa-pen-fancy { --fa: "\f5ac"; } .fa-person-digging { --fa: "\f85e"; } .fa-digging { --fa: "\f85e"; } .fa-trash { --fa: "\f1f8"; } .fa-gauge-simple { --fa: "\f629"; } .fa-gauge-simple-med { --fa: "\f629"; } .fa-tachometer-average { --fa: "\f629"; } .fa-book-medical { --fa: "\f7e6"; } .fa-poo { --fa: "\f2fe"; } .fa-quote-right { --fa: "\f10e"; } .fa-quote-right-alt { --fa: "\f10e"; } .fa-shirt { --fa: "\f553"; } .fa-t-shirt { --fa: "\f553"; } .fa-tshirt { --fa: "\f553"; } .fa-cubes { --fa: "\f1b3"; } .fa-divide { --fa: "\f529"; } .fa-tenge-sign { --fa: "\f7d7"; } .fa-tenge { --fa: "\f7d7"; } .fa-headphones { --fa: "\f025"; } .fa-hands-holding { --fa: "\f4c2"; } .fa-hands-clapping { --fa: "\e1a8"; } .fa-republican { --fa: "\f75e"; } .fa-arrow-left { --fa: "\f060"; } .fa-person-circle-xmark { --fa: "\e543"; } .fa-ruler { --fa: "\f545"; } .fa-align-left { --fa: "\f036"; } .fa-dice-d6 { --fa: "\f6d1"; } .fa-restroom { --fa: "\f7bd"; } .fa-j { --fa: "J"; } .fa-users-viewfinder { --fa: "\e595"; } .fa-file-video { --fa: "\f1c8"; } .fa-up-right-from-square { --fa: "\f35d"; } .fa-external-link-alt { --fa: "\f35d"; } .fa-table-cells { --fa: "\f00a"; } .fa-th { --fa: "\f00a"; } .fa-file-pdf { --fa: "\f1c1"; } .fa-book-bible { --fa: "\f647"; } .fa-bible { --fa: "\f647"; } .fa-o { --fa: "O"; } .fa-suitcase-medical { --fa: "\f0fa"; } .fa-medkit { --fa: "\f0fa"; } .fa-user-secret { --fa: "\f21b"; } .fa-otter { --fa: "\f700"; } .fa-person-dress { --fa: "\f182"; } .fa-female { --fa: "\f182"; } .fa-comment-dollar { --fa: "\f651"; } .fa-business-time { --fa: "\f64a"; } .fa-briefcase-clock { --fa: "\f64a"; } .fa-table-cells-large { --fa: "\f009"; } .fa-th-large { --fa: "\f009"; } .fa-book-tanakh { --fa: "\f827"; } .fa-tanakh { --fa: "\f827"; } .fa-phone-volume { --fa: "\f2a0"; } .fa-volume-control-phone { --fa: "\f2a0"; } .fa-hat-cowboy-side { --fa: "\f8c1"; } .fa-clipboard-user { --fa: "\f7f3"; } .fa-child { --fa: "\f1ae"; } .fa-lira-sign { --fa: "\f195"; } .fa-satellite { --fa: "\f7bf"; } .fa-plane-lock { --fa: "\e558"; } .fa-tag { --fa: "\f02b"; } .fa-comment { --fa: "\f075"; } .fa-cake-candles { --fa: "\f1fd"; } .fa-birthday-cake { --fa: "\f1fd"; } .fa-cake { --fa: "\f1fd"; } .fa-envelope { --fa: "\f0e0"; } .fa-angles-up { --fa: "\f102"; } .fa-angle-double-up { --fa: "\f102"; } .fa-paperclip { --fa: "\f0c6"; } .fa-arrow-right-to-city { --fa: "\e4b3"; } .fa-ribbon { --fa: "\f4d6"; } .fa-lungs { --fa: "\f604"; } .fa-arrow-up-9-1 { --fa: "\f887"; } .fa-sort-numeric-up-alt { --fa: "\f887"; } .fa-litecoin-sign { --fa: "\e1d3"; } .fa-border-none { --fa: "\f850"; } .fa-circle-nodes { --fa: "\e4e2"; } .fa-parachute-box { --fa: "\f4cd"; } .fa-indent { --fa: "\f03c"; } .fa-truck-field-un { --fa: "\e58e"; } .fa-hourglass { --fa: "\f254"; } .fa-hourglass-empty { --fa: "\f254"; } .fa-mountain { --fa: "\f6fc"; } .fa-user-doctor { --fa: "\f0f0"; } .fa-user-md { --fa: "\f0f0"; } .fa-circle-info { --fa: "\f05a"; } .fa-info-circle { --fa: "\f05a"; } .fa-cloud-meatball { --fa: "\f73b"; } .fa-camera { --fa: "\f030"; } .fa-camera-alt { --fa: "\f030"; } .fa-square-virus { --fa: "\e578"; } .fa-meteor { --fa: "\f753"; } .fa-car-on { --fa: "\e4dd"; } .fa-sleigh { --fa: "\f7cc"; } .fa-arrow-down-1-9 { --fa: "\f162"; } .fa-sort-numeric-asc { --fa: "\f162"; } .fa-sort-numeric-down { --fa: "\f162"; } .fa-hand-holding-droplet { --fa: "\f4c1"; } .fa-hand-holding-water { --fa: "\f4c1"; } .fa-water { --fa: "\f773"; } .fa-calendar-check { --fa: "\f274"; } .fa-braille { --fa: "\f2a1"; } .fa-prescription-bottle-medical { --fa: "\f486"; } .fa-prescription-bottle-alt { --fa: "\f486"; } .fa-landmark { --fa: "\f66f"; } .fa-truck { --fa: "\f0d1"; } .fa-crosshairs { --fa: "\f05b"; } .fa-person-cane { --fa: "\e53c"; } .fa-tent { --fa: "\e57d"; } .fa-vest-patches { --fa: "\e086"; } .fa-check-double { --fa: "\f560"; } .fa-arrow-down-a-z { --fa: "\f15d"; } .fa-sort-alpha-asc { --fa: "\f15d"; } .fa-sort-alpha-down { --fa: "\f15d"; } .fa-money-bill-wheat { --fa: "\e52a"; } .fa-cookie { --fa: "\f563"; } .fa-arrow-rotate-left { --fa: "\f0e2"; } .fa-arrow-left-rotate { --fa: "\f0e2"; } .fa-arrow-rotate-back { --fa: "\f0e2"; } .fa-arrow-rotate-backward { --fa: "\f0e2"; } .fa-undo { --fa: "\f0e2"; } .fa-hard-drive { --fa: "\f0a0"; } .fa-hdd { --fa: "\f0a0"; } .fa-face-grin-squint-tears { --fa: "\f586"; } .fa-grin-squint-tears { --fa: "\f586"; } .fa-dumbbell { --fa: "\f44b"; } .fa-rectangle-list { --fa: "\f022"; } .fa-list-alt { --fa: "\f022"; } .fa-tarp-droplet { --fa: "\e57c"; } .fa-house-medical-circle-check { --fa: "\e511"; } .fa-person-skiing-nordic { --fa: "\f7ca"; } .fa-skiing-nordic { --fa: "\f7ca"; } .fa-calendar-plus { --fa: "\f271"; } .fa-plane-arrival { --fa: "\f5af"; } .fa-circle-left { --fa: "\f359"; } .fa-arrow-alt-circle-left { --fa: "\f359"; } .fa-train-subway { --fa: "\f239"; } .fa-subway { --fa: "\f239"; } .fa-chart-gantt { --fa: "\e0e4"; } .fa-indian-rupee-sign { --fa: "\e1bc"; } .fa-indian-rupee { --fa: "\e1bc"; } .fa-inr { --fa: "\e1bc"; } .fa-crop-simple { --fa: "\f565"; } .fa-crop-alt { --fa: "\f565"; } .fa-money-bill-1 { --fa: "\f3d1"; } .fa-money-bill-alt { --fa: "\f3d1"; } .fa-left-long { --fa: "\f30a"; } .fa-long-arrow-alt-left { --fa: "\f30a"; } .fa-dna { --fa: "\f471"; } .fa-virus-slash { --fa: "\e075"; } .fa-minus { --fa: "\f068"; } .fa-subtract { --fa: "\f068"; } .fa-chess { --fa: "\f439"; } .fa-arrow-left-long { --fa: "\f177"; } .fa-long-arrow-left { --fa: "\f177"; } .fa-plug-circle-check { --fa: "\e55c"; } .fa-street-view { --fa: "\f21d"; } .fa-franc-sign { --fa: "\e18f"; } .fa-volume-off { --fa: "\f026"; } .fa-hands-asl-interpreting { --fa: "\f2a3"; } .fa-american-sign-language-interpreting { --fa: "\f2a3"; } .fa-asl-interpreting { --fa: "\f2a3"; } .fa-hands-american-sign-language-interpreting { --fa: "\f2a3"; } .fa-gear { --fa: "\f013"; } .fa-cog { --fa: "\f013"; } .fa-droplet-slash { --fa: "\f5c7"; } .fa-tint-slash { --fa: "\f5c7"; } .fa-mosque { --fa: "\f678"; } .fa-mosquito { --fa: "\e52b"; } .fa-star-of-david { --fa: "\f69a"; } .fa-person-military-rifle { --fa: "\e54b"; } .fa-cart-shopping { --fa: "\f07a"; } .fa-shopping-cart { --fa: "\f07a"; } .fa-vials { --fa: "\f493"; } .fa-plug-circle-plus { --fa: "\e55f"; } .fa-place-of-worship { --fa: "\f67f"; } .fa-grip-vertical { --fa: "\f58e"; } .fa-hexagon-nodes { --fa: "\e699"; } .fa-arrow-turn-up { --fa: "\f148"; } .fa-level-up { --fa: "\f148"; } .fa-u { --fa: "U"; } .fa-square-root-variable { --fa: "\f698"; } .fa-square-root-alt { --fa: "\f698"; } .fa-clock { --fa: "\f017"; } .fa-clock-four { --fa: "\f017"; } .fa-backward-step { --fa: "\f048"; } .fa-step-backward { --fa: "\f048"; } .fa-pallet { --fa: "\f482"; } .fa-faucet { --fa: "\e005"; } .fa-baseball-bat-ball { --fa: "\f432"; } .fa-s { --fa: "S"; } .fa-timeline { --fa: "\e29c"; } .fa-keyboard { --fa: "\f11c"; } .fa-caret-down { --fa: "\f0d7"; } .fa-house-chimney-medical { --fa: "\f7f2"; } .fa-clinic-medical { --fa: "\f7f2"; } .fa-temperature-three-quarters { --fa: "\f2c8"; } .fa-temperature-3 { --fa: "\f2c8"; } .fa-thermometer-3 { --fa: "\f2c8"; } .fa-thermometer-three-quarters { --fa: "\f2c8"; } .fa-mobile-screen { --fa: "\f3cf"; } .fa-mobile-android-alt { --fa: "\f3cf"; } .fa-plane-up { --fa: "\e22d"; } .fa-piggy-bank { --fa: "\f4d3"; } .fa-battery-half { --fa: "\f242"; } .fa-battery-3 { --fa: "\f242"; } .fa-mountain-city { --fa: "\e52e"; } .fa-coins { --fa: "\f51e"; } .fa-khanda { --fa: "\f66d"; } .fa-sliders { --fa: "\f1de"; } .fa-sliders-h { --fa: "\f1de"; } .fa-folder-tree { --fa: "\f802"; } .fa-network-wired { --fa: "\f6ff"; } .fa-map-pin { --fa: "\f276"; } .fa-hamsa { --fa: "\f665"; } .fa-cent-sign { --fa: "\e3f5"; } .fa-flask { --fa: "\f0c3"; } .fa-person-pregnant { --fa: "\e31e"; } .fa-wand-sparkles { --fa: "\f72b"; } .fa-ellipsis-vertical { --fa: "\f142"; } .fa-ellipsis-v { --fa: "\f142"; } .fa-ticket { --fa: "\f145"; } .fa-power-off { --fa: "\f011"; } .fa-right-long { --fa: "\f30b"; } .fa-long-arrow-alt-right { --fa: "\f30b"; } .fa-flag-usa { --fa: "\f74d"; } .fa-laptop-file { --fa: "\e51d"; } .fa-tty { --fa: "\f1e4"; } .fa-teletype { --fa: "\f1e4"; } .fa-diagram-next { --fa: "\e476"; } .fa-person-rifle { --fa: "\e54e"; } .fa-house-medical-circle-exclamation { --fa: "\e512"; } .fa-closed-captioning { --fa: "\f20a"; } .fa-person-hiking { --fa: "\f6ec"; } .fa-hiking { --fa: "\f6ec"; } .fa-venus-double { --fa: "\f226"; } .fa-images { --fa: "\f302"; } .fa-calculator { --fa: "\f1ec"; } .fa-people-pulling { --fa: "\e535"; } .fa-n { --fa: "N"; } .fa-cable-car { --fa: "\f7da"; } .fa-tram { --fa: "\f7da"; } .fa-cloud-rain { --fa: "\f73d"; } .fa-building-circle-xmark { --fa: "\e4d4"; } .fa-ship { --fa: "\f21a"; } .fa-arrows-down-to-line { --fa: "\e4b8"; } .fa-download { --fa: "\f019"; } .fa-face-grin { --fa: "\f580"; } .fa-grin { --fa: "\f580"; } .fa-delete-left { --fa: "\f55a"; } .fa-backspace { --fa: "\f55a"; } .fa-eye-dropper { --fa: "\f1fb"; } .fa-eye-dropper-empty { --fa: "\f1fb"; } .fa-eyedropper { --fa: "\f1fb"; } .fa-file-circle-check { --fa: "\e5a0"; } .fa-forward { --fa: "\f04e"; } .fa-mobile { --fa: "\f3ce"; } .fa-mobile-android { --fa: "\f3ce"; } .fa-mobile-phone { --fa: "\f3ce"; } .fa-face-meh { --fa: "\f11a"; } .fa-meh { --fa: "\f11a"; } .fa-align-center { --fa: "\f037"; } .fa-book-skull { --fa: "\f6b7"; } .fa-book-dead { --fa: "\f6b7"; } .fa-id-card { --fa: "\f2c2"; } .fa-drivers-license { --fa: "\f2c2"; } .fa-outdent { --fa: "\f03b"; } .fa-dedent { --fa: "\f03b"; } .fa-heart-circle-exclamation { --fa: "\e4fe"; } .fa-house { --fa: "\f015"; } .fa-home { --fa: "\f015"; } .fa-home-alt { --fa: "\f015"; } .fa-home-lg-alt { --fa: "\f015"; } .fa-calendar-week { --fa: "\f784"; } .fa-laptop-medical { --fa: "\f812"; } .fa-b { --fa: "B"; } .fa-file-medical { --fa: "\f477"; } .fa-dice-one { --fa: "\f525"; } .fa-kiwi-bird { --fa: "\f535"; } .fa-arrow-right-arrow-left { --fa: "\f0ec"; } .fa-exchange { --fa: "\f0ec"; } .fa-rotate-right { --fa: "\f2f9"; } .fa-redo-alt { --fa: "\f2f9"; } .fa-rotate-forward { --fa: "\f2f9"; } .fa-utensils { --fa: "\f2e7"; } .fa-cutlery { --fa: "\f2e7"; } .fa-arrow-up-wide-short { --fa: "\f161"; } .fa-sort-amount-up { --fa: "\f161"; } .fa-mill-sign { --fa: "\e1ed"; } .fa-bowl-rice { --fa: "\e2eb"; } .fa-skull { --fa: "\f54c"; } .fa-tower-broadcast { --fa: "\f519"; } .fa-broadcast-tower { --fa: "\f519"; } .fa-truck-pickup { --fa: "\f63c"; } .fa-up-long { --fa: "\f30c"; } .fa-long-arrow-alt-up { --fa: "\f30c"; } .fa-stop { --fa: "\f04d"; } .fa-code-merge { --fa: "\f387"; } .fa-upload { --fa: "\f093"; } .fa-hurricane { --fa: "\f751"; } .fa-mound { --fa: "\e52d"; } .fa-toilet-portable { --fa: "\e583"; } .fa-compact-disc { --fa: "\f51f"; } .fa-file-arrow-down { --fa: "\f56d"; } .fa-file-download { --fa: "\f56d"; } .fa-caravan { --fa: "\f8ff"; } .fa-shield-cat { --fa: "\e572"; } .fa-bolt { --fa: "\f0e7"; } .fa-zap { --fa: "\f0e7"; } .fa-glass-water { --fa: "\e4f4"; } .fa-oil-well { --fa: "\e532"; } .fa-vault { --fa: "\e2c5"; } .fa-mars { --fa: "\f222"; } .fa-toilet { --fa: "\f7d8"; } .fa-plane-circle-xmark { --fa: "\e557"; } .fa-yen-sign { --fa: "\f157"; } .fa-cny { --fa: "\f157"; } .fa-jpy { --fa: "\f157"; } .fa-rmb { --fa: "\f157"; } .fa-yen { --fa: "\f157"; } .fa-ruble-sign { --fa: "\f158"; } .fa-rouble { --fa: "\f158"; } .fa-rub { --fa: "\f158"; } .fa-ruble { --fa: "\f158"; } .fa-sun { --fa: "\f185"; } .fa-guitar { --fa: "\f7a6"; } .fa-face-laugh-wink { --fa: "\f59c"; } .fa-laugh-wink { --fa: "\f59c"; } .fa-horse-head { --fa: "\f7ab"; } .fa-bore-hole { --fa: "\e4c3"; } .fa-industry { --fa: "\f275"; } .fa-circle-down { --fa: "\f358"; } .fa-arrow-alt-circle-down { --fa: "\f358"; } .fa-arrows-turn-to-dots { --fa: "\e4c1"; } .fa-florin-sign { --fa: "\e184"; } .fa-arrow-down-short-wide { --fa: "\f884"; } .fa-sort-amount-desc { --fa: "\f884"; } .fa-sort-amount-down-alt { --fa: "\f884"; } .fa-less-than { --fa: "\<"; } .fa-angle-down { --fa: "\f107"; } .fa-car-tunnel { --fa: "\e4de"; } .fa-head-side-cough { --fa: "\e061"; } .fa-grip-lines { --fa: "\f7a4"; } .fa-thumbs-down { --fa: "\f165"; } .fa-user-lock { --fa: "\f502"; } .fa-arrow-right-long { --fa: "\f178"; } .fa-long-arrow-right { --fa: "\f178"; } .fa-anchor-circle-xmark { --fa: "\e4ac"; } .fa-ellipsis { --fa: "\f141"; } .fa-ellipsis-h { --fa: "\f141"; } .fa-chess-pawn { --fa: "\f443"; } .fa-kit-medical { --fa: "\f479"; } .fa-first-aid { --fa: "\f479"; } .fa-person-through-window { --fa: "\e5a9"; } .fa-toolbox { --fa: "\f552"; } .fa-hands-holding-circle { --fa: "\e4fb"; } .fa-bug { --fa: "\f188"; } .fa-credit-card { --fa: "\f09d"; } .fa-credit-card-alt { --fa: "\f09d"; } .fa-car { --fa: "\f1b9"; } .fa-automobile { --fa: "\f1b9"; } .fa-hand-holding-hand { --fa: "\e4f7"; } .fa-book-open-reader { --fa: "\f5da"; } .fa-book-reader { --fa: "\f5da"; } .fa-mountain-sun { --fa: "\e52f"; } .fa-arrows-left-right-to-line { --fa: "\e4ba"; } .fa-dice-d20 { --fa: "\f6cf"; } .fa-truck-droplet { --fa: "\e58c"; } .fa-file-circle-xmark { --fa: "\e5a1"; } .fa-temperature-arrow-up { --fa: "\e040"; } .fa-temperature-up { --fa: "\e040"; } .fa-medal { --fa: "\f5a2"; } .fa-bed { --fa: "\f236"; } .fa-square-h { --fa: "\f0fd"; } .fa-h-square { --fa: "\f0fd"; } .fa-podcast { --fa: "\f2ce"; } .fa-temperature-full { --fa: "\f2c7"; } .fa-temperature-4 { --fa: "\f2c7"; } .fa-thermometer-4 { --fa: "\f2c7"; } .fa-thermometer-full { --fa: "\f2c7"; } .fa-bell { --fa: "\f0f3"; } .fa-superscript { --fa: "\f12b"; } .fa-plug-circle-xmark { --fa: "\e560"; } .fa-star-of-life { --fa: "\f621"; } .fa-phone-slash { --fa: "\f3dd"; } .fa-paint-roller { --fa: "\f5aa"; } .fa-handshake-angle { --fa: "\f4c4"; } .fa-hands-helping { --fa: "\f4c4"; } .fa-location-dot { --fa: "\f3c5"; } .fa-map-marker-alt { --fa: "\f3c5"; } .fa-file { --fa: "\f15b"; } .fa-greater-than { --fa: "\>"; } .fa-person-swimming { --fa: "\f5c4"; } .fa-swimmer { --fa: "\f5c4"; } .fa-arrow-down { --fa: "\f063"; } .fa-droplet { --fa: "\f043"; } .fa-tint { --fa: "\f043"; } .fa-eraser { --fa: "\f12d"; } .fa-earth-americas { --fa: "\f57d"; } .fa-earth { --fa: "\f57d"; } .fa-earth-america { --fa: "\f57d"; } .fa-globe-americas { --fa: "\f57d"; } .fa-person-burst { --fa: "\e53b"; } .fa-dove { --fa: "\f4ba"; } .fa-battery-empty { --fa: "\f244"; } .fa-battery-0 { --fa: "\f244"; } .fa-socks { --fa: "\f696"; } .fa-inbox { --fa: "\f01c"; } .fa-section { --fa: "\e447"; } .fa-gauge-high { --fa: "\f625"; } .fa-tachometer-alt { --fa: "\f625"; } .fa-tachometer-alt-fast { --fa: "\f625"; } .fa-envelope-open-text { --fa: "\f658"; } .fa-hospital { --fa: "\f0f8"; } .fa-hospital-alt { --fa: "\f0f8"; } .fa-hospital-wide { --fa: "\f0f8"; } .fa-wine-bottle { --fa: "\f72f"; } .fa-chess-rook { --fa: "\f447"; } .fa-bars-staggered { --fa: "\f550"; } .fa-reorder { --fa: "\f550"; } .fa-stream { --fa: "\f550"; } .fa-dharmachakra { --fa: "\f655"; } .fa-hotdog { --fa: "\f80f"; } .fa-person-walking-with-cane { --fa: "\f29d"; } .fa-blind { --fa: "\f29d"; } .fa-drum { --fa: "\f569"; } .fa-ice-cream { --fa: "\f810"; } .fa-heart-circle-bolt { --fa: "\e4fc"; } .fa-fax { --fa: "\f1ac"; } .fa-paragraph { --fa: "\f1dd"; } .fa-check-to-slot { --fa: "\f772"; } .fa-vote-yea { --fa: "\f772"; } .fa-star-half { --fa: "\f089"; } .fa-boxes-stacked { --fa: "\f468"; } .fa-boxes { --fa: "\f468"; } .fa-boxes-alt { --fa: "\f468"; } .fa-link { --fa: "\f0c1"; } .fa-chain { --fa: "\f0c1"; } .fa-ear-listen { --fa: "\f2a2"; } .fa-assistive-listening-systems { --fa: "\f2a2"; } .fa-tree-city { --fa: "\e587"; } .fa-play { --fa: "\f04b"; } .fa-font { --fa: "\f031"; } .fa-table-cells-row-lock { --fa: "\e67a"; } .fa-rupiah-sign { --fa: "\e23d"; } .fa-magnifying-glass { --fa: "\f002"; } .fa-search { --fa: "\f002"; } .fa-table-tennis-paddle-ball { --fa: "\f45d"; } .fa-ping-pong-paddle-ball { --fa: "\f45d"; } .fa-table-tennis { --fa: "\f45d"; } .fa-person-dots-from-line { --fa: "\f470"; } .fa-diagnoses { --fa: "\f470"; } .fa-trash-can-arrow-up { --fa: "\f82a"; } .fa-trash-restore-alt { --fa: "\f82a"; } .fa-naira-sign { --fa: "\e1f6"; } .fa-cart-arrow-down { --fa: "\f218"; } .fa-walkie-talkie { --fa: "\f8ef"; } .fa-file-pen { --fa: "\f31c"; } .fa-file-edit { --fa: "\f31c"; } .fa-receipt { --fa: "\f543"; } .fa-square-pen { --fa: "\f14b"; } .fa-pen-square { --fa: "\f14b"; } .fa-pencil-square { --fa: "\f14b"; } .fa-suitcase-rolling { --fa: "\f5c1"; } .fa-person-circle-exclamation { --fa: "\e53f"; } .fa-chevron-down { --fa: "\f078"; } .fa-battery-full { --fa: "\f240"; } .fa-battery { --fa: "\f240"; } .fa-battery-5 { --fa: "\f240"; } .fa-skull-crossbones { --fa: "\f714"; } .fa-code-compare { --fa: "\e13a"; } .fa-list-ul { --fa: "\f0ca"; } .fa-list-dots { --fa: "\f0ca"; } .fa-school-lock { --fa: "\e56f"; } .fa-tower-cell { --fa: "\e585"; } .fa-down-long { --fa: "\f309"; } .fa-long-arrow-alt-down { --fa: "\f309"; } .fa-ranking-star { --fa: "\e561"; } .fa-chess-king { --fa: "\f43f"; } .fa-person-harassing { --fa: "\e549"; } .fa-brazilian-real-sign { --fa: "\e46c"; } .fa-landmark-dome { --fa: "\f752"; } .fa-landmark-alt { --fa: "\f752"; } .fa-arrow-up { --fa: "\f062"; } .fa-tv { --fa: "\f26c"; } .fa-television { --fa: "\f26c"; } .fa-tv-alt { --fa: "\f26c"; } .fa-shrimp { --fa: "\e448"; } .fa-list-check { --fa: "\f0ae"; } .fa-tasks { --fa: "\f0ae"; } .fa-jug-detergent { --fa: "\e519"; } .fa-circle-user { --fa: "\f2bd"; } .fa-user-circle { --fa: "\f2bd"; } .fa-user-shield { --fa: "\f505"; } .fa-wind { --fa: "\f72e"; } .fa-car-burst { --fa: "\f5e1"; } .fa-car-crash { --fa: "\f5e1"; } .fa-y { --fa: "Y"; } .fa-person-snowboarding { --fa: "\f7ce"; } .fa-snowboarding { --fa: "\f7ce"; } .fa-truck-fast { --fa: "\f48b"; } .fa-shipping-fast { --fa: "\f48b"; } .fa-fish { --fa: "\f578"; } .fa-user-graduate { --fa: "\f501"; } .fa-circle-half-stroke { --fa: "\f042"; } .fa-adjust { --fa: "\f042"; } .fa-clapperboard { --fa: "\e131"; } .fa-circle-radiation { --fa: "\f7ba"; } .fa-radiation-alt { --fa: "\f7ba"; } .fa-baseball { --fa: "\f433"; } .fa-baseball-ball { --fa: "\f433"; } .fa-jet-fighter-up { --fa: "\e518"; } .fa-diagram-project { --fa: "\f542"; } .fa-project-diagram { --fa: "\f542"; } .fa-copy { --fa: "\f0c5"; } .fa-volume-xmark { --fa: "\f6a9"; } .fa-volume-mute { --fa: "\f6a9"; } .fa-volume-times { --fa: "\f6a9"; } .fa-hand-sparkles { --fa: "\e05d"; } .fa-grip { --fa: "\f58d"; } .fa-grip-horizontal { --fa: "\f58d"; } .fa-share-from-square { --fa: "\f14d"; } .fa-share-square { --fa: "\f14d"; } .fa-child-combatant { --fa: "\e4e0"; } .fa-child-rifle { --fa: "\e4e0"; } .fa-gun { --fa: "\e19b"; } .fa-square-phone { --fa: "\f098"; } .fa-phone-square { --fa: "\f098"; } .fa-plus { --fa: "\+"; } .fa-add { --fa: "\+"; } .fa-expand { --fa: "\f065"; } .fa-computer { --fa: "\e4e5"; } .fa-xmark { --fa: "\f00d"; } .fa-close { --fa: "\f00d"; } .fa-multiply { --fa: "\f00d"; } .fa-remove { --fa: "\f00d"; } .fa-times { --fa: "\f00d"; } .fa-arrows-up-down-left-right { --fa: "\f047"; } .fa-arrows { --fa: "\f047"; } .fa-chalkboard-user { --fa: "\f51c"; } .fa-chalkboard-teacher { --fa: "\f51c"; } .fa-peso-sign { --fa: "\e222"; } .fa-building-shield { --fa: "\e4d8"; } .fa-baby { --fa: "\f77c"; } .fa-users-line { --fa: "\e592"; } .fa-quote-left { --fa: "\f10d"; } .fa-quote-left-alt { --fa: "\f10d"; } .fa-tractor { --fa: "\f722"; } .fa-trash-arrow-up { --fa: "\f829"; } .fa-trash-restore { --fa: "\f829"; } .fa-arrow-down-up-lock { --fa: "\e4b0"; } .fa-lines-leaning { --fa: "\e51e"; } .fa-ruler-combined { --fa: "\f546"; } .fa-copyright { --fa: "\f1f9"; } .fa-equals { --fa: "\="; } .fa-blender { --fa: "\f517"; } .fa-teeth { --fa: "\f62e"; } .fa-shekel-sign { --fa: "\f20b"; } .fa-ils { --fa: "\f20b"; } .fa-shekel { --fa: "\f20b"; } .fa-sheqel { --fa: "\f20b"; } .fa-sheqel-sign { --fa: "\f20b"; } .fa-map { --fa: "\f279"; } .fa-rocket { --fa: "\f135"; } .fa-photo-film { --fa: "\f87c"; } .fa-photo-video { --fa: "\f87c"; } .fa-folder-minus { --fa: "\f65d"; } .fa-hexagon-nodes-bolt { --fa: "\e69a"; } .fa-store { --fa: "\f54e"; } .fa-arrow-trend-up { --fa: "\e098"; } .fa-plug-circle-minus { --fa: "\e55e"; } .fa-sign-hanging { --fa: "\f4d9"; } .fa-sign { --fa: "\f4d9"; } .fa-bezier-curve { --fa: "\f55b"; } .fa-bell-slash { --fa: "\f1f6"; } .fa-tablet { --fa: "\f3fb"; } .fa-tablet-android { --fa: "\f3fb"; } .fa-school-flag { --fa: "\e56e"; } .fa-fill { --fa: "\f575"; } .fa-angle-up { --fa: "\f106"; } .fa-drumstick-bite { --fa: "\f6d7"; } .fa-holly-berry { --fa: "\f7aa"; } .fa-chevron-left { --fa: "\f053"; } .fa-bacteria { --fa: "\e059"; } .fa-hand-lizard { --fa: "\f258"; } .fa-notdef { --fa: "\e1fe"; } .fa-disease { --fa: "\f7fa"; } .fa-briefcase-medical { --fa: "\f469"; } .fa-genderless { --fa: "\f22d"; } .fa-chevron-right { --fa: "\f054"; } .fa-retweet { --fa: "\f079"; } .fa-car-rear { --fa: "\f5de"; } .fa-car-alt { --fa: "\f5de"; } .fa-pump-soap { --fa: "\e06b"; } .fa-video-slash { --fa: "\f4e2"; } .fa-battery-quarter { --fa: "\f243"; } .fa-battery-2 { --fa: "\f243"; } .fa-radio { --fa: "\f8d7"; } .fa-baby-carriage { --fa: "\f77d"; } .fa-carriage-baby { --fa: "\f77d"; } .fa-traffic-light { --fa: "\f637"; } .fa-thermometer { --fa: "\f491"; } .fa-vr-cardboard { --fa: "\f729"; } .fa-hand-middle-finger { --fa: "\f806"; } .fa-percent { --fa: "\%"; } .fa-percentage { --fa: "\%"; } .fa-truck-moving { --fa: "\f4df"; } .fa-glass-water-droplet { --fa: "\e4f5"; } .fa-display { --fa: "\e163"; } .fa-face-smile { --fa: "\f118"; } .fa-smile { --fa: "\f118"; } .fa-thumbtack { --fa: "\f08d"; } .fa-thumb-tack { --fa: "\f08d"; } .fa-trophy { --fa: "\f091"; } .fa-person-praying { --fa: "\f683"; } .fa-pray { --fa: "\f683"; } .fa-hammer { --fa: "\f6e3"; } .fa-hand-peace { --fa: "\f25b"; } .fa-rotate { --fa: "\f2f1"; } .fa-sync-alt { --fa: "\f2f1"; } .fa-spinner { --fa: "\f110"; } .fa-robot { --fa: "\f544"; } .fa-peace { --fa: "\f67c"; } .fa-gears { --fa: "\f085"; } .fa-cogs { --fa: "\f085"; } .fa-warehouse { --fa: "\f494"; } .fa-arrow-up-right-dots { --fa: "\e4b7"; } .fa-splotch { --fa: "\f5bc"; } .fa-face-grin-hearts { --fa: "\f584"; } .fa-grin-hearts { --fa: "\f584"; } .fa-dice-four { --fa: "\f524"; } .fa-sim-card { --fa: "\f7c4"; } .fa-transgender { --fa: "\f225"; } .fa-transgender-alt { --fa: "\f225"; } .fa-mercury { --fa: "\f223"; } .fa-arrow-turn-down { --fa: "\f149"; } .fa-level-down { --fa: "\f149"; } .fa-person-falling-burst { --fa: "\e547"; } .fa-award { --fa: "\f559"; } .fa-ticket-simple { --fa: "\f3ff"; } .fa-ticket-alt { --fa: "\f3ff"; } .fa-building { --fa: "\f1ad"; } .fa-angles-left { --fa: "\f100"; } .fa-angle-double-left { --fa: "\f100"; } .fa-qrcode { --fa: "\f029"; } .fa-clock-rotate-left { --fa: "\f1da"; } .fa-history { --fa: "\f1da"; } .fa-face-grin-beam-sweat { --fa: "\f583"; } .fa-grin-beam-sweat { --fa: "\f583"; } .fa-file-export { --fa: "\f56e"; } .fa-arrow-right-from-file { --fa: "\f56e"; } .fa-shield { --fa: "\f132"; } .fa-shield-blank { --fa: "\f132"; } .fa-arrow-up-short-wide { --fa: "\f885"; } .fa-sort-amount-up-alt { --fa: "\f885"; } .fa-comment-nodes { --fa: "\e696"; } .fa-house-medical { --fa: "\e3b2"; } .fa-golf-ball-tee { --fa: "\f450"; } .fa-golf-ball { --fa: "\f450"; } .fa-circle-chevron-left { --fa: "\f137"; } .fa-chevron-circle-left { --fa: "\f137"; } .fa-house-chimney-window { --fa: "\e00d"; } .fa-pen-nib { --fa: "\f5ad"; } .fa-tent-arrow-turn-left { --fa: "\e580"; } .fa-tents { --fa: "\e582"; } .fa-wand-magic { --fa: "\f0d0"; } .fa-magic { --fa: "\f0d0"; } .fa-dog { --fa: "\f6d3"; } .fa-carrot { --fa: "\f787"; } .fa-moon { --fa: "\f186"; } .fa-wine-glass-empty { --fa: "\f5ce"; } .fa-wine-glass-alt { --fa: "\f5ce"; } .fa-cheese { --fa: "\f7ef"; } .fa-yin-yang { --fa: "\f6ad"; } .fa-music { --fa: "\f001"; } .fa-code-commit { --fa: "\f386"; } .fa-temperature-low { --fa: "\f76b"; } .fa-person-biking { --fa: "\f84a"; } .fa-biking { --fa: "\f84a"; } .fa-broom { --fa: "\f51a"; } .fa-shield-heart { --fa: "\e574"; } .fa-gopuram { --fa: "\f664"; } .fa-earth-oceania { --fa: "\e47b"; } .fa-globe-oceania { --fa: "\e47b"; } .fa-square-xmark { --fa: "\f2d3"; } .fa-times-square { --fa: "\f2d3"; } .fa-xmark-square { --fa: "\f2d3"; } .fa-hashtag { --fa: "\#"; } .fa-up-right-and-down-left-from-center { --fa: "\f424"; } .fa-expand-alt { --fa: "\f424"; } .fa-oil-can { --fa: "\f613"; } .fa-t { --fa: "T"; } .fa-hippo { --fa: "\f6ed"; } .fa-chart-column { --fa: "\e0e3"; } .fa-infinity { --fa: "\f534"; } .fa-vial-circle-check { --fa: "\e596"; } .fa-person-arrow-down-to-line { --fa: "\e538"; } .fa-voicemail { --fa: "\f897"; } .fa-fan { --fa: "\f863"; } .fa-person-walking-luggage { --fa: "\e554"; } .fa-up-down { --fa: "\f338"; } .fa-arrows-alt-v { --fa: "\f338"; } .fa-cloud-moon-rain { --fa: "\f73c"; } .fa-calendar { --fa: "\f133"; } .fa-trailer { --fa: "\e041"; } .fa-bahai { --fa: "\f666"; } .fa-haykal { --fa: "\f666"; } .fa-sd-card { --fa: "\f7c2"; } .fa-dragon { --fa: "\f6d5"; } .fa-shoe-prints { --fa: "\f54b"; } .fa-circle-plus { --fa: "\f055"; } .fa-plus-circle { --fa: "\f055"; } .fa-face-grin-tongue-wink { --fa: "\f58b"; } .fa-grin-tongue-wink { --fa: "\f58b"; } .fa-hand-holding { --fa: "\f4bd"; } .fa-plug-circle-exclamation { --fa: "\e55d"; } .fa-link-slash { --fa: "\f127"; } .fa-chain-broken { --fa: "\f127"; } .fa-chain-slash { --fa: "\f127"; } .fa-unlink { --fa: "\f127"; } .fa-clone { --fa: "\f24d"; } .fa-person-walking-arrow-loop-left { --fa: "\e551"; } .fa-arrow-up-z-a { --fa: "\f882"; } .fa-sort-alpha-up-alt { --fa: "\f882"; } .fa-fire-flame-curved { --fa: "\f7e4"; } .fa-fire-alt { --fa: "\f7e4"; } .fa-tornado { --fa: "\f76f"; } .fa-file-circle-plus { --fa: "\e494"; } .fa-book-quran { --fa: "\f687"; } .fa-quran { --fa: "\f687"; } .fa-anchor { --fa: "\f13d"; } .fa-border-all { --fa: "\f84c"; } .fa-face-angry { --fa: "\f556"; } .fa-angry { --fa: "\f556"; } .fa-cookie-bite { --fa: "\f564"; } .fa-arrow-trend-down { --fa: "\e097"; } .fa-rss { --fa: "\f09e"; } .fa-feed { --fa: "\f09e"; } .fa-draw-polygon { --fa: "\f5ee"; } .fa-scale-balanced { --fa: "\f24e"; } .fa-balance-scale { --fa: "\f24e"; } .fa-gauge-simple-high { --fa: "\f62a"; } .fa-tachometer { --fa: "\f62a"; } .fa-tachometer-fast { --fa: "\f62a"; } .fa-shower { --fa: "\f2cc"; } .fa-desktop { --fa: "\f390"; } .fa-desktop-alt { --fa: "\f390"; } .fa-m { --fa: "M"; } .fa-table-list { --fa: "\f00b"; } .fa-th-list { --fa: "\f00b"; } .fa-comment-sms { --fa: "\f7cd"; } .fa-sms { --fa: "\f7cd"; } .fa-book { --fa: "\f02d"; } .fa-user-plus { --fa: "\f234"; } .fa-check { --fa: "\f00c"; } .fa-battery-three-quarters { --fa: "\f241"; } .fa-battery-4 { --fa: "\f241"; } .fa-house-circle-check { --fa: "\e509"; } .fa-angle-left { --fa: "\f104"; } .fa-diagram-successor { --fa: "\e47a"; } .fa-truck-arrow-right { --fa: "\e58b"; } .fa-arrows-split-up-and-left { --fa: "\e4bc"; } .fa-hand-fist { --fa: "\f6de"; } .fa-fist-raised { --fa: "\f6de"; } .fa-cloud-moon { --fa: "\f6c3"; } .fa-briefcase { --fa: "\f0b1"; } .fa-person-falling { --fa: "\e546"; } .fa-image-portrait { --fa: "\f3e0"; } .fa-portrait { --fa: "\f3e0"; } .fa-user-tag { --fa: "\f507"; } .fa-rug { --fa: "\e569"; } .fa-earth-europe { --fa: "\f7a2"; } .fa-globe-europe { --fa: "\f7a2"; } .fa-cart-flatbed-suitcase { --fa: "\f59d"; } .fa-luggage-cart { --fa: "\f59d"; } .fa-rectangle-xmark { --fa: "\f410"; } .fa-rectangle-times { --fa: "\f410"; } .fa-times-rectangle { --fa: "\f410"; } .fa-window-close { --fa: "\f410"; } .fa-baht-sign { --fa: "\e0ac"; } .fa-book-open { --fa: "\f518"; } .fa-book-journal-whills { --fa: "\f66a"; } .fa-journal-whills { --fa: "\f66a"; } .fa-handcuffs { --fa: "\e4f8"; } .fa-triangle-exclamation { --fa: "\f071"; } .fa-exclamation-triangle { --fa: "\f071"; } .fa-warning { --fa: "\f071"; } .fa-database { --fa: "\f1c0"; } .fa-share { --fa: "\f064"; } .fa-mail-forward { --fa: "\f064"; } .fa-bottle-droplet { --fa: "\e4c4"; } .fa-mask-face { --fa: "\e1d7"; } .fa-hill-rockslide { --fa: "\e508"; } .fa-right-left { --fa: "\f362"; } .fa-exchange-alt { --fa: "\f362"; } .fa-paper-plane { --fa: "\f1d8"; } .fa-road-circle-exclamation { --fa: "\e565"; } .fa-dungeon { --fa: "\f6d9"; } .fa-align-right { --fa: "\f038"; } .fa-money-bill-1-wave { --fa: "\f53b"; } .fa-money-bill-wave-alt { --fa: "\f53b"; } .fa-life-ring { --fa: "\f1cd"; } .fa-hands { --fa: "\f2a7"; } .fa-sign-language { --fa: "\f2a7"; } .fa-signing { --fa: "\f2a7"; } .fa-calendar-day { --fa: "\f783"; } .fa-water-ladder { --fa: "\f5c5"; } .fa-ladder-water { --fa: "\f5c5"; } .fa-swimming-pool { --fa: "\f5c5"; } .fa-arrows-up-down { --fa: "\f07d"; } .fa-arrows-v { --fa: "\f07d"; } .fa-face-grimace { --fa: "\f57f"; } .fa-grimace { --fa: "\f57f"; } .fa-wheelchair-move { --fa: "\e2ce"; } .fa-wheelchair-alt { --fa: "\e2ce"; } .fa-turn-down { --fa: "\f3be"; } .fa-level-down-alt { --fa: "\f3be"; } .fa-person-walking-arrow-right { --fa: "\e552"; } .fa-square-envelope { --fa: "\f199"; } .fa-envelope-square { --fa: "\f199"; } .fa-dice { --fa: "\f522"; } .fa-bowling-ball { --fa: "\f436"; } .fa-brain { --fa: "\f5dc"; } .fa-bandage { --fa: "\f462"; } .fa-band-aid { --fa: "\f462"; } .fa-calendar-minus { --fa: "\f272"; } .fa-circle-xmark { --fa: "\f057"; } .fa-times-circle { --fa: "\f057"; } .fa-xmark-circle { --fa: "\f057"; } .fa-gifts { --fa: "\f79c"; } .fa-hotel { --fa: "\f594"; } .fa-earth-asia { --fa: "\f57e"; } .fa-globe-asia { --fa: "\f57e"; } .fa-id-card-clip { --fa: "\f47f"; } .fa-id-card-alt { --fa: "\f47f"; } .fa-magnifying-glass-plus { --fa: "\f00e"; } .fa-search-plus { --fa: "\f00e"; } .fa-thumbs-up { --fa: "\f164"; } .fa-user-clock { --fa: "\f4fd"; } .fa-hand-dots { --fa: "\f461"; } .fa-allergies { --fa: "\f461"; } .fa-file-invoice { --fa: "\f570"; } .fa-window-minimize { --fa: "\f2d1"; } .fa-mug-saucer { --fa: "\f0f4"; } .fa-coffee { --fa: "\f0f4"; } .fa-brush { --fa: "\f55d"; } .fa-file-half-dashed { --fa: "\e698"; } .fa-mask { --fa: "\f6fa"; } .fa-magnifying-glass-minus { --fa: "\f010"; } .fa-search-minus { --fa: "\f010"; } .fa-ruler-vertical { --fa: "\f548"; } .fa-user-large { --fa: "\f406"; } .fa-user-alt { --fa: "\f406"; } .fa-train-tram { --fa: "\e5b4"; } .fa-user-nurse { --fa: "\f82f"; } .fa-syringe { --fa: "\f48e"; } .fa-cloud-sun { --fa: "\f6c4"; } .fa-stopwatch-20 { --fa: "\e06f"; } .fa-square-full { --fa: "\f45c"; } .fa-magnet { --fa: "\f076"; } .fa-jar { --fa: "\e516"; } .fa-note-sticky { --fa: "\f249"; } .fa-sticky-note { --fa: "\f249"; } .fa-bug-slash { --fa: "\e490"; } .fa-arrow-up-from-water-pump { --fa: "\e4b6"; } .fa-bone { --fa: "\f5d7"; } .fa-table-cells-row-unlock { --fa: "\e691"; } .fa-user-injured { --fa: "\f728"; } .fa-face-sad-tear { --fa: "\f5b4"; } .fa-sad-tear { --fa: "\f5b4"; } .fa-plane { --fa: "\f072"; } .fa-tent-arrows-down { --fa: "\e581"; } .fa-exclamation { --fa: "\!"; } .fa-arrows-spin { --fa: "\e4bb"; } .fa-print { --fa: "\f02f"; } .fa-turkish-lira-sign { --fa: "\e2bb"; } .fa-try { --fa: "\e2bb"; } .fa-turkish-lira { --fa: "\e2bb"; } .fa-dollar-sign { --fa: "\$"; } .fa-dollar { --fa: "\$"; } .fa-usd { --fa: "\$"; } .fa-x { --fa: "X"; } .fa-magnifying-glass-dollar { --fa: "\f688"; } .fa-search-dollar { --fa: "\f688"; } .fa-users-gear { --fa: "\f509"; } .fa-users-cog { --fa: "\f509"; } .fa-person-military-pointing { --fa: "\e54a"; } .fa-building-columns { --fa: "\f19c"; } .fa-bank { --fa: "\f19c"; } .fa-institution { --fa: "\f19c"; } .fa-museum { --fa: "\f19c"; } .fa-university { --fa: "\f19c"; } .fa-umbrella { --fa: "\f0e9"; } .fa-trowel { --fa: "\e589"; } .fa-d { --fa: "D"; } .fa-stapler { --fa: "\e5af"; } .fa-masks-theater { --fa: "\f630"; } .fa-theater-masks { --fa: "\f630"; } .fa-kip-sign { --fa: "\e1c4"; } .fa-hand-point-left { --fa: "\f0a5"; } .fa-handshake-simple { --fa: "\f4c6"; } .fa-handshake-alt { --fa: "\f4c6"; } .fa-jet-fighter { --fa: "\f0fb"; } .fa-fighter-jet { --fa: "\f0fb"; } .fa-square-share-nodes { --fa: "\f1e1"; } .fa-share-alt-square { --fa: "\f1e1"; } .fa-barcode { --fa: "\f02a"; } .fa-plus-minus { --fa: "\e43c"; } .fa-video { --fa: "\f03d"; } .fa-video-camera { --fa: "\f03d"; } .fa-graduation-cap { --fa: "\f19d"; } .fa-mortar-board { --fa: "\f19d"; } .fa-hand-holding-medical { --fa: "\e05c"; } .fa-person-circle-check { --fa: "\e53e"; } .fa-turn-up { --fa: "\f3bf"; } .fa-level-up-alt { --fa: "\f3bf"; } .fa-monero { --fa: "\f3d0"; } .fa-hooli { --fa: "\f427"; } .fa-yelp { --fa: "\f1e9"; } .fa-cc-visa { --fa: "\f1f0"; } .fa-lastfm { --fa: "\f202"; } .fa-shopware { --fa: "\f5b5"; } .fa-creative-commons-nc { --fa: "\f4e8"; } .fa-aws { --fa: "\f375"; } .fa-redhat { --fa: "\f7bc"; } .fa-yoast { --fa: "\f2b1"; } .fa-cloudflare { --fa: "\e07d"; } .fa-ups { --fa: "\f7e0"; } .fa-pixiv { --fa: "\e640"; } .fa-wpexplorer { --fa: "\f2de"; } .fa-dyalog { --fa: "\f399"; } .fa-bity { --fa: "\f37a"; } .fa-stackpath { --fa: "\f842"; } .fa-buysellads { --fa: "\f20d"; } .fa-first-order { --fa: "\f2b0"; } .fa-modx { --fa: "\f285"; } .fa-guilded { --fa: "\e07e"; } .fa-vnv { --fa: "\f40b"; } .fa-square-js { --fa: "\f3b9"; } .fa-js-square { --fa: "\f3b9"; } .fa-microsoft { --fa: "\f3ca"; } .fa-qq { --fa: "\f1d6"; } .fa-orcid { --fa: "\f8d2"; } .fa-java { --fa: "\f4e4"; } .fa-invision { --fa: "\f7b0"; } .fa-creative-commons-pd-alt { --fa: "\f4ed"; } .fa-centercode { --fa: "\f380"; } .fa-glide-g { --fa: "\f2a6"; } .fa-drupal { --fa: "\f1a9"; } .fa-jxl { --fa: "\e67b"; } .fa-dart-lang { --fa: "\e693"; } .fa-hire-a-helper { --fa: "\f3b0"; } .fa-creative-commons-by { --fa: "\f4e7"; } .fa-unity { --fa: "\e049"; } .fa-whmcs { --fa: "\f40d"; } .fa-rocketchat { --fa: "\f3e8"; } .fa-vk { --fa: "\f189"; } .fa-untappd { --fa: "\f405"; } .fa-mailchimp { --fa: "\f59e"; } .fa-css3-alt { --fa: "\f38b"; } .fa-square-reddit { --fa: "\f1a2"; } .fa-reddit-square { --fa: "\f1a2"; } .fa-vimeo-v { --fa: "\f27d"; } .fa-contao { --fa: "\f26d"; } .fa-square-font-awesome { --fa: "\e5ad"; } .fa-deskpro { --fa: "\f38f"; } .fa-brave { --fa: "\e63c"; } .fa-sistrix { --fa: "\f3ee"; } .fa-square-instagram { --fa: "\e055"; } .fa-instagram-square { --fa: "\e055"; } .fa-battle-net { --fa: "\f835"; } .fa-the-red-yeti { --fa: "\f69d"; } .fa-square-hacker-news { --fa: "\f3af"; } .fa-hacker-news-square { --fa: "\f3af"; } .fa-edge { --fa: "\f282"; } .fa-threads { --fa: "\e618"; } .fa-napster { --fa: "\f3d2"; } .fa-square-snapchat { --fa: "\f2ad"; } .fa-snapchat-square { --fa: "\f2ad"; } .fa-google-plus-g { --fa: "\f0d5"; } .fa-artstation { --fa: "\f77a"; } .fa-markdown { --fa: "\f60f"; } .fa-sourcetree { --fa: "\f7d3"; } .fa-google-plus { --fa: "\f2b3"; } .fa-diaspora { --fa: "\f791"; } .fa-foursquare { --fa: "\f180"; } .fa-stack-overflow { --fa: "\f16c"; } .fa-github-alt { --fa: "\f113"; } .fa-phoenix-squadron { --fa: "\f511"; } .fa-pagelines { --fa: "\f18c"; } .fa-algolia { --fa: "\f36c"; } .fa-red-river { --fa: "\f3e3"; } .fa-creative-commons-sa { --fa: "\f4ef"; } .fa-safari { --fa: "\f267"; } .fa-google { --fa: "\f1a0"; } .fa-square-font-awesome-stroke { --fa: "\f35c"; } .fa-font-awesome-alt { --fa: "\f35c"; } .fa-atlassian { --fa: "\f77b"; } .fa-linkedin-in { --fa: "\f0e1"; } .fa-digital-ocean { --fa: "\f391"; } .fa-nimblr { --fa: "\f5a8"; } .fa-chromecast { --fa: "\f838"; } .fa-evernote { --fa: "\f839"; } .fa-hacker-news { --fa: "\f1d4"; } .fa-creative-commons-sampling { --fa: "\f4f0"; } .fa-adversal { --fa: "\f36a"; } .fa-creative-commons { --fa: "\f25e"; } .fa-watchman-monitoring { --fa: "\e087"; } .fa-fonticons { --fa: "\f280"; } .fa-weixin { --fa: "\f1d7"; } .fa-shirtsinbulk { --fa: "\f214"; } .fa-codepen { --fa: "\f1cb"; } .fa-git-alt { --fa: "\f841"; } .fa-lyft { --fa: "\f3c3"; } .fa-rev { --fa: "\f5b2"; } .fa-windows { --fa: "\f17a"; } .fa-wizards-of-the-coast { --fa: "\f730"; } .fa-square-viadeo { --fa: "\f2aa"; } .fa-viadeo-square { --fa: "\f2aa"; } .fa-meetup { --fa: "\f2e0"; } .fa-centos { --fa: "\f789"; } .fa-adn { --fa: "\f170"; } .fa-cloudsmith { --fa: "\f384"; } .fa-opensuse { --fa: "\e62b"; } .fa-pied-piper-alt { --fa: "\f1a8"; } .fa-square-dribbble { --fa: "\f397"; } .fa-dribbble-square { --fa: "\f397"; } .fa-codiepie { --fa: "\f284"; } .fa-node { --fa: "\f419"; } .fa-mix { --fa: "\f3cb"; } .fa-steam { --fa: "\f1b6"; } .fa-cc-apple-pay { --fa: "\f416"; } .fa-scribd { --fa: "\f28a"; } .fa-debian { --fa: "\e60b"; } .fa-openid { --fa: "\f19b"; } .fa-instalod { --fa: "\e081"; } .fa-files-pinwheel { --fa: "\e69f"; } .fa-expeditedssl { --fa: "\f23e"; } .fa-sellcast { --fa: "\f2da"; } .fa-square-twitter { --fa: "\f081"; } .fa-twitter-square { --fa: "\f081"; } .fa-r-project { --fa: "\f4f7"; } .fa-delicious { --fa: "\f1a5"; } .fa-freebsd { --fa: "\f3a4"; } .fa-vuejs { --fa: "\f41f"; } .fa-accusoft { --fa: "\f369"; } .fa-ioxhost { --fa: "\f208"; } .fa-fonticons-fi { --fa: "\f3a2"; } .fa-app-store { --fa: "\f36f"; } .fa-cc-mastercard { --fa: "\f1f1"; } .fa-itunes-note { --fa: "\f3b5"; } .fa-golang { --fa: "\e40f"; } .fa-kickstarter { --fa: "\f3bb"; } .fa-square-kickstarter { --fa: "\f3bb"; } .fa-grav { --fa: "\f2d6"; } .fa-weibo { --fa: "\f18a"; } .fa-uncharted { --fa: "\e084"; } .fa-firstdraft { --fa: "\f3a1"; } .fa-square-youtube { --fa: "\f431"; } .fa-youtube-square { --fa: "\f431"; } .fa-wikipedia-w { --fa: "\f266"; } .fa-wpressr { --fa: "\f3e4"; } .fa-rendact { --fa: "\f3e4"; } .fa-angellist { --fa: "\f209"; } .fa-galactic-republic { --fa: "\f50c"; } .fa-nfc-directional { --fa: "\e530"; } .fa-skype { --fa: "\f17e"; } .fa-joget { --fa: "\f3b7"; } .fa-fedora { --fa: "\f798"; } .fa-stripe-s { --fa: "\f42a"; } .fa-meta { --fa: "\e49b"; } .fa-laravel { --fa: "\f3bd"; } .fa-hotjar { --fa: "\f3b1"; } .fa-bluetooth-b { --fa: "\f294"; } .fa-square-letterboxd { --fa: "\e62e"; } .fa-sticker-mule { --fa: "\f3f7"; } .fa-creative-commons-zero { --fa: "\f4f3"; } .fa-hips { --fa: "\f452"; } .fa-css { --fa: "\e6a2"; } .fa-behance { --fa: "\f1b4"; } .fa-reddit { --fa: "\f1a1"; } .fa-discord { --fa: "\f392"; } .fa-chrome { --fa: "\f268"; } .fa-app-store-ios { --fa: "\f370"; } .fa-cc-discover { --fa: "\f1f2"; } .fa-wpbeginner { --fa: "\f297"; } .fa-confluence { --fa: "\f78d"; } .fa-shoelace { --fa: "\e60c"; } .fa-mdb { --fa: "\f8ca"; } .fa-dochub { --fa: "\f394"; } .fa-accessible-icon { --fa: "\f368"; } .fa-ebay { --fa: "\f4f4"; } .fa-amazon { --fa: "\f270"; } .fa-unsplash { --fa: "\e07c"; } .fa-yarn { --fa: "\f7e3"; } .fa-square-steam { --fa: "\f1b7"; } .fa-steam-square { --fa: "\f1b7"; } .fa-500px { --fa: "\f26e"; } .fa-square-vimeo { --fa: "\f194"; } .fa-vimeo-square { --fa: "\f194"; } .fa-asymmetrik { --fa: "\f372"; } .fa-font-awesome { --fa: "\f2b4"; } .fa-font-awesome-flag { --fa: "\f2b4"; } .fa-font-awesome-logo-full { --fa: "\f2b4"; } .fa-gratipay { --fa: "\f184"; } .fa-apple { --fa: "\f179"; } .fa-hive { --fa: "\e07f"; } .fa-gitkraken { --fa: "\f3a6"; } .fa-keybase { --fa: "\f4f5"; } .fa-apple-pay { --fa: "\f415"; } .fa-padlet { --fa: "\e4a0"; } .fa-amazon-pay { --fa: "\f42c"; } .fa-square-github { --fa: "\f092"; } .fa-github-square { --fa: "\f092"; } .fa-stumbleupon { --fa: "\f1a4"; } .fa-fedex { --fa: "\f797"; } .fa-phoenix-framework { --fa: "\f3dc"; } .fa-shopify { --fa: "\e057"; } .fa-neos { --fa: "\f612"; } .fa-square-threads { --fa: "\e619"; } .fa-hackerrank { --fa: "\f5f7"; } .fa-researchgate { --fa: "\f4f8"; } .fa-swift { --fa: "\f8e1"; } .fa-angular { --fa: "\f420"; } .fa-speakap { --fa: "\f3f3"; } .fa-angrycreative { --fa: "\f36e"; } .fa-y-combinator { --fa: "\f23b"; } .fa-empire { --fa: "\f1d1"; } .fa-envira { --fa: "\f299"; } .fa-google-scholar { --fa: "\e63b"; } .fa-square-gitlab { --fa: "\e5ae"; } .fa-gitlab-square { --fa: "\e5ae"; } .fa-studiovinari { --fa: "\f3f8"; } .fa-pied-piper { --fa: "\f2ae"; } .fa-wordpress { --fa: "\f19a"; } .fa-product-hunt { --fa: "\f288"; } .fa-firefox { --fa: "\f269"; } .fa-linode { --fa: "\f2b8"; } .fa-goodreads { --fa: "\f3a8"; } .fa-square-odnoklassniki { --fa: "\f264"; } .fa-odnoklassniki-square { --fa: "\f264"; } .fa-jsfiddle { --fa: "\f1cc"; } .fa-sith { --fa: "\f512"; } .fa-themeisle { --fa: "\f2b2"; } .fa-page4 { --fa: "\f3d7"; } .fa-hashnode { --fa: "\e499"; } .fa-react { --fa: "\f41b"; } .fa-cc-paypal { --fa: "\f1f4"; } .fa-squarespace { --fa: "\f5be"; } .fa-cc-stripe { --fa: "\f1f5"; } .fa-creative-commons-share { --fa: "\f4f2"; } .fa-bitcoin { --fa: "\f379"; } .fa-keycdn { --fa: "\f3ba"; } .fa-opera { --fa: "\f26a"; } .fa-itch-io { --fa: "\f83a"; } .fa-umbraco { --fa: "\f8e8"; } .fa-galactic-senate { --fa: "\f50d"; } .fa-ubuntu { --fa: "\f7df"; } .fa-draft2digital { --fa: "\f396"; } .fa-stripe { --fa: "\f429"; } .fa-houzz { --fa: "\f27c"; } .fa-gg { --fa: "\f260"; } .fa-dhl { --fa: "\f790"; } .fa-square-pinterest { --fa: "\f0d3"; } .fa-pinterest-square { --fa: "\f0d3"; } .fa-xing { --fa: "\f168"; } .fa-blackberry { --fa: "\f37b"; } .fa-creative-commons-pd { --fa: "\f4ec"; } .fa-playstation { --fa: "\f3df"; } .fa-quinscape { --fa: "\f459"; } .fa-less { --fa: "\f41d"; } .fa-blogger-b { --fa: "\f37d"; } .fa-opencart { --fa: "\f23d"; } .fa-vine { --fa: "\f1ca"; } .fa-signal-messenger { --fa: "\e663"; } .fa-paypal { --fa: "\f1ed"; } .fa-gitlab { --fa: "\f296"; } .fa-typo3 { --fa: "\f42b"; } .fa-reddit-alien { --fa: "\f281"; } .fa-yahoo { --fa: "\f19e"; } .fa-dailymotion { --fa: "\e052"; } .fa-affiliatetheme { --fa: "\f36b"; } .fa-pied-piper-pp { --fa: "\f1a7"; } .fa-bootstrap { --fa: "\f836"; } .fa-odnoklassniki { --fa: "\f263"; } .fa-nfc-symbol { --fa: "\e531"; } .fa-mintbit { --fa: "\e62f"; } .fa-ethereum { --fa: "\f42e"; } .fa-speaker-deck { --fa: "\f83c"; } .fa-creative-commons-nc-eu { --fa: "\f4e9"; } .fa-patreon { --fa: "\f3d9"; } .fa-avianex { --fa: "\f374"; } .fa-ello { --fa: "\f5f1"; } .fa-gofore { --fa: "\f3a7"; } .fa-bimobject { --fa: "\f378"; } .fa-brave-reverse { --fa: "\e63d"; } .fa-facebook-f { --fa: "\f39e"; } .fa-square-google-plus { --fa: "\f0d4"; } .fa-google-plus-square { --fa: "\f0d4"; } .fa-web-awesome { --fa: "\e682"; } .fa-mandalorian { --fa: "\f50f"; } .fa-first-order-alt { --fa: "\f50a"; } .fa-osi { --fa: "\f41a"; } .fa-google-wallet { --fa: "\f1ee"; } .fa-d-and-d-beyond { --fa: "\f6ca"; } .fa-periscope { --fa: "\f3da"; } .fa-fulcrum { --fa: "\f50b"; } .fa-cloudscale { --fa: "\f383"; } .fa-forumbee { --fa: "\f211"; } .fa-mizuni { --fa: "\f3cc"; } .fa-schlix { --fa: "\f3ea"; } .fa-square-xing { --fa: "\f169"; } .fa-xing-square { --fa: "\f169"; } .fa-bandcamp { --fa: "\f2d5"; } .fa-wpforms { --fa: "\f298"; } .fa-cloudversify { --fa: "\f385"; } .fa-usps { --fa: "\f7e1"; } .fa-megaport { --fa: "\f5a3"; } .fa-magento { --fa: "\f3c4"; } .fa-spotify { --fa: "\f1bc"; } .fa-optin-monster { --fa: "\f23c"; } .fa-fly { --fa: "\f417"; } .fa-square-bluesky { --fa: "\e6a3"; } .fa-aviato { --fa: "\f421"; } .fa-itunes { --fa: "\f3b4"; } .fa-cuttlefish { --fa: "\f38c"; } .fa-blogger { --fa: "\f37c"; } .fa-flickr { --fa: "\f16e"; } .fa-viber { --fa: "\f409"; } .fa-soundcloud { --fa: "\f1be"; } .fa-digg { --fa: "\f1a6"; } .fa-tencent-weibo { --fa: "\f1d5"; } .fa-letterboxd { --fa: "\e62d"; } .fa-symfony { --fa: "\f83d"; } .fa-maxcdn { --fa: "\f136"; } .fa-etsy { --fa: "\f2d7"; } .fa-facebook-messenger { --fa: "\f39f"; } .fa-audible { --fa: "\f373"; } .fa-think-peaks { --fa: "\f731"; } .fa-bilibili { --fa: "\e3d9"; } .fa-erlang { --fa: "\f39d"; } .fa-x-twitter { --fa: "\e61b"; } .fa-cotton-bureau { --fa: "\f89e"; } .fa-dashcube { --fa: "\f210"; } .fa-42-group { --fa: "\e080"; } .fa-innosoft { --fa: "\e080"; } .fa-stack-exchange { --fa: "\f18d"; } .fa-elementor { --fa: "\f430"; } .fa-square-pied-piper { --fa: "\e01e"; } .fa-pied-piper-square { --fa: "\e01e"; } .fa-creative-commons-nd { --fa: "\f4eb"; } .fa-palfed { --fa: "\f3d8"; } .fa-superpowers { --fa: "\f2dd"; } .fa-resolving { --fa: "\f3e7"; } .fa-xbox { --fa: "\f412"; } .fa-square-web-awesome-stroke { --fa: "\e684"; } .fa-searchengin { --fa: "\f3eb"; } .fa-tiktok { --fa: "\e07b"; } .fa-square-facebook { --fa: "\f082"; } .fa-facebook-square { --fa: "\f082"; } .fa-renren { --fa: "\f18b"; } .fa-linux { --fa: "\f17c"; } .fa-glide { --fa: "\f2a5"; } .fa-linkedin { --fa: "\f08c"; } .fa-hubspot { --fa: "\f3b2"; } .fa-deploydog { --fa: "\f38e"; } .fa-twitch { --fa: "\f1e8"; } .fa-flutter { --fa: "\e694"; } .fa-ravelry { --fa: "\f2d9"; } .fa-mixer { --fa: "\e056"; } .fa-square-lastfm { --fa: "\f203"; } .fa-lastfm-square { --fa: "\f203"; } .fa-vimeo { --fa: "\f40a"; } .fa-mendeley { --fa: "\f7b3"; } .fa-uniregistry { --fa: "\f404"; } .fa-figma { --fa: "\f799"; } .fa-creative-commons-remix { --fa: "\f4ee"; } .fa-cc-amazon-pay { --fa: "\f42d"; } .fa-dropbox { --fa: "\f16b"; } .fa-instagram { --fa: "\f16d"; } .fa-cmplid { --fa: "\e360"; } .fa-upwork { --fa: "\e641"; } .fa-facebook { --fa: "\f09a"; } .fa-gripfire { --fa: "\f3ac"; } .fa-jedi-order { --fa: "\f50e"; } .fa-uikit { --fa: "\f403"; } .fa-fort-awesome-alt { --fa: "\f3a3"; } .fa-phabricator { --fa: "\f3db"; } .fa-ussunnah { --fa: "\f407"; } .fa-earlybirds { --fa: "\f39a"; } .fa-trade-federation { --fa: "\f513"; } .fa-autoprefixer { --fa: "\f41c"; } .fa-whatsapp { --fa: "\f232"; } .fa-square-upwork { --fa: "\e67c"; } .fa-slideshare { --fa: "\f1e7"; } .fa-google-play { --fa: "\f3ab"; } .fa-viadeo { --fa: "\f2a9"; } .fa-line { --fa: "\f3c0"; } .fa-google-drive { --fa: "\f3aa"; } .fa-servicestack { --fa: "\f3ec"; } .fa-simplybuilt { --fa: "\f215"; } .fa-bitbucket { --fa: "\f171"; } .fa-imdb { --fa: "\f2d8"; } .fa-deezer { --fa: "\e077"; } .fa-raspberry-pi { --fa: "\f7bb"; } .fa-jira { --fa: "\f7b1"; } .fa-docker { --fa: "\f395"; } .fa-screenpal { --fa: "\e570"; } .fa-bluetooth { --fa: "\f293"; } .fa-gitter { --fa: "\f426"; } .fa-d-and-d { --fa: "\f38d"; } .fa-microblog { --fa: "\e01a"; } .fa-cc-diners-club { --fa: "\f24c"; } .fa-gg-circle { --fa: "\f261"; } .fa-pied-piper-hat { --fa: "\f4e5"; } .fa-kickstarter-k { --fa: "\f3bc"; } .fa-yandex { --fa: "\f413"; } .fa-readme { --fa: "\f4d5"; } .fa-html5 { --fa: "\f13b"; } .fa-sellsy { --fa: "\f213"; } .fa-square-web-awesome { --fa: "\e683"; } .fa-sass { --fa: "\f41e"; } .fa-wirsindhandwerk { --fa: "\e2d0"; } .fa-wsh { --fa: "\e2d0"; } .fa-buromobelexperte { --fa: "\f37f"; } .fa-salesforce { --fa: "\f83b"; } .fa-octopus-deploy { --fa: "\e082"; } .fa-medapps { --fa: "\f3c6"; } .fa-ns8 { --fa: "\f3d5"; } .fa-pinterest-p { --fa: "\f231"; } .fa-apper { --fa: "\f371"; } .fa-fort-awesome { --fa: "\f286"; } .fa-waze { --fa: "\f83f"; } .fa-bluesky { --fa: "\e671"; } .fa-cc-jcb { --fa: "\f24b"; } .fa-snapchat { --fa: "\f2ab"; } .fa-snapchat-ghost { --fa: "\f2ab"; } .fa-fantasy-flight-games { --fa: "\f6dc"; } .fa-rust { --fa: "\e07a"; } .fa-wix { --fa: "\f5cf"; } .fa-square-behance { --fa: "\f1b5"; } .fa-behance-square { --fa: "\f1b5"; } .fa-supple { --fa: "\f3f9"; } .fa-webflow { --fa: "\e65c"; } .fa-rebel { --fa: "\f1d0"; } .fa-css3 { --fa: "\f13c"; } .fa-staylinked { --fa: "\f3f5"; } .fa-kaggle { --fa: "\f5fa"; } .fa-space-awesome { --fa: "\e5ac"; } .fa-deviantart { --fa: "\f1bd"; } .fa-cpanel { --fa: "\f388"; } .fa-goodreads-g { --fa: "\f3a9"; } .fa-square-git { --fa: "\f1d2"; } .fa-git-square { --fa: "\f1d2"; } .fa-square-tumblr { --fa: "\f174"; } .fa-tumblr-square { --fa: "\f174"; } .fa-trello { --fa: "\f181"; } .fa-creative-commons-nc-jp { --fa: "\f4ea"; } .fa-get-pocket { --fa: "\f265"; } .fa-perbyte { --fa: "\e083"; } .fa-grunt { --fa: "\f3ad"; } .fa-weebly { --fa: "\f5cc"; } .fa-connectdevelop { --fa: "\f20e"; } .fa-leanpub { --fa: "\f212"; } .fa-black-tie { --fa: "\f27e"; } .fa-themeco { --fa: "\f5c6"; } .fa-python { --fa: "\f3e2"; } .fa-android { --fa: "\f17b"; } .fa-bots { --fa: "\e340"; } .fa-free-code-camp { --fa: "\f2c5"; } .fa-hornbill { --fa: "\f592"; } .fa-js { --fa: "\f3b8"; } .fa-ideal { --fa: "\e013"; } .fa-git { --fa: "\f1d3"; } .fa-dev { --fa: "\f6cc"; } .fa-sketch { --fa: "\f7c6"; } .fa-yandex-international { --fa: "\f414"; } .fa-cc-amex { --fa: "\f1f3"; } .fa-uber { --fa: "\f402"; } .fa-github { --fa: "\f09b"; } .fa-php { --fa: "\f457"; } .fa-alipay { --fa: "\f642"; } .fa-youtube { --fa: "\f167"; } .fa-skyatlas { --fa: "\f216"; } .fa-firefox-browser { --fa: "\e007"; } .fa-replyd { --fa: "\f3e6"; } .fa-suse { --fa: "\f7d6"; } .fa-jenkins { --fa: "\f3b6"; } .fa-twitter { --fa: "\f099"; } .fa-rockrms { --fa: "\f3e9"; } .fa-pinterest { --fa: "\f0d2"; } .fa-buffer { --fa: "\f837"; } .fa-npm { --fa: "\f3d4"; } .fa-yammer { --fa: "\f840"; } .fa-btc { --fa: "\f15a"; } .fa-dribbble { --fa: "\f17d"; } .fa-stumbleupon-circle { --fa: "\f1a3"; } .fa-internet-explorer { --fa: "\f26b"; } .fa-stubber { --fa: "\e5c7"; } .fa-telegram { --fa: "\f2c6"; } .fa-telegram-plane { --fa: "\f2c6"; } .fa-old-republic { --fa: "\f510"; } .fa-odysee { --fa: "\e5c6"; } .fa-square-whatsapp { --fa: "\f40c"; } .fa-whatsapp-square { --fa: "\f40c"; } .fa-node-js { --fa: "\f3d3"; } .fa-edge-legacy { --fa: "\e078"; } .fa-slack { --fa: "\f198"; } .fa-slack-hash { --fa: "\f198"; } .fa-medrt { --fa: "\f3c8"; } .fa-usb { --fa: "\f287"; } .fa-tumblr { --fa: "\f173"; } .fa-vaadin { --fa: "\f408"; } .fa-quora { --fa: "\f2c4"; } .fa-square-x-twitter { --fa: "\e61a"; } .fa-reacteurope { --fa: "\f75d"; } .fa-medium { --fa: "\f23a"; } .fa-medium-m { --fa: "\f23a"; } .fa-amilia { --fa: "\f36d"; } .fa-mixcloud { --fa: "\f289"; } .fa-flipboard { --fa: "\f44d"; } .fa-viacoin { --fa: "\f237"; } .fa-critical-role { --fa: "\f6c9"; } .fa-sitrox { --fa: "\e44a"; } .fa-discourse { --fa: "\f393"; } .fa-joomla { --fa: "\f1aa"; } .fa-mastodon { --fa: "\f4f6"; } .fa-airbnb { --fa: "\f834"; } .fa-wolf-pack-battalion { --fa: "\f514"; } .fa-buy-n-large { --fa: "\f8a6"; } .fa-gulp { --fa: "\f3ae"; } .fa-creative-commons-sampling-plus { --fa: "\f4f1"; } .fa-strava { --fa: "\f428"; } .fa-ember { --fa: "\f423"; } .fa-canadian-maple-leaf { --fa: "\f785"; } .fa-teamspeak { --fa: "\f4f9"; } .fa-pushed { --fa: "\f3e1"; } .fa-wordpress-simple { --fa: "\f411"; } .fa-nutritionix { --fa: "\f3d6"; } .fa-wodu { --fa: "\e088"; } .fa-google-pay { --fa: "\e079"; } .fa-intercom { --fa: "\f7af"; } .fa-zhihu { --fa: "\f63f"; } .fa-korvue { --fa: "\f42f"; } .fa-pix { --fa: "\e43a"; } .fa-steam-symbol { --fa: "\f3f6"; } /* stylelint-disable */ *, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(63 131 248 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(63 131 248 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #E5E7EB; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9CA3AF; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } .tooltip-arrow,.tooltip-arrow:before{ position: absolute; width: 8px; height: 8px; background: inherit; } .tooltip-arrow{ visibility: hidden; } .tooltip-arrow:before{ content: ""; visibility: visible; transform: rotate(45deg); } [data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before{ border-style: solid; border-color: #e5e7eb; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before{ border-bottom-width: 1px; border-right-width: 1px; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before{ border-bottom-width: 1px; border-left-width: 1px; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before{ border-top-width: 1px; border-left-width: 1px; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before{ border-top-width: 1px; border-right-width: 1px; } .tooltip[data-popper-placement^='top'] > .tooltip-arrow{ bottom: -4px; } .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow{ top: -4px; } .tooltip[data-popper-placement^='left'] > .tooltip-arrow{ right: -4px; } .tooltip[data-popper-placement^='right'] > .tooltip-arrow{ left: -4px; } .tooltip.invisible > .tooltip-arrow:before{ visibility: hidden; } [data-popper-arrow],[data-popper-arrow]:before{ position: absolute; width: 8px; height: 8px; background: inherit; } [data-popper-arrow]{ visibility: hidden; } [data-popper-arrow]:before{ content: ""; visibility: visible; transform: rotate(45deg); } [data-popper-arrow]:after{ content: ""; visibility: visible; transform: rotate(45deg); position: absolute; width: 9px; height: 9px; background: inherit; } [role="tooltip"] > [data-popper-arrow]:before{ border-style: solid; border-color: #e5e7eb; } .dark [role="tooltip"] > [data-popper-arrow]:before{ border-style: solid; border-color: #4b5563; } [role="tooltip"] > [data-popper-arrow]:after{ border-style: solid; border-color: #e5e7eb; } .dark [role="tooltip"] > [data-popper-arrow]:after{ border-style: solid; border-color: #4b5563; } [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before{ border-bottom-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after{ border-bottom-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before{ border-bottom-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after{ border-bottom-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before{ border-top-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after{ border-top-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before{ border-top-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after{ border-top-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]{ bottom: -5px; } [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]{ top: -5px; } [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]{ right: -5px; } [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]{ left: -5px; } [role="tooltip"].invisible > [data-popper-arrow]:before{ visibility: hidden; } [role="tooltip"].invisible > [data-popper-arrow]:after{ visibility: hidden; } [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{ appearance: none; background-color: #fff; border-color: #6B7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } [type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #1C64F2; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #1C64F2; } input::placeholder,textarea::placeholder{ color: #6B7280; opacity: 1; } ::-webkit-datetime-edit-fields-wrapper{ padding: 0; } ::-webkit-date-and-time-value{ min-height: 1.5em; } select:not([size]){ background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e"); background-position: right 0.75rem center; background-repeat: no-repeat; background-size: 0.75em 0.75em; padding-right: 2.5rem; print-color-adjust: exact; } [multiple]{ background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset; } [type='checkbox'],[type='radio']{ appearance: none; padding: 0; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #1C64F2; background-color: #fff; border-color: #6B7280; border-width: 1px; --tw-shadow: 0 0 #0000; } [type='checkbox']{ border-radius: 0px; } [type='radio']{ border-radius: 100%; } [type='checkbox']:focus,[type='radio']:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #1C64F2; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } [type='checkbox']:checked,[type='radio']:checked,.dark [type='checkbox']:checked,.dark [type='radio']:checked{ border-color: transparent; background-color: currentColor; background-size: 0.55em 0.55em; background-position: center; background-repeat: no-repeat; } [type='checkbox']:checked{ background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e"); background-repeat: no-repeat; background-size: 0.55em 0.55em; print-color-adjust: exact; } [type='radio']:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); background-size: 1em 1em; } .dark [type='radio']:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); background-size: 1em 1em; } [type='checkbox']:indeterminate{ background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e"); background-color: currentColor; border-color: transparent; background-position: center; background-repeat: no-repeat; background-size: 0.55em 0.55em; print-color-adjust: exact; } [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{ border-color: transparent; background-color: currentColor; } [type='file']{ background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } [type='file']:focus{ outline: 1px auto inherit; } input[type=file]::file-selector-button{ color: white; background: #1F2937; border: 0; font-weight: 500; font-size: 0.875rem; cursor: pointer; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 2rem; padding-right: 1rem; margin-inline-start: -1rem; margin-inline-end: 1rem; } input[type=file]::file-selector-button:hover{ background: #374151; } .dark input[type=file]::file-selector-button{ color: white; background: #4B5563; } .dark input[type=file]::file-selector-button:hover{ background: #6B7280; } input[type="range"]::-webkit-slider-thumb{ height: 1.25rem; width: 1.25rem; background: #1C64F2; border-radius: 9999px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } input[type="range"]:disabled::-webkit-slider-thumb{ background: #9CA3AF; } .dark input[type="range"]:disabled::-webkit-slider-thumb{ background: #6B7280; } input[type="range"]:focus::-webkit-slider-thumb{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-opacity: 1px; --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity)); } input[type="range"]::-moz-range-thumb{ height: 1.25rem; width: 1.25rem; background: #1C64F2; border-radius: 9999px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } input[type="range"]:disabled::-moz-range-thumb{ background: #9CA3AF; } .dark input[type="range"]:disabled::-moz-range-thumb{ background: #6B7280; } input[type="range"]::-moz-range-progress{ background: #3F83F8; } input[type="range"]::-ms-fill-lower{ background: #3F83F8; } :root { --light: #f8f9fa; --dark: #343a40; --button-primary: #7a1402; --button-secondary: #9ba2ae; --button-success: #22c55e; --button-danger: #b91c1c; --button-warning: #f59e0b; --button-light: #f8f9fa; --button-dark: #212529; --button-primary-hover: #b31c02; --button-secondary-hover: #a3aeb9; --button-success-hover: #28a745; --button-warning-hover: #d59c21; --button-danger-hover: #a71919; --button-info-hover: #17a2b8; --button-light-hover: #edeeee; --button-dark-hover: #343a40; --button-primary-text: #fff; --button-secondary-text: #fff; --button-success-text: #fff; --button-danger-text: #fff; --button-warning-text: #fff; --button-light-text: #212529; --button-dark-text: #fff; --button-primary-text-hover: #fff; --button-secondary-text-hover: #fff; --button-success-text-hover: #fff; --button-danger-text-hover: #fff; --button-warning-text-hover: #fff; --button-light-text-hover: #212529; --button-dark-text-hover: #fff; --auth-link-hover: #fff; --auth-card-link-hover: #fff; --auth-footer-link-hover: #fff; --ucp-body-bg: #fff; --ucp-text: #000; --auth-input-bg: #f3f4f6; --ucp-input-bg: #f3f4f6; --acp-input-bg: #f3f4f6; --auth-checkbox-bg: #f3f4f6; --ucp-checkbox-bg: #f3f4f6; --acp-checkbox-bg: #f3f4f6; --auth-input-error: #e3342f; --ucp-input-error: #e3342f; --acp-input-error: #e3342f; --auth-checkbox-checked: #fa2500; --ucp-checkbox-checked: #fa2500; --acp-checkbox-checked: #fa2500; --auth-input-focus: #b31c02; --ucp-input-focus: #b31c02; --acp-input-focus: #b31c02; --auth-input-text: #121318; --ucp-input-text: #121318; --acp-input-text: #121318; --acp-body-bg: #ffffff; --acp-text: #000; --light-50: rgb(251.27375, 251.7, 252.12625); --dark-50: rgb(137.9633189655, 146.65, 155.3366810345); --button-primary-50: rgb(228.4625, 93.12125, 69.2375); --button-secondary-50: rgb(201.175625, 204.159375, 209.274375); --button-success-50: rgb(136.3170535714, 220.2329464286, 167.2063392857); --button-danger-50: rgb(219.9813644366, 126.6686355634, 126.6686355634); --button-warning-50: rgb(235.02125, 197.9375, 135.27875); --button-light-50: rgb(251.27375, 251.7, 252.12625); --button-dark-50: rgb(125.0543243243, 135.1, 145.1456756757); --button-primary-hover-50: rgb(233.0935531768, 116.1008805249, 95.9564468232); --button-secondary-hover-50: rgb(205.76125, 210.45, 215.13875); --button-success-hover-50: rgb(132.0553713768, 211.2946286232, 150.149375); --button-warning-hover-50: rgb(223.5695121951, 197.4954878049, 141.2304878049); --button-danger-hover-50: rgb(217.6743359375, 117.4256640625, 117.4256640625); --button-info-hover-50: rgb(121.4485416667, 208.1749728261, 221.9014583333); --button-light-hover-50: rgb(245.161875, 245.588125, 245.588125); --button-dark-hover-50: rgb(137.9633189655, 146.65, 155.3366810345); --button-primary-text-50: white; --button-secondary-text-50: white; --button-success-text-50: white; --button-danger-text-50: white; --button-warning-text-50: white; --button-light-text-50: rgb(125.0543243243, 135.1, 145.1456756757); --button-dark-text-50: white; --button-primary-text-hover-50: white; --button-secondary-text-hover-50: white; --button-success-text-hover-50: white; --button-danger-text-hover-50: white; --button-warning-text-hover-50: white; --button-light-text-hover-50: rgb(125.0543243243, 135.1, 145.1456756757); --button-dark-text-hover-50: white; --auth-link-hover-50: white; --auth-card-link-hover-50: white; --auth-footer-link-hover-50: white; --ucp-body-bg-50: white; --ucp-text-50: rgb(114.75, 114.75, 114.75); --auth-input-bg-50: rgb(248.585625, 249.011875, 249.864375); --ucp-input-bg-50: rgb(248.585625, 249.011875, 249.864375); --acp-input-bg-50: rgb(248.585625, 249.011875, 249.864375); --auth-checkbox-bg-50: rgb(248.585625, 249.011875, 249.864375); --ucp-checkbox-bg-50: rgb(248.585625, 249.011875, 249.864375); --acp-checkbox-bg-50: rgb(248.585625, 249.011875, 249.864375); --auth-input-error-50: rgb(228.4625, 153.86875, 151.7375); --ucp-input-error-50: rgb(228.4625, 153.86875, 151.7375); --acp-input-error-50: rgb(228.4625, 153.86875, 151.7375); --auth-checkbox-checked-50: rgb(238.9125, 144.4896, 128.0875); --ucp-checkbox-checked-50: rgb(238.9125, 144.4896, 128.0875); --acp-checkbox-checked-50: rgb(238.9125, 144.4896, 128.0875); --auth-input-focus-50: rgb(233.0935531768, 116.1008805249, 95.9564468232); --ucp-input-focus-50: rgb(233.0935531768, 116.1008805249, 95.9564468232); --acp-input-focus-50: rgb(233.0935531768, 116.1008805249, 95.9564468232); --auth-input-text-50: rgb(112.3167857143, 116.9778571429, 140.2832142857); --ucp-input-text-50: rgb(112.3167857143, 116.9778571429, 140.2832142857); --acp-input-text-50: rgb(112.3167857143, 116.9778571429, 140.2832142857); --acp-body-bg-50: white; --acp-text-50: rgb(114.75, 114.75, 114.75); --light-100: rgb(250.92, 251.4, 251.88); --dark-100: rgb(127.0179310345, 136.8, 146.5820689655); --button-primary-100: rgb(228.8516129032, 76.4438709677, 49.5483870968); --button-secondary-100: rgb(196.14, 199.5, 205.26); --button-success-100: rgb(124.0511688312, 218.5488311688, 158.8355844156); --button-danger-100: rgb(218.4397183099, 113.3602816901, 113.3602816901); --button-warning-100: rgb(234.96, 193.2, 122.64); --button-light-100: rgb(250.92, 251.4, 251.88); --button-dark-100: rgb(113.4583783784, 124.2, 134.9416216216); --button-primary-hover-100: rgb(233.5150276243, 101.7696132597, 79.0849723757); --button-secondary-hover-100: rgb(201.12, 206.4, 211.68); --button-success-hover-100: rgb(119.4843478261, 208.7156521739, 139.86); --button-warning-hover-100: rgb(222.1609756098, 192.7990243902, 129.4390243902); --button-danger-hover-100: rgb(216.045, 103.155, 103.155); --button-info-hover-100: rgb(107.54, 205.2026086957, 220.66); --button-light-hover-100: rgb(244.26, 244.74, 244.74); --button-dark-hover-100: rgb(127.0179310345, 136.8, 146.5820689655); --button-primary-text-100: white; --button-secondary-text-100: white; --button-success-text-100: white; --button-danger-text-100: white; --button-warning-text-100: white; --button-light-text-100: rgb(113.4583783784, 124.2, 134.9416216216); --button-dark-text-100: white; --button-primary-text-hover-100: white; --button-secondary-text-hover-100: white; --button-success-text-hover-100: white; --button-danger-text-hover-100: white; --button-warning-text-hover-100: white; --button-light-text-hover-100: rgb(113.4583783784, 124.2, 134.9416216216); --button-dark-text-hover-100: white; --auth-link-hover-100: white; --auth-card-link-hover-100: white; --auth-footer-link-hover-100: white; --ucp-body-bg-100: white; --ucp-text-100: #666666; --auth-input-bg-100: rgb(247.98, 248.46, 249.42); --ucp-input-bg-100: rgb(247.98, 248.46, 249.42); --acp-input-bg-100: rgb(247.98, 248.46, 249.42); --auth-checkbox-bg-100: rgb(247.98, 248.46, 249.42); --ucp-checkbox-bg-100: rgb(247.98, 248.46, 249.42); --acp-checkbox-bg-100: rgb(247.98, 248.46, 249.42); --auth-input-error-100: rgb(227.4, 143.4, 141); --ucp-input-error-100: rgb(227.4, 143.4, 141); --acp-input-error-100: rgb(227.4, 143.4, 141); --auth-checkbox-checked-100: rgb(239.4, 133.0704, 114.6); --ucp-checkbox-checked-100: rgb(239.4, 133.0704, 114.6); --acp-checkbox-checked-100: rgb(239.4, 133.0704, 114.6); --auth-input-focus-100: rgb(233.5150276243, 101.7696132597, 79.0849723757); --ucp-input-focus-100: rgb(233.5150276243, 101.7696132597, 79.0849723757); --acp-input-focus-100: rgb(233.5150276243, 101.7696132597, 79.0849723757); --auth-input-text-100: rgb(101.5028571429, 105.8685714286, 127.6971428571); --ucp-input-text-100: rgb(101.5028571429, 105.8685714286, 127.6971428571); --acp-input-text-100: rgb(101.5028571429, 105.8685714286, 127.6971428571); --acp-body-bg-100: white; --acp-text-100: #666666; --light-200: rgb(250.205, 250.8, 251.395); --dark-200: rgb(106.8032758621, 117.1, 127.3967241379); --button-primary-200: rgb(218.5274193548, 50.8608064516, 21.2725806452); --button-secondary-200: rgb(185.9975, 190.1625, 197.3025); --button-success-200: rgb(98.7811363636, 215.9188636364, 141.8993181818); --button-danger-200: rgb(216.1773591549, 85.9226408451, 85.9226408451); --button-warning-200: rgb(235.715, 183.95, 96.485); --button-light-200: rgb(250.205, 250.8, 251.395); --button-dark-200: rgb(92.9902702703, 102.4, 111.8097297297); --button-primary-hover-200: rgb(235.564461326, 72.2550414365, 44.135538674); --button-secondary-hover-200: rgb(191.755, 198.3, 204.845); --button-success-hover-200: rgb(93.6451811594, 204.2548188406, 118.9025); --button-warning-hover-200: rgb(220.0682926829, 183.6717073171, 105.1317073171); --button-danger-hover-200: rgb(213.66828125, 73.73171875, 73.73171875); --button-info-hover-200: rgb(78.8391666667, 199.9001086957, 219.0608333333); --button-light-hover-200: rgb(242.4525, 243.0475, 243.0475); --button-dark-hover-200: rgb(106.8032758621, 117.1, 127.3967241379); --button-primary-text-200: white; --button-secondary-text-200: white; --button-success-text-200: white; --button-danger-text-200: white; --button-warning-text-200: white; --button-light-text-200: rgb(92.9902702703, 102.4, 111.8097297297); --button-dark-text-200: white; --button-primary-text-hover-200: white; --button-secondary-text-hover-200: white; --button-success-text-hover-200: white; --button-danger-text-hover-200: white; --button-warning-text-hover-200: white; --button-light-text-hover-200: rgb(92.9902702703, 102.4, 111.8097297297); --button-dark-text-hover-200: white; --auth-link-hover-200: white; --auth-card-link-hover-200: white; --auth-footer-link-hover-200: white; --ucp-body-bg-200: white; --ucp-text-200: rgb(76.5, 76.5, 76.5); --auth-input-bg-200: rgb(246.7575, 247.3525, 248.5425); --ucp-input-bg-200: rgb(246.7575, 247.3525, 248.5425); --acp-input-bg-200: rgb(246.7575, 247.3525, 248.5425); --auth-checkbox-bg-200: rgb(246.7575, 247.3525, 248.5425); --ucp-checkbox-bg-200: rgb(246.7575, 247.3525, 248.5425); --acp-checkbox-bg-200: rgb(246.7575, 247.3525, 248.5425); --auth-input-error-200: rgb(225.95, 121.825, 118.85); --ucp-input-error-200: rgb(225.95, 121.825, 118.85); --acp-input-error-200: rgb(225.95, 121.825, 118.85); --auth-checkbox-checked-200: rgb(241.35, 109.5456, 86.65); --ucp-checkbox-checked-200: rgb(241.35, 109.5456, 86.65); --acp-checkbox-checked-200: rgb(241.35, 109.5456, 86.65); --auth-input-focus-200: rgb(235.564461326, 72.2550414365, 44.135538674); --ucp-input-focus-200: rgb(235.564461326, 72.2550414365, 44.135538674); --acp-input-focus-200: rgb(235.564461326, 72.2550414365, 44.135538674); --auth-input-text-200: rgb(80.1257142857, 83.8171428571, 102.2742857143); --ucp-input-text-200: rgb(80.1257142857, 83.8171428571, 102.2742857143); --acp-input-text-200: rgb(80.1257142857, 83.8171428571, 102.2742857143); --acp-body-bg-200: white; --acp-text-200: rgb(76.5, 76.5, 76.5); --light-300: rgb(249.48, 250.2, 250.92); --dark-300: rgb(88.3317241379, 97.4, 106.4682758621); --button-primary-300: rgb(188.2193548387, 39.2664516129, 12.9806451613); --button-secondary-300: rgb(175.76, 180.8, 189.44); --button-success-300: rgb(72.5267532468, 214.2732467532, 124.7033766234); --button-danger-300: rgb(215.0095774648, 57.3904225352, 57.3904225352); --button-warning-300: rgb(237.64, 175, 69.16); --button-light-300: rgb(249.48, 250.2, 250.92); --button-dark-300: rgb(72.7578378378, 80.6, 88.4421621622); --button-primary-hover-300: rgb(232.0056353591, 46.7011049724, 14.7943646409); --button-secondary-hover-300: rgb(182.28, 190.2, 198.12); --button-success-hover-300: rgb(66.8765217391, 200.7234782609, 97.44); --button-warning-hover-300: rgb(218.9414634146, 174.8985365854, 79.8585365854); --button-danger-hover-300: rgb(212.4675, 43.1325, 43.1325); --button-info-hover-300: rgb(48.96, 195.4539130435, 218.64); --button-light-hover-300: rgb(240.64, 241.36, 241.36); --button-dark-hover-300: rgb(88.3317241379, 97.4, 106.4682758621); --button-primary-text-300: white; --button-secondary-text-300: white; --button-success-text-300: white; --button-danger-text-300: white; --button-warning-text-300: white; --button-light-text-300: rgb(72.7578378378, 80.6, 88.4421621622); --button-dark-text-300: white; --button-primary-text-hover-300: white; --button-secondary-text-hover-300: white; --button-success-text-hover-300: white; --button-danger-text-hover-300: white; --button-warning-text-hover-300: white; --button-light-text-hover-300: rgb(72.7578378378, 80.6, 88.4421621622); --button-dark-text-hover-300: white; --auth-link-hover-300: white; --auth-card-link-hover-300: white; --auth-footer-link-hover-300: white; --ucp-body-bg-300: white; --ucp-text-300: #333333; --auth-input-bg-300: rgb(245.52, 246.24, 247.68); --ucp-input-bg-300: rgb(245.52, 246.24, 247.68); --acp-input-bg-300: rgb(245.52, 246.24, 247.68); --auth-checkbox-bg-300: rgb(245.52, 246.24, 247.68); --ucp-checkbox-bg-300: rgb(245.52, 246.24, 247.68); --acp-checkbox-bg-300: rgb(245.52, 246.24, 247.68); --auth-input-error-300: rgb(225.4, 99.4, 95.8); --ucp-input-error-300: rgb(225.4, 99.4, 95.8); --acp-input-error-300: rgb(225.4, 99.4, 95.8); --auth-checkbox-checked-300: rgb(244.6, 85.1056, 57.4); --ucp-checkbox-checked-300: rgb(244.6, 85.1056, 57.4); --acp-checkbox-checked-300: rgb(244.6, 85.1056, 57.4); --auth-input-focus-300: rgb(232.0056353591, 46.7011049724, 14.7943646409); --ucp-input-focus-300: rgb(232.0056353591, 46.7011049724, 14.7943646409); --acp-input-focus-300: rgb(232.0056353591, 46.7011049724, 14.7943646409); --auth-input-text-300: rgb(59.0828571429, 61.9885714286, 76.5171428571); --ucp-input-text-300: rgb(59.0828571429, 61.9885714286, 76.5171428571); --acp-input-text-300: rgb(59.0828571429, 61.9885714286, 76.5171428571); --acp-body-bg-300: white; --acp-text-300: #333333; --light-400: rgb(248.745, 249.6, 250.455); --dark-400: rgb(70.0639655172, 77.7, 85.3360344828); --button-primary-400: rgb(156.0435483871, 28.979516129, 6.5564516129); --button-secondary-400: rgb(165.4275, 171.4125, 181.6725); --button-success-400: rgb(45.2880194805, 213.6119805195, 107.2477597403); --button-danger-400: rgb(206.3234859155, 36.3765140845, 36.3765140845); --button-warning-400: rgb(240.735, 166.35, 40.665); --button-light-400: rgb(248.745, 249.6, 250.455); --button-dark-400: rgb(52.7610810811, 58.8, 64.8389189189); --button-primary-hover-400: rgb(206.307140884, 36.7825276243, 7.592859116); --button-secondary-hover-400: rgb(172.695, 182.1, 191.505); --button-success-hover-400: rgb(49.4948188406, 187.8051811594, 81.0775); --button-warning-hover-400: rgb(218.7804878049, 166.4795121951, 53.6195121951); --button-danger-hover-400: rgb(190.52140625, 33.27859375, 33.27859375); --button-info-hover-400: rgb(30.9808333333, 182.3598913043, 206.3191666667); --button-light-hover-400: rgb(238.8225, 239.6775, 239.6775); --button-dark-hover-400: rgb(70.0639655172, 77.7, 85.3360344828); --button-primary-text-400: white; --button-secondary-text-400: white; --button-success-text-400: white; --button-danger-text-400: white; --button-warning-text-400: white; --button-light-text-400: rgb(52.7610810811, 58.8, 64.8389189189); --button-dark-text-400: white; --button-primary-text-hover-400: white; --button-secondary-text-hover-400: white; --button-success-text-hover-400: white; --button-danger-text-hover-400: white; --button-warning-text-hover-400: white; --button-light-text-hover-400: rgb(52.7610810811, 58.8, 64.8389189189); --button-dark-text-hover-400: white; --auth-link-hover-400: white; --auth-card-link-hover-400: white; --auth-footer-link-hover-400: white; --ucp-body-bg-400: white; --ucp-text-400: rgb(25.5, 25.5, 25.5); --auth-input-bg-400: rgb(244.2675, 245.1225, 246.8325); --ucp-input-bg-400: rgb(244.2675, 245.1225, 246.8325); --acp-input-bg-400: rgb(244.2675, 245.1225, 246.8325); --auth-checkbox-bg-400: rgb(244.2675, 245.1225, 246.8325); --ucp-checkbox-bg-400: rgb(244.2675, 245.1225, 246.8325); --acp-checkbox-bg-400: rgb(244.2675, 245.1225, 246.8325); --auth-input-error-400: rgb(225.75, 76.125, 71.85); --ucp-input-error-400: rgb(225.75, 76.125, 71.85); --acp-input-error-400: rgb(225.75, 76.125, 71.85); --auth-checkbox-checked-400: rgb(249.15, 59.7504, 26.85); --ucp-checkbox-checked-400: rgb(249.15, 59.7504, 26.85); --acp-checkbox-checked-400: rgb(249.15, 59.7504, 26.85); --auth-input-focus-400: rgb(206.307140884, 36.7825276243, 7.592859116); --ucp-input-focus-400: rgb(206.307140884, 36.7825276243, 7.592859116); --acp-input-focus-400: rgb(206.307140884, 36.7825276243, 7.592859116); --auth-input-text-400: rgb(38.3742857143, 40.3828571429, 50.4257142857); --ucp-input-text-400: rgb(38.3742857143, 40.3828571429, 50.4257142857); --acp-input-text-400: rgb(38.3742857143, 40.3828571429, 50.4257142857); --acp-body-bg-400: white; --acp-text-400: rgb(25.5, 25.5, 25.5); --light-500: #f8f9fa; --dark-500: #343a40; --button-primary-500: #7a1402; --button-secondary-500: #9ba2ae; --button-success-500: #22c55e; --button-danger-500: #b91c1c; --button-warning-500: #f59e0b; --button-light-500: #f8f9fa; --button-dark-500: #212529; --button-primary-hover-500: #b31c02; --button-secondary-hover-500: #a3aeb9; --button-success-hover-500: #28a745; --button-warning-hover-500: #d59c21; --button-danger-hover-500: #a71919; --button-info-hover-500: #17a2b8; --button-light-hover-500: #edeeee; --button-dark-hover-500: #343a40; --button-primary-text-500: white; --button-secondary-text-500: white; --button-success-text-500: white; --button-danger-text-500: white; --button-warning-text-500: white; --button-light-text-500: #212529; --button-dark-text-500: white; --button-primary-text-hover-500: white; --button-secondary-text-hover-500: white; --button-success-text-hover-500: white; --button-danger-text-hover-500: white; --button-warning-text-hover-500: white; --button-light-text-hover-500: #212529; --button-dark-text-hover-500: white; --auth-link-hover-500: white; --auth-card-link-hover-500: white; --auth-footer-link-hover-500: white; --ucp-body-bg-500: white; --ucp-text-500: black; --auth-input-bg-500: #f3f4f6; --ucp-input-bg-500: #f3f4f6; --acp-input-bg-500: #f3f4f6; --auth-checkbox-bg-500: #f3f4f6; --ucp-checkbox-bg-500: #f3f4f6; --acp-checkbox-bg-500: #f3f4f6; --auth-input-error-500: #e3342f; --ucp-input-error-500: #e3342f; --acp-input-error-500: #e3342f; --auth-checkbox-checked-500: #fa2500; --ucp-checkbox-checked-500: #fa2500; --acp-checkbox-checked-500: #fa2500; --auth-input-focus-500: #b31c02; --ucp-input-focus-500: #b31c02; --acp-input-focus-500: #b31c02; --auth-input-text-500: #121318; --ucp-input-text-500: #121318; --acp-input-text-500: #121318; --acp-body-bg-500: white; --acp-text-500: black; --light-600: rgb(217.6625, 224.1, 230.5375); --dark-600: rgb(44.46, 52.2, 59.94); --button-primary-600: rgb(109.89, 17.937, 1.71); --button-secondary-600: rgb(132.0370441989, 143.8360642629, 164.0629558011); --button-success-600: rgb(29.07, 178.83, 84.1963803681); --button-danger-600: rgb(167.76, 23.94, 23.94); --button-warning-600: rgb(221.7826771654, 142.5288915809, 8.6173228346); --button-light-600: rgb(217.6625, 224.1, 230.5375); --button-dark-600: rgb(28.215, 33.3, 38.385); --button-primary-hover-600: rgb(161.19, 25.136440678, 1.71); --button-secondary-hover-600: rgb(138.9851851852, 156.6, 174.2148148148); --button-success-hover-600: rgb(34.2, 152.1, 61.1220472441); --button-warning-hover-600: rgb(193.185, 140.9445, 28.215); --button-danger-hover-600: rgb(151.425, 21.375, 21.375); --button-info-hover-600: rgb(19.665, 146.5521428571, 166.635); --button-light-hover-600: rgb(210.5678571429, 216.9321428571, 216.9321428571); --button-dark-hover-600: rgb(44.46, 52.2, 59.94); --button-primary-text-600: rgb(230.775, 228.225, 228.225); --button-secondary-text-600: rgb(230.775, 228.225, 228.225); --button-success-text-600: rgb(230.775, 228.225, 228.225); --button-danger-text-600: rgb(230.775, 228.225, 228.225); --button-warning-text-600: rgb(230.775, 228.225, 228.225); --button-light-text-600: rgb(28.215, 33.3, 38.385); --button-dark-text-600: rgb(230.775, 228.225, 228.225); --button-primary-text-hover-600: rgb(230.775, 228.225, 228.225); --button-secondary-text-hover-600: rgb(230.775, 228.225, 228.225); --button-success-text-hover-600: rgb(230.775, 228.225, 228.225); --button-danger-text-hover-600: rgb(230.775, 228.225, 228.225); --button-warning-text-hover-600: rgb(230.775, 228.225, 228.225); --button-light-text-hover-600: rgb(28.215, 33.3, 38.385); --button-dark-text-hover-600: rgb(230.775, 228.225, 228.225); --auth-link-hover-600: rgb(230.775, 228.225, 228.225); --auth-card-link-hover-600: rgb(230.775, 228.225, 228.225); --auth-footer-link-hover-600: rgb(230.775, 228.225, 228.225); --ucp-body-bg-600: rgb(230.775, 228.225, 228.225); --ucp-text-600: black; --auth-input-bg-600: rgb(213.5592857143, 217.8864285714, 226.5407142857); --ucp-input-bg-600: rgb(213.5592857143, 217.8864285714, 226.5407142857); --acp-input-bg-600: rgb(213.5592857143, 217.8864285714, 226.5407142857); --auth-checkbox-bg-600: rgb(213.5592857143, 217.8864285714, 226.5407142857); --ucp-checkbox-bg-600: rgb(213.5592857143, 217.8864285714, 226.5407142857); --acp-checkbox-bg-600: rgb(213.5592857143, 217.8864285714, 226.5407142857); --auth-input-error-600: rgb(218.8052542373, 33.1005932203, 27.7947457627); --ucp-input-error-600: rgb(218.8052542373, 33.1005932203, 27.7947457627); --acp-input-error-600: rgb(218.8052542373, 33.1005932203, 27.7947457627); --auth-checkbox-checked-600: rgb(225, 33.3, 0); --ucp-checkbox-checked-600: rgb(225, 33.3, 0); --acp-checkbox-checked-600: rgb(225, 33.3, 0); --auth-input-focus-600: rgb(161.19, 25.136440678, 1.71); --ucp-input-focus-600: rgb(161.19, 25.136440678, 1.71); --acp-input-focus-600: rgb(161.19, 25.136440678, 1.71); --auth-input-text-600: rgb(15.39, 16.56, 22.41); --ucp-input-text-600: rgb(15.39, 16.56, 22.41); --acp-input-text-600: rgb(15.39, 16.56, 22.41); --acp-body-bg-600: rgb(230.775, 228.225, 228.225); --acp-text-600: black; --light-700: rgb(185.25, 199.2, 213.15); --dark-700: rgb(37.44, 46.4, 55.36); --button-primary-700: rgb(97.76, 15.888, 1.44); --button-secondary-700: rgb(107.6017679558, 125.2846757778, 155.5982320442); --button-success-700: rgb(24.48, 160.32, 74.4824539877); --button-danger-700: rgb(150.24, 20.16, 20.16); --button-warning-700: rgb(197.5433070866, 126.7957197658, 7.2566929134); --button-light-700: rgb(185.25, 199.2, 213.15); --button-dark-700: rgb(23.76, 29.6, 35.44); --button-primary-hover-700: rgb(143.36, 22.2870056497, 1.44); --button-secondary-hover-700: rgb(113.4666666667, 139.2, 164.9333333333); --button-success-hover-700: rgb(28.8, 136.8, 53.4614173228); --button-warning-hover-700: rgb(173.04, 125.768, 23.76); --button-danger-hover-700: rgb(135.6, 18, 18); --button-info-hover-700: rgb(16.56, 130.9371428571, 149.04); --button-light-hover-700: rgb(181.8285714286, 198.1714285714, 198.1714285714); --button-dark-hover-700: rgb(37.44, 46.4, 55.36); --button-primary-text-700: rgb(209.1, 198.9, 198.9); --button-secondary-text-700: rgb(209.1, 198.9, 198.9); --button-success-text-700: rgb(209.1, 198.9, 198.9); --button-danger-text-700: rgb(209.1, 198.9, 198.9); --button-warning-text-700: rgb(209.1, 198.9, 198.9); --button-light-text-700: rgb(23.76, 29.6, 35.44); --button-dark-text-700: rgb(209.1, 198.9, 198.9); --button-primary-text-hover-700: rgb(209.1, 198.9, 198.9); --button-secondary-text-hover-700: rgb(209.1, 198.9, 198.9); --button-success-text-hover-700: rgb(209.1, 198.9, 198.9); --button-danger-text-hover-700: rgb(209.1, 198.9, 198.9); --button-warning-text-hover-700: rgb(209.1, 198.9, 198.9); --button-light-text-hover-700: rgb(23.76, 29.6, 35.44); --button-dark-text-hover-700: rgb(209.1, 198.9, 198.9); --auth-link-hover-700: rgb(209.1, 198.9, 198.9); --auth-card-link-hover-700: rgb(209.1, 198.9, 198.9); --auth-footer-link-hover-700: rgb(209.1, 198.9, 198.9); --ucp-body-bg-700: rgb(209.1, 198.9, 198.9); --ucp-text-700: black; --auth-input-bg-700: rgb(182.0228571429, 191.0742857143, 209.1771428571); --ucp-input-bg-700: rgb(182.0228571429, 191.0742857143, 209.1771428571); --acp-input-bg-700: rgb(182.0228571429, 191.0742857143, 209.1771428571); --auth-checkbox-bg-700: rgb(182.0228571429, 191.0742857143, 209.1771428571); --ucp-checkbox-bg-700: rgb(182.0228571429, 191.0742857143, 209.1771428571); --acp-checkbox-bg-700: rgb(182.0228571429, 191.0742857143, 209.1771428571); --auth-input-error-700: rgb(195.7938983051, 28.1946516008, 23.4061016949); --ucp-input-error-700: rgb(195.7938983051, 28.1946516008, 23.4061016949); --acp-input-error-700: rgb(195.7938983051, 28.1946516008, 23.4061016949); --auth-checkbox-checked-700: rgb(200, 29.6, 0); --ucp-checkbox-checked-700: rgb(200, 29.6, 0); --acp-checkbox-checked-700: rgb(200, 29.6, 0); --auth-input-focus-700: rgb(143.36, 22.2870056497, 1.44); --ucp-input-focus-700: rgb(143.36, 22.2870056497, 1.44); --acp-input-focus-700: rgb(143.36, 22.2870056497, 1.44); --auth-input-text-700: rgb(12.96, 14.24, 20.64); --ucp-input-text-700: rgb(12.96, 14.24, 20.64); --acp-input-text-700: rgb(12.96, 14.24, 20.64); --acp-body-bg-700: rgb(209.1, 198.9, 198.9); --acp-text-700: black; --light-800: rgb(150.7625, 174.3, 197.8375); --dark-800: rgb(30.94, 40.6, 50.26); --button-primary-800: rgb(85.61, 13.853, 1.19); --button-secondary-800: rgb(87.6030662983, 107.9008069206, 142.6969337017); --button-success-800: rgb(20.23, 141.47, 64.8582208589); --button-danger-800: rgb(132.44, 16.66, 16.66); --button-warning-800: rgb(173.2031496063, 111.0367050273, 5.9968503937); --button-light-800: rgb(150.7625, 174.3, 197.8375); --button-dark-800: rgb(19.635, 25.9, 32.165); --button-primary-hover-800: rgb(125.51, 19.4516949153, 1.19); --button-secondary-hover-800: rgb(89.4703703704, 121.8, 154.1296296296); --button-success-hover-800: rgb(23.8, 121.1, 46.0181102362); --button-warning-hover-800: rgb(152.565, 110.4705, 19.635); --button-danger-hover-800: rgb(119.525, 14.875, 14.875); --button-info-hover-800: rgb(13.685, 115.155, 131.215); --button-light-hover-800: rgb(150.7821428571, 181.7178571429, 181.7178571429); --button-dark-hover-800: rgb(30.94, 40.6, 50.26); --button-primary-text-800: rgb(189.975, 167.025, 167.025); --button-secondary-text-800: rgb(189.975, 167.025, 167.025); --button-success-text-800: rgb(189.975, 167.025, 167.025); --button-danger-text-800: rgb(189.975, 167.025, 167.025); --button-warning-text-800: rgb(189.975, 167.025, 167.025); --button-light-text-800: rgb(19.635, 25.9, 32.165); --button-dark-text-800: rgb(189.975, 167.025, 167.025); --button-primary-text-hover-800: rgb(189.975, 167.025, 167.025); --button-secondary-text-hover-800: rgb(189.975, 167.025, 167.025); --button-success-text-hover-800: rgb(189.975, 167.025, 167.025); --button-danger-text-hover-800: rgb(189.975, 167.025, 167.025); --button-warning-text-hover-800: rgb(189.975, 167.025, 167.025); --button-light-text-hover-800: rgb(19.635, 25.9, 32.165); --button-dark-text-hover-800: rgb(189.975, 167.025, 167.025); --auth-link-hover-800: rgb(189.975, 167.025, 167.025); --auth-card-link-hover-800: rgb(189.975, 167.025, 167.025); --auth-footer-link-hover-800: rgb(189.975, 167.025, 167.025); --ucp-body-bg-800: rgb(189.975, 167.025, 167.025); --ucp-text-800: black; --auth-input-bg-800: rgb(148.3907142857, 163.5635714286, 193.9092857143); --ucp-input-bg-800: rgb(148.3907142857, 163.5635714286, 193.9092857143); --acp-input-bg-800: rgb(148.3907142857, 163.5635714286, 193.9092857143); --auth-checkbox-bg-800: rgb(148.3907142857, 163.5635714286, 193.9092857143); --ucp-checkbox-bg-800: rgb(148.3907142857, 163.5635714286, 193.9092857143); --acp-checkbox-bg-800: rgb(148.3907142857, 163.5635714286, 193.9092857143); --auth-input-error-800: rgb(172.4574576271, 23.5957344633, 19.3425423729); --ucp-input-error-800: rgb(172.4574576271, 23.5957344633, 19.3425423729); --acp-input-error-800: rgb(172.4574576271, 23.5957344633, 19.3425423729); --auth-checkbox-checked-800: rgb(175, 25.9, 0); --ucp-checkbox-checked-800: rgb(175, 25.9, 0); --acp-checkbox-checked-800: rgb(175, 25.9, 0); --auth-input-focus-800: rgb(125.51, 19.4516949153, 1.19); --ucp-input-focus-800: rgb(125.51, 19.4516949153, 1.19); --acp-input-focus-800: rgb(125.51, 19.4516949153, 1.19); --auth-input-text-800: rgb(10.71, 12.04, 18.69); --ucp-input-text-800: rgb(10.71, 12.04, 18.69); --acp-input-text-800: rgb(10.71, 12.04, 18.69); --acp-body-bg-800: rgb(189.975, 167.025, 167.025); --acp-text-800: black; --light-900: rgb(114.2, 149.4, 184.6); --dark-900: rgb(24.96, 34.8, 44.64); --button-primary-900: rgb(73.44, 11.832, 0.96); --button-secondary-900: rgb(70.6713812155, 91.3240476883, 126.7286187845); --button-success-900: rgb(16.32, 122.28, 55.3236809816); --button-danger-900: rgb(114.36, 13.44, 13.44); --button-warning-900: rgb(148.7622047244, 95.2518473652, 4.8377952756); --button-light-900: rgb(114.2, 149.4, 184.6); --button-dark-900: rgb(15.84, 22.2, 28.56); --button-primary-hover-900: rgb(107.64, 16.6305084746, 0.96); --button-secondary-hover-900: rgb(72.1777777778, 104.4, 136.6222222222); --button-success-hover-900: rgb(19.2, 105, 38.7921259843); --button-warning-hover-900: rgb(131.76, 95.052, 15.84); --button-danger-hover-900: rgb(103.2, 12, 12); --button-info-hover-900: rgb(11.04, 99.2057142857, 113.16); --button-light-hover-900: rgb(117.4285714286, 167.5714285714, 167.5714285714); --button-dark-hover-900: rgb(24.96, 34.8, 44.64); --button-primary-text-900: rgb(173.4, 132.6, 132.6); --button-secondary-text-900: rgb(173.4, 132.6, 132.6); --button-success-text-900: rgb(173.4, 132.6, 132.6); --button-danger-text-900: rgb(173.4, 132.6, 132.6); --button-warning-text-900: rgb(173.4, 132.6, 132.6); --button-light-text-900: rgb(15.84, 22.2, 28.56); --button-dark-text-900: rgb(173.4, 132.6, 132.6); --button-primary-text-hover-900: rgb(173.4, 132.6, 132.6); --button-secondary-text-hover-900: rgb(173.4, 132.6, 132.6); --button-success-text-hover-900: rgb(173.4, 132.6, 132.6); --button-danger-text-hover-900: rgb(173.4, 132.6, 132.6); --button-warning-text-hover-900: rgb(173.4, 132.6, 132.6); --button-light-text-hover-900: rgb(15.84, 22.2, 28.56); --button-dark-text-hover-900: rgb(173.4, 132.6, 132.6); --auth-link-hover-900: rgb(173.4, 132.6, 132.6); --auth-card-link-hover-900: rgb(173.4, 132.6, 132.6); --auth-footer-link-hover-900: rgb(173.4, 132.6, 132.6); --ucp-body-bg-900: rgb(173.4, 132.6, 132.6); --ucp-text-900: black; --auth-input-bg-900: rgb(112.6628571429, 135.3542857143, 180.7371428571); --ucp-input-bg-900: rgb(112.6628571429, 135.3542857143, 180.7371428571); --acp-input-bg-900: rgb(112.6628571429, 135.3542857143, 180.7371428571); --auth-checkbox-bg-900: rgb(112.6628571429, 135.3542857143, 180.7371428571); --ucp-checkbox-bg-900: rgb(112.6628571429, 135.3542857143, 180.7371428571); --acp-checkbox-bg-900: rgb(112.6628571429, 135.3542857143, 180.7371428571); --auth-input-error-900: rgb(148.7959322034, 19.3038418079, 15.6040677966); --ucp-input-error-900: rgb(148.7959322034, 19.3038418079, 15.6040677966); --acp-input-error-900: rgb(148.7959322034, 19.3038418079, 15.6040677966); --auth-checkbox-checked-900: rgb(150, 22.2, 0); --ucp-checkbox-checked-900: rgb(150, 22.2, 0); --acp-checkbox-checked-900: rgb(150, 22.2, 0); --auth-input-focus-900: rgb(107.64, 16.6305084746, 0.96); --ucp-input-focus-900: rgb(107.64, 16.6305084746, 0.96); --acp-input-focus-900: rgb(107.64, 16.6305084746, 0.96); --auth-input-text-900: rgb(8.64, 9.96, 16.56); --ucp-input-text-900: rgb(8.64, 9.96, 16.56); --acp-input-text-900: rgb(8.64, 9.96, 16.56); --acp-body-bg-900: rgb(173.4, 132.6, 132.6); --acp-text-900: black; --auth-input-placeholder: #6b7280; --ucp-input-placeholder: #6b7280; --acp-input-placeholder: #6b7280; --auth-body-bg: #0c0c0c; --auth-card-bg: #777; --auth-card-border: #777; --auth-card-text: #fff; --auth-card-link: #ddd; --auth-footer-bg: #777; --auth-footer-text: #fff; --auth-footer-link: #ddd; --auth-text: #fff; --auth-link: #dcdcdc; --auth-marquee-bg: #b31c02; --ucp-marquee-bg: #b31c02; --acp-marquee-bg: #b31c02; --auth-marquee-text: #fff; --ucp-marquee-text: #fff; --acp-marquee-text: #fff; --ucp-link: #000; --ucp-link-hover: #0d0d0d; --header-background: #fff; --header-text-color: #212529; --header-link-color: #212529; --header-link-hover-color: #d3d3d3; --header-border-color: #e2e8f0; --footer-background: #222; --footer-text-color: #fff; --footer-link-color: #fff; --footer-link-hover-color: #d3d3d3; --navbar-background: #fff; --navbar-popout-background: #fff; --navbar-text-color: #000; --navbar-link-color: #000; --navbar-link-hover-color: #0c0c0c; --navbar-popout-link-color: #000; --navbar-popout-link-hover-color: #0c0c0c; --acp-link: #1c1c1c; --acp-link-hover: #0d0d0d; --acp-header-bg: #343a40; --acp-header-text: #fff; --acp-header-link: #ddd; --acp-header-link-hover: #fff; --acp-nav-bg: #f8f9fa; --acp-nav-text: #6b7280; --acp-nav-link: #6b7280; --acp-nav-link-hover: #fff; --acp-nav-link-hover-bg: #7a1402; --acp-footer-bg: #000; --acp-footer-text: #fff; --acp-footer-link: #ddd; --acp-footer-link-hover: #fff; --font-size-default: 0.875rem; --font-size-small: 0.75rem; --font-size-medium: 1rem; --font-size-large: 1.25rem; --font-size-extra-large: 1.5rem; --font-size-huge: 2rem; --font-size-headline: 3rem; --font-size-subhead: 2.5rem; --font-size-section-header: 1.5rem; --font-size-section-subheader: 1.5rem; --font-size-site-header: 3rem; --font-size-footer-title: 1.25rem; --font-size-footer: 0.875rem; --danger: #dc3545; } .required-indicator:after { content: " *"; color: var(--danger); } .clearfix::after { display: block; clear: both; content: ""; } .img-fluid { max-width: 100%; height: auto; } .form-label { margin-bottom: 0.5rem; } .list-unstyled { padding-left: 0; list-style: none; } .badge { display: inline-block; padding: 0.35em 0.65em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-border-radius); position: relative; top: -1px; } .badge:empty { display: none; } .sr-only{ position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border-width: 0 !important; } .pointer-events-none{ pointer-events: none !important; } .pointer-events-auto{ pointer-events: auto !important; } .static{ position: static !important; } .fixed{ position: fixed !important; } .absolute{ position: absolute !important; } .relative{ position: relative !important; } .sticky{ position: sticky !important; } .bottom-0{ bottom: 0px !important; } .left-0{ left: 0px !important; } .left-1\/2{ left: 50% !important; } .left-16{ left: 4rem !important; } .left-4{ left: 1rem !important; } .left-8{ left: 2rem !important; } .right-0{ right: 0px !important; } .right-1{ right: 0.25rem !important; } .right-2{ right: 0.5rem !important; } .right-2\.5{ right: 0.625rem !important; } .top-0{ top: 0px !important; } .top-1\/2{ top: 50% !important; } .top-3{ top: 0.75rem !important; } .top-auto{ top: auto !important; } .top-full{ top: 100% !important; } .z-10{ z-index: 10 !important; } .z-20{ z-index: 20 !important; } .z-40{ z-index: 40 !important; } .z-50{ z-index: 50 !important; } .z-\[999\]{ z-index: 999 !important; } .col-auto{ grid-column: auto !important; } .col-span-2{ grid-column: span 2 / span 2 !important; } .float-right{ float: right !important; } .m-0{ margin: 0px !important; } .m-1{ margin: 0.25rem !important; } .m-2{ margin: 0.5rem !important; } .mx-1{ margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .mx-2{ margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .mx-4{ margin-left: 1rem !important; margin-right: 1rem !important; } .mx-auto{ margin-left: auto !important; margin-right: auto !important; } .my-1{ margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2{ margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3{ margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .my-4{ margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-5{ margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; } .my-auto{ margin-top: auto !important; margin-bottom: auto !important; } .-mb-px{ margin-bottom: -1px !important; } .mb-0{ margin-bottom: 0px !important; } .mb-1{ margin-bottom: 0.25rem !important; } .mb-2{ margin-bottom: 0.5rem !important; } .mb-3{ margin-bottom: 0.75rem !important; } .mb-4{ margin-bottom: 1rem !important; } .mb-5{ margin-bottom: 1.25rem !important; } .mb-6{ margin-bottom: 1.5rem !important; } .mb-7{ margin-bottom: 1.75rem !important; } .mb-8{ margin-bottom: 2rem !important; } .mb-auto{ margin-bottom: auto !important; } .ml-2{ margin-left: 0.5rem !important; } .ml-3{ margin-left: 0.75rem !important; } .ml-auto{ margin-left: auto !important; } .mr-1{ margin-right: 0.25rem !important; } .mr-2{ margin-right: 0.5rem !important; } .mr-3{ margin-right: 0.75rem !important; } .mr-5{ margin-right: 1.25rem !important; } .ms-2{ margin-inline-start: 0.5rem !important; } .ms-4{ margin-inline-start: 1rem !important; } .mt-0{ margin-top: 0px !important; } .mt-1{ margin-top: 0.25rem !important; } .mt-2{ margin-top: 0.5rem !important; } .mt-3{ margin-top: 0.75rem !important; } .mt-4{ margin-top: 1rem !important; } .mt-5{ margin-top: 1.25rem !important; } .mt-auto{ margin-top: auto !important; } .block{ display: block !important; } .inline-block{ display: inline-block !important; } .inline{ display: inline !important; } .flex{ display: flex !important; } .inline-flex{ display: inline-flex !important; } .table{ display: table !important; } .grid{ display: grid !important; } .inline-grid{ display: inline-grid !important; } .contents{ display: contents !important; } .hidden{ display: none !important; } .size-1{ width: 0.25rem !important; height: 0.25rem !important; } .h-0{ height: 0px !important; } .h-1{ height: 0.25rem !important; } .h-10{ height: 2.5rem !important; } .h-12{ height: 3rem !important; } .h-14{ height: 3.5rem !important; } .h-16{ height: 4rem !important; } .h-2{ height: 0.5rem !important; } .h-20{ height: 5rem !important; } .h-24{ height: 6rem !important; } .h-32{ height: 8rem !important; } .h-4{ height: 1rem !important; } .h-5{ height: 1.25rem !important; } .h-6{ height: 1.5rem !important; } .h-7{ height: 1.75rem !important; } .h-8{ height: 2rem !important; } .h-\[calc\(100\%-1rem\)\]{ height: calc(100% - 1rem) !important; } .h-full{ height: 100% !important; } .h-px{ height: 1px !important; } .h-screen{ height: 100vh !important; } .max-h-10{ max-height: 2.5rem !important; } .max-h-20{ max-height: 5rem !important; } .max-h-4{ max-height: 1rem !important; } .max-h-40{ max-height: 10rem !important; } .max-h-full{ max-height: 100% !important; } .max-h-screen{ max-height: 100vh !important; } .min-h-\[520px\]{ min-height: 520px !important; } .min-h-\[600px\]{ min-height: 600px !important; } .min-h-screen{ min-height: 100vh !important; } .w-1{ width: 0.25rem !important; } .w-1\/2{ width: 50% !important; } .w-10{ width: 2.5rem !important; } .w-14{ width: 3.5rem !important; } .w-16{ width: 4rem !important; } .w-20{ width: 5rem !important; } .w-24{ width: 6rem !important; } .w-4{ width: 1rem !important; } .w-44{ width: 11rem !important; } .w-5{ width: 1.25rem !important; } .w-6{ width: 1.5rem !important; } .w-64{ width: 16rem !important; } .w-7{ width: 1.75rem !important; } .w-8{ width: 2rem !important; } .w-96{ width: 24rem !important; } .w-\[96\%\]{ width: 96% !important; } .w-auto{ width: auto !important; } .w-full{ width: 100% !important; } .w-screen{ width: 100vw !important; } .min-w-fit{ min-width: fit-content !important; } .max-w-96{ max-width: 24rem !important; } .max-w-\[32em\]{ max-width: 32em !important; } .max-w-md{ max-width: 28rem !important; } .max-w-screen-lg{ max-width: 992px !important; } .max-w-xl{ max-width: 36rem !important; } .max-w-xs{ max-width: 20rem !important; } .flex-1{ flex: 1 1 0% !important; } .flex-auto{ flex: 1 1 auto !important; } .flex-none{ flex: none !important; } .flex-shrink-0{ flex-shrink: 0 !important; } .shrink{ flex-shrink: 1 !important; } .shrink-0{ flex-shrink: 0 !important; } .flex-grow{ flex-grow: 1 !important; } .grow{ flex-grow: 1 !important; } .table-auto{ table-layout: auto !important; } .-translate-x-1\/2{ --tw-translate-x: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .-translate-x-full{ --tw-translate-x: -100% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .-translate-y-1\/2{ --tw-translate-y: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .-translate-y-12{ --tw-translate-y: -3rem !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .translate-y-0{ --tw-translate-y: 0px !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .translate-y-12{ --tw-translate-y: 3rem !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .rotate-0{ --tw-rotate: 0deg !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .rotate-180{ --tw-rotate: 180deg !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .scale-100{ --tw-scale-x: 1 !important; --tw-scale-y: 1 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .scale-90{ --tw-scale-x: .9 !important; --tw-scale-y: .9 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .transform-none{ transform: none !important; } .cursor-default{ cursor: default !important; } .cursor-move{ cursor: move !important; } .cursor-not-allowed{ cursor: not-allowed !important; } .cursor-pointer{ cursor: pointer !important; } .select-none{ user-select: none !important; } .resize{ resize: both !important; } .grid-flow-row{ grid-auto-flow: row !important; } .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .flex-row{ flex-direction: row !important; } .flex-col{ flex-direction: column !important; } .flex-wrap{ flex-wrap: wrap !important; } .flex-nowrap{ flex-wrap: nowrap !important; } .items-start{ align-items: flex-start !important; } .items-end{ align-items: flex-end !important; } .items-center{ align-items: center !important; } .items-stretch{ align-items: stretch !important; } .justify-start{ justify-content: flex-start !important; } .justify-end{ justify-content: flex-end !important; } .justify-center{ justify-content: center !important; } .justify-between{ justify-content: space-between !important; } .justify-around{ justify-content: space-around !important; } .justify-stretch{ justify-content: stretch !important; } .gap-1{ gap: 0.25rem !important; } .gap-1\.5{ gap: 0.375rem !important; } .gap-2{ gap: 0.5rem !important; } .gap-2\.5{ gap: 0.625rem !important; } .gap-3{ gap: 0.75rem !important; } .gap-4{ gap: 1rem !important; } .gap-5{ gap: 1.25rem !important; } .gap-6{ gap: 1.5rem !important; } .gap-8{ gap: 2rem !important; } .gap-y-2{ row-gap: 0.5rem !important; } .-space-x-px > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0 !important; margin-right: calc(-1px * var(--tw-space-x-reverse)) !important; margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse))) !important; } .space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0 !important; margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important; margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important; } .space-y-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0 !important; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important; } .space-y-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0 !important; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) !important; } .space-y-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0 !important; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) !important; } .divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0 !important; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important; border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important; } .divide-acp-body-bg-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--acp-body-bg-900) !important; } .divide-acp-body-bg-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--acp-body-bg-50) !important; } .divide-acp-checkbox-bg-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--acp-checkbox-bg-900) !important; } .divide-acp-checkbox-bg-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--acp-checkbox-bg-50) !important; } .divide-acp-input-bg-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--acp-input-bg-900) !important; } .divide-acp-input-bg-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--acp-input-bg-50) !important; } .divide-acp-input-text-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--acp-input-text-900) !important; } .divide-acp-input-text-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--acp-input-text-50) !important; } .divide-acp-text-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--acp-text-900) !important; } .divide-acp-text-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--acp-text-50) !important; } .divide-auth-checkbox-bg-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--auth-checkbox-bg-900) !important; } .divide-auth-checkbox-bg-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--auth-checkbox-bg-50) !important; } .divide-auth-input-bg-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--auth-input-bg-900) !important; } .divide-auth-input-bg-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--auth-input-bg-50) !important; } .divide-auth-input-text-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--auth-input-text-900) !important; } .divide-auth-input-text-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--auth-input-text-50) !important; } .divide-button-danger-text-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--button-danger-text-900) !important; } .divide-button-danger-text-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--button-danger-text-50) !important; } .divide-button-dark-text-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--button-dark-text-900) !important; } .divide-button-dark-text-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--button-dark-text-50) !important; } .divide-button-light-text-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--button-light-text-900) !important; } .divide-button-light-text-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--button-light-text-50) !important; } .divide-button-primary-text-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--button-primary-text-900) !important; } .divide-button-primary-text-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--button-primary-text-50) !important; } .divide-button-secondary-text-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--button-secondary-text-900) !important; } .divide-button-secondary-text-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--button-secondary-text-50) !important; } .divide-button-success-text-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--button-success-text-900) !important; } .divide-button-success-text-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--button-success-text-50) !important; } .divide-button-warning-text-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--button-warning-text-900) !important; } .divide-button-warning-text-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--button-warning-text-50) !important; } .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1 !important; border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1)) !important; } .divide-ucp-body-bg-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--ucp-body-bg-900) !important; } .divide-ucp-body-bg-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--ucp-body-bg-50) !important; } .divide-ucp-checkbox-bg-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--ucp-checkbox-bg-900) !important; } .divide-ucp-checkbox-bg-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--ucp-checkbox-bg-50) !important; } .divide-ucp-input-bg-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--ucp-input-bg-900) !important; } .divide-ucp-input-bg-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--ucp-input-bg-50) !important; } .divide-ucp-input-text-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--ucp-input-text-900) !important; } .divide-ucp-input-text-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--ucp-input-text-50) !important; } .divide-ucp-text-dark > :not([hidden]) ~ :not([hidden]){ border-color: var(--ucp-text-900) !important; } .divide-ucp-text-light > :not([hidden]) ~ :not([hidden]){ border-color: var(--ucp-text-50) !important; } .self-center{ align-self: center !important; } .justify-self-end{ justify-self: end !important; } .overflow-auto{ overflow: auto !important; } .overflow-hidden{ overflow: hidden !important; } .overflow-x-auto{ overflow-x: auto !important; } .overflow-y-auto{ overflow-y: auto !important; } .overflow-x-hidden{ overflow-x: hidden !important; } .truncate{ overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .whitespace-nowrap{ white-space: nowrap !important; } .text-nowrap{ text-wrap: nowrap !important; } .break-words{ overflow-wrap: break-word !important; } .break-all{ word-break: break-all !important; } .rounded{ border-radius: 0.25rem !important; } .rounded-3xl{ border-radius: 1.5rem !important; } .rounded-full{ border-radius: 9999px !important; } .rounded-lg{ border-radius: 0.5rem !important; } .rounded-none{ border-radius: 0px !important; } .rounded-sm{ border-radius: 0.125rem !important; } .rounded-xl{ border-radius: 0.75rem !important; } .rounded-b-lg{ border-bottom-right-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } .rounded-e-lg{ border-start-end-radius: 0.5rem !important; border-end-end-radius: 0.5rem !important; } .rounded-e-none{ border-start-end-radius: 0px !important; border-end-end-radius: 0px !important; } .rounded-l-lg{ border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } .rounded-l-md{ border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; } .rounded-r-lg{ border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .rounded-r-md{ border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .rounded-r-none{ border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .rounded-s-lg{ border-start-start-radius: 0.5rem !important; border-end-start-radius: 0.5rem !important; } .rounded-s-none{ border-start-start-radius: 0px !important; border-end-start-radius: 0px !important; } .rounded-t-lg{ border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; } .border{ border-width: 1px !important; } .border-2{ border-width: 2px !important; } .border-y{ border-top-width: 1px !important; border-bottom-width: 1px !important; } .border-b{ border-bottom-width: 1px !important; } .border-b-2{ border-bottom-width: 2px !important; } .border-e{ border-inline-end-width: 1px !important; } .border-e-0{ border-inline-end-width: 0px !important; } .border-l-0{ border-left-width: 0px !important; } .border-l-2{ border-left-width: 2px !important; } .border-r{ border-right-width: 1px !important; } .border-r-0{ border-right-width: 0px !important; } .border-s-0{ border-inline-start-width: 0px !important; } .border-t{ border-top-width: 1px !important; } .border-solid{ border-style: solid !important; } .border-dashed{ border-style: dashed !important; } .border-\[\#080808\]{ --tw-border-opacity: 1 !important; border-color: rgb(8 8 8 / var(--tw-border-opacity, 1)) !important; } .border-acp-body-bg-700{ border-color: var(--acp-body-bg-700) !important; } .border-acp-body-bg-dark{ border-color: var(--acp-body-bg-900) !important; } .border-acp-body-bg-light{ border-color: var(--acp-body-bg-50) !important; } .border-acp-checkbox-bg-800{ border-color: var(--acp-checkbox-bg-800) !important; } .border-acp-checkbox-bg-dark{ border-color: var(--acp-checkbox-bg-900) !important; } .border-acp-checkbox-bg-light{ border-color: var(--acp-checkbox-bg-50) !important; } .border-acp-input-bg-400{ border-color: var(--acp-input-bg-400) !important; } .border-acp-input-bg-600{ border-color: var(--acp-input-bg-600) !important; } .border-acp-input-bg-dark{ border-color: var(--acp-input-bg-900) !important; } .border-acp-input-bg-light{ border-color: var(--acp-input-bg-50) !important; } .border-acp-input-placeholder{ border-color: var(--acp-input-placeholder) !important; } .border-acp-input-text-dark{ border-color: var(--acp-input-text-900) !important; } .border-acp-input-text-light{ border-color: var(--acp-input-text-50) !important; } .border-acp-nav-text{ border-color: var(--acp-nav-text) !important; } .border-acp-text-dark{ border-color: var(--acp-text-900) !important; } .border-acp-text-light{ border-color: var(--acp-text-50) !important; } .border-auth-checkbox-bg-800{ border-color: var(--auth-checkbox-bg-800) !important; } .border-auth-checkbox-bg-dark{ border-color: var(--auth-checkbox-bg-900) !important; } .border-auth-checkbox-bg-light{ border-color: var(--auth-checkbox-bg-50) !important; } .border-auth-input-bg-400{ border-color: var(--auth-input-bg-400) !important; } .border-auth-input-bg-600{ border-color: var(--auth-input-bg-600) !important; } .border-auth-input-bg-dark{ border-color: var(--auth-input-bg-900) !important; } .border-auth-input-bg-light{ border-color: var(--auth-input-bg-50) !important; } .border-auth-input-text-dark{ border-color: var(--auth-input-text-900) !important; } .border-auth-input-text-light{ border-color: var(--auth-input-text-50) !important; } .border-button-danger{ border-color: var(--button-danger) !important; } .border-button-danger-100{ border-color: var(--button-danger-100) !important; } .border-button-danger-200{ border-color: var(--button-danger-200) !important; } .border-button-danger-300{ border-color: var(--button-danger-300) !important; } .border-button-danger-400{ border-color: var(--button-danger-400) !important; } .border-button-danger-50{ border-color: var(--button-danger-50) !important; } .border-button-danger-500{ border-color: var(--button-danger) !important; } .border-button-danger-600{ border-color: var(--button-danger-600) !important; } .border-button-danger-700{ border-color: var(--button-danger-700) !important; } .border-button-danger-800{ border-color: var(--button-danger-800) !important; } .border-button-danger-900{ border-color: var(--button-danger-900) !important; } .border-button-danger-dark{ border-color: var(--button-danger-900) !important; } .border-button-danger-hover{ border-color: var(--button-danger-hover) !important; } .border-button-danger-hover-100{ border-color: var(--button-danger-hover-100) !important; } .border-button-danger-hover-200{ border-color: var(--button-danger-hover-200) !important; } .border-button-danger-hover-300{ border-color: var(--button-danger-hover-300) !important; } .border-button-danger-hover-400{ border-color: var(--button-danger-hover-400) !important; } .border-button-danger-hover-50{ border-color: var(--button-danger-hover-50) !important; } .border-button-danger-hover-500{ border-color: var(--button-danger-hover) !important; } .border-button-danger-hover-600{ border-color: var(--button-danger-hover-600) !important; } .border-button-danger-hover-700{ border-color: var(--button-danger-hover-700) !important; } .border-button-danger-hover-800{ border-color: var(--button-danger-hover-800) !important; } .border-button-danger-hover-900{ border-color: var(--button-danger-hover-900) !important; } .border-button-danger-hover-dark{ border-color: var(--button-danger-hover-900) !important; } .border-button-danger-hover-light{ border-color: var(--button-danger-hover-50) !important; } .border-button-danger-light{ border-color: var(--button-danger-50) !important; } .border-button-danger-text{ border-color: var(--button-danger-text) !important; } .border-button-danger-text-100{ border-color: var(--button-danger-text-100) !important; } .border-button-danger-text-200{ border-color: var(--button-danger-text-200) !important; } .border-button-danger-text-300{ border-color: var(--button-danger-text-300) !important; } .border-button-danger-text-400{ border-color: var(--button-danger-text-400) !important; } .border-button-danger-text-50{ border-color: var(--button-danger-text-50) !important; } .border-button-danger-text-500{ border-color: var(--button-danger-text) !important; } .border-button-danger-text-600{ border-color: var(--button-danger-text-600) !important; } .border-button-danger-text-700{ border-color: var(--button-danger-text-700) !important; } .border-button-danger-text-800{ border-color: var(--button-danger-text-800) !important; } .border-button-danger-text-900{ border-color: var(--button-danger-text-900) !important; } .border-button-danger-text-dark{ border-color: var(--button-danger-text-900) !important; } .border-button-danger-text-hover{ border-color: var(--button-danger-text-hover) !important; } .border-button-danger-text-hover-100{ border-color: var(--button-danger-text-hover-100) !important; } .border-button-danger-text-hover-200{ border-color: var(--button-danger-text-hover-200) !important; } .border-button-danger-text-hover-300{ border-color: var(--button-danger-text-hover-300) !important; } .border-button-danger-text-hover-400{ border-color: var(--button-danger-text-hover-400) !important; } .border-button-danger-text-hover-50{ border-color: var(--button-danger-text-hover-50) !important; } .border-button-danger-text-hover-500{ border-color: var(--button-danger-text-hover) !important; } .border-button-danger-text-hover-600{ border-color: var(--button-danger-text-hover-600) !important; } .border-button-danger-text-hover-700{ border-color: var(--button-danger-text-hover-700) !important; } .border-button-danger-text-hover-800{ border-color: var(--button-danger-text-hover-800) !important; } .border-button-danger-text-hover-900{ border-color: var(--button-danger-text-hover-900) !important; } .border-button-danger-text-hover-dark{ border-color: var(--button-danger-text-hover-900) !important; } .border-button-danger-text-hover-light{ border-color: var(--button-danger-text-hover-50) !important; } .border-button-danger-text-light{ border-color: var(--button-danger-text-50) !important; } .border-button-dark{ border-color: var(--button-dark) !important; } .border-button-dark-100{ border-color: var(--button-dark-100) !important; } .border-button-dark-200{ border-color: var(--button-dark-200) !important; } .border-button-dark-300{ border-color: var(--button-dark-300) !important; } .border-button-dark-400{ border-color: var(--button-dark-400) !important; } .border-button-dark-50{ border-color: var(--button-dark-50) !important; } .border-button-dark-500{ border-color: var(--button-dark) !important; } .border-button-dark-600{ border-color: var(--button-dark-600) !important; } .border-button-dark-700{ border-color: var(--button-dark-700) !important; } .border-button-dark-800{ border-color: var(--button-dark-800) !important; } .border-button-dark-900{ border-color: var(--button-dark-900) !important; } .border-button-dark-dark{ border-color: var(--button-dark-900) !important; } .border-button-dark-hover{ border-color: var(--button-dark-hover) !important; } .border-button-dark-hover-100{ border-color: var(--button-dark-hover-100) !important; } .border-button-dark-hover-200{ border-color: var(--button-dark-hover-200) !important; } .border-button-dark-hover-300{ border-color: var(--button-dark-hover-300) !important; } .border-button-dark-hover-400{ border-color: var(--button-dark-hover-400) !important; } .border-button-dark-hover-50{ border-color: var(--button-dark-hover-50) !important; } .border-button-dark-hover-500{ border-color: var(--button-dark-hover) !important; } .border-button-dark-hover-600{ border-color: var(--button-dark-hover-600) !important; } .border-button-dark-hover-700{ border-color: var(--button-dark-hover-700) !important; } .border-button-dark-hover-800{ border-color: var(--button-dark-hover-800) !important; } .border-button-dark-hover-900{ border-color: var(--button-dark-hover-900) !important; } .border-button-dark-hover-dark{ border-color: var(--button-dark-hover-900) !important; } .border-button-dark-hover-light{ border-color: var(--button-dark-hover-50) !important; } .border-button-dark-light{ border-color: var(--button-dark-50) !important; } .border-button-dark-text{ border-color: var(--button-dark-text) !important; } .border-button-dark-text-100{ border-color: var(--button-dark-text-100) !important; } .border-button-dark-text-200{ border-color: var(--button-dark-text-200) !important; } .border-button-dark-text-300{ border-color: var(--button-dark-text-300) !important; } .border-button-dark-text-400{ border-color: var(--button-dark-text-400) !important; } .border-button-dark-text-50{ border-color: var(--button-dark-text-50) !important; } .border-button-dark-text-500{ border-color: var(--button-dark-text) !important; } .border-button-dark-text-600{ border-color: var(--button-dark-text-600) !important; } .border-button-dark-text-700{ border-color: var(--button-dark-text-700) !important; } .border-button-dark-text-800{ border-color: var(--button-dark-text-800) !important; } .border-button-dark-text-900{ border-color: var(--button-dark-text-900) !important; } .border-button-dark-text-dark{ border-color: var(--button-dark-text-900) !important; } .border-button-dark-text-hover{ border-color: var(--button-dark-text-hover) !important; } .border-button-dark-text-hover-100{ border-color: var(--button-dark-text-hover-100) !important; } .border-button-dark-text-hover-200{ border-color: var(--button-dark-text-hover-200) !important; } .border-button-dark-text-hover-300{ border-color: var(--button-dark-text-hover-300) !important; } .border-button-dark-text-hover-400{ border-color: var(--button-dark-text-hover-400) !important; } .border-button-dark-text-hover-50{ border-color: var(--button-dark-text-hover-50) !important; } .border-button-dark-text-hover-500{ border-color: var(--button-dark-text-hover) !important; } .border-button-dark-text-hover-600{ border-color: var(--button-dark-text-hover-600) !important; } .border-button-dark-text-hover-700{ border-color: var(--button-dark-text-hover-700) !important; } .border-button-dark-text-hover-800{ border-color: var(--button-dark-text-hover-800) !important; } .border-button-dark-text-hover-900{ border-color: var(--button-dark-text-hover-900) !important; } .border-button-dark-text-hover-dark{ border-color: var(--button-dark-text-hover-900) !important; } .border-button-dark-text-hover-light{ border-color: var(--button-dark-text-hover-50) !important; } .border-button-dark-text-light{ border-color: var(--button-dark-text-50) !important; } .border-button-light{ border-color: var(--button-light) !important; } .border-button-light-100{ border-color: var(--button-light-100) !important; } .border-button-light-200{ border-color: var(--button-light-200) !important; } .border-button-light-300{ border-color: var(--button-light-300) !important; } .border-button-light-400{ border-color: var(--button-light-400) !important; } .border-button-light-50{ border-color: var(--button-light-50) !important; } .border-button-light-500{ border-color: var(--button-light) !important; } .border-button-light-600{ border-color: var(--button-light-600) !important; } .border-button-light-700{ border-color: var(--button-light-700) !important; } .border-button-light-800{ border-color: var(--button-light-800) !important; } .border-button-light-900{ border-color: var(--button-light-900) !important; } .border-button-light-dark{ border-color: var(--button-light-900) !important; } .border-button-light-hover{ border-color: var(--button-light-hover) !important; } .border-button-light-hover-100{ border-color: var(--button-light-hover-100) !important; } .border-button-light-hover-200{ border-color: var(--button-light-hover-200) !important; } .border-button-light-hover-300{ border-color: var(--button-light-hover-300) !important; } .border-button-light-hover-400{ border-color: var(--button-light-hover-400) !important; } .border-button-light-hover-50{ border-color: var(--button-light-hover-50) !important; } .border-button-light-hover-500{ border-color: var(--button-light-hover) !important; } .border-button-light-hover-600{ border-color: var(--button-light-hover-600) !important; } .border-button-light-hover-700{ border-color: var(--button-light-hover-700) !important; } .border-button-light-hover-800{ border-color: var(--button-light-hover-800) !important; } .border-button-light-hover-900{ border-color: var(--button-light-hover-900) !important; } .border-button-light-hover-dark{ border-color: var(--button-light-hover-900) !important; } .border-button-light-hover-light{ border-color: var(--button-light-hover-50) !important; } .border-button-light-light{ border-color: var(--button-light-50) !important; } .border-button-light-text{ border-color: var(--button-light-text) !important; } .border-button-light-text-100{ border-color: var(--button-light-text-100) !important; } .border-button-light-text-200{ border-color: var(--button-light-text-200) !important; } .border-button-light-text-300{ border-color: var(--button-light-text-300) !important; } .border-button-light-text-400{ border-color: var(--button-light-text-400) !important; } .border-button-light-text-50{ border-color: var(--button-light-text-50) !important; } .border-button-light-text-500{ border-color: var(--button-light-text) !important; } .border-button-light-text-600{ border-color: var(--button-light-text-600) !important; } .border-button-light-text-700{ border-color: var(--button-light-text-700) !important; } .border-button-light-text-800{ border-color: var(--button-light-text-800) !important; } .border-button-light-text-900{ border-color: var(--button-light-text-900) !important; } .border-button-light-text-dark{ border-color: var(--button-light-text-900) !important; } .border-button-light-text-hover{ border-color: var(--button-light-text-hover) !important; } .border-button-light-text-hover-100{ border-color: var(--button-light-text-hover-100) !important; } .border-button-light-text-hover-200{ border-color: var(--button-light-text-hover-200) !important; } .border-button-light-text-hover-300{ border-color: var(--button-light-text-hover-300) !important; } .border-button-light-text-hover-400{ border-color: var(--button-light-text-hover-400) !important; } .border-button-light-text-hover-50{ border-color: var(--button-light-text-hover-50) !important; } .border-button-light-text-hover-500{ border-color: var(--button-light-text-hover) !important; } .border-button-light-text-hover-600{ border-color: var(--button-light-text-hover-600) !important; } .border-button-light-text-hover-700{ border-color: var(--button-light-text-hover-700) !important; } .border-button-light-text-hover-800{ border-color: var(--button-light-text-hover-800) !important; } .border-button-light-text-hover-900{ border-color: var(--button-light-text-hover-900) !important; } .border-button-light-text-hover-dark{ border-color: var(--button-light-text-hover-900) !important; } .border-button-light-text-hover-light{ border-color: var(--button-light-text-hover-50) !important; } .border-button-light-text-light{ border-color: var(--button-light-text-50) !important; } .border-button-primary{ border-color: var(--button-primary) !important; } .border-button-primary-100{ border-color: var(--button-primary-100) !important; } .border-button-primary-200{ border-color: var(--button-primary-200) !important; } .border-button-primary-300{ border-color: var(--button-primary-300) !important; } .border-button-primary-400{ border-color: var(--button-primary-400) !important; } .border-button-primary-50{ border-color: var(--button-primary-50) !important; } .border-button-primary-500{ border-color: var(--button-primary) !important; } .border-button-primary-600{ border-color: var(--button-primary-600) !important; } .border-button-primary-700{ border-color: var(--button-primary-700) !important; } .border-button-primary-800{ border-color: var(--button-primary-800) !important; } .border-button-primary-900{ border-color: var(--button-primary-900) !important; } .border-button-primary-dark{ border-color: var(--button-primary-900) !important; } .border-button-primary-hover{ border-color: var(--button-primary-hover) !important; } .border-button-primary-hover-100{ border-color: var(--button-primary-hover-100) !important; } .border-button-primary-hover-200{ border-color: var(--button-primary-hover-200) !important; } .border-button-primary-hover-300{ border-color: var(--button-primary-hover-300) !important; } .border-button-primary-hover-400{ border-color: var(--button-primary-hover-400) !important; } .border-button-primary-hover-50{ border-color: var(--button-primary-hover-50) !important; } .border-button-primary-hover-500{ border-color: var(--button-primary-hover) !important; } .border-button-primary-hover-600{ border-color: var(--button-primary-hover-600) !important; } .border-button-primary-hover-700{ border-color: var(--button-primary-hover-700) !important; } .border-button-primary-hover-800{ border-color: var(--button-primary-hover-800) !important; } .border-button-primary-hover-900{ border-color: var(--button-primary-hover-900) !important; } .border-button-primary-hover-dark{ border-color: var(--button-primary-hover-900) !important; } .border-button-primary-hover-light{ border-color: var(--button-primary-hover-50) !important; } .border-button-primary-light{ border-color: var(--button-primary-50) !important; } .border-button-primary-text{ border-color: var(--button-primary-text) !important; } .border-button-primary-text-100{ border-color: var(--button-primary-text-100) !important; } .border-button-primary-text-200{ border-color: var(--button-primary-text-200) !important; } .border-button-primary-text-300{ border-color: var(--button-primary-text-300) !important; } .border-button-primary-text-400{ border-color: var(--button-primary-text-400) !important; } .border-button-primary-text-50{ border-color: var(--button-primary-text-50) !important; } .border-button-primary-text-500{ border-color: var(--button-primary-text) !important; } .border-button-primary-text-600{ border-color: var(--button-primary-text-600) !important; } .border-button-primary-text-700{ border-color: var(--button-primary-text-700) !important; } .border-button-primary-text-800{ border-color: var(--button-primary-text-800) !important; } .border-button-primary-text-900{ border-color: var(--button-primary-text-900) !important; } .border-button-primary-text-dark{ border-color: var(--button-primary-text-900) !important; } .border-button-primary-text-hover{ border-color: var(--button-primary-text-hover) !important; } .border-button-primary-text-hover-100{ border-color: var(--button-primary-text-hover-100) !important; } .border-button-primary-text-hover-200{ border-color: var(--button-primary-text-hover-200) !important; } .border-button-primary-text-hover-300{ border-color: var(--button-primary-text-hover-300) !important; } .border-button-primary-text-hover-400{ border-color: var(--button-primary-text-hover-400) !important; } .border-button-primary-text-hover-50{ border-color: var(--button-primary-text-hover-50) !important; } .border-button-primary-text-hover-500{ border-color: var(--button-primary-text-hover) !important; } .border-button-primary-text-hover-600{ border-color: var(--button-primary-text-hover-600) !important; } .border-button-primary-text-hover-700{ border-color: var(--button-primary-text-hover-700) !important; } .border-button-primary-text-hover-800{ border-color: var(--button-primary-text-hover-800) !important; } .border-button-primary-text-hover-900{ border-color: var(--button-primary-text-hover-900) !important; } .border-button-primary-text-hover-dark{ border-color: var(--button-primary-text-hover-900) !important; } .border-button-primary-text-hover-light{ border-color: var(--button-primary-text-hover-50) !important; } .border-button-primary-text-light{ border-color: var(--button-primary-text-50) !important; } .border-button-secondary{ border-color: var(--button-secondary) !important; } .border-button-secondary-100{ border-color: var(--button-secondary-100) !important; } .border-button-secondary-200{ border-color: var(--button-secondary-200) !important; } .border-button-secondary-300{ border-color: var(--button-secondary-300) !important; } .border-button-secondary-400{ border-color: var(--button-secondary-400) !important; } .border-button-secondary-50{ border-color: var(--button-secondary-50) !important; } .border-button-secondary-500{ border-color: var(--button-secondary) !important; } .border-button-secondary-600{ border-color: var(--button-secondary-600) !important; } .border-button-secondary-700{ border-color: var(--button-secondary-700) !important; } .border-button-secondary-800{ border-color: var(--button-secondary-800) !important; } .border-button-secondary-900{ border-color: var(--button-secondary-900) !important; } .border-button-secondary-dark{ border-color: var(--button-secondary-900) !important; } .border-button-secondary-hover{ border-color: var(--button-secondary-hover) !important; } .border-button-secondary-hover-100{ border-color: var(--button-secondary-hover-100) !important; } .border-button-secondary-hover-200{ border-color: var(--button-secondary-hover-200) !important; } .border-button-secondary-hover-300{ border-color: var(--button-secondary-hover-300) !important; } .border-button-secondary-hover-400{ border-color: var(--button-secondary-hover-400) !important; } .border-button-secondary-hover-50{ border-color: var(--button-secondary-hover-50) !important; } .border-button-secondary-hover-500{ border-color: var(--button-secondary-hover) !important; } .border-button-secondary-hover-600{ border-color: var(--button-secondary-hover-600) !important; } .border-button-secondary-hover-700{ border-color: var(--button-secondary-hover-700) !important; } .border-button-secondary-hover-800{ border-color: var(--button-secondary-hover-800) !important; } .border-button-secondary-hover-900{ border-color: var(--button-secondary-hover-900) !important; } .border-button-secondary-hover-dark{ border-color: var(--button-secondary-hover-900) !important; } .border-button-secondary-hover-light{ border-color: var(--button-secondary-hover-50) !important; } .border-button-secondary-light{ border-color: var(--button-secondary-50) !important; } .border-button-secondary-text{ border-color: var(--button-secondary-text) !important; } .border-button-secondary-text-100{ border-color: var(--button-secondary-text-100) !important; } .border-button-secondary-text-200{ border-color: var(--button-secondary-text-200) !important; } .border-button-secondary-text-300{ border-color: var(--button-secondary-text-300) !important; } .border-button-secondary-text-400{ border-color: var(--button-secondary-text-400) !important; } .border-button-secondary-text-50{ border-color: var(--button-secondary-text-50) !important; } .border-button-secondary-text-500{ border-color: var(--button-secondary-text) !important; } .border-button-secondary-text-600{ border-color: var(--button-secondary-text-600) !important; } .border-button-secondary-text-700{ border-color: var(--button-secondary-text-700) !important; } .border-button-secondary-text-800{ border-color: var(--button-secondary-text-800) !important; } .border-button-secondary-text-900{ border-color: var(--button-secondary-text-900) !important; } .border-button-secondary-text-dark{ border-color: var(--button-secondary-text-900) !important; } .border-button-secondary-text-hover{ border-color: var(--button-secondary-text-hover) !important; } .border-button-secondary-text-hover-100{ border-color: var(--button-secondary-text-hover-100) !important; } .border-button-secondary-text-hover-200{ border-color: var(--button-secondary-text-hover-200) !important; } .border-button-secondary-text-hover-300{ border-color: var(--button-secondary-text-hover-300) !important; } .border-button-secondary-text-hover-400{ border-color: var(--button-secondary-text-hover-400) !important; } .border-button-secondary-text-hover-50{ border-color: var(--button-secondary-text-hover-50) !important; } .border-button-secondary-text-hover-500{ border-color: var(--button-secondary-text-hover) !important; } .border-button-secondary-text-hover-600{ border-color: var(--button-secondary-text-hover-600) !important; } .border-button-secondary-text-hover-700{ border-color: var(--button-secondary-text-hover-700) !important; } .border-button-secondary-text-hover-800{ border-color: var(--button-secondary-text-hover-800) !important; } .border-button-secondary-text-hover-900{ border-color: var(--button-secondary-text-hover-900) !important; } .border-button-secondary-text-hover-dark{ border-color: var(--button-secondary-text-hover-900) !important; } .border-button-secondary-text-hover-light{ border-color: var(--button-secondary-text-hover-50) !important; } .border-button-secondary-text-light{ border-color: var(--button-secondary-text-50) !important; } .border-button-success{ border-color: var(--button-success) !important; } .border-button-success-100{ border-color: var(--button-success-100) !important; } .border-button-success-200{ border-color: var(--button-success-200) !important; } .border-button-success-300{ border-color: var(--button-success-300) !important; } .border-button-success-400{ border-color: var(--button-success-400) !important; } .border-button-success-50{ border-color: var(--button-success-50) !important; } .border-button-success-500{ border-color: var(--button-success) !important; } .border-button-success-600{ border-color: var(--button-success-600) !important; } .border-button-success-700{ border-color: var(--button-success-700) !important; } .border-button-success-800{ border-color: var(--button-success-800) !important; } .border-button-success-900{ border-color: var(--button-success-900) !important; } .border-button-success-dark{ border-color: var(--button-success-900) !important; } .border-button-success-hover{ border-color: var(--button-success-hover) !important; } .border-button-success-hover-100{ border-color: var(--button-success-hover-100) !important; } .border-button-success-hover-200{ border-color: var(--button-success-hover-200) !important; } .border-button-success-hover-300{ border-color: var(--button-success-hover-300) !important; } .border-button-success-hover-400{ border-color: var(--button-success-hover-400) !important; } .border-button-success-hover-50{ border-color: var(--button-success-hover-50) !important; } .border-button-success-hover-500{ border-color: var(--button-success-hover) !important; } .border-button-success-hover-600{ border-color: var(--button-success-hover-600) !important; } .border-button-success-hover-700{ border-color: var(--button-success-hover-700) !important; } .border-button-success-hover-800{ border-color: var(--button-success-hover-800) !important; } .border-button-success-hover-900{ border-color: var(--button-success-hover-900) !important; } .border-button-success-hover-dark{ border-color: var(--button-success-hover-900) !important; } .border-button-success-hover-light{ border-color: var(--button-success-hover-50) !important; } .border-button-success-light{ border-color: var(--button-success-50) !important; } .border-button-success-text{ border-color: var(--button-success-text) !important; } .border-button-success-text-100{ border-color: var(--button-success-text-100) !important; } .border-button-success-text-200{ border-color: var(--button-success-text-200) !important; } .border-button-success-text-300{ border-color: var(--button-success-text-300) !important; } .border-button-success-text-400{ border-color: var(--button-success-text-400) !important; } .border-button-success-text-50{ border-color: var(--button-success-text-50) !important; } .border-button-success-text-500{ border-color: var(--button-success-text) !important; } .border-button-success-text-600{ border-color: var(--button-success-text-600) !important; } .border-button-success-text-700{ border-color: var(--button-success-text-700) !important; } .border-button-success-text-800{ border-color: var(--button-success-text-800) !important; } .border-button-success-text-900{ border-color: var(--button-success-text-900) !important; } .border-button-success-text-dark{ border-color: var(--button-success-text-900) !important; } .border-button-success-text-hover{ border-color: var(--button-success-text-hover) !important; } .border-button-success-text-hover-100{ border-color: var(--button-success-text-hover-100) !important; } .border-button-success-text-hover-200{ border-color: var(--button-success-text-hover-200) !important; } .border-button-success-text-hover-300{ border-color: var(--button-success-text-hover-300) !important; } .border-button-success-text-hover-400{ border-color: var(--button-success-text-hover-400) !important; } .border-button-success-text-hover-50{ border-color: var(--button-success-text-hover-50) !important; } .border-button-success-text-hover-500{ border-color: var(--button-success-text-hover) !important; } .border-button-success-text-hover-600{ border-color: var(--button-success-text-hover-600) !important; } .border-button-success-text-hover-700{ border-color: var(--button-success-text-hover-700) !important; } .border-button-success-text-hover-800{ border-color: var(--button-success-text-hover-800) !important; } .border-button-success-text-hover-900{ border-color: var(--button-success-text-hover-900) !important; } .border-button-success-text-hover-dark{ border-color: var(--button-success-text-hover-900) !important; } .border-button-success-text-hover-light{ border-color: var(--button-success-text-hover-50) !important; } .border-button-success-text-light{ border-color: var(--button-success-text-50) !important; } .border-button-warning{ border-color: var(--button-warning) !important; } .border-button-warning-100{ border-color: var(--button-warning-100) !important; } .border-button-warning-200{ border-color: var(--button-warning-200) !important; } .border-button-warning-300{ border-color: var(--button-warning-300) !important; } .border-button-warning-400{ border-color: var(--button-warning-400) !important; } .border-button-warning-50{ border-color: var(--button-warning-50) !important; } .border-button-warning-500{ border-color: var(--button-warning) !important; } .border-button-warning-600{ border-color: var(--button-warning-600) !important; } .border-button-warning-700{ border-color: var(--button-warning-700) !important; } .border-button-warning-800{ border-color: var(--button-warning-800) !important; } .border-button-warning-900{ border-color: var(--button-warning-900) !important; } .border-button-warning-dark{ border-color: var(--button-warning-900) !important; } .border-button-warning-hover{ border-color: var(--button-warning-hover) !important; } .border-button-warning-hover-100{ border-color: var(--button-warning-hover-100) !important; } .border-button-warning-hover-200{ border-color: var(--button-warning-hover-200) !important; } .border-button-warning-hover-300{ border-color: var(--button-warning-hover-300) !important; } .border-button-warning-hover-400{ border-color: var(--button-warning-hover-400) !important; } .border-button-warning-hover-50{ border-color: var(--button-warning-hover-50) !important; } .border-button-warning-hover-500{ border-color: var(--button-warning-hover) !important; } .border-button-warning-hover-600{ border-color: var(--button-warning-hover-600) !important; } .border-button-warning-hover-700{ border-color: var(--button-warning-hover-700) !important; } .border-button-warning-hover-800{ border-color: var(--button-warning-hover-800) !important; } .border-button-warning-hover-900{ border-color: var(--button-warning-hover-900) !important; } .border-button-warning-hover-dark{ border-color: var(--button-warning-hover-900) !important; } .border-button-warning-hover-light{ border-color: var(--button-warning-hover-50) !important; } .border-button-warning-light{ border-color: var(--button-warning-50) !important; } .border-button-warning-text{ border-color: var(--button-warning-text) !important; } .border-button-warning-text-100{ border-color: var(--button-warning-text-100) !important; } .border-button-warning-text-200{ border-color: var(--button-warning-text-200) !important; } .border-button-warning-text-300{ border-color: var(--button-warning-text-300) !important; } .border-button-warning-text-400{ border-color: var(--button-warning-text-400) !important; } .border-button-warning-text-50{ border-color: var(--button-warning-text-50) !important; } .border-button-warning-text-500{ border-color: var(--button-warning-text) !important; } .border-button-warning-text-600{ border-color: var(--button-warning-text-600) !important; } .border-button-warning-text-700{ border-color: var(--button-warning-text-700) !important; } .border-button-warning-text-800{ border-color: var(--button-warning-text-800) !important; } .border-button-warning-text-900{ border-color: var(--button-warning-text-900) !important; } .border-button-warning-text-dark{ border-color: var(--button-warning-text-900) !important; } .border-button-warning-text-hover{ border-color: var(--button-warning-text-hover) !important; } .border-button-warning-text-hover-100{ border-color: var(--button-warning-text-hover-100) !important; } .border-button-warning-text-hover-200{ border-color: var(--button-warning-text-hover-200) !important; } .border-button-warning-text-hover-300{ border-color: var(--button-warning-text-hover-300) !important; } .border-button-warning-text-hover-400{ border-color: var(--button-warning-text-hover-400) !important; } .border-button-warning-text-hover-50{ border-color: var(--button-warning-text-hover-50) !important; } .border-button-warning-text-hover-500{ border-color: var(--button-warning-text-hover) !important; } .border-button-warning-text-hover-600{ border-color: var(--button-warning-text-hover-600) !important; } .border-button-warning-text-hover-700{ border-color: var(--button-warning-text-hover-700) !important; } .border-button-warning-text-hover-800{ border-color: var(--button-warning-text-hover-800) !important; } .border-button-warning-text-hover-900{ border-color: var(--button-warning-text-hover-900) !important; } .border-button-warning-text-hover-dark{ border-color: var(--button-warning-text-hover-900) !important; } .border-button-warning-text-hover-light{ border-color: var(--button-warning-text-hover-50) !important; } .border-button-warning-text-light{ border-color: var(--button-warning-text-50) !important; } .border-danger{ border-color: var(--danger) !important; } .border-danger-100{ border-color: var(--danger-100) !important; } .border-danger-200{ border-color: var(--danger-200) !important; } .border-danger-300{ border-color: var(--danger-300) !important; } .border-danger-400{ border-color: var(--danger-400) !important; } .border-danger-50{ border-color: var(--danger-50) !important; } .border-danger-500{ border-color: var(--danger) !important; } .border-danger-600{ border-color: var(--danger-600) !important; } .border-danger-700{ border-color: var(--danger-700) !important; } .border-danger-800{ border-color: var(--danger-800) !important; } .border-danger-900{ border-color: var(--danger-900) !important; } .border-danger-dark{ border-color: var(--danger-900) !important; } .border-danger-light{ border-color: var(--danger-50) !important; } .border-dark{ border-color: var(--dark) !important; } .border-dark-100{ border-color: var(--dark-100) !important; } .border-dark-200{ border-color: var(--dark-200) !important; } .border-dark-300{ border-color: var(--dark-300) !important; } .border-dark-400{ border-color: var(--dark-400) !important; } .border-dark-50{ border-color: var(--dark-50) !important; } .border-dark-500{ border-color: var(--dark) !important; } .border-dark-600{ border-color: var(--dark-600) !important; } .border-dark-700{ border-color: var(--dark-700) !important; } .border-dark-800{ border-color: var(--dark-800) !important; } .border-dark-900{ border-color: var(--dark-900) !important; } .border-dark-dark{ border-color: var(--dark-900) !important; } .border-dark-light{ border-color: var(--dark-50) !important; } .border-gray-200{ --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important; } .border-gray-300{ --tw-border-opacity: 1 !important; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important; } .border-gray-400{ --tw-border-opacity: 1 !important; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)) !important; } .border-gray-700{ --tw-border-opacity: 1 !important; border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)) !important; } .border-header-border-color{ border-color: var(--header-border-color) !important; } .border-light{ border-color: var(--light) !important; } .border-light-100{ border-color: var(--light-100) !important; } .border-light-200{ border-color: var(--light-200) !important; } .border-light-300{ border-color: var(--light-300) !important; } .border-light-400{ border-color: var(--light-400) !important; } .border-light-50{ border-color: var(--light-50) !important; } .border-light-500{ border-color: var(--light) !important; } .border-light-600{ border-color: var(--light-600) !important; } .border-light-700{ border-color: var(--light-700) !important; } .border-light-800{ border-color: var(--light-800) !important; } .border-light-900{ border-color: var(--light-900) !important; } .border-light-dark{ border-color: var(--light-900) !important; } .border-light-light{ border-color: var(--light-50) !important; } .border-primary{ border-color: var(--primary) !important; } .border-primary-100{ border-color: var(--primary-100) !important; } .border-primary-200{ border-color: var(--primary-200) !important; } .border-primary-300{ border-color: var(--primary-300) !important; } .border-primary-400{ border-color: var(--primary-400) !important; } .border-primary-50{ border-color: var(--primary-50) !important; } .border-primary-500{ border-color: var(--primary) !important; } .border-primary-600{ border-color: var(--primary-600) !important; } .border-primary-700{ border-color: var(--primary-700) !important; } .border-primary-800{ border-color: var(--primary-800) !important; } .border-primary-900{ border-color: var(--primary-900) !important; } .border-primary-dark{ border-color: var(--primary-900) !important; } .border-primary-light{ border-color: var(--primary-50) !important; } .border-red-300{ --tw-border-opacity: 1 !important; border-color: rgb(248 180 180 / var(--tw-border-opacity, 1)) !important; } .border-secondary{ border-color: var(--secondary) !important; } .border-secondary-100{ border-color: var(--secondary-100) !important; } .border-secondary-200{ border-color: var(--secondary-200) !important; } .border-secondary-300{ border-color: var(--secondary-300) !important; } .border-secondary-400{ border-color: var(--secondary-400) !important; } .border-secondary-50{ border-color: var(--secondary-50) !important; } .border-secondary-500{ border-color: var(--secondary) !important; } .border-secondary-600{ border-color: var(--secondary-600) !important; } .border-secondary-700{ border-color: var(--secondary-700) !important; } .border-secondary-800{ border-color: var(--secondary-800) !important; } .border-secondary-900{ border-color: var(--secondary-900) !important; } .border-secondary-dark{ border-color: var(--secondary-900) !important; } .border-secondary-light{ border-color: var(--secondary-50) !important; } .border-success{ border-color: var(--success) !important; } .border-success-100{ border-color: var(--success-100) !important; } .border-success-200{ border-color: var(--success-200) !important; } .border-success-300{ border-color: var(--success-300) !important; } .border-success-400{ border-color: var(--success-400) !important; } .border-success-50{ border-color: var(--success-50) !important; } .border-success-500{ border-color: var(--success) !important; } .border-success-600{ border-color: var(--success-600) !important; } .border-success-700{ border-color: var(--success-700) !important; } .border-success-800{ border-color: var(--success-800) !important; } .border-success-900{ border-color: var(--success-900) !important; } .border-success-dark{ border-color: var(--success-900) !important; } .border-success-light{ border-color: var(--success-50) !important; } .border-ucp-body-bg{ border-color: var(--ucp-body-bg) !important; } .border-ucp-body-bg-dark{ border-color: var(--ucp-body-bg-900) !important; } .border-ucp-body-bg-light{ border-color: var(--ucp-body-bg-50) !important; } .border-ucp-checkbox-bg-800{ border-color: var(--ucp-checkbox-bg-800) !important; } .border-ucp-checkbox-bg-dark{ border-color: var(--ucp-checkbox-bg-900) !important; } .border-ucp-checkbox-bg-light{ border-color: var(--ucp-checkbox-bg-50) !important; } .border-ucp-input-bg-400{ border-color: var(--ucp-input-bg-400) !important; } .border-ucp-input-bg-600{ border-color: var(--ucp-input-bg-600) !important; } .border-ucp-input-bg-dark{ border-color: var(--ucp-input-bg-900) !important; } .border-ucp-input-bg-light{ border-color: var(--ucp-input-bg-50) !important; } .border-ucp-input-placeholder{ border-color: var(--ucp-input-placeholder) !important; } .border-ucp-input-text-dark{ border-color: var(--ucp-input-text-900) !important; } .border-ucp-input-text-light{ border-color: var(--ucp-input-text-50) !important; } .border-ucp-text{ border-color: var(--ucp-text) !important; } .border-ucp-text-dark{ border-color: var(--ucp-text-900) !important; } .border-ucp-text-light{ border-color: var(--ucp-text-50) !important; } .border-warning{ border-color: var(--warning) !important; } .border-warning-100{ border-color: var(--warning-100) !important; } .border-warning-200{ border-color: var(--warning-200) !important; } .border-warning-300{ border-color: var(--warning-300) !important; } .border-warning-400{ border-color: var(--warning-400) !important; } .border-warning-50{ border-color: var(--warning-50) !important; } .border-warning-500{ border-color: var(--warning) !important; } .border-warning-600{ border-color: var(--warning-600) !important; } .border-warning-700{ border-color: var(--warning-700) !important; } .border-warning-800{ border-color: var(--warning-800) !important; } .border-warning-900{ border-color: var(--warning-900) !important; } .border-warning-dark{ border-color: var(--warning-900) !important; } .border-warning-light{ border-color: var(--warning-50) !important; } .border-x-acp-body-bg-dark{ border-left-color: var(--acp-body-bg-900) !important; border-right-color: var(--acp-body-bg-900) !important; } .border-x-acp-body-bg-light{ border-left-color: var(--acp-body-bg-50) !important; border-right-color: var(--acp-body-bg-50) !important; } .border-x-acp-checkbox-bg-dark{ border-left-color: var(--acp-checkbox-bg-900) !important; border-right-color: var(--acp-checkbox-bg-900) !important; } .border-x-acp-checkbox-bg-light{ border-left-color: var(--acp-checkbox-bg-50) !important; border-right-color: var(--acp-checkbox-bg-50) !important; } .border-x-acp-input-bg-dark{ border-left-color: var(--acp-input-bg-900) !important; border-right-color: var(--acp-input-bg-900) !important; } .border-x-acp-input-bg-light{ border-left-color: var(--acp-input-bg-50) !important; border-right-color: var(--acp-input-bg-50) !important; } .border-x-acp-input-text-dark{ border-left-color: var(--acp-input-text-900) !important; border-right-color: var(--acp-input-text-900) !important; } .border-x-acp-input-text-light{ border-left-color: var(--acp-input-text-50) !important; border-right-color: var(--acp-input-text-50) !important; } .border-x-acp-text-dark{ border-left-color: var(--acp-text-900) !important; border-right-color: var(--acp-text-900) !important; } .border-x-acp-text-light{ border-left-color: var(--acp-text-50) !important; border-right-color: var(--acp-text-50) !important; } .border-x-auth-checkbox-bg-dark{ border-left-color: var(--auth-checkbox-bg-900) !important; border-right-color: var(--auth-checkbox-bg-900) !important; } .border-x-auth-checkbox-bg-light{ border-left-color: var(--auth-checkbox-bg-50) !important; border-right-color: var(--auth-checkbox-bg-50) !important; } .border-x-auth-input-bg-dark{ border-left-color: var(--auth-input-bg-900) !important; border-right-color: var(--auth-input-bg-900) !important; } .border-x-auth-input-bg-light{ border-left-color: var(--auth-input-bg-50) !important; border-right-color: var(--auth-input-bg-50) !important; } .border-x-auth-input-text-dark{ border-left-color: var(--auth-input-text-900) !important; border-right-color: var(--auth-input-text-900) !important; } .border-x-auth-input-text-light{ border-left-color: var(--auth-input-text-50) !important; border-right-color: var(--auth-input-text-50) !important; } .border-x-button-danger-text-dark{ border-left-color: var(--button-danger-text-900) !important; border-right-color: var(--button-danger-text-900) !important; } .border-x-button-danger-text-light{ border-left-color: var(--button-danger-text-50) !important; border-right-color: var(--button-danger-text-50) !important; } .border-x-button-dark-text-dark{ border-left-color: var(--button-dark-text-900) !important; border-right-color: var(--button-dark-text-900) !important; } .border-x-button-dark-text-light{ border-left-color: var(--button-dark-text-50) !important; border-right-color: var(--button-dark-text-50) !important; } .border-x-button-light-text-dark{ border-left-color: var(--button-light-text-900) !important; border-right-color: var(--button-light-text-900) !important; } .border-x-button-light-text-light{ border-left-color: var(--button-light-text-50) !important; border-right-color: var(--button-light-text-50) !important; } .border-x-button-primary-text-dark{ border-left-color: var(--button-primary-text-900) !important; border-right-color: var(--button-primary-text-900) !important; } .border-x-button-primary-text-light{ border-left-color: var(--button-primary-text-50) !important; border-right-color: var(--button-primary-text-50) !important; } .border-x-button-secondary-text-dark{ border-left-color: var(--button-secondary-text-900) !important; border-right-color: var(--button-secondary-text-900) !important; } .border-x-button-secondary-text-light{ border-left-color: var(--button-secondary-text-50) !important; border-right-color: var(--button-secondary-text-50) !important; } .border-x-button-success-text-dark{ border-left-color: var(--button-success-text-900) !important; border-right-color: var(--button-success-text-900) !important; } .border-x-button-success-text-light{ border-left-color: var(--button-success-text-50) !important; border-right-color: var(--button-success-text-50) !important; } .border-x-button-warning-text-dark{ border-left-color: var(--button-warning-text-900) !important; border-right-color: var(--button-warning-text-900) !important; } .border-x-button-warning-text-light{ border-left-color: var(--button-warning-text-50) !important; border-right-color: var(--button-warning-text-50) !important; } .border-x-ucp-body-bg-dark{ border-left-color: var(--ucp-body-bg-900) !important; border-right-color: var(--ucp-body-bg-900) !important; } .border-x-ucp-body-bg-light{ border-left-color: var(--ucp-body-bg-50) !important; border-right-color: var(--ucp-body-bg-50) !important; } .border-x-ucp-checkbox-bg-dark{ border-left-color: var(--ucp-checkbox-bg-900) !important; border-right-color: var(--ucp-checkbox-bg-900) !important; } .border-x-ucp-checkbox-bg-light{ border-left-color: var(--ucp-checkbox-bg-50) !important; border-right-color: var(--ucp-checkbox-bg-50) !important; } .border-x-ucp-input-bg-dark{ border-left-color: var(--ucp-input-bg-900) !important; border-right-color: var(--ucp-input-bg-900) !important; } .border-x-ucp-input-bg-light{ border-left-color: var(--ucp-input-bg-50) !important; border-right-color: var(--ucp-input-bg-50) !important; } .border-x-ucp-input-text-dark{ border-left-color: var(--ucp-input-text-900) !important; border-right-color: var(--ucp-input-text-900) !important; } .border-x-ucp-input-text-light{ border-left-color: var(--ucp-input-text-50) !important; border-right-color: var(--ucp-input-text-50) !important; } .border-x-ucp-text-dark{ border-left-color: var(--ucp-text-900) !important; border-right-color: var(--ucp-text-900) !important; } .border-x-ucp-text-light{ border-left-color: var(--ucp-text-50) !important; border-right-color: var(--ucp-text-50) !important; } .border-y-acp-body-bg-dark{ border-top-color: var(--acp-body-bg-900) !important; border-bottom-color: var(--acp-body-bg-900) !important; } .border-y-acp-body-bg-light{ border-top-color: var(--acp-body-bg-50) !important; border-bottom-color: var(--acp-body-bg-50) !important; } .border-y-acp-checkbox-bg-dark{ border-top-color: var(--acp-checkbox-bg-900) !important; border-bottom-color: var(--acp-checkbox-bg-900) !important; } .border-y-acp-checkbox-bg-light{ border-top-color: var(--acp-checkbox-bg-50) !important; border-bottom-color: var(--acp-checkbox-bg-50) !important; } .border-y-acp-input-bg-dark{ border-top-color: var(--acp-input-bg-900) !important; border-bottom-color: var(--acp-input-bg-900) !important; } .border-y-acp-input-bg-light{ border-top-color: var(--acp-input-bg-50) !important; border-bottom-color: var(--acp-input-bg-50) !important; } .border-y-acp-input-text-dark{ border-top-color: var(--acp-input-text-900) !important; border-bottom-color: var(--acp-input-text-900) !important; } .border-y-acp-input-text-light{ border-top-color: var(--acp-input-text-50) !important; border-bottom-color: var(--acp-input-text-50) !important; } .border-y-acp-text-dark{ border-top-color: var(--acp-text-900) !important; border-bottom-color: var(--acp-text-900) !important; } .border-y-acp-text-light{ border-top-color: var(--acp-text-50) !important; border-bottom-color: var(--acp-text-50) !important; } .border-y-auth-checkbox-bg-dark{ border-top-color: var(--auth-checkbox-bg-900) !important; border-bottom-color: var(--auth-checkbox-bg-900) !important; } .border-y-auth-checkbox-bg-light{ border-top-color: var(--auth-checkbox-bg-50) !important; border-bottom-color: var(--auth-checkbox-bg-50) !important; } .border-y-auth-input-bg-dark{ border-top-color: var(--auth-input-bg-900) !important; border-bottom-color: var(--auth-input-bg-900) !important; } .border-y-auth-input-bg-light{ border-top-color: var(--auth-input-bg-50) !important; border-bottom-color: var(--auth-input-bg-50) !important; } .border-y-auth-input-text-dark{ border-top-color: var(--auth-input-text-900) !important; border-bottom-color: var(--auth-input-text-900) !important; } .border-y-auth-input-text-light{ border-top-color: var(--auth-input-text-50) !important; border-bottom-color: var(--auth-input-text-50) !important; } .border-y-button-danger-text-dark{ border-top-color: var(--button-danger-text-900) !important; border-bottom-color: var(--button-danger-text-900) !important; } .border-y-button-danger-text-light{ border-top-color: var(--button-danger-text-50) !important; border-bottom-color: var(--button-danger-text-50) !important; } .border-y-button-dark-text-dark{ border-top-color: var(--button-dark-text-900) !important; border-bottom-color: var(--button-dark-text-900) !important; } .border-y-button-dark-text-light{ border-top-color: var(--button-dark-text-50) !important; border-bottom-color: var(--button-dark-text-50) !important; } .border-y-button-light-text-dark{ border-top-color: var(--button-light-text-900) !important; border-bottom-color: var(--button-light-text-900) !important; } .border-y-button-light-text-light{ border-top-color: var(--button-light-text-50) !important; border-bottom-color: var(--button-light-text-50) !important; } .border-y-button-primary-text-dark{ border-top-color: var(--button-primary-text-900) !important; border-bottom-color: var(--button-primary-text-900) !important; } .border-y-button-primary-text-light{ border-top-color: var(--button-primary-text-50) !important; border-bottom-color: var(--button-primary-text-50) !important; } .border-y-button-secondary-text-dark{ border-top-color: var(--button-secondary-text-900) !important; border-bottom-color: var(--button-secondary-text-900) !important; } .border-y-button-secondary-text-light{ border-top-color: var(--button-secondary-text-50) !important; border-bottom-color: var(--button-secondary-text-50) !important; } .border-y-button-success-text-dark{ border-top-color: var(--button-success-text-900) !important; border-bottom-color: var(--button-success-text-900) !important; } .border-y-button-success-text-light{ border-top-color: var(--button-success-text-50) !important; border-bottom-color: var(--button-success-text-50) !important; } .border-y-button-warning-text-dark{ border-top-color: var(--button-warning-text-900) !important; border-bottom-color: var(--button-warning-text-900) !important; } .border-y-button-warning-text-light{ border-top-color: var(--button-warning-text-50) !important; border-bottom-color: var(--button-warning-text-50) !important; } .border-y-ucp-body-bg-dark{ border-top-color: var(--ucp-body-bg-900) !important; border-bottom-color: var(--ucp-body-bg-900) !important; } .border-y-ucp-body-bg-light{ border-top-color: var(--ucp-body-bg-50) !important; border-bottom-color: var(--ucp-body-bg-50) !important; } .border-y-ucp-checkbox-bg-dark{ border-top-color: var(--ucp-checkbox-bg-900) !important; border-bottom-color: var(--ucp-checkbox-bg-900) !important; } .border-y-ucp-checkbox-bg-light{ border-top-color: var(--ucp-checkbox-bg-50) !important; border-bottom-color: var(--ucp-checkbox-bg-50) !important; } .border-y-ucp-input-bg-dark{ border-top-color: var(--ucp-input-bg-900) !important; border-bottom-color: var(--ucp-input-bg-900) !important; } .border-y-ucp-input-bg-light{ border-top-color: var(--ucp-input-bg-50) !important; border-bottom-color: var(--ucp-input-bg-50) !important; } .border-y-ucp-input-text-dark{ border-top-color: var(--ucp-input-text-900) !important; border-bottom-color: var(--ucp-input-text-900) !important; } .border-y-ucp-input-text-light{ border-top-color: var(--ucp-input-text-50) !important; border-bottom-color: var(--ucp-input-text-50) !important; } .border-y-ucp-text-dark{ border-top-color: var(--ucp-text-900) !important; border-bottom-color: var(--ucp-text-900) !important; } .border-y-ucp-text-light{ border-top-color: var(--ucp-text-50) !important; border-bottom-color: var(--ucp-text-50) !important; } .border-b-acp-body-bg-dark{ border-bottom-color: var(--acp-body-bg-900) !important; } .border-b-acp-body-bg-light{ border-bottom-color: var(--acp-body-bg-50) !important; } .border-b-acp-checkbox-bg-dark{ border-bottom-color: var(--acp-checkbox-bg-900) !important; } .border-b-acp-checkbox-bg-light{ border-bottom-color: var(--acp-checkbox-bg-50) !important; } .border-b-acp-input-bg-dark{ border-bottom-color: var(--acp-input-bg-900) !important; } .border-b-acp-input-bg-light{ border-bottom-color: var(--acp-input-bg-50) !important; } .border-b-acp-input-text-dark{ border-bottom-color: var(--acp-input-text-900) !important; } .border-b-acp-input-text-light{ border-bottom-color: var(--acp-input-text-50) !important; } .border-b-acp-text-dark{ border-bottom-color: var(--acp-text-900) !important; } .border-b-acp-text-light{ border-bottom-color: var(--acp-text-50) !important; } .border-b-auth-checkbox-bg-dark{ border-bottom-color: var(--auth-checkbox-bg-900) !important; } .border-b-auth-checkbox-bg-light{ border-bottom-color: var(--auth-checkbox-bg-50) !important; } .border-b-auth-input-bg-dark{ border-bottom-color: var(--auth-input-bg-900) !important; } .border-b-auth-input-bg-light{ border-bottom-color: var(--auth-input-bg-50) !important; } .border-b-auth-input-text-dark{ border-bottom-color: var(--auth-input-text-900) !important; } .border-b-auth-input-text-light{ border-bottom-color: var(--auth-input-text-50) !important; } .border-b-button-danger-text-dark{ border-bottom-color: var(--button-danger-text-900) !important; } .border-b-button-danger-text-light{ border-bottom-color: var(--button-danger-text-50) !important; } .border-b-button-dark-text-dark{ border-bottom-color: var(--button-dark-text-900) !important; } .border-b-button-dark-text-light{ border-bottom-color: var(--button-dark-text-50) !important; } .border-b-button-light-text-dark{ border-bottom-color: var(--button-light-text-900) !important; } .border-b-button-light-text-light{ border-bottom-color: var(--button-light-text-50) !important; } .border-b-button-primary-text-dark{ border-bottom-color: var(--button-primary-text-900) !important; } .border-b-button-primary-text-light{ border-bottom-color: var(--button-primary-text-50) !important; } .border-b-button-secondary-text-dark{ border-bottom-color: var(--button-secondary-text-900) !important; } .border-b-button-secondary-text-light{ border-bottom-color: var(--button-secondary-text-50) !important; } .border-b-button-success-text-dark{ border-bottom-color: var(--button-success-text-900) !important; } .border-b-button-success-text-light{ border-bottom-color: var(--button-success-text-50) !important; } .border-b-button-warning-text-dark{ border-bottom-color: var(--button-warning-text-900) !important; } .border-b-button-warning-text-light{ border-bottom-color: var(--button-warning-text-50) !important; } .border-b-gray-500{ --tw-border-opacity: 1 !important; border-bottom-color: rgb(107 114 128 / var(--tw-border-opacity, 1)) !important; } .border-b-ucp-body-bg-dark{ border-bottom-color: var(--ucp-body-bg-900) !important; } .border-b-ucp-body-bg-light{ border-bottom-color: var(--ucp-body-bg-50) !important; } .border-b-ucp-checkbox-bg-dark{ border-bottom-color: var(--ucp-checkbox-bg-900) !important; } .border-b-ucp-checkbox-bg-light{ border-bottom-color: var(--ucp-checkbox-bg-50) !important; } .border-b-ucp-input-bg-dark{ border-bottom-color: var(--ucp-input-bg-900) !important; } .border-b-ucp-input-bg-light{ border-bottom-color: var(--ucp-input-bg-50) !important; } .border-b-ucp-input-text-dark{ border-bottom-color: var(--ucp-input-text-900) !important; } .border-b-ucp-input-text-light{ border-bottom-color: var(--ucp-input-text-50) !important; } .border-b-ucp-text-dark{ border-bottom-color: var(--ucp-text-900) !important; } .border-b-ucp-text-light{ border-bottom-color: var(--ucp-text-50) !important; } .border-e-acp-body-bg-dark{ border-inline-end-color: var(--acp-body-bg-900) !important; } .border-e-acp-body-bg-light{ border-inline-end-color: var(--acp-body-bg-50) !important; } .border-e-acp-checkbox-bg-dark{ border-inline-end-color: var(--acp-checkbox-bg-900) !important; } .border-e-acp-checkbox-bg-light{ border-inline-end-color: var(--acp-checkbox-bg-50) !important; } .border-e-acp-input-bg-dark{ border-inline-end-color: var(--acp-input-bg-900) !important; } .border-e-acp-input-bg-light{ border-inline-end-color: var(--acp-input-bg-50) !important; } .border-e-acp-input-text-dark{ border-inline-end-color: var(--acp-input-text-900) !important; } .border-e-acp-input-text-light{ border-inline-end-color: var(--acp-input-text-50) !important; } .border-e-acp-text-dark{ border-inline-end-color: var(--acp-text-900) !important; } .border-e-acp-text-light{ border-inline-end-color: var(--acp-text-50) !important; } .border-e-auth-checkbox-bg-dark{ border-inline-end-color: var(--auth-checkbox-bg-900) !important; } .border-e-auth-checkbox-bg-light{ border-inline-end-color: var(--auth-checkbox-bg-50) !important; } .border-e-auth-input-bg-dark{ border-inline-end-color: var(--auth-input-bg-900) !important; } .border-e-auth-input-bg-light{ border-inline-end-color: var(--auth-input-bg-50) !important; } .border-e-auth-input-text-dark{ border-inline-end-color: var(--auth-input-text-900) !important; } .border-e-auth-input-text-light{ border-inline-end-color: var(--auth-input-text-50) !important; } .border-e-button-danger-text-dark{ border-inline-end-color: var(--button-danger-text-900) !important; } .border-e-button-danger-text-light{ border-inline-end-color: var(--button-danger-text-50) !important; } .border-e-button-dark-text-dark{ border-inline-end-color: var(--button-dark-text-900) !important; } .border-e-button-dark-text-light{ border-inline-end-color: var(--button-dark-text-50) !important; } .border-e-button-light-text-dark{ border-inline-end-color: var(--button-light-text-900) !important; } .border-e-button-light-text-light{ border-inline-end-color: var(--button-light-text-50) !important; } .border-e-button-primary-text-dark{ border-inline-end-color: var(--button-primary-text-900) !important; } .border-e-button-primary-text-hover{ border-inline-end-color: var(--button-primary-text-hover) !important; } .border-e-button-primary-text-light{ border-inline-end-color: var(--button-primary-text-50) !important; } .border-e-button-secondary-text-dark{ border-inline-end-color: var(--button-secondary-text-900) !important; } .border-e-button-secondary-text-light{ border-inline-end-color: var(--button-secondary-text-50) !important; } .border-e-button-success-text-dark{ border-inline-end-color: var(--button-success-text-900) !important; } .border-e-button-success-text-light{ border-inline-end-color: var(--button-success-text-50) !important; } .border-e-button-warning-text-dark{ border-inline-end-color: var(--button-warning-text-900) !important; } .border-e-button-warning-text-light{ border-inline-end-color: var(--button-warning-text-50) !important; } .border-e-ucp-body-bg-dark{ border-inline-end-color: var(--ucp-body-bg-900) !important; } .border-e-ucp-body-bg-light{ border-inline-end-color: var(--ucp-body-bg-50) !important; } .border-e-ucp-checkbox-bg-dark{ border-inline-end-color: var(--ucp-checkbox-bg-900) !important; } .border-e-ucp-checkbox-bg-light{ border-inline-end-color: var(--ucp-checkbox-bg-50) !important; } .border-e-ucp-input-bg-dark{ border-inline-end-color: var(--ucp-input-bg-900) !important; } .border-e-ucp-input-bg-light{ border-inline-end-color: var(--ucp-input-bg-50) !important; } .border-e-ucp-input-text-dark{ border-inline-end-color: var(--ucp-input-text-900) !important; } .border-e-ucp-input-text-light{ border-inline-end-color: var(--ucp-input-text-50) !important; } .border-e-ucp-text-dark{ border-inline-end-color: var(--ucp-text-900) !important; } .border-e-ucp-text-light{ border-inline-end-color: var(--ucp-text-50) !important; } .border-l-acp-body-bg-dark{ border-left-color: var(--acp-body-bg-900) !important; } .border-l-acp-body-bg-light{ border-left-color: var(--acp-body-bg-50) !important; } .border-l-acp-checkbox-bg-dark{ border-left-color: var(--acp-checkbox-bg-900) !important; } .border-l-acp-checkbox-bg-light{ border-left-color: var(--acp-checkbox-bg-50) !important; } .border-l-acp-input-bg-dark{ border-left-color: var(--acp-input-bg-900) !important; } .border-l-acp-input-bg-light{ border-left-color: var(--acp-input-bg-50) !important; } .border-l-acp-input-text-dark{ border-left-color: var(--acp-input-text-900) !important; } .border-l-acp-input-text-light{ border-left-color: var(--acp-input-text-50) !important; } .border-l-acp-text-dark{ border-left-color: var(--acp-text-900) !important; } .border-l-acp-text-light{ border-left-color: var(--acp-text-50) !important; } .border-l-auth-checkbox-bg-dark{ border-left-color: var(--auth-checkbox-bg-900) !important; } .border-l-auth-checkbox-bg-light{ border-left-color: var(--auth-checkbox-bg-50) !important; } .border-l-auth-input-bg-dark{ border-left-color: var(--auth-input-bg-900) !important; } .border-l-auth-input-bg-light{ border-left-color: var(--auth-input-bg-50) !important; } .border-l-auth-input-text-dark{ border-left-color: var(--auth-input-text-900) !important; } .border-l-auth-input-text-light{ border-left-color: var(--auth-input-text-50) !important; } .border-l-button-danger-text-dark{ border-left-color: var(--button-danger-text-900) !important; } .border-l-button-danger-text-light{ border-left-color: var(--button-danger-text-50) !important; } .border-l-button-dark-text-dark{ border-left-color: var(--button-dark-text-900) !important; } .border-l-button-dark-text-light{ border-left-color: var(--button-dark-text-50) !important; } .border-l-button-light-text-dark{ border-left-color: var(--button-light-text-900) !important; } .border-l-button-light-text-light{ border-left-color: var(--button-light-text-50) !important; } .border-l-button-primary-hover{ border-left-color: var(--button-primary-hover) !important; } .border-l-button-primary-text-dark{ border-left-color: var(--button-primary-text-900) !important; } .border-l-button-primary-text-light{ border-left-color: var(--button-primary-text-50) !important; } .border-l-button-secondary-text-dark{ border-left-color: var(--button-secondary-text-900) !important; } .border-l-button-secondary-text-light{ border-left-color: var(--button-secondary-text-50) !important; } .border-l-button-success-text-dark{ border-left-color: var(--button-success-text-900) !important; } .border-l-button-success-text-light{ border-left-color: var(--button-success-text-50) !important; } .border-l-button-warning-text-dark{ border-left-color: var(--button-warning-text-900) !important; } .border-l-button-warning-text-light{ border-left-color: var(--button-warning-text-50) !important; } .border-l-ucp-body-bg-dark{ border-left-color: var(--ucp-body-bg-900) !important; } .border-l-ucp-body-bg-light{ border-left-color: var(--ucp-body-bg-50) !important; } .border-l-ucp-checkbox-bg-dark{ border-left-color: var(--ucp-checkbox-bg-900) !important; } .border-l-ucp-checkbox-bg-light{ border-left-color: var(--ucp-checkbox-bg-50) !important; } .border-l-ucp-input-bg-dark{ border-left-color: var(--ucp-input-bg-900) !important; } .border-l-ucp-input-bg-light{ border-left-color: var(--ucp-input-bg-50) !important; } .border-l-ucp-input-text-dark{ border-left-color: var(--ucp-input-text-900) !important; } .border-l-ucp-input-text-light{ border-left-color: var(--ucp-input-text-50) !important; } .border-l-ucp-text-dark{ border-left-color: var(--ucp-text-900) !important; } .border-l-ucp-text-light{ border-left-color: var(--ucp-text-50) !important; } .border-r-acp-body-bg-dark{ border-right-color: var(--acp-body-bg-900) !important; } .border-r-acp-body-bg-light{ border-right-color: var(--acp-body-bg-50) !important; } .border-r-acp-checkbox-bg-dark{ border-right-color: var(--acp-checkbox-bg-900) !important; } .border-r-acp-checkbox-bg-light{ border-right-color: var(--acp-checkbox-bg-50) !important; } .border-r-acp-input-bg-dark{ border-right-color: var(--acp-input-bg-900) !important; } .border-r-acp-input-bg-light{ border-right-color: var(--acp-input-bg-50) !important; } .border-r-acp-input-text-dark{ border-right-color: var(--acp-input-text-900) !important; } .border-r-acp-input-text-light{ border-right-color: var(--acp-input-text-50) !important; } .border-r-acp-text-dark{ border-right-color: var(--acp-text-900) !important; } .border-r-acp-text-light{ border-right-color: var(--acp-text-50) !important; } .border-r-auth-checkbox-bg-dark{ border-right-color: var(--auth-checkbox-bg-900) !important; } .border-r-auth-checkbox-bg-light{ border-right-color: var(--auth-checkbox-bg-50) !important; } .border-r-auth-input-bg-dark{ border-right-color: var(--auth-input-bg-900) !important; } .border-r-auth-input-bg-light{ border-right-color: var(--auth-input-bg-50) !important; } .border-r-auth-input-text-dark{ border-right-color: var(--auth-input-text-900) !important; } .border-r-auth-input-text-light{ border-right-color: var(--auth-input-text-50) !important; } .border-r-button-danger-text-dark{ border-right-color: var(--button-danger-text-900) !important; } .border-r-button-danger-text-light{ border-right-color: var(--button-danger-text-50) !important; } .border-r-button-dark-text-dark{ border-right-color: var(--button-dark-text-900) !important; } .border-r-button-dark-text-light{ border-right-color: var(--button-dark-text-50) !important; } .border-r-button-light-text-dark{ border-right-color: var(--button-light-text-900) !important; } .border-r-button-light-text-light{ border-right-color: var(--button-light-text-50) !important; } .border-r-button-primary-text-dark{ border-right-color: var(--button-primary-text-900) !important; } .border-r-button-primary-text-light{ border-right-color: var(--button-primary-text-50) !important; } .border-r-button-secondary-text-dark{ border-right-color: var(--button-secondary-text-900) !important; } .border-r-button-secondary-text-light{ border-right-color: var(--button-secondary-text-50) !important; } .border-r-button-success-text-dark{ border-right-color: var(--button-success-text-900) !important; } .border-r-button-success-text-light{ border-right-color: var(--button-success-text-50) !important; } .border-r-button-warning-text-dark{ border-right-color: var(--button-warning-text-900) !important; } .border-r-button-warning-text-light{ border-right-color: var(--button-warning-text-50) !important; } .border-r-ucp-body-bg-dark{ border-right-color: var(--ucp-body-bg-900) !important; } .border-r-ucp-body-bg-light{ border-right-color: var(--ucp-body-bg-50) !important; } .border-r-ucp-checkbox-bg-dark{ border-right-color: var(--ucp-checkbox-bg-900) !important; } .border-r-ucp-checkbox-bg-light{ border-right-color: var(--ucp-checkbox-bg-50) !important; } .border-r-ucp-input-bg-dark{ border-right-color: var(--ucp-input-bg-900) !important; } .border-r-ucp-input-bg-light{ border-right-color: var(--ucp-input-bg-50) !important; } .border-r-ucp-input-text-dark{ border-right-color: var(--ucp-input-text-900) !important; } .border-r-ucp-input-text-light{ border-right-color: var(--ucp-input-text-50) !important; } .border-r-ucp-text-dark{ border-right-color: var(--ucp-text-900) !important; } .border-r-ucp-text-light{ border-right-color: var(--ucp-text-50) !important; } .border-s-acp-body-bg-dark{ border-inline-start-color: var(--acp-body-bg-900) !important; } .border-s-acp-body-bg-light{ border-inline-start-color: var(--acp-body-bg-50) !important; } .border-s-acp-checkbox-bg-dark{ border-inline-start-color: var(--acp-checkbox-bg-900) !important; } .border-s-acp-checkbox-bg-light{ border-inline-start-color: var(--acp-checkbox-bg-50) !important; } .border-s-acp-input-bg-dark{ border-inline-start-color: var(--acp-input-bg-900) !important; } .border-s-acp-input-bg-light{ border-inline-start-color: var(--acp-input-bg-50) !important; } .border-s-acp-input-text-dark{ border-inline-start-color: var(--acp-input-text-900) !important; } .border-s-acp-input-text-light{ border-inline-start-color: var(--acp-input-text-50) !important; } .border-s-acp-text-dark{ border-inline-start-color: var(--acp-text-900) !important; } .border-s-acp-text-light{ border-inline-start-color: var(--acp-text-50) !important; } .border-s-auth-checkbox-bg-dark{ border-inline-start-color: var(--auth-checkbox-bg-900) !important; } .border-s-auth-checkbox-bg-light{ border-inline-start-color: var(--auth-checkbox-bg-50) !important; } .border-s-auth-input-bg-dark{ border-inline-start-color: var(--auth-input-bg-900) !important; } .border-s-auth-input-bg-light{ border-inline-start-color: var(--auth-input-bg-50) !important; } .border-s-auth-input-text-dark{ border-inline-start-color: var(--auth-input-text-900) !important; } .border-s-auth-input-text-light{ border-inline-start-color: var(--auth-input-text-50) !important; } .border-s-button-danger-text-dark{ border-inline-start-color: var(--button-danger-text-900) !important; } .border-s-button-danger-text-light{ border-inline-start-color: var(--button-danger-text-50) !important; } .border-s-button-dark-text-dark{ border-inline-start-color: var(--button-dark-text-900) !important; } .border-s-button-dark-text-light{ border-inline-start-color: var(--button-dark-text-50) !important; } .border-s-button-light-text-dark{ border-inline-start-color: var(--button-light-text-900) !important; } .border-s-button-light-text-light{ border-inline-start-color: var(--button-light-text-50) !important; } .border-s-button-primary-text-dark{ border-inline-start-color: var(--button-primary-text-900) !important; } .border-s-button-primary-text-light{ border-inline-start-color: var(--button-primary-text-50) !important; } .border-s-button-secondary-text-dark{ border-inline-start-color: var(--button-secondary-text-900) !important; } .border-s-button-secondary-text-light{ border-inline-start-color: var(--button-secondary-text-50) !important; } .border-s-button-success-text-dark{ border-inline-start-color: var(--button-success-text-900) !important; } .border-s-button-success-text-light{ border-inline-start-color: var(--button-success-text-50) !important; } .border-s-button-warning-text-dark{ border-inline-start-color: var(--button-warning-text-900) !important; } .border-s-button-warning-text-light{ border-inline-start-color: var(--button-warning-text-50) !important; } .border-s-ucp-body-bg-dark{ border-inline-start-color: var(--ucp-body-bg-900) !important; } .border-s-ucp-body-bg-light{ border-inline-start-color: var(--ucp-body-bg-50) !important; } .border-s-ucp-checkbox-bg-dark{ border-inline-start-color: var(--ucp-checkbox-bg-900) !important; } .border-s-ucp-checkbox-bg-light{ border-inline-start-color: var(--ucp-checkbox-bg-50) !important; } .border-s-ucp-input-bg-dark{ border-inline-start-color: var(--ucp-input-bg-900) !important; } .border-s-ucp-input-bg-light{ border-inline-start-color: var(--ucp-input-bg-50) !important; } .border-s-ucp-input-text-dark{ border-inline-start-color: var(--ucp-input-text-900) !important; } .border-s-ucp-input-text-light{ border-inline-start-color: var(--ucp-input-text-50) !important; } .border-s-ucp-text-dark{ border-inline-start-color: var(--ucp-text-900) !important; } .border-s-ucp-text-light{ border-inline-start-color: var(--ucp-text-50) !important; } .border-t-acp-body-bg-dark{ border-top-color: var(--acp-body-bg-900) !important; } .border-t-acp-body-bg-light{ border-top-color: var(--acp-body-bg-50) !important; } .border-t-acp-checkbox-bg-dark{ border-top-color: var(--acp-checkbox-bg-900) !important; } .border-t-acp-checkbox-bg-light{ border-top-color: var(--acp-checkbox-bg-50) !important; } .border-t-acp-input-bg-dark{ border-top-color: var(--acp-input-bg-900) !important; } .border-t-acp-input-bg-light{ border-top-color: var(--acp-input-bg-50) !important; } .border-t-acp-input-text-dark{ border-top-color: var(--acp-input-text-900) !important; } .border-t-acp-input-text-light{ border-top-color: var(--acp-input-text-50) !important; } .border-t-acp-text-dark{ border-top-color: var(--acp-text-900) !important; } .border-t-acp-text-light{ border-top-color: var(--acp-text-50) !important; } .border-t-auth-checkbox-bg-dark{ border-top-color: var(--auth-checkbox-bg-900) !important; } .border-t-auth-checkbox-bg-light{ border-top-color: var(--auth-checkbox-bg-50) !important; } .border-t-auth-input-bg-dark{ border-top-color: var(--auth-input-bg-900) !important; } .border-t-auth-input-bg-light{ border-top-color: var(--auth-input-bg-50) !important; } .border-t-auth-input-text-dark{ border-top-color: var(--auth-input-text-900) !important; } .border-t-auth-input-text-light{ border-top-color: var(--auth-input-text-50) !important; } .border-t-button-danger-text-dark{ border-top-color: var(--button-danger-text-900) !important; } .border-t-button-danger-text-light{ border-top-color: var(--button-danger-text-50) !important; } .border-t-button-dark-text-dark{ border-top-color: var(--button-dark-text-900) !important; } .border-t-button-dark-text-light{ border-top-color: var(--button-dark-text-50) !important; } .border-t-button-light-text-dark{ border-top-color: var(--button-light-text-900) !important; } .border-t-button-light-text-light{ border-top-color: var(--button-light-text-50) !important; } .border-t-button-primary-text-dark{ border-top-color: var(--button-primary-text-900) !important; } .border-t-button-primary-text-light{ border-top-color: var(--button-primary-text-50) !important; } .border-t-button-secondary-text-dark{ border-top-color: var(--button-secondary-text-900) !important; } .border-t-button-secondary-text-light{ border-top-color: var(--button-secondary-text-50) !important; } .border-t-button-success-text-dark{ border-top-color: var(--button-success-text-900) !important; } .border-t-button-success-text-light{ border-top-color: var(--button-success-text-50) !important; } .border-t-button-warning-text-dark{ border-top-color: var(--button-warning-text-900) !important; } .border-t-button-warning-text-light{ border-top-color: var(--button-warning-text-50) !important; } .border-t-ucp-body-bg-dark{ border-top-color: var(--ucp-body-bg-900) !important; } .border-t-ucp-body-bg-light{ border-top-color: var(--ucp-body-bg-50) !important; } .border-t-ucp-checkbox-bg-dark{ border-top-color: var(--ucp-checkbox-bg-900) !important; } .border-t-ucp-checkbox-bg-light{ border-top-color: var(--ucp-checkbox-bg-50) !important; } .border-t-ucp-input-bg-dark{ border-top-color: var(--ucp-input-bg-900) !important; } .border-t-ucp-input-bg-light{ border-top-color: var(--ucp-input-bg-50) !important; } .border-t-ucp-input-text-dark{ border-top-color: var(--ucp-input-text-900) !important; } .border-t-ucp-input-text-light{ border-top-color: var(--ucp-input-text-50) !important; } .border-t-ucp-text-dark{ border-top-color: var(--ucp-text-900) !important; } .border-t-ucp-text-light{ border-top-color: var(--ucp-text-50) !important; } .bg-acp-body-bg{ background-color: var(--acp-body-bg) !important; } .bg-acp-body-bg-400{ background-color: var(--acp-body-bg-400) !important; } .bg-acp-body-bg-600{ background-color: var(--acp-body-bg-600) !important; } .bg-acp-body-bg-dark{ background-color: var(--acp-body-bg-900) !important; } .bg-acp-body-bg-light{ background-color: var(--acp-body-bg-50) !important; } .bg-acp-checkbox-bg{ background-color: var(--acp-checkbox-bg) !important; } .bg-acp-checkbox-bg-400{ background-color: var(--acp-checkbox-bg-400) !important; } .bg-acp-checkbox-bg-600{ background-color: var(--acp-checkbox-bg-600) !important; } .bg-acp-checkbox-bg-dark{ background-color: var(--acp-checkbox-bg-900) !important; } .bg-acp-checkbox-bg-light{ background-color: var(--acp-checkbox-bg-50) !important; } .bg-acp-footer-bg{ background-color: var(--acp-footer-bg) !important; } .bg-acp-header-bg{ background-color: var(--acp-header-bg) !important; } .bg-acp-input-bg{ background-color: var(--acp-input-bg) !important; } .bg-acp-input-bg-300{ background-color: var(--acp-input-bg-300) !important; } .bg-acp-input-bg-400{ background-color: var(--acp-input-bg-400) !important; } .bg-acp-input-bg-600{ background-color: var(--acp-input-bg-600) !important; } .bg-acp-input-bg-dark{ background-color: var(--acp-input-bg-900) !important; } .bg-acp-input-bg-light{ background-color: var(--acp-input-bg-50) !important; } .bg-acp-input-text-dark{ background-color: var(--acp-input-text-900) !important; } .bg-acp-input-text-light{ background-color: var(--acp-input-text-50) !important; } .bg-acp-marquee-bg{ background-color: var(--acp-marquee-bg) !important; } .bg-acp-nav-bg{ background-color: var(--acp-nav-bg) !important; } .bg-acp-nav-link-hover-bg{ background-color: var(--acp-nav-link-hover-bg) !important; } .bg-acp-text-dark{ background-color: var(--acp-text-900) !important; } .bg-acp-text-light{ background-color: var(--acp-text-50) !important; } .bg-amber-200\/20{ background-color: rgb(253 230 138 / 0.2) !important; } .bg-auth-body-bg{ background-color: var(--auth-body-bg) !important; } .bg-auth-card-bg{ background-color: var(--auth-card-bg) !important; } .bg-auth-card-text{ background-color: var(--auth-card-text) !important; } .bg-auth-checkbox-bg{ background-color: var(--auth-checkbox-bg) !important; } .bg-auth-checkbox-bg-400{ background-color: var(--auth-checkbox-bg-400) !important; } .bg-auth-checkbox-bg-600{ background-color: var(--auth-checkbox-bg-600) !important; } .bg-auth-checkbox-bg-dark{ background-color: var(--auth-checkbox-bg-900) !important; } .bg-auth-checkbox-bg-light{ background-color: var(--auth-checkbox-bg-50) !important; } .bg-auth-footer-bg{ background-color: var(--auth-footer-bg) !important; } .bg-auth-input-bg{ background-color: var(--auth-input-bg) !important; } .bg-auth-input-bg-300{ background-color: var(--auth-input-bg-300) !important; } .bg-auth-input-bg-400{ background-color: var(--auth-input-bg-400) !important; } .bg-auth-input-bg-600{ background-color: var(--auth-input-bg-600) !important; } .bg-auth-input-bg-dark{ background-color: var(--auth-input-bg-900) !important; } .bg-auth-input-bg-light{ background-color: var(--auth-input-bg-50) !important; } .bg-auth-input-text-dark{ background-color: var(--auth-input-text-900) !important; } .bg-auth-input-text-light{ background-color: var(--auth-input-text-50) !important; } .bg-auth-marquee-bg{ background-color: var(--auth-marquee-bg) !important; } .bg-black{ --tw-bg-opacity: 1 !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important; } .bg-black\/60{ background-color: rgb(0 0 0 / 0.6) !important; } .bg-black\/80{ background-color: rgb(0 0 0 / 0.8) !important; } .bg-button-danger{ background-color: var(--button-danger) !important; } .bg-button-danger-100{ background-color: var(--button-danger-100) !important; } .bg-button-danger-200{ background-color: var(--button-danger-200) !important; } .bg-button-danger-300{ background-color: var(--button-danger-300) !important; } .bg-button-danger-400{ background-color: var(--button-danger-400) !important; } .bg-button-danger-50{ background-color: var(--button-danger-50) !important; } .bg-button-danger-500{ background-color: var(--button-danger) !important; } .bg-button-danger-600{ background-color: var(--button-danger-600) !important; } .bg-button-danger-700{ background-color: var(--button-danger-700) !important; } .bg-button-danger-800{ background-color: var(--button-danger-800) !important; } .bg-button-danger-900{ background-color: var(--button-danger-900) !important; } .bg-button-danger-dark{ background-color: var(--button-danger-900) !important; } .bg-button-danger-hover{ background-color: var(--button-danger-hover) !important; } .bg-button-danger-hover-100{ background-color: var(--button-danger-hover-100) !important; } .bg-button-danger-hover-200{ background-color: var(--button-danger-hover-200) !important; } .bg-button-danger-hover-300{ background-color: var(--button-danger-hover-300) !important; } .bg-button-danger-hover-400{ background-color: var(--button-danger-hover-400) !important; } .bg-button-danger-hover-50{ background-color: var(--button-danger-hover-50) !important; } .bg-button-danger-hover-500{ background-color: var(--button-danger-hover) !important; } .bg-button-danger-hover-600{ background-color: var(--button-danger-hover-600) !important; } .bg-button-danger-hover-700{ background-color: var(--button-danger-hover-700) !important; } .bg-button-danger-hover-800{ background-color: var(--button-danger-hover-800) !important; } .bg-button-danger-hover-900{ background-color: var(--button-danger-hover-900) !important; } .bg-button-danger-hover-dark{ background-color: var(--button-danger-hover-900) !important; } .bg-button-danger-hover-light{ background-color: var(--button-danger-hover-50) !important; } .bg-button-danger-light{ background-color: var(--button-danger-50) !important; } .bg-button-danger-text{ background-color: var(--button-danger-text) !important; } .bg-button-danger-text-100{ background-color: var(--button-danger-text-100) !important; } .bg-button-danger-text-200{ background-color: var(--button-danger-text-200) !important; } .bg-button-danger-text-300{ background-color: var(--button-danger-text-300) !important; } .bg-button-danger-text-400{ background-color: var(--button-danger-text-400) !important; } .bg-button-danger-text-50{ background-color: var(--button-danger-text-50) !important; } .bg-button-danger-text-500{ background-color: var(--button-danger-text) !important; } .bg-button-danger-text-600{ background-color: var(--button-danger-text-600) !important; } .bg-button-danger-text-700{ background-color: var(--button-danger-text-700) !important; } .bg-button-danger-text-800{ background-color: var(--button-danger-text-800) !important; } .bg-button-danger-text-900{ background-color: var(--button-danger-text-900) !important; } .bg-button-danger-text-dark{ background-color: var(--button-danger-text-900) !important; } .bg-button-danger-text-hover{ background-color: var(--button-danger-text-hover) !important; } .bg-button-danger-text-hover-100{ background-color: var(--button-danger-text-hover-100) !important; } .bg-button-danger-text-hover-200{ background-color: var(--button-danger-text-hover-200) !important; } .bg-button-danger-text-hover-300{ background-color: var(--button-danger-text-hover-300) !important; } .bg-button-danger-text-hover-400{ background-color: var(--button-danger-text-hover-400) !important; } .bg-button-danger-text-hover-50{ background-color: var(--button-danger-text-hover-50) !important; } .bg-button-danger-text-hover-500{ background-color: var(--button-danger-text-hover) !important; } .bg-button-danger-text-hover-600{ background-color: var(--button-danger-text-hover-600) !important; } .bg-button-danger-text-hover-700{ background-color: var(--button-danger-text-hover-700) !important; } .bg-button-danger-text-hover-800{ background-color: var(--button-danger-text-hover-800) !important; } .bg-button-danger-text-hover-900{ background-color: var(--button-danger-text-hover-900) !important; } .bg-button-danger-text-hover-dark{ background-color: var(--button-danger-text-hover-900) !important; } .bg-button-danger-text-hover-light{ background-color: var(--button-danger-text-hover-50) !important; } .bg-button-danger-text-light{ background-color: var(--button-danger-text-50) !important; } .bg-button-dark{ background-color: var(--button-dark) !important; } .bg-button-dark-100{ background-color: var(--button-dark-100) !important; } .bg-button-dark-200{ background-color: var(--button-dark-200) !important; } .bg-button-dark-300{ background-color: var(--button-dark-300) !important; } .bg-button-dark-400{ background-color: var(--button-dark-400) !important; } .bg-button-dark-50{ background-color: var(--button-dark-50) !important; } .bg-button-dark-500{ background-color: var(--button-dark) !important; } .bg-button-dark-600{ background-color: var(--button-dark-600) !important; } .bg-button-dark-700{ background-color: var(--button-dark-700) !important; } .bg-button-dark-800{ background-color: var(--button-dark-800) !important; } .bg-button-dark-900{ background-color: var(--button-dark-900) !important; } .bg-button-dark-dark{ background-color: var(--button-dark-900) !important; } .bg-button-dark-hover{ background-color: var(--button-dark-hover) !important; } .bg-button-dark-hover-100{ background-color: var(--button-dark-hover-100) !important; } .bg-button-dark-hover-200{ background-color: var(--button-dark-hover-200) !important; } .bg-button-dark-hover-300{ background-color: var(--button-dark-hover-300) !important; } .bg-button-dark-hover-400{ background-color: var(--button-dark-hover-400) !important; } .bg-button-dark-hover-50{ background-color: var(--button-dark-hover-50) !important; } .bg-button-dark-hover-500{ background-color: var(--button-dark-hover) !important; } .bg-button-dark-hover-600{ background-color: var(--button-dark-hover-600) !important; } .bg-button-dark-hover-700{ background-color: var(--button-dark-hover-700) !important; } .bg-button-dark-hover-800{ background-color: var(--button-dark-hover-800) !important; } .bg-button-dark-hover-900{ background-color: var(--button-dark-hover-900) !important; } .bg-button-dark-hover-dark{ background-color: var(--button-dark-hover-900) !important; } .bg-button-dark-hover-light{ background-color: var(--button-dark-hover-50) !important; } .bg-button-dark-light{ background-color: var(--button-dark-50) !important; } .bg-button-dark-text{ background-color: var(--button-dark-text) !important; } .bg-button-dark-text-100{ background-color: var(--button-dark-text-100) !important; } .bg-button-dark-text-200{ background-color: var(--button-dark-text-200) !important; } .bg-button-dark-text-300{ background-color: var(--button-dark-text-300) !important; } .bg-button-dark-text-400{ background-color: var(--button-dark-text-400) !important; } .bg-button-dark-text-50{ background-color: var(--button-dark-text-50) !important; } .bg-button-dark-text-500{ background-color: var(--button-dark-text) !important; } .bg-button-dark-text-600{ background-color: var(--button-dark-text-600) !important; } .bg-button-dark-text-700{ background-color: var(--button-dark-text-700) !important; } .bg-button-dark-text-800{ background-color: var(--button-dark-text-800) !important; } .bg-button-dark-text-900{ background-color: var(--button-dark-text-900) !important; } .bg-button-dark-text-dark{ background-color: var(--button-dark-text-900) !important; } .bg-button-dark-text-hover{ background-color: var(--button-dark-text-hover) !important; } .bg-button-dark-text-hover-100{ background-color: var(--button-dark-text-hover-100) !important; } .bg-button-dark-text-hover-200{ background-color: var(--button-dark-text-hover-200) !important; } .bg-button-dark-text-hover-300{ background-color: var(--button-dark-text-hover-300) !important; } .bg-button-dark-text-hover-400{ background-color: var(--button-dark-text-hover-400) !important; } .bg-button-dark-text-hover-50{ background-color: var(--button-dark-text-hover-50) !important; } .bg-button-dark-text-hover-500{ background-color: var(--button-dark-text-hover) !important; } .bg-button-dark-text-hover-600{ background-color: var(--button-dark-text-hover-600) !important; } .bg-button-dark-text-hover-700{ background-color: var(--button-dark-text-hover-700) !important; } .bg-button-dark-text-hover-800{ background-color: var(--button-dark-text-hover-800) !important; } .bg-button-dark-text-hover-900{ background-color: var(--button-dark-text-hover-900) !important; } .bg-button-dark-text-hover-dark{ background-color: var(--button-dark-text-hover-900) !important; } .bg-button-dark-text-hover-light{ background-color: var(--button-dark-text-hover-50) !important; } .bg-button-dark-text-light{ background-color: var(--button-dark-text-50) !important; } .bg-button-light{ background-color: var(--button-light) !important; } .bg-button-light-100{ background-color: var(--button-light-100) !important; } .bg-button-light-200{ background-color: var(--button-light-200) !important; } .bg-button-light-300{ background-color: var(--button-light-300) !important; } .bg-button-light-400{ background-color: var(--button-light-400) !important; } .bg-button-light-50{ background-color: var(--button-light-50) !important; } .bg-button-light-500{ background-color: var(--button-light) !important; } .bg-button-light-600{ background-color: var(--button-light-600) !important; } .bg-button-light-700{ background-color: var(--button-light-700) !important; } .bg-button-light-800{ background-color: var(--button-light-800) !important; } .bg-button-light-900{ background-color: var(--button-light-900) !important; } .bg-button-light-dark{ background-color: var(--button-light-900) !important; } .bg-button-light-hover{ background-color: var(--button-light-hover) !important; } .bg-button-light-hover-100{ background-color: var(--button-light-hover-100) !important; } .bg-button-light-hover-200{ background-color: var(--button-light-hover-200) !important; } .bg-button-light-hover-300{ background-color: var(--button-light-hover-300) !important; } .bg-button-light-hover-400{ background-color: var(--button-light-hover-400) !important; } .bg-button-light-hover-50{ background-color: var(--button-light-hover-50) !important; } .bg-button-light-hover-500{ background-color: var(--button-light-hover) !important; } .bg-button-light-hover-600{ background-color: var(--button-light-hover-600) !important; } .bg-button-light-hover-700{ background-color: var(--button-light-hover-700) !important; } .bg-button-light-hover-800{ background-color: var(--button-light-hover-800) !important; } .bg-button-light-hover-900{ background-color: var(--button-light-hover-900) !important; } .bg-button-light-hover-dark{ background-color: var(--button-light-hover-900) !important; } .bg-button-light-hover-light{ background-color: var(--button-light-hover-50) !important; } .bg-button-light-light{ background-color: var(--button-light-50) !important; } .bg-button-light-text{ background-color: var(--button-light-text) !important; } .bg-button-light-text-100{ background-color: var(--button-light-text-100) !important; } .bg-button-light-text-200{ background-color: var(--button-light-text-200) !important; } .bg-button-light-text-300{ background-color: var(--button-light-text-300) !important; } .bg-button-light-text-400{ background-color: var(--button-light-text-400) !important; } .bg-button-light-text-50{ background-color: var(--button-light-text-50) !important; } .bg-button-light-text-500{ background-color: var(--button-light-text) !important; } .bg-button-light-text-600{ background-color: var(--button-light-text-600) !important; } .bg-button-light-text-700{ background-color: var(--button-light-text-700) !important; } .bg-button-light-text-800{ background-color: var(--button-light-text-800) !important; } .bg-button-light-text-900{ background-color: var(--button-light-text-900) !important; } .bg-button-light-text-dark{ background-color: var(--button-light-text-900) !important; } .bg-button-light-text-hover{ background-color: var(--button-light-text-hover) !important; } .bg-button-light-text-hover-100{ background-color: var(--button-light-text-hover-100) !important; } .bg-button-light-text-hover-200{ background-color: var(--button-light-text-hover-200) !important; } .bg-button-light-text-hover-300{ background-color: var(--button-light-text-hover-300) !important; } .bg-button-light-text-hover-400{ background-color: var(--button-light-text-hover-400) !important; } .bg-button-light-text-hover-50{ background-color: var(--button-light-text-hover-50) !important; } .bg-button-light-text-hover-500{ background-color: var(--button-light-text-hover) !important; } .bg-button-light-text-hover-600{ background-color: var(--button-light-text-hover-600) !important; } .bg-button-light-text-hover-700{ background-color: var(--button-light-text-hover-700) !important; } .bg-button-light-text-hover-800{ background-color: var(--button-light-text-hover-800) !important; } .bg-button-light-text-hover-900{ background-color: var(--button-light-text-hover-900) !important; } .bg-button-light-text-hover-dark{ background-color: var(--button-light-text-hover-900) !important; } .bg-button-light-text-hover-light{ background-color: var(--button-light-text-hover-50) !important; } .bg-button-light-text-light{ background-color: var(--button-light-text-50) !important; } .bg-button-primary{ background-color: var(--button-primary) !important; } .bg-button-primary-100{ background-color: var(--button-primary-100) !important; } .bg-button-primary-200{ background-color: var(--button-primary-200) !important; } .bg-button-primary-300{ background-color: var(--button-primary-300) !important; } .bg-button-primary-400{ background-color: var(--button-primary-400) !important; } .bg-button-primary-50{ background-color: var(--button-primary-50) !important; } .bg-button-primary-500{ background-color: var(--button-primary) !important; } .bg-button-primary-600{ background-color: var(--button-primary-600) !important; } .bg-button-primary-700{ background-color: var(--button-primary-700) !important; } .bg-button-primary-800{ background-color: var(--button-primary-800) !important; } .bg-button-primary-900{ background-color: var(--button-primary-900) !important; } .bg-button-primary-dark{ background-color: var(--button-primary-900) !important; } .bg-button-primary-hover{ background-color: var(--button-primary-hover) !important; } .bg-button-primary-hover-100{ background-color: var(--button-primary-hover-100) !important; } .bg-button-primary-hover-200{ background-color: var(--button-primary-hover-200) !important; } .bg-button-primary-hover-300{ background-color: var(--button-primary-hover-300) !important; } .bg-button-primary-hover-400{ background-color: var(--button-primary-hover-400) !important; } .bg-button-primary-hover-50{ background-color: var(--button-primary-hover-50) !important; } .bg-button-primary-hover-500{ background-color: var(--button-primary-hover) !important; } .bg-button-primary-hover-600{ background-color: var(--button-primary-hover-600) !important; } .bg-button-primary-hover-700{ background-color: var(--button-primary-hover-700) !important; } .bg-button-primary-hover-800{ background-color: var(--button-primary-hover-800) !important; } .bg-button-primary-hover-900{ background-color: var(--button-primary-hover-900) !important; } .bg-button-primary-hover-dark{ background-color: var(--button-primary-hover-900) !important; } .bg-button-primary-hover-light{ background-color: var(--button-primary-hover-50) !important; } .bg-button-primary-light{ background-color: var(--button-primary-50) !important; } .bg-button-primary-text{ background-color: var(--button-primary-text) !important; } .bg-button-primary-text-100{ background-color: var(--button-primary-text-100) !important; } .bg-button-primary-text-200{ background-color: var(--button-primary-text-200) !important; } .bg-button-primary-text-300{ background-color: var(--button-primary-text-300) !important; } .bg-button-primary-text-400{ background-color: var(--button-primary-text-400) !important; } .bg-button-primary-text-50{ background-color: var(--button-primary-text-50) !important; } .bg-button-primary-text-500{ background-color: var(--button-primary-text) !important; } .bg-button-primary-text-600{ background-color: var(--button-primary-text-600) !important; } .bg-button-primary-text-700{ background-color: var(--button-primary-text-700) !important; } .bg-button-primary-text-800{ background-color: var(--button-primary-text-800) !important; } .bg-button-primary-text-900{ background-color: var(--button-primary-text-900) !important; } .bg-button-primary-text-dark{ background-color: var(--button-primary-text-900) !important; } .bg-button-primary-text-hover{ background-color: var(--button-primary-text-hover) !important; } .bg-button-primary-text-hover-100{ background-color: var(--button-primary-text-hover-100) !important; } .bg-button-primary-text-hover-200{ background-color: var(--button-primary-text-hover-200) !important; } .bg-button-primary-text-hover-300{ background-color: var(--button-primary-text-hover-300) !important; } .bg-button-primary-text-hover-400{ background-color: var(--button-primary-text-hover-400) !important; } .bg-button-primary-text-hover-50{ background-color: var(--button-primary-text-hover-50) !important; } .bg-button-primary-text-hover-500{ background-color: var(--button-primary-text-hover) !important; } .bg-button-primary-text-hover-600{ background-color: var(--button-primary-text-hover-600) !important; } .bg-button-primary-text-hover-700{ background-color: var(--button-primary-text-hover-700) !important; } .bg-button-primary-text-hover-800{ background-color: var(--button-primary-text-hover-800) !important; } .bg-button-primary-text-hover-900{ background-color: var(--button-primary-text-hover-900) !important; } .bg-button-primary-text-hover-dark{ background-color: var(--button-primary-text-hover-900) !important; } .bg-button-primary-text-hover-light{ background-color: var(--button-primary-text-hover-50) !important; } .bg-button-primary-text-light{ background-color: var(--button-primary-text-50) !important; } .bg-button-secondary{ background-color: var(--button-secondary) !important; } .bg-button-secondary-100{ background-color: var(--button-secondary-100) !important; } .bg-button-secondary-200{ background-color: var(--button-secondary-200) !important; } .bg-button-secondary-300{ background-color: var(--button-secondary-300) !important; } .bg-button-secondary-400{ background-color: var(--button-secondary-400) !important; } .bg-button-secondary-50{ background-color: var(--button-secondary-50) !important; } .bg-button-secondary-500{ background-color: var(--button-secondary) !important; } .bg-button-secondary-600{ background-color: var(--button-secondary-600) !important; } .bg-button-secondary-700{ background-color: var(--button-secondary-700) !important; } .bg-button-secondary-800{ background-color: var(--button-secondary-800) !important; } .bg-button-secondary-900{ background-color: var(--button-secondary-900) !important; } .bg-button-secondary-dark{ background-color: var(--button-secondary-900) !important; } .bg-button-secondary-hover{ background-color: var(--button-secondary-hover) !important; } .bg-button-secondary-hover-100{ background-color: var(--button-secondary-hover-100) !important; } .bg-button-secondary-hover-200{ background-color: var(--button-secondary-hover-200) !important; } .bg-button-secondary-hover-300{ background-color: var(--button-secondary-hover-300) !important; } .bg-button-secondary-hover-400{ background-color: var(--button-secondary-hover-400) !important; } .bg-button-secondary-hover-50{ background-color: var(--button-secondary-hover-50) !important; } .bg-button-secondary-hover-500{ background-color: var(--button-secondary-hover) !important; } .bg-button-secondary-hover-600{ background-color: var(--button-secondary-hover-600) !important; } .bg-button-secondary-hover-700{ background-color: var(--button-secondary-hover-700) !important; } .bg-button-secondary-hover-800{ background-color: var(--button-secondary-hover-800) !important; } .bg-button-secondary-hover-900{ background-color: var(--button-secondary-hover-900) !important; } .bg-button-secondary-hover-dark{ background-color: var(--button-secondary-hover-900) !important; } .bg-button-secondary-hover-light{ background-color: var(--button-secondary-hover-50) !important; } .bg-button-secondary-light{ background-color: var(--button-secondary-50) !important; } .bg-button-secondary-text{ background-color: var(--button-secondary-text) !important; } .bg-button-secondary-text-100{ background-color: var(--button-secondary-text-100) !important; } .bg-button-secondary-text-200{ background-color: var(--button-secondary-text-200) !important; } .bg-button-secondary-text-300{ background-color: var(--button-secondary-text-300) !important; } .bg-button-secondary-text-400{ background-color: var(--button-secondary-text-400) !important; } .bg-button-secondary-text-50{ background-color: var(--button-secondary-text-50) !important; } .bg-button-secondary-text-500{ background-color: var(--button-secondary-text) !important; } .bg-button-secondary-text-600{ background-color: var(--button-secondary-text-600) !important; } .bg-button-secondary-text-700{ background-color: var(--button-secondary-text-700) !important; } .bg-button-secondary-text-800{ background-color: var(--button-secondary-text-800) !important; } .bg-button-secondary-text-900{ background-color: var(--button-secondary-text-900) !important; } .bg-button-secondary-text-dark{ background-color: var(--button-secondary-text-900) !important; } .bg-button-secondary-text-hover{ background-color: var(--button-secondary-text-hover) !important; } .bg-button-secondary-text-hover-100{ background-color: var(--button-secondary-text-hover-100) !important; } .bg-button-secondary-text-hover-200{ background-color: var(--button-secondary-text-hover-200) !important; } .bg-button-secondary-text-hover-300{ background-color: var(--button-secondary-text-hover-300) !important; } .bg-button-secondary-text-hover-400{ background-color: var(--button-secondary-text-hover-400) !important; } .bg-button-secondary-text-hover-50{ background-color: var(--button-secondary-text-hover-50) !important; } .bg-button-secondary-text-hover-500{ background-color: var(--button-secondary-text-hover) !important; } .bg-button-secondary-text-hover-600{ background-color: var(--button-secondary-text-hover-600) !important; } .bg-button-secondary-text-hover-700{ background-color: var(--button-secondary-text-hover-700) !important; } .bg-button-secondary-text-hover-800{ background-color: var(--button-secondary-text-hover-800) !important; } .bg-button-secondary-text-hover-900{ background-color: var(--button-secondary-text-hover-900) !important; } .bg-button-secondary-text-hover-dark{ background-color: var(--button-secondary-text-hover-900) !important; } .bg-button-secondary-text-hover-light{ background-color: var(--button-secondary-text-hover-50) !important; } .bg-button-secondary-text-light{ background-color: var(--button-secondary-text-50) !important; } .bg-button-success{ background-color: var(--button-success) !important; } .bg-button-success-100{ background-color: var(--button-success-100) !important; } .bg-button-success-200{ background-color: var(--button-success-200) !important; } .bg-button-success-300{ background-color: var(--button-success-300) !important; } .bg-button-success-400{ background-color: var(--button-success-400) !important; } .bg-button-success-50{ background-color: var(--button-success-50) !important; } .bg-button-success-500{ background-color: var(--button-success) !important; } .bg-button-success-600{ background-color: var(--button-success-600) !important; } .bg-button-success-700{ background-color: var(--button-success-700) !important; } .bg-button-success-800{ background-color: var(--button-success-800) !important; } .bg-button-success-900{ background-color: var(--button-success-900) !important; } .bg-button-success-dark{ background-color: var(--button-success-900) !important; } .bg-button-success-hover{ background-color: var(--button-success-hover) !important; } .bg-button-success-hover-100{ background-color: var(--button-success-hover-100) !important; } .bg-button-success-hover-200{ background-color: var(--button-success-hover-200) !important; } .bg-button-success-hover-300{ background-color: var(--button-success-hover-300) !important; } .bg-button-success-hover-400{ background-color: var(--button-success-hover-400) !important; } .bg-button-success-hover-50{ background-color: var(--button-success-hover-50) !important; } .bg-button-success-hover-500{ background-color: var(--button-success-hover) !important; } .bg-button-success-hover-600{ background-color: var(--button-success-hover-600) !important; } .bg-button-success-hover-700{ background-color: var(--button-success-hover-700) !important; } .bg-button-success-hover-800{ background-color: var(--button-success-hover-800) !important; } .bg-button-success-hover-900{ background-color: var(--button-success-hover-900) !important; } .bg-button-success-hover-dark{ background-color: var(--button-success-hover-900) !important; } .bg-button-success-hover-light{ background-color: var(--button-success-hover-50) !important; } .bg-button-success-light{ background-color: var(--button-success-50) !important; } .bg-button-success-text{ background-color: var(--button-success-text) !important; } .bg-button-success-text-100{ background-color: var(--button-success-text-100) !important; } .bg-button-success-text-200{ background-color: var(--button-success-text-200) !important; } .bg-button-success-text-300{ background-color: var(--button-success-text-300) !important; } .bg-button-success-text-400{ background-color: var(--button-success-text-400) !important; } .bg-button-success-text-50{ background-color: var(--button-success-text-50) !important; } .bg-button-success-text-500{ background-color: var(--button-success-text) !important; } .bg-button-success-text-600{ background-color: var(--button-success-text-600) !important; } .bg-button-success-text-700{ background-color: var(--button-success-text-700) !important; } .bg-button-success-text-800{ background-color: var(--button-success-text-800) !important; } .bg-button-success-text-900{ background-color: var(--button-success-text-900) !important; } .bg-button-success-text-dark{ background-color: var(--button-success-text-900) !important; } .bg-button-success-text-hover{ background-color: var(--button-success-text-hover) !important; } .bg-button-success-text-hover-100{ background-color: var(--button-success-text-hover-100) !important; } .bg-button-success-text-hover-200{ background-color: var(--button-success-text-hover-200) !important; } .bg-button-success-text-hover-300{ background-color: var(--button-success-text-hover-300) !important; } .bg-button-success-text-hover-400{ background-color: var(--button-success-text-hover-400) !important; } .bg-button-success-text-hover-50{ background-color: var(--button-success-text-hover-50) !important; } .bg-button-success-text-hover-500{ background-color: var(--button-success-text-hover) !important; } .bg-button-success-text-hover-600{ background-color: var(--button-success-text-hover-600) !important; } .bg-button-success-text-hover-700{ background-color: var(--button-success-text-hover-700) !important; } .bg-button-success-text-hover-800{ background-color: var(--button-success-text-hover-800) !important; } .bg-button-success-text-hover-900{ background-color: var(--button-success-text-hover-900) !important; } .bg-button-success-text-hover-dark{ background-color: var(--button-success-text-hover-900) !important; } .bg-button-success-text-hover-light{ background-color: var(--button-success-text-hover-50) !important; } .bg-button-success-text-light{ background-color: var(--button-success-text-50) !important; } .bg-button-warning{ background-color: var(--button-warning) !important; } .bg-button-warning-100{ background-color: var(--button-warning-100) !important; } .bg-button-warning-200{ background-color: var(--button-warning-200) !important; } .bg-button-warning-300{ background-color: var(--button-warning-300) !important; } .bg-button-warning-400{ background-color: var(--button-warning-400) !important; } .bg-button-warning-50{ background-color: var(--button-warning-50) !important; } .bg-button-warning-500{ background-color: var(--button-warning) !important; } .bg-button-warning-600{ background-color: var(--button-warning-600) !important; } .bg-button-warning-700{ background-color: var(--button-warning-700) !important; } .bg-button-warning-800{ background-color: var(--button-warning-800) !important; } .bg-button-warning-900{ background-color: var(--button-warning-900) !important; } .bg-button-warning-dark{ background-color: var(--button-warning-900) !important; } .bg-button-warning-hover{ background-color: var(--button-warning-hover) !important; } .bg-button-warning-hover-100{ background-color: var(--button-warning-hover-100) !important; } .bg-button-warning-hover-200{ background-color: var(--button-warning-hover-200) !important; } .bg-button-warning-hover-300{ background-color: var(--button-warning-hover-300) !important; } .bg-button-warning-hover-400{ background-color: var(--button-warning-hover-400) !important; } .bg-button-warning-hover-50{ background-color: var(--button-warning-hover-50) !important; } .bg-button-warning-hover-500{ background-color: var(--button-warning-hover) !important; } .bg-button-warning-hover-600{ background-color: var(--button-warning-hover-600) !important; } .bg-button-warning-hover-700{ background-color: var(--button-warning-hover-700) !important; } .bg-button-warning-hover-800{ background-color: var(--button-warning-hover-800) !important; } .bg-button-warning-hover-900{ background-color: var(--button-warning-hover-900) !important; } .bg-button-warning-hover-dark{ background-color: var(--button-warning-hover-900) !important; } .bg-button-warning-hover-light{ background-color: var(--button-warning-hover-50) !important; } .bg-button-warning-light{ background-color: var(--button-warning-50) !important; } .bg-button-warning-text{ background-color: var(--button-warning-text) !important; } .bg-button-warning-text-100{ background-color: var(--button-warning-text-100) !important; } .bg-button-warning-text-200{ background-color: var(--button-warning-text-200) !important; } .bg-button-warning-text-300{ background-color: var(--button-warning-text-300) !important; } .bg-button-warning-text-400{ background-color: var(--button-warning-text-400) !important; } .bg-button-warning-text-50{ background-color: var(--button-warning-text-50) !important; } .bg-button-warning-text-500{ background-color: var(--button-warning-text) !important; } .bg-button-warning-text-600{ background-color: var(--button-warning-text-600) !important; } .bg-button-warning-text-700{ background-color: var(--button-warning-text-700) !important; } .bg-button-warning-text-800{ background-color: var(--button-warning-text-800) !important; } .bg-button-warning-text-900{ background-color: var(--button-warning-text-900) !important; } .bg-button-warning-text-dark{ background-color: var(--button-warning-text-900) !important; } .bg-button-warning-text-hover{ background-color: var(--button-warning-text-hover) !important; } .bg-button-warning-text-hover-100{ background-color: var(--button-warning-text-hover-100) !important; } .bg-button-warning-text-hover-200{ background-color: var(--button-warning-text-hover-200) !important; } .bg-button-warning-text-hover-300{ background-color: var(--button-warning-text-hover-300) !important; } .bg-button-warning-text-hover-400{ background-color: var(--button-warning-text-hover-400) !important; } .bg-button-warning-text-hover-50{ background-color: var(--button-warning-text-hover-50) !important; } .bg-button-warning-text-hover-500{ background-color: var(--button-warning-text-hover) !important; } .bg-button-warning-text-hover-600{ background-color: var(--button-warning-text-hover-600) !important; } .bg-button-warning-text-hover-700{ background-color: var(--button-warning-text-hover-700) !important; } .bg-button-warning-text-hover-800{ background-color: var(--button-warning-text-hover-800) !important; } .bg-button-warning-text-hover-900{ background-color: var(--button-warning-text-hover-900) !important; } .bg-button-warning-text-hover-dark{ background-color: var(--button-warning-text-hover-900) !important; } .bg-button-warning-text-hover-light{ background-color: var(--button-warning-text-hover-50) !important; } .bg-button-warning-text-light{ background-color: var(--button-warning-text-50) !important; } .bg-cyan-700{ --tw-bg-opacity: 1 !important; background-color: rgb(14 116 144 / var(--tw-bg-opacity, 1)) !important; } .bg-danger{ background-color: var(--danger) !important; } .bg-danger-100{ background-color: var(--danger-100) !important; } .bg-danger-200{ background-color: var(--danger-200) !important; } .bg-danger-300{ background-color: var(--danger-300) !important; } .bg-danger-400{ background-color: var(--danger-400) !important; } .bg-danger-50{ background-color: var(--danger-50) !important; } .bg-danger-500{ background-color: var(--danger) !important; } .bg-danger-600{ background-color: var(--danger-600) !important; } .bg-danger-700{ background-color: var(--danger-700) !important; } .bg-danger-800{ background-color: var(--danger-800) !important; } .bg-danger-900{ background-color: var(--danger-900) !important; } .bg-danger-dark{ background-color: var(--danger-900) !important; } .bg-danger-light{ background-color: var(--danger-50) !important; } .bg-dark{ background-color: var(--dark) !important; } .bg-dark-100{ background-color: var(--dark-100) !important; } .bg-dark-200{ background-color: var(--dark-200) !important; } .bg-dark-300{ background-color: var(--dark-300) !important; } .bg-dark-400{ background-color: var(--dark-400) !important; } .bg-dark-50{ background-color: var(--dark-50) !important; } .bg-dark-500{ background-color: var(--dark) !important; } .bg-dark-600{ background-color: var(--dark-600) !important; } .bg-dark-700{ background-color: var(--dark-700) !important; } .bg-dark-800{ background-color: var(--dark-800) !important; } .bg-dark-900{ background-color: var(--dark-900) !important; } .bg-dark-dark{ background-color: var(--dark-900) !important; } .bg-dark-light{ background-color: var(--dark-50) !important; } .bg-footer-background{ background-color: var(--footer-background) !important; } .bg-gray-100{ --tw-bg-opacity: 1 !important; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important; } .bg-gray-200{ --tw-bg-opacity: 1 !important; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important; } .bg-gray-400{ --tw-bg-opacity: 1 !important; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)) !important; } .bg-gray-900{ --tw-bg-opacity: 1 !important; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important; } .bg-green-600{ --tw-bg-opacity: 1 !important; background-color: rgb(5 122 85 / var(--tw-bg-opacity, 1)) !important; } .bg-header-background{ background-color: var(--header-background) !important; } .bg-light{ background-color: var(--light) !important; } .bg-light-100{ background-color: var(--light-100) !important; } .bg-light-200{ background-color: var(--light-200) !important; } .bg-light-300{ background-color: var(--light-300) !important; } .bg-light-400{ background-color: var(--light-400) !important; } .bg-light-50{ background-color: var(--light-50) !important; } .bg-light-500{ background-color: var(--light) !important; } .bg-light-600{ background-color: var(--light-600) !important; } .bg-light-700{ background-color: var(--light-700) !important; } .bg-light-800{ background-color: var(--light-800) !important; } .bg-light-900{ background-color: var(--light-900) !important; } .bg-light-dark{ background-color: var(--light-900) !important; } .bg-light-light{ background-color: var(--light-50) !important; } .bg-lime-200\/20{ background-color: rgb(217 249 157 / 0.2) !important; } .bg-navbar-popout-background{ background-color: var(--navbar-popout-background) !important; } .bg-orange-500{ --tw-bg-opacity: 1 !important; background-color: rgb(255 90 31 / var(--tw-bg-opacity, 1)) !important; } .bg-primary{ background-color: var(--primary) !important; } .bg-primary-100{ background-color: var(--primary-100) !important; } .bg-primary-200{ background-color: var(--primary-200) !important; } .bg-primary-300{ background-color: var(--primary-300) !important; } .bg-primary-400{ background-color: var(--primary-400) !important; } .bg-primary-50{ background-color: var(--primary-50) !important; } .bg-primary-500{ background-color: var(--primary) !important; } .bg-primary-600{ background-color: var(--primary-600) !important; } .bg-primary-700{ background-color: var(--primary-700) !important; } .bg-primary-800{ background-color: var(--primary-800) !important; } .bg-primary-900{ background-color: var(--primary-900) !important; } .bg-primary-dark{ background-color: var(--primary-900) !important; } .bg-primary-light{ background-color: var(--primary-50) !important; } .bg-red-200{ --tw-bg-opacity: 1 !important; background-color: rgb(251 213 213 / var(--tw-bg-opacity, 1)) !important; } .bg-red-500{ --tw-bg-opacity: 1 !important; background-color: rgb(240 82 82 / var(--tw-bg-opacity, 1)) !important; } .bg-red-600{ --tw-bg-opacity: 1 !important; background-color: rgb(224 36 36 / var(--tw-bg-opacity, 1)) !important; } .bg-red-800{ --tw-bg-opacity: 1 !important; background-color: rgb(155 28 28 / var(--tw-bg-opacity, 1)) !important; } .bg-secondary{ background-color: var(--secondary) !important; } .bg-secondary-100{ background-color: var(--secondary-100) !important; } .bg-secondary-200{ background-color: var(--secondary-200) !important; } .bg-secondary-300{ background-color: var(--secondary-300) !important; } .bg-secondary-400{ background-color: var(--secondary-400) !important; } .bg-secondary-50{ background-color: var(--secondary-50) !important; } .bg-secondary-500{ background-color: var(--secondary) !important; } .bg-secondary-600{ background-color: var(--secondary-600) !important; } .bg-secondary-700{ background-color: var(--secondary-700) !important; } .bg-secondary-800{ background-color: var(--secondary-800) !important; } .bg-secondary-900{ background-color: var(--secondary-900) !important; } .bg-secondary-dark{ background-color: var(--secondary-900) !important; } .bg-secondary-light{ background-color: var(--secondary-50) !important; } .bg-success{ background-color: var(--success) !important; } .bg-success-100{ background-color: var(--success-100) !important; } .bg-success-200{ background-color: var(--success-200) !important; } .bg-success-300{ background-color: var(--success-300) !important; } .bg-success-400{ background-color: var(--success-400) !important; } .bg-success-50{ background-color: var(--success-50) !important; } .bg-success-500{ background-color: var(--success) !important; } .bg-success-600{ background-color: var(--success-600) !important; } .bg-success-700{ background-color: var(--success-700) !important; } .bg-success-800{ background-color: var(--success-800) !important; } .bg-success-900{ background-color: var(--success-900) !important; } .bg-success-dark{ background-color: var(--success-900) !important; } .bg-success-light{ background-color: var(--success-50) !important; } .bg-transparent{ background-color: transparent !important; } .bg-ucp-body-bg{ background-color: var(--ucp-body-bg) !important; } .bg-ucp-body-bg-400{ background-color: var(--ucp-body-bg-400) !important; } .bg-ucp-body-bg-600{ background-color: var(--ucp-body-bg-600) !important; } .bg-ucp-body-bg-dark{ background-color: var(--ucp-body-bg-900) !important; } .bg-ucp-body-bg-light{ background-color: var(--ucp-body-bg-50) !important; } .bg-ucp-checkbox-bg{ background-color: var(--ucp-checkbox-bg) !important; } .bg-ucp-checkbox-bg-400{ background-color: var(--ucp-checkbox-bg-400) !important; } .bg-ucp-checkbox-bg-600{ background-color: var(--ucp-checkbox-bg-600) !important; } .bg-ucp-checkbox-bg-dark{ background-color: var(--ucp-checkbox-bg-900) !important; } .bg-ucp-checkbox-bg-light{ background-color: var(--ucp-checkbox-bg-50) !important; } .bg-ucp-input-bg{ background-color: var(--ucp-input-bg) !important; } .bg-ucp-input-bg-300{ background-color: var(--ucp-input-bg-300) !important; } .bg-ucp-input-bg-400{ background-color: var(--ucp-input-bg-400) !important; } .bg-ucp-input-bg-dark{ background-color: var(--ucp-input-bg-900) !important; } .bg-ucp-input-bg-light{ background-color: var(--ucp-input-bg-50) !important; } .bg-ucp-input-text-dark{ background-color: var(--ucp-input-text-900) !important; } .bg-ucp-input-text-light{ background-color: var(--ucp-input-text-50) !important; } .bg-ucp-marquee-bg{ background-color: var(--ucp-marquee-bg) !important; } .bg-ucp-text-dark{ background-color: var(--ucp-text-900) !important; } .bg-ucp-text-light{ background-color: var(--ucp-text-50) !important; } .bg-warning{ background-color: var(--warning) !important; } .bg-warning-100{ background-color: var(--warning-100) !important; } .bg-warning-200{ background-color: var(--warning-200) !important; } .bg-warning-300{ background-color: var(--warning-300) !important; } .bg-warning-400{ background-color: var(--warning-400) !important; } .bg-warning-50{ background-color: var(--warning-50) !important; } .bg-warning-500{ background-color: var(--warning) !important; } .bg-warning-600{ background-color: var(--warning-600) !important; } .bg-warning-700{ background-color: var(--warning-700) !important; } .bg-warning-800{ background-color: var(--warning-800) !important; } .bg-warning-900{ background-color: var(--warning-900) !important; } .bg-warning-dark{ background-color: var(--warning-900) !important; } .bg-warning-light{ background-color: var(--warning-50) !important; } .bg-white{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .bg-white\/20{ background-color: rgb(255 255 255 / 0.2) !important; } .bg-yellow-400{ --tw-bg-opacity: 1 !important; background-color: rgb(227 160 8 / var(--tw-bg-opacity, 1)) !important; } .from-acp-body-bg-dark{ --tw-gradient-from: var(--acp-body-bg-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-acp-body-bg-light{ --tw-gradient-from: var(--acp-body-bg-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-acp-checkbox-bg-dark{ --tw-gradient-from: var(--acp-checkbox-bg-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-acp-checkbox-bg-light{ --tw-gradient-from: var(--acp-checkbox-bg-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-acp-input-bg-dark{ --tw-gradient-from: var(--acp-input-bg-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-acp-input-bg-light{ --tw-gradient-from: var(--acp-input-bg-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-acp-input-text-dark{ --tw-gradient-from: var(--acp-input-text-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-acp-input-text-light{ --tw-gradient-from: var(--acp-input-text-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-acp-text-dark{ --tw-gradient-from: var(--acp-text-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-acp-text-light{ --tw-gradient-from: var(--acp-text-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-auth-checkbox-bg-dark{ --tw-gradient-from: var(--auth-checkbox-bg-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-auth-checkbox-bg-light{ --tw-gradient-from: var(--auth-checkbox-bg-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-auth-input-bg-dark{ --tw-gradient-from: var(--auth-input-bg-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-auth-input-bg-light{ --tw-gradient-from: var(--auth-input-bg-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-auth-input-text-dark{ --tw-gradient-from: var(--auth-input-text-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-auth-input-text-light{ --tw-gradient-from: var(--auth-input-text-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-button-danger-text-dark{ --tw-gradient-from: var(--button-danger-text-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-button-danger-text-light{ --tw-gradient-from: var(--button-danger-text-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-button-dark-text-dark{ --tw-gradient-from: var(--button-dark-text-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-button-dark-text-light{ --tw-gradient-from: var(--button-dark-text-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-button-light-text-dark{ --tw-gradient-from: var(--button-light-text-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-button-light-text-light{ --tw-gradient-from: var(--button-light-text-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-button-primary-text-dark{ --tw-gradient-from: var(--button-primary-text-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-button-primary-text-light{ --tw-gradient-from: var(--button-primary-text-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-button-secondary-text-dark{ --tw-gradient-from: var(--button-secondary-text-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-button-secondary-text-light{ --tw-gradient-from: var(--button-secondary-text-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-button-success-text-dark{ --tw-gradient-from: var(--button-success-text-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-button-success-text-light{ --tw-gradient-from: var(--button-success-text-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-button-warning-text-dark{ --tw-gradient-from: var(--button-warning-text-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-button-warning-text-light{ --tw-gradient-from: var(--button-warning-text-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-ucp-body-bg-dark{ --tw-gradient-from: var(--ucp-body-bg-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-ucp-body-bg-light{ --tw-gradient-from: var(--ucp-body-bg-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-ucp-checkbox-bg-dark{ --tw-gradient-from: var(--ucp-checkbox-bg-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-ucp-checkbox-bg-light{ --tw-gradient-from: var(--ucp-checkbox-bg-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-ucp-input-bg-dark{ --tw-gradient-from: var(--ucp-input-bg-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-ucp-input-bg-light{ --tw-gradient-from: var(--ucp-input-bg-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-ucp-input-text-dark{ --tw-gradient-from: var(--ucp-input-text-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-ucp-input-text-light{ --tw-gradient-from: var(--ucp-input-text-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-ucp-text-dark{ --tw-gradient-from: var(--ucp-text-900) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .from-ucp-text-light{ --tw-gradient-from: var(--ucp-text-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } .via-acp-body-bg-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--acp-body-bg-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-acp-body-bg-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--acp-body-bg-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-acp-checkbox-bg-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--acp-checkbox-bg-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-acp-checkbox-bg-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--acp-checkbox-bg-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-acp-input-bg-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--acp-input-bg-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-acp-input-bg-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--acp-input-bg-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-acp-input-text-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--acp-input-text-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-acp-input-text-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--acp-input-text-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-acp-text-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--acp-text-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-acp-text-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--acp-text-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-auth-checkbox-bg-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--auth-checkbox-bg-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-auth-checkbox-bg-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--auth-checkbox-bg-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-auth-input-bg-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--auth-input-bg-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-auth-input-bg-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--auth-input-bg-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-auth-input-text-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--auth-input-text-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-auth-input-text-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--auth-input-text-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-button-danger-text-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--button-danger-text-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-button-danger-text-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--button-danger-text-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-button-dark-text-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--button-dark-text-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-button-dark-text-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--button-dark-text-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-button-light-text-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--button-light-text-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-button-light-text-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--button-light-text-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-button-primary-text-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--button-primary-text-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-button-primary-text-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--button-primary-text-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-button-secondary-text-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--button-secondary-text-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-button-secondary-text-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--button-secondary-text-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-button-success-text-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--button-success-text-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-button-success-text-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--button-success-text-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-button-warning-text-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--button-warning-text-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-button-warning-text-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--button-warning-text-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-ucp-body-bg-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--ucp-body-bg-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-ucp-body-bg-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--ucp-body-bg-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-ucp-checkbox-bg-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--ucp-checkbox-bg-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-ucp-checkbox-bg-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--ucp-checkbox-bg-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-ucp-input-bg-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--ucp-input-bg-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-ucp-input-bg-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--ucp-input-bg-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-ucp-input-text-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--ucp-input-text-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-ucp-input-text-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--ucp-input-text-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-ucp-text-dark{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--ucp-text-900) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .via-ucp-text-light{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--ucp-text-50) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } .to-acp-body-bg-dark{ --tw-gradient-to: var(--acp-body-bg-900) var(--tw-gradient-to-position) !important; } .to-acp-body-bg-light{ --tw-gradient-to: var(--acp-body-bg-50) var(--tw-gradient-to-position) !important; } .to-acp-checkbox-bg-dark{ --tw-gradient-to: var(--acp-checkbox-bg-900) var(--tw-gradient-to-position) !important; } .to-acp-checkbox-bg-light{ --tw-gradient-to: var(--acp-checkbox-bg-50) var(--tw-gradient-to-position) !important; } .to-acp-input-bg-dark{ --tw-gradient-to: var(--acp-input-bg-900) var(--tw-gradient-to-position) !important; } .to-acp-input-bg-light{ --tw-gradient-to: var(--acp-input-bg-50) var(--tw-gradient-to-position) !important; } .to-acp-input-text-dark{ --tw-gradient-to: var(--acp-input-text-900) var(--tw-gradient-to-position) !important; } .to-acp-input-text-light{ --tw-gradient-to: var(--acp-input-text-50) var(--tw-gradient-to-position) !important; } .to-acp-text-dark{ --tw-gradient-to: var(--acp-text-900) var(--tw-gradient-to-position) !important; } .to-acp-text-light{ --tw-gradient-to: var(--acp-text-50) var(--tw-gradient-to-position) !important; } .to-auth-checkbox-bg-dark{ --tw-gradient-to: var(--auth-checkbox-bg-900) var(--tw-gradient-to-position) !important; } .to-auth-checkbox-bg-light{ --tw-gradient-to: var(--auth-checkbox-bg-50) var(--tw-gradient-to-position) !important; } .to-auth-input-bg-dark{ --tw-gradient-to: var(--auth-input-bg-900) var(--tw-gradient-to-position) !important; } .to-auth-input-bg-light{ --tw-gradient-to: var(--auth-input-bg-50) var(--tw-gradient-to-position) !important; } .to-auth-input-text-dark{ --tw-gradient-to: var(--auth-input-text-900) var(--tw-gradient-to-position) !important; } .to-auth-input-text-light{ --tw-gradient-to: var(--auth-input-text-50) var(--tw-gradient-to-position) !important; } .to-button-danger-text-dark{ --tw-gradient-to: var(--button-danger-text-900) var(--tw-gradient-to-position) !important; } .to-button-danger-text-light{ --tw-gradient-to: var(--button-danger-text-50) var(--tw-gradient-to-position) !important; } .to-button-dark-text-dark{ --tw-gradient-to: var(--button-dark-text-900) var(--tw-gradient-to-position) !important; } .to-button-dark-text-light{ --tw-gradient-to: var(--button-dark-text-50) var(--tw-gradient-to-position) !important; } .to-button-light-text-dark{ --tw-gradient-to: var(--button-light-text-900) var(--tw-gradient-to-position) !important; } .to-button-light-text-light{ --tw-gradient-to: var(--button-light-text-50) var(--tw-gradient-to-position) !important; } .to-button-primary-text-dark{ --tw-gradient-to: var(--button-primary-text-900) var(--tw-gradient-to-position) !important; } .to-button-primary-text-light{ --tw-gradient-to: var(--button-primary-text-50) var(--tw-gradient-to-position) !important; } .to-button-secondary-text-dark{ --tw-gradient-to: var(--button-secondary-text-900) var(--tw-gradient-to-position) !important; } .to-button-secondary-text-light{ --tw-gradient-to: var(--button-secondary-text-50) var(--tw-gradient-to-position) !important; } .to-button-success-text-dark{ --tw-gradient-to: var(--button-success-text-900) var(--tw-gradient-to-position) !important; } .to-button-success-text-light{ --tw-gradient-to: var(--button-success-text-50) var(--tw-gradient-to-position) !important; } .to-button-warning-text-dark{ --tw-gradient-to: var(--button-warning-text-900) var(--tw-gradient-to-position) !important; } .to-button-warning-text-light{ --tw-gradient-to: var(--button-warning-text-50) var(--tw-gradient-to-position) !important; } .to-ucp-body-bg-dark{ --tw-gradient-to: var(--ucp-body-bg-900) var(--tw-gradient-to-position) !important; } .to-ucp-body-bg-light{ --tw-gradient-to: var(--ucp-body-bg-50) var(--tw-gradient-to-position) !important; } .to-ucp-checkbox-bg-dark{ --tw-gradient-to: var(--ucp-checkbox-bg-900) var(--tw-gradient-to-position) !important; } .to-ucp-checkbox-bg-light{ --tw-gradient-to: var(--ucp-checkbox-bg-50) var(--tw-gradient-to-position) !important; } .to-ucp-input-bg-dark{ --tw-gradient-to: var(--ucp-input-bg-900) var(--tw-gradient-to-position) !important; } .to-ucp-input-bg-light{ --tw-gradient-to: var(--ucp-input-bg-50) var(--tw-gradient-to-position) !important; } .to-ucp-input-text-dark{ --tw-gradient-to: var(--ucp-input-text-900) var(--tw-gradient-to-position) !important; } .to-ucp-input-text-light{ --tw-gradient-to: var(--ucp-input-text-50) var(--tw-gradient-to-position) !important; } .to-ucp-text-dark{ --tw-gradient-to: var(--ucp-text-900) var(--tw-gradient-to-position) !important; } .to-ucp-text-light{ --tw-gradient-to: var(--ucp-text-50) var(--tw-gradient-to-position) !important; } .fill-acp-body-bg-dark{ fill: var(--acp-body-bg-900) !important; } .fill-acp-body-bg-light{ fill: var(--acp-body-bg-50) !important; } .fill-acp-checkbox-bg-dark{ fill: var(--acp-checkbox-bg-900) !important; } .fill-acp-checkbox-bg-light{ fill: var(--acp-checkbox-bg-50) !important; } .fill-acp-input-bg-dark{ fill: var(--acp-input-bg-900) !important; } .fill-acp-input-bg-light{ fill: var(--acp-input-bg-50) !important; } .fill-acp-input-text-dark{ fill: var(--acp-input-text-900) !important; } .fill-acp-input-text-light{ fill: var(--acp-input-text-50) !important; } .fill-acp-nav-link{ fill: var(--acp-nav-link) !important; } .fill-acp-text-dark{ fill: var(--acp-text-900) !important; } .fill-acp-text-light{ fill: var(--acp-text-50) !important; } .fill-auth-checkbox-bg-dark{ fill: var(--auth-checkbox-bg-900) !important; } .fill-auth-checkbox-bg-light{ fill: var(--auth-checkbox-bg-50) !important; } .fill-auth-input-bg-dark{ fill: var(--auth-input-bg-900) !important; } .fill-auth-input-bg-light{ fill: var(--auth-input-bg-50) !important; } .fill-auth-input-text-dark{ fill: var(--auth-input-text-900) !important; } .fill-auth-input-text-light{ fill: var(--auth-input-text-50) !important; } .fill-button-danger{ fill: var(--button-danger) !important; } .fill-button-danger-100{ fill: var(--button-danger-100) !important; } .fill-button-danger-200{ fill: var(--button-danger-200) !important; } .fill-button-danger-300{ fill: var(--button-danger-300) !important; } .fill-button-danger-400{ fill: var(--button-danger-400) !important; } .fill-button-danger-50{ fill: var(--button-danger-50) !important; } .fill-button-danger-500{ fill: var(--button-danger) !important; } .fill-button-danger-600{ fill: var(--button-danger-600) !important; } .fill-button-danger-700{ fill: var(--button-danger-700) !important; } .fill-button-danger-800{ fill: var(--button-danger-800) !important; } .fill-button-danger-900{ fill: var(--button-danger-900) !important; } .fill-button-danger-dark{ fill: var(--button-danger-900) !important; } .fill-button-danger-hover{ fill: var(--button-danger-hover) !important; } .fill-button-danger-hover-100{ fill: var(--button-danger-hover-100) !important; } .fill-button-danger-hover-200{ fill: var(--button-danger-hover-200) !important; } .fill-button-danger-hover-300{ fill: var(--button-danger-hover-300) !important; } .fill-button-danger-hover-400{ fill: var(--button-danger-hover-400) !important; } .fill-button-danger-hover-50{ fill: var(--button-danger-hover-50) !important; } .fill-button-danger-hover-500{ fill: var(--button-danger-hover) !important; } .fill-button-danger-hover-600{ fill: var(--button-danger-hover-600) !important; } .fill-button-danger-hover-700{ fill: var(--button-danger-hover-700) !important; } .fill-button-danger-hover-800{ fill: var(--button-danger-hover-800) !important; } .fill-button-danger-hover-900{ fill: var(--button-danger-hover-900) !important; } .fill-button-danger-hover-dark{ fill: var(--button-danger-hover-900) !important; } .fill-button-danger-hover-light{ fill: var(--button-danger-hover-50) !important; } .fill-button-danger-light{ fill: var(--button-danger-50) !important; } .fill-button-danger-text{ fill: var(--button-danger-text) !important; } .fill-button-danger-text-100{ fill: var(--button-danger-text-100) !important; } .fill-button-danger-text-200{ fill: var(--button-danger-text-200) !important; } .fill-button-danger-text-300{ fill: var(--button-danger-text-300) !important; } .fill-button-danger-text-400{ fill: var(--button-danger-text-400) !important; } .fill-button-danger-text-50{ fill: var(--button-danger-text-50) !important; } .fill-button-danger-text-500{ fill: var(--button-danger-text) !important; } .fill-button-danger-text-600{ fill: var(--button-danger-text-600) !important; } .fill-button-danger-text-700{ fill: var(--button-danger-text-700) !important; } .fill-button-danger-text-800{ fill: var(--button-danger-text-800) !important; } .fill-button-danger-text-900{ fill: var(--button-danger-text-900) !important; } .fill-button-danger-text-dark{ fill: var(--button-danger-text-900) !important; } .fill-button-danger-text-hover{ fill: var(--button-danger-text-hover) !important; } .fill-button-danger-text-hover-100{ fill: var(--button-danger-text-hover-100) !important; } .fill-button-danger-text-hover-200{ fill: var(--button-danger-text-hover-200) !important; } .fill-button-danger-text-hover-300{ fill: var(--button-danger-text-hover-300) !important; } .fill-button-danger-text-hover-400{ fill: var(--button-danger-text-hover-400) !important; } .fill-button-danger-text-hover-50{ fill: var(--button-danger-text-hover-50) !important; } .fill-button-danger-text-hover-500{ fill: var(--button-danger-text-hover) !important; } .fill-button-danger-text-hover-600{ fill: var(--button-danger-text-hover-600) !important; } .fill-button-danger-text-hover-700{ fill: var(--button-danger-text-hover-700) !important; } .fill-button-danger-text-hover-800{ fill: var(--button-danger-text-hover-800) !important; } .fill-button-danger-text-hover-900{ fill: var(--button-danger-text-hover-900) !important; } .fill-button-danger-text-hover-dark{ fill: var(--button-danger-text-hover-900) !important; } .fill-button-danger-text-hover-light{ fill: var(--button-danger-text-hover-50) !important; } .fill-button-danger-text-light{ fill: var(--button-danger-text-50) !important; } .fill-button-dark{ fill: var(--button-dark) !important; } .fill-button-dark-100{ fill: var(--button-dark-100) !important; } .fill-button-dark-200{ fill: var(--button-dark-200) !important; } .fill-button-dark-300{ fill: var(--button-dark-300) !important; } .fill-button-dark-400{ fill: var(--button-dark-400) !important; } .fill-button-dark-50{ fill: var(--button-dark-50) !important; } .fill-button-dark-500{ fill: var(--button-dark) !important; } .fill-button-dark-600{ fill: var(--button-dark-600) !important; } .fill-button-dark-700{ fill: var(--button-dark-700) !important; } .fill-button-dark-800{ fill: var(--button-dark-800) !important; } .fill-button-dark-900{ fill: var(--button-dark-900) !important; } .fill-button-dark-dark{ fill: var(--button-dark-900) !important; } .fill-button-dark-hover{ fill: var(--button-dark-hover) !important; } .fill-button-dark-hover-100{ fill: var(--button-dark-hover-100) !important; } .fill-button-dark-hover-200{ fill: var(--button-dark-hover-200) !important; } .fill-button-dark-hover-300{ fill: var(--button-dark-hover-300) !important; } .fill-button-dark-hover-400{ fill: var(--button-dark-hover-400) !important; } .fill-button-dark-hover-50{ fill: var(--button-dark-hover-50) !important; } .fill-button-dark-hover-500{ fill: var(--button-dark-hover) !important; } .fill-button-dark-hover-600{ fill: var(--button-dark-hover-600) !important; } .fill-button-dark-hover-700{ fill: var(--button-dark-hover-700) !important; } .fill-button-dark-hover-800{ fill: var(--button-dark-hover-800) !important; } .fill-button-dark-hover-900{ fill: var(--button-dark-hover-900) !important; } .fill-button-dark-hover-dark{ fill: var(--button-dark-hover-900) !important; } .fill-button-dark-hover-light{ fill: var(--button-dark-hover-50) !important; } .fill-button-dark-light{ fill: var(--button-dark-50) !important; } .fill-button-dark-text{ fill: var(--button-dark-text) !important; } .fill-button-dark-text-100{ fill: var(--button-dark-text-100) !important; } .fill-button-dark-text-200{ fill: var(--button-dark-text-200) !important; } .fill-button-dark-text-300{ fill: var(--button-dark-text-300) !important; } .fill-button-dark-text-400{ fill: var(--button-dark-text-400) !important; } .fill-button-dark-text-50{ fill: var(--button-dark-text-50) !important; } .fill-button-dark-text-500{ fill: var(--button-dark-text) !important; } .fill-button-dark-text-600{ fill: var(--button-dark-text-600) !important; } .fill-button-dark-text-700{ fill: var(--button-dark-text-700) !important; } .fill-button-dark-text-800{ fill: var(--button-dark-text-800) !important; } .fill-button-dark-text-900{ fill: var(--button-dark-text-900) !important; } .fill-button-dark-text-dark{ fill: var(--button-dark-text-900) !important; } .fill-button-dark-text-hover{ fill: var(--button-dark-text-hover) !important; } .fill-button-dark-text-hover-100{ fill: var(--button-dark-text-hover-100) !important; } .fill-button-dark-text-hover-200{ fill: var(--button-dark-text-hover-200) !important; } .fill-button-dark-text-hover-300{ fill: var(--button-dark-text-hover-300) !important; } .fill-button-dark-text-hover-400{ fill: var(--button-dark-text-hover-400) !important; } .fill-button-dark-text-hover-50{ fill: var(--button-dark-text-hover-50) !important; } .fill-button-dark-text-hover-500{ fill: var(--button-dark-text-hover) !important; } .fill-button-dark-text-hover-600{ fill: var(--button-dark-text-hover-600) !important; } .fill-button-dark-text-hover-700{ fill: var(--button-dark-text-hover-700) !important; } .fill-button-dark-text-hover-800{ fill: var(--button-dark-text-hover-800) !important; } .fill-button-dark-text-hover-900{ fill: var(--button-dark-text-hover-900) !important; } .fill-button-dark-text-hover-dark{ fill: var(--button-dark-text-hover-900) !important; } .fill-button-dark-text-hover-light{ fill: var(--button-dark-text-hover-50) !important; } .fill-button-dark-text-light{ fill: var(--button-dark-text-50) !important; } .fill-button-light{ fill: var(--button-light) !important; } .fill-button-light-100{ fill: var(--button-light-100) !important; } .fill-button-light-200{ fill: var(--button-light-200) !important; } .fill-button-light-300{ fill: var(--button-light-300) !important; } .fill-button-light-400{ fill: var(--button-light-400) !important; } .fill-button-light-50{ fill: var(--button-light-50) !important; } .fill-button-light-500{ fill: var(--button-light) !important; } .fill-button-light-600{ fill: var(--button-light-600) !important; } .fill-button-light-700{ fill: var(--button-light-700) !important; } .fill-button-light-800{ fill: var(--button-light-800) !important; } .fill-button-light-900{ fill: var(--button-light-900) !important; } .fill-button-light-dark{ fill: var(--button-light-900) !important; } .fill-button-light-hover{ fill: var(--button-light-hover) !important; } .fill-button-light-hover-100{ fill: var(--button-light-hover-100) !important; } .fill-button-light-hover-200{ fill: var(--button-light-hover-200) !important; } .fill-button-light-hover-300{ fill: var(--button-light-hover-300) !important; } .fill-button-light-hover-400{ fill: var(--button-light-hover-400) !important; } .fill-button-light-hover-50{ fill: var(--button-light-hover-50) !important; } .fill-button-light-hover-500{ fill: var(--button-light-hover) !important; } .fill-button-light-hover-600{ fill: var(--button-light-hover-600) !important; } .fill-button-light-hover-700{ fill: var(--button-light-hover-700) !important; } .fill-button-light-hover-800{ fill: var(--button-light-hover-800) !important; } .fill-button-light-hover-900{ fill: var(--button-light-hover-900) !important; } .fill-button-light-hover-dark{ fill: var(--button-light-hover-900) !important; } .fill-button-light-hover-light{ fill: var(--button-light-hover-50) !important; } .fill-button-light-light{ fill: var(--button-light-50) !important; } .fill-button-light-text{ fill: var(--button-light-text) !important; } .fill-button-light-text-100{ fill: var(--button-light-text-100) !important; } .fill-button-light-text-200{ fill: var(--button-light-text-200) !important; } .fill-button-light-text-300{ fill: var(--button-light-text-300) !important; } .fill-button-light-text-400{ fill: var(--button-light-text-400) !important; } .fill-button-light-text-50{ fill: var(--button-light-text-50) !important; } .fill-button-light-text-500{ fill: var(--button-light-text) !important; } .fill-button-light-text-600{ fill: var(--button-light-text-600) !important; } .fill-button-light-text-700{ fill: var(--button-light-text-700) !important; } .fill-button-light-text-800{ fill: var(--button-light-text-800) !important; } .fill-button-light-text-900{ fill: var(--button-light-text-900) !important; } .fill-button-light-text-dark{ fill: var(--button-light-text-900) !important; } .fill-button-light-text-hover{ fill: var(--button-light-text-hover) !important; } .fill-button-light-text-hover-100{ fill: var(--button-light-text-hover-100) !important; } .fill-button-light-text-hover-200{ fill: var(--button-light-text-hover-200) !important; } .fill-button-light-text-hover-300{ fill: var(--button-light-text-hover-300) !important; } .fill-button-light-text-hover-400{ fill: var(--button-light-text-hover-400) !important; } .fill-button-light-text-hover-50{ fill: var(--button-light-text-hover-50) !important; } .fill-button-light-text-hover-500{ fill: var(--button-light-text-hover) !important; } .fill-button-light-text-hover-600{ fill: var(--button-light-text-hover-600) !important; } .fill-button-light-text-hover-700{ fill: var(--button-light-text-hover-700) !important; } .fill-button-light-text-hover-800{ fill: var(--button-light-text-hover-800) !important; } .fill-button-light-text-hover-900{ fill: var(--button-light-text-hover-900) !important; } .fill-button-light-text-hover-dark{ fill: var(--button-light-text-hover-900) !important; } .fill-button-light-text-hover-light{ fill: var(--button-light-text-hover-50) !important; } .fill-button-light-text-light{ fill: var(--button-light-text-50) !important; } .fill-button-primary{ fill: var(--button-primary) !important; } .fill-button-primary-100{ fill: var(--button-primary-100) !important; } .fill-button-primary-200{ fill: var(--button-primary-200) !important; } .fill-button-primary-300{ fill: var(--button-primary-300) !important; } .fill-button-primary-400{ fill: var(--button-primary-400) !important; } .fill-button-primary-50{ fill: var(--button-primary-50) !important; } .fill-button-primary-500{ fill: var(--button-primary) !important; } .fill-button-primary-600{ fill: var(--button-primary-600) !important; } .fill-button-primary-700{ fill: var(--button-primary-700) !important; } .fill-button-primary-800{ fill: var(--button-primary-800) !important; } .fill-button-primary-900{ fill: var(--button-primary-900) !important; } .fill-button-primary-dark{ fill: var(--button-primary-900) !important; } .fill-button-primary-hover{ fill: var(--button-primary-hover) !important; } .fill-button-primary-hover-100{ fill: var(--button-primary-hover-100) !important; } .fill-button-primary-hover-200{ fill: var(--button-primary-hover-200) !important; } .fill-button-primary-hover-300{ fill: var(--button-primary-hover-300) !important; } .fill-button-primary-hover-400{ fill: var(--button-primary-hover-400) !important; } .fill-button-primary-hover-50{ fill: var(--button-primary-hover-50) !important; } .fill-button-primary-hover-500{ fill: var(--button-primary-hover) !important; } .fill-button-primary-hover-600{ fill: var(--button-primary-hover-600) !important; } .fill-button-primary-hover-700{ fill: var(--button-primary-hover-700) !important; } .fill-button-primary-hover-800{ fill: var(--button-primary-hover-800) !important; } .fill-button-primary-hover-900{ fill: var(--button-primary-hover-900) !important; } .fill-button-primary-hover-dark{ fill: var(--button-primary-hover-900) !important; } .fill-button-primary-hover-light{ fill: var(--button-primary-hover-50) !important; } .fill-button-primary-light{ fill: var(--button-primary-50) !important; } .fill-button-primary-text{ fill: var(--button-primary-text) !important; } .fill-button-primary-text-100{ fill: var(--button-primary-text-100) !important; } .fill-button-primary-text-200{ fill: var(--button-primary-text-200) !important; } .fill-button-primary-text-300{ fill: var(--button-primary-text-300) !important; } .fill-button-primary-text-400{ fill: var(--button-primary-text-400) !important; } .fill-button-primary-text-50{ fill: var(--button-primary-text-50) !important; } .fill-button-primary-text-500{ fill: var(--button-primary-text) !important; } .fill-button-primary-text-600{ fill: var(--button-primary-text-600) !important; } .fill-button-primary-text-700{ fill: var(--button-primary-text-700) !important; } .fill-button-primary-text-800{ fill: var(--button-primary-text-800) !important; } .fill-button-primary-text-900{ fill: var(--button-primary-text-900) !important; } .fill-button-primary-text-dark{ fill: var(--button-primary-text-900) !important; } .fill-button-primary-text-hover{ fill: var(--button-primary-text-hover) !important; } .fill-button-primary-text-hover-100{ fill: var(--button-primary-text-hover-100) !important; } .fill-button-primary-text-hover-200{ fill: var(--button-primary-text-hover-200) !important; } .fill-button-primary-text-hover-300{ fill: var(--button-primary-text-hover-300) !important; } .fill-button-primary-text-hover-400{ fill: var(--button-primary-text-hover-400) !important; } .fill-button-primary-text-hover-50{ fill: var(--button-primary-text-hover-50) !important; } .fill-button-primary-text-hover-500{ fill: var(--button-primary-text-hover) !important; } .fill-button-primary-text-hover-600{ fill: var(--button-primary-text-hover-600) !important; } .fill-button-primary-text-hover-700{ fill: var(--button-primary-text-hover-700) !important; } .fill-button-primary-text-hover-800{ fill: var(--button-primary-text-hover-800) !important; } .fill-button-primary-text-hover-900{ fill: var(--button-primary-text-hover-900) !important; } .fill-button-primary-text-hover-dark{ fill: var(--button-primary-text-hover-900) !important; } .fill-button-primary-text-hover-light{ fill: var(--button-primary-text-hover-50) !important; } .fill-button-primary-text-light{ fill: var(--button-primary-text-50) !important; } .fill-button-secondary{ fill: var(--button-secondary) !important; } .fill-button-secondary-100{ fill: var(--button-secondary-100) !important; } .fill-button-secondary-200{ fill: var(--button-secondary-200) !important; } .fill-button-secondary-300{ fill: var(--button-secondary-300) !important; } .fill-button-secondary-400{ fill: var(--button-secondary-400) !important; } .fill-button-secondary-50{ fill: var(--button-secondary-50) !important; } .fill-button-secondary-500{ fill: var(--button-secondary) !important; } .fill-button-secondary-600{ fill: var(--button-secondary-600) !important; } .fill-button-secondary-700{ fill: var(--button-secondary-700) !important; } .fill-button-secondary-800{ fill: var(--button-secondary-800) !important; } .fill-button-secondary-900{ fill: var(--button-secondary-900) !important; } .fill-button-secondary-dark{ fill: var(--button-secondary-900) !important; } .fill-button-secondary-hover{ fill: var(--button-secondary-hover) !important; } .fill-button-secondary-hover-100{ fill: var(--button-secondary-hover-100) !important; } .fill-button-secondary-hover-200{ fill: var(--button-secondary-hover-200) !important; } .fill-button-secondary-hover-300{ fill: var(--button-secondary-hover-300) !important; } .fill-button-secondary-hover-400{ fill: var(--button-secondary-hover-400) !important; } .fill-button-secondary-hover-50{ fill: var(--button-secondary-hover-50) !important; } .fill-button-secondary-hover-500{ fill: var(--button-secondary-hover) !important; } .fill-button-secondary-hover-600{ fill: var(--button-secondary-hover-600) !important; } .fill-button-secondary-hover-700{ fill: var(--button-secondary-hover-700) !important; } .fill-button-secondary-hover-800{ fill: var(--button-secondary-hover-800) !important; } .fill-button-secondary-hover-900{ fill: var(--button-secondary-hover-900) !important; } .fill-button-secondary-hover-dark{ fill: var(--button-secondary-hover-900) !important; } .fill-button-secondary-hover-light{ fill: var(--button-secondary-hover-50) !important; } .fill-button-secondary-light{ fill: var(--button-secondary-50) !important; } .fill-button-secondary-text{ fill: var(--button-secondary-text) !important; } .fill-button-secondary-text-100{ fill: var(--button-secondary-text-100) !important; } .fill-button-secondary-text-200{ fill: var(--button-secondary-text-200) !important; } .fill-button-secondary-text-300{ fill: var(--button-secondary-text-300) !important; } .fill-button-secondary-text-400{ fill: var(--button-secondary-text-400) !important; } .fill-button-secondary-text-50{ fill: var(--button-secondary-text-50) !important; } .fill-button-secondary-text-500{ fill: var(--button-secondary-text) !important; } .fill-button-secondary-text-600{ fill: var(--button-secondary-text-600) !important; } .fill-button-secondary-text-700{ fill: var(--button-secondary-text-700) !important; } .fill-button-secondary-text-800{ fill: var(--button-secondary-text-800) !important; } .fill-button-secondary-text-900{ fill: var(--button-secondary-text-900) !important; } .fill-button-secondary-text-dark{ fill: var(--button-secondary-text-900) !important; } .fill-button-secondary-text-hover{ fill: var(--button-secondary-text-hover) !important; } .fill-button-secondary-text-hover-100{ fill: var(--button-secondary-text-hover-100) !important; } .fill-button-secondary-text-hover-200{ fill: var(--button-secondary-text-hover-200) !important; } .fill-button-secondary-text-hover-300{ fill: var(--button-secondary-text-hover-300) !important; } .fill-button-secondary-text-hover-400{ fill: var(--button-secondary-text-hover-400) !important; } .fill-button-secondary-text-hover-50{ fill: var(--button-secondary-text-hover-50) !important; } .fill-button-secondary-text-hover-500{ fill: var(--button-secondary-text-hover) !important; } .fill-button-secondary-text-hover-600{ fill: var(--button-secondary-text-hover-600) !important; } .fill-button-secondary-text-hover-700{ fill: var(--button-secondary-text-hover-700) !important; } .fill-button-secondary-text-hover-800{ fill: var(--button-secondary-text-hover-800) !important; } .fill-button-secondary-text-hover-900{ fill: var(--button-secondary-text-hover-900) !important; } .fill-button-secondary-text-hover-dark{ fill: var(--button-secondary-text-hover-900) !important; } .fill-button-secondary-text-hover-light{ fill: var(--button-secondary-text-hover-50) !important; } .fill-button-secondary-text-light{ fill: var(--button-secondary-text-50) !important; } .fill-button-success{ fill: var(--button-success) !important; } .fill-button-success-100{ fill: var(--button-success-100) !important; } .fill-button-success-200{ fill: var(--button-success-200) !important; } .fill-button-success-300{ fill: var(--button-success-300) !important; } .fill-button-success-400{ fill: var(--button-success-400) !important; } .fill-button-success-50{ fill: var(--button-success-50) !important; } .fill-button-success-500{ fill: var(--button-success) !important; } .fill-button-success-600{ fill: var(--button-success-600) !important; } .fill-button-success-700{ fill: var(--button-success-700) !important; } .fill-button-success-800{ fill: var(--button-success-800) !important; } .fill-button-success-900{ fill: var(--button-success-900) !important; } .fill-button-success-dark{ fill: var(--button-success-900) !important; } .fill-button-success-hover{ fill: var(--button-success-hover) !important; } .fill-button-success-hover-100{ fill: var(--button-success-hover-100) !important; } .fill-button-success-hover-200{ fill: var(--button-success-hover-200) !important; } .fill-button-success-hover-300{ fill: var(--button-success-hover-300) !important; } .fill-button-success-hover-400{ fill: var(--button-success-hover-400) !important; } .fill-button-success-hover-50{ fill: var(--button-success-hover-50) !important; } .fill-button-success-hover-500{ fill: var(--button-success-hover) !important; } .fill-button-success-hover-600{ fill: var(--button-success-hover-600) !important; } .fill-button-success-hover-700{ fill: var(--button-success-hover-700) !important; } .fill-button-success-hover-800{ fill: var(--button-success-hover-800) !important; } .fill-button-success-hover-900{ fill: var(--button-success-hover-900) !important; } .fill-button-success-hover-dark{ fill: var(--button-success-hover-900) !important; } .fill-button-success-hover-light{ fill: var(--button-success-hover-50) !important; } .fill-button-success-light{ fill: var(--button-success-50) !important; } .fill-button-success-text{ fill: var(--button-success-text) !important; } .fill-button-success-text-100{ fill: var(--button-success-text-100) !important; } .fill-button-success-text-200{ fill: var(--button-success-text-200) !important; } .fill-button-success-text-300{ fill: var(--button-success-text-300) !important; } .fill-button-success-text-400{ fill: var(--button-success-text-400) !important; } .fill-button-success-text-50{ fill: var(--button-success-text-50) !important; } .fill-button-success-text-500{ fill: var(--button-success-text) !important; } .fill-button-success-text-600{ fill: var(--button-success-text-600) !important; } .fill-button-success-text-700{ fill: var(--button-success-text-700) !important; } .fill-button-success-text-800{ fill: var(--button-success-text-800) !important; } .fill-button-success-text-900{ fill: var(--button-success-text-900) !important; } .fill-button-success-text-dark{ fill: var(--button-success-text-900) !important; } .fill-button-success-text-hover{ fill: var(--button-success-text-hover) !important; } .fill-button-success-text-hover-100{ fill: var(--button-success-text-hover-100) !important; } .fill-button-success-text-hover-200{ fill: var(--button-success-text-hover-200) !important; } .fill-button-success-text-hover-300{ fill: var(--button-success-text-hover-300) !important; } .fill-button-success-text-hover-400{ fill: var(--button-success-text-hover-400) !important; } .fill-button-success-text-hover-50{ fill: var(--button-success-text-hover-50) !important; } .fill-button-success-text-hover-500{ fill: var(--button-success-text-hover) !important; } .fill-button-success-text-hover-600{ fill: var(--button-success-text-hover-600) !important; } .fill-button-success-text-hover-700{ fill: var(--button-success-text-hover-700) !important; } .fill-button-success-text-hover-800{ fill: var(--button-success-text-hover-800) !important; } .fill-button-success-text-hover-900{ fill: var(--button-success-text-hover-900) !important; } .fill-button-success-text-hover-dark{ fill: var(--button-success-text-hover-900) !important; } .fill-button-success-text-hover-light{ fill: var(--button-success-text-hover-50) !important; } .fill-button-success-text-light{ fill: var(--button-success-text-50) !important; } .fill-button-warning{ fill: var(--button-warning) !important; } .fill-button-warning-100{ fill: var(--button-warning-100) !important; } .fill-button-warning-200{ fill: var(--button-warning-200) !important; } .fill-button-warning-300{ fill: var(--button-warning-300) !important; } .fill-button-warning-400{ fill: var(--button-warning-400) !important; } .fill-button-warning-50{ fill: var(--button-warning-50) !important; } .fill-button-warning-500{ fill: var(--button-warning) !important; } .fill-button-warning-600{ fill: var(--button-warning-600) !important; } .fill-button-warning-700{ fill: var(--button-warning-700) !important; } .fill-button-warning-800{ fill: var(--button-warning-800) !important; } .fill-button-warning-900{ fill: var(--button-warning-900) !important; } .fill-button-warning-dark{ fill: var(--button-warning-900) !important; } .fill-button-warning-hover{ fill: var(--button-warning-hover) !important; } .fill-button-warning-hover-100{ fill: var(--button-warning-hover-100) !important; } .fill-button-warning-hover-200{ fill: var(--button-warning-hover-200) !important; } .fill-button-warning-hover-300{ fill: var(--button-warning-hover-300) !important; } .fill-button-warning-hover-400{ fill: var(--button-warning-hover-400) !important; } .fill-button-warning-hover-50{ fill: var(--button-warning-hover-50) !important; } .fill-button-warning-hover-500{ fill: var(--button-warning-hover) !important; } .fill-button-warning-hover-600{ fill: var(--button-warning-hover-600) !important; } .fill-button-warning-hover-700{ fill: var(--button-warning-hover-700) !important; } .fill-button-warning-hover-800{ fill: var(--button-warning-hover-800) !important; } .fill-button-warning-hover-900{ fill: var(--button-warning-hover-900) !important; } .fill-button-warning-hover-dark{ fill: var(--button-warning-hover-900) !important; } .fill-button-warning-hover-light{ fill: var(--button-warning-hover-50) !important; } .fill-button-warning-light{ fill: var(--button-warning-50) !important; } .fill-button-warning-text{ fill: var(--button-warning-text) !important; } .fill-button-warning-text-100{ fill: var(--button-warning-text-100) !important; } .fill-button-warning-text-200{ fill: var(--button-warning-text-200) !important; } .fill-button-warning-text-300{ fill: var(--button-warning-text-300) !important; } .fill-button-warning-text-400{ fill: var(--button-warning-text-400) !important; } .fill-button-warning-text-50{ fill: var(--button-warning-text-50) !important; } .fill-button-warning-text-500{ fill: var(--button-warning-text) !important; } .fill-button-warning-text-600{ fill: var(--button-warning-text-600) !important; } .fill-button-warning-text-700{ fill: var(--button-warning-text-700) !important; } .fill-button-warning-text-800{ fill: var(--button-warning-text-800) !important; } .fill-button-warning-text-900{ fill: var(--button-warning-text-900) !important; } .fill-button-warning-text-dark{ fill: var(--button-warning-text-900) !important; } .fill-button-warning-text-hover{ fill: var(--button-warning-text-hover) !important; } .fill-button-warning-text-hover-100{ fill: var(--button-warning-text-hover-100) !important; } .fill-button-warning-text-hover-200{ fill: var(--button-warning-text-hover-200) !important; } .fill-button-warning-text-hover-300{ fill: var(--button-warning-text-hover-300) !important; } .fill-button-warning-text-hover-400{ fill: var(--button-warning-text-hover-400) !important; } .fill-button-warning-text-hover-50{ fill: var(--button-warning-text-hover-50) !important; } .fill-button-warning-text-hover-500{ fill: var(--button-warning-text-hover) !important; } .fill-button-warning-text-hover-600{ fill: var(--button-warning-text-hover-600) !important; } .fill-button-warning-text-hover-700{ fill: var(--button-warning-text-hover-700) !important; } .fill-button-warning-text-hover-800{ fill: var(--button-warning-text-hover-800) !important; } .fill-button-warning-text-hover-900{ fill: var(--button-warning-text-hover-900) !important; } .fill-button-warning-text-hover-dark{ fill: var(--button-warning-text-hover-900) !important; } .fill-button-warning-text-hover-light{ fill: var(--button-warning-text-hover-50) !important; } .fill-button-warning-text-light{ fill: var(--button-warning-text-50) !important; } .fill-danger{ fill: var(--danger) !important; } .fill-danger-100{ fill: var(--danger-100) !important; } .fill-danger-200{ fill: var(--danger-200) !important; } .fill-danger-300{ fill: var(--danger-300) !important; } .fill-danger-400{ fill: var(--danger-400) !important; } .fill-danger-50{ fill: var(--danger-50) !important; } .fill-danger-500{ fill: var(--danger) !important; } .fill-danger-600{ fill: var(--danger-600) !important; } .fill-danger-700{ fill: var(--danger-700) !important; } .fill-danger-800{ fill: var(--danger-800) !important; } .fill-danger-900{ fill: var(--danger-900) !important; } .fill-danger-dark{ fill: var(--danger-900) !important; } .fill-danger-light{ fill: var(--danger-50) !important; } .fill-dark{ fill: var(--dark) !important; } .fill-dark-100{ fill: var(--dark-100) !important; } .fill-dark-200{ fill: var(--dark-200) !important; } .fill-dark-300{ fill: var(--dark-300) !important; } .fill-dark-400{ fill: var(--dark-400) !important; } .fill-dark-50{ fill: var(--dark-50) !important; } .fill-dark-500{ fill: var(--dark) !important; } .fill-dark-600{ fill: var(--dark-600) !important; } .fill-dark-700{ fill: var(--dark-700) !important; } .fill-dark-800{ fill: var(--dark-800) !important; } .fill-dark-900{ fill: var(--dark-900) !important; } .fill-dark-dark{ fill: var(--dark-900) !important; } .fill-dark-light{ fill: var(--dark-50) !important; } .fill-header-link-color{ fill: var(--header-link-color) !important; } .fill-light{ fill: var(--light) !important; } .fill-light-100{ fill: var(--light-100) !important; } .fill-light-200{ fill: var(--light-200) !important; } .fill-light-300{ fill: var(--light-300) !important; } .fill-light-400{ fill: var(--light-400) !important; } .fill-light-50{ fill: var(--light-50) !important; } .fill-light-500{ fill: var(--light) !important; } .fill-light-600{ fill: var(--light-600) !important; } .fill-light-700{ fill: var(--light-700) !important; } .fill-light-800{ fill: var(--light-800) !important; } .fill-light-900{ fill: var(--light-900) !important; } .fill-light-dark{ fill: var(--light-900) !important; } .fill-light-light{ fill: var(--light-50) !important; } .fill-primary{ fill: var(--primary) !important; } .fill-primary-100{ fill: var(--primary-100) !important; } .fill-primary-200{ fill: var(--primary-200) !important; } .fill-primary-300{ fill: var(--primary-300) !important; } .fill-primary-400{ fill: var(--primary-400) !important; } .fill-primary-50{ fill: var(--primary-50) !important; } .fill-primary-500{ fill: var(--primary) !important; } .fill-primary-600{ fill: var(--primary-600) !important; } .fill-primary-700{ fill: var(--primary-700) !important; } .fill-primary-800{ fill: var(--primary-800) !important; } .fill-primary-900{ fill: var(--primary-900) !important; } .fill-primary-dark{ fill: var(--primary-900) !important; } .fill-primary-light{ fill: var(--primary-50) !important; } .fill-secondary{ fill: var(--secondary) !important; } .fill-secondary-100{ fill: var(--secondary-100) !important; } .fill-secondary-200{ fill: var(--secondary-200) !important; } .fill-secondary-300{ fill: var(--secondary-300) !important; } .fill-secondary-400{ fill: var(--secondary-400) !important; } .fill-secondary-50{ fill: var(--secondary-50) !important; } .fill-secondary-500{ fill: var(--secondary) !important; } .fill-secondary-600{ fill: var(--secondary-600) !important; } .fill-secondary-700{ fill: var(--secondary-700) !important; } .fill-secondary-800{ fill: var(--secondary-800) !important; } .fill-secondary-900{ fill: var(--secondary-900) !important; } .fill-secondary-dark{ fill: var(--secondary-900) !important; } .fill-secondary-light{ fill: var(--secondary-50) !important; } .fill-success{ fill: var(--success) !important; } .fill-success-100{ fill: var(--success-100) !important; } .fill-success-200{ fill: var(--success-200) !important; } .fill-success-300{ fill: var(--success-300) !important; } .fill-success-400{ fill: var(--success-400) !important; } .fill-success-50{ fill: var(--success-50) !important; } .fill-success-500{ fill: var(--success) !important; } .fill-success-600{ fill: var(--success-600) !important; } .fill-success-700{ fill: var(--success-700) !important; } .fill-success-800{ fill: var(--success-800) !important; } .fill-success-900{ fill: var(--success-900) !important; } .fill-success-dark{ fill: var(--success-900) !important; } .fill-success-light{ fill: var(--success-50) !important; } .fill-ucp-body-bg-dark{ fill: var(--ucp-body-bg-900) !important; } .fill-ucp-body-bg-light{ fill: var(--ucp-body-bg-50) !important; } .fill-ucp-checkbox-bg-dark{ fill: var(--ucp-checkbox-bg-900) !important; } .fill-ucp-checkbox-bg-light{ fill: var(--ucp-checkbox-bg-50) !important; } .fill-ucp-input-bg-dark{ fill: var(--ucp-input-bg-900) !important; } .fill-ucp-input-bg-light{ fill: var(--ucp-input-bg-50) !important; } .fill-ucp-input-text-dark{ fill: var(--ucp-input-text-900) !important; } .fill-ucp-input-text-light{ fill: var(--ucp-input-text-50) !important; } .fill-ucp-text-dark{ fill: var(--ucp-text-900) !important; } .fill-ucp-text-light{ fill: var(--ucp-text-50) !important; } .fill-warning{ fill: var(--warning) !important; } .fill-warning-100{ fill: var(--warning-100) !important; } .fill-warning-200{ fill: var(--warning-200) !important; } .fill-warning-300{ fill: var(--warning-300) !important; } .fill-warning-400{ fill: var(--warning-400) !important; } .fill-warning-50{ fill: var(--warning-50) !important; } .fill-warning-500{ fill: var(--warning) !important; } .fill-warning-600{ fill: var(--warning-600) !important; } .fill-warning-700{ fill: var(--warning-700) !important; } .fill-warning-800{ fill: var(--warning-800) !important; } .fill-warning-900{ fill: var(--warning-900) !important; } .fill-warning-dark{ fill: var(--warning-900) !important; } .fill-warning-light{ fill: var(--warning-50) !important; } .stroke-acp-body-bg-dark{ stroke: var(--acp-body-bg-900) !important; } .stroke-acp-body-bg-light{ stroke: var(--acp-body-bg-50) !important; } .stroke-acp-checkbox-bg-dark{ stroke: var(--acp-checkbox-bg-900) !important; } .stroke-acp-checkbox-bg-light{ stroke: var(--acp-checkbox-bg-50) !important; } .stroke-acp-input-bg-dark{ stroke: var(--acp-input-bg-900) !important; } .stroke-acp-input-bg-light{ stroke: var(--acp-input-bg-50) !important; } .stroke-acp-input-text-dark{ stroke: var(--acp-input-text-900) !important; } .stroke-acp-input-text-light{ stroke: var(--acp-input-text-50) !important; } .stroke-acp-text-dark{ stroke: var(--acp-text-900) !important; } .stroke-acp-text-light{ stroke: var(--acp-text-50) !important; } .stroke-auth-checkbox-bg-dark{ stroke: var(--auth-checkbox-bg-900) !important; } .stroke-auth-checkbox-bg-light{ stroke: var(--auth-checkbox-bg-50) !important; } .stroke-auth-input-bg-dark{ stroke: var(--auth-input-bg-900) !important; } .stroke-auth-input-bg-light{ stroke: var(--auth-input-bg-50) !important; } .stroke-auth-input-text-dark{ stroke: var(--auth-input-text-900) !important; } .stroke-auth-input-text-light{ stroke: var(--auth-input-text-50) !important; } .stroke-button-danger{ stroke: var(--button-danger) !important; } .stroke-button-danger-100{ stroke: var(--button-danger-100) !important; } .stroke-button-danger-200{ stroke: var(--button-danger-200) !important; } .stroke-button-danger-300{ stroke: var(--button-danger-300) !important; } .stroke-button-danger-400{ stroke: var(--button-danger-400) !important; } .stroke-button-danger-50{ stroke: var(--button-danger-50) !important; } .stroke-button-danger-500{ stroke: var(--button-danger) !important; } .stroke-button-danger-600{ stroke: var(--button-danger-600) !important; } .stroke-button-danger-700{ stroke: var(--button-danger-700) !important; } .stroke-button-danger-800{ stroke: var(--button-danger-800) !important; } .stroke-button-danger-900{ stroke: var(--button-danger-900) !important; } .stroke-button-danger-dark{ stroke: var(--button-danger-900) !important; } .stroke-button-danger-hover{ stroke: var(--button-danger-hover) !important; } .stroke-button-danger-hover-100{ stroke: var(--button-danger-hover-100) !important; } .stroke-button-danger-hover-200{ stroke: var(--button-danger-hover-200) !important; } .stroke-button-danger-hover-300{ stroke: var(--button-danger-hover-300) !important; } .stroke-button-danger-hover-400{ stroke: var(--button-danger-hover-400) !important; } .stroke-button-danger-hover-50{ stroke: var(--button-danger-hover-50) !important; } .stroke-button-danger-hover-500{ stroke: var(--button-danger-hover) !important; } .stroke-button-danger-hover-600{ stroke: var(--button-danger-hover-600) !important; } .stroke-button-danger-hover-700{ stroke: var(--button-danger-hover-700) !important; } .stroke-button-danger-hover-800{ stroke: var(--button-danger-hover-800) !important; } .stroke-button-danger-hover-900{ stroke: var(--button-danger-hover-900) !important; } .stroke-button-danger-hover-dark{ stroke: var(--button-danger-hover-900) !important; } .stroke-button-danger-hover-light{ stroke: var(--button-danger-hover-50) !important; } .stroke-button-danger-light{ stroke: var(--button-danger-50) !important; } .stroke-button-danger-text{ stroke: var(--button-danger-text) !important; } .stroke-button-danger-text-100{ stroke: var(--button-danger-text-100) !important; } .stroke-button-danger-text-200{ stroke: var(--button-danger-text-200) !important; } .stroke-button-danger-text-300{ stroke: var(--button-danger-text-300) !important; } .stroke-button-danger-text-400{ stroke: var(--button-danger-text-400) !important; } .stroke-button-danger-text-50{ stroke: var(--button-danger-text-50) !important; } .stroke-button-danger-text-500{ stroke: var(--button-danger-text) !important; } .stroke-button-danger-text-600{ stroke: var(--button-danger-text-600) !important; } .stroke-button-danger-text-700{ stroke: var(--button-danger-text-700) !important; } .stroke-button-danger-text-800{ stroke: var(--button-danger-text-800) !important; } .stroke-button-danger-text-900{ stroke: var(--button-danger-text-900) !important; } .stroke-button-danger-text-dark{ stroke: var(--button-danger-text-900) !important; } .stroke-button-danger-text-hover{ stroke: var(--button-danger-text-hover) !important; } .stroke-button-danger-text-hover-100{ stroke: var(--button-danger-text-hover-100) !important; } .stroke-button-danger-text-hover-200{ stroke: var(--button-danger-text-hover-200) !important; } .stroke-button-danger-text-hover-300{ stroke: var(--button-danger-text-hover-300) !important; } .stroke-button-danger-text-hover-400{ stroke: var(--button-danger-text-hover-400) !important; } .stroke-button-danger-text-hover-50{ stroke: var(--button-danger-text-hover-50) !important; } .stroke-button-danger-text-hover-500{ stroke: var(--button-danger-text-hover) !important; } .stroke-button-danger-text-hover-600{ stroke: var(--button-danger-text-hover-600) !important; } .stroke-button-danger-text-hover-700{ stroke: var(--button-danger-text-hover-700) !important; } .stroke-button-danger-text-hover-800{ stroke: var(--button-danger-text-hover-800) !important; } .stroke-button-danger-text-hover-900{ stroke: var(--button-danger-text-hover-900) !important; } .stroke-button-danger-text-hover-dark{ stroke: var(--button-danger-text-hover-900) !important; } .stroke-button-danger-text-hover-light{ stroke: var(--button-danger-text-hover-50) !important; } .stroke-button-danger-text-light{ stroke: var(--button-danger-text-50) !important; } .stroke-button-dark{ stroke: var(--button-dark) !important; } .stroke-button-dark-100{ stroke: var(--button-dark-100) !important; } .stroke-button-dark-200{ stroke: var(--button-dark-200) !important; } .stroke-button-dark-300{ stroke: var(--button-dark-300) !important; } .stroke-button-dark-400{ stroke: var(--button-dark-400) !important; } .stroke-button-dark-50{ stroke: var(--button-dark-50) !important; } .stroke-button-dark-500{ stroke: var(--button-dark) !important; } .stroke-button-dark-600{ stroke: var(--button-dark-600) !important; } .stroke-button-dark-700{ stroke: var(--button-dark-700) !important; } .stroke-button-dark-800{ stroke: var(--button-dark-800) !important; } .stroke-button-dark-900{ stroke: var(--button-dark-900) !important; } .stroke-button-dark-dark{ stroke: var(--button-dark-900) !important; } .stroke-button-dark-hover{ stroke: var(--button-dark-hover) !important; } .stroke-button-dark-hover-100{ stroke: var(--button-dark-hover-100) !important; } .stroke-button-dark-hover-200{ stroke: var(--button-dark-hover-200) !important; } .stroke-button-dark-hover-300{ stroke: var(--button-dark-hover-300) !important; } .stroke-button-dark-hover-400{ stroke: var(--button-dark-hover-400) !important; } .stroke-button-dark-hover-50{ stroke: var(--button-dark-hover-50) !important; } .stroke-button-dark-hover-500{ stroke: var(--button-dark-hover) !important; } .stroke-button-dark-hover-600{ stroke: var(--button-dark-hover-600) !important; } .stroke-button-dark-hover-700{ stroke: var(--button-dark-hover-700) !important; } .stroke-button-dark-hover-800{ stroke: var(--button-dark-hover-800) !important; } .stroke-button-dark-hover-900{ stroke: var(--button-dark-hover-900) !important; } .stroke-button-dark-hover-dark{ stroke: var(--button-dark-hover-900) !important; } .stroke-button-dark-hover-light{ stroke: var(--button-dark-hover-50) !important; } .stroke-button-dark-light{ stroke: var(--button-dark-50) !important; } .stroke-button-dark-text{ stroke: var(--button-dark-text) !important; } .stroke-button-dark-text-100{ stroke: var(--button-dark-text-100) !important; } .stroke-button-dark-text-200{ stroke: var(--button-dark-text-200) !important; } .stroke-button-dark-text-300{ stroke: var(--button-dark-text-300) !important; } .stroke-button-dark-text-400{ stroke: var(--button-dark-text-400) !important; } .stroke-button-dark-text-50{ stroke: var(--button-dark-text-50) !important; } .stroke-button-dark-text-500{ stroke: var(--button-dark-text) !important; } .stroke-button-dark-text-600{ stroke: var(--button-dark-text-600) !important; } .stroke-button-dark-text-700{ stroke: var(--button-dark-text-700) !important; } .stroke-button-dark-text-800{ stroke: var(--button-dark-text-800) !important; } .stroke-button-dark-text-900{ stroke: var(--button-dark-text-900) !important; } .stroke-button-dark-text-dark{ stroke: var(--button-dark-text-900) !important; } .stroke-button-dark-text-hover{ stroke: var(--button-dark-text-hover) !important; } .stroke-button-dark-text-hover-100{ stroke: var(--button-dark-text-hover-100) !important; } .stroke-button-dark-text-hover-200{ stroke: var(--button-dark-text-hover-200) !important; } .stroke-button-dark-text-hover-300{ stroke: var(--button-dark-text-hover-300) !important; } .stroke-button-dark-text-hover-400{ stroke: var(--button-dark-text-hover-400) !important; } .stroke-button-dark-text-hover-50{ stroke: var(--button-dark-text-hover-50) !important; } .stroke-button-dark-text-hover-500{ stroke: var(--button-dark-text-hover) !important; } .stroke-button-dark-text-hover-600{ stroke: var(--button-dark-text-hover-600) !important; } .stroke-button-dark-text-hover-700{ stroke: var(--button-dark-text-hover-700) !important; } .stroke-button-dark-text-hover-800{ stroke: var(--button-dark-text-hover-800) !important; } .stroke-button-dark-text-hover-900{ stroke: var(--button-dark-text-hover-900) !important; } .stroke-button-dark-text-hover-dark{ stroke: var(--button-dark-text-hover-900) !important; } .stroke-button-dark-text-hover-light{ stroke: var(--button-dark-text-hover-50) !important; } .stroke-button-dark-text-light{ stroke: var(--button-dark-text-50) !important; } .stroke-button-light{ stroke: var(--button-light) !important; } .stroke-button-light-100{ stroke: var(--button-light-100) !important; } .stroke-button-light-200{ stroke: var(--button-light-200) !important; } .stroke-button-light-300{ stroke: var(--button-light-300) !important; } .stroke-button-light-400{ stroke: var(--button-light-400) !important; } .stroke-button-light-50{ stroke: var(--button-light-50) !important; } .stroke-button-light-500{ stroke: var(--button-light) !important; } .stroke-button-light-600{ stroke: var(--button-light-600) !important; } .stroke-button-light-700{ stroke: var(--button-light-700) !important; } .stroke-button-light-800{ stroke: var(--button-light-800) !important; } .stroke-button-light-900{ stroke: var(--button-light-900) !important; } .stroke-button-light-dark{ stroke: var(--button-light-900) !important; } .stroke-button-light-hover{ stroke: var(--button-light-hover) !important; } .stroke-button-light-hover-100{ stroke: var(--button-light-hover-100) !important; } .stroke-button-light-hover-200{ stroke: var(--button-light-hover-200) !important; } .stroke-button-light-hover-300{ stroke: var(--button-light-hover-300) !important; } .stroke-button-light-hover-400{ stroke: var(--button-light-hover-400) !important; } .stroke-button-light-hover-50{ stroke: var(--button-light-hover-50) !important; } .stroke-button-light-hover-500{ stroke: var(--button-light-hover) !important; } .stroke-button-light-hover-600{ stroke: var(--button-light-hover-600) !important; } .stroke-button-light-hover-700{ stroke: var(--button-light-hover-700) !important; } .stroke-button-light-hover-800{ stroke: var(--button-light-hover-800) !important; } .stroke-button-light-hover-900{ stroke: var(--button-light-hover-900) !important; } .stroke-button-light-hover-dark{ stroke: var(--button-light-hover-900) !important; } .stroke-button-light-hover-light{ stroke: var(--button-light-hover-50) !important; } .stroke-button-light-light{ stroke: var(--button-light-50) !important; } .stroke-button-light-text{ stroke: var(--button-light-text) !important; } .stroke-button-light-text-100{ stroke: var(--button-light-text-100) !important; } .stroke-button-light-text-200{ stroke: var(--button-light-text-200) !important; } .stroke-button-light-text-300{ stroke: var(--button-light-text-300) !important; } .stroke-button-light-text-400{ stroke: var(--button-light-text-400) !important; } .stroke-button-light-text-50{ stroke: var(--button-light-text-50) !important; } .stroke-button-light-text-500{ stroke: var(--button-light-text) !important; } .stroke-button-light-text-600{ stroke: var(--button-light-text-600) !important; } .stroke-button-light-text-700{ stroke: var(--button-light-text-700) !important; } .stroke-button-light-text-800{ stroke: var(--button-light-text-800) !important; } .stroke-button-light-text-900{ stroke: var(--button-light-text-900) !important; } .stroke-button-light-text-dark{ stroke: var(--button-light-text-900) !important; } .stroke-button-light-text-hover{ stroke: var(--button-light-text-hover) !important; } .stroke-button-light-text-hover-100{ stroke: var(--button-light-text-hover-100) !important; } .stroke-button-light-text-hover-200{ stroke: var(--button-light-text-hover-200) !important; } .stroke-button-light-text-hover-300{ stroke: var(--button-light-text-hover-300) !important; } .stroke-button-light-text-hover-400{ stroke: var(--button-light-text-hover-400) !important; } .stroke-button-light-text-hover-50{ stroke: var(--button-light-text-hover-50) !important; } .stroke-button-light-text-hover-500{ stroke: var(--button-light-text-hover) !important; } .stroke-button-light-text-hover-600{ stroke: var(--button-light-text-hover-600) !important; } .stroke-button-light-text-hover-700{ stroke: var(--button-light-text-hover-700) !important; } .stroke-button-light-text-hover-800{ stroke: var(--button-light-text-hover-800) !important; } .stroke-button-light-text-hover-900{ stroke: var(--button-light-text-hover-900) !important; } .stroke-button-light-text-hover-dark{ stroke: var(--button-light-text-hover-900) !important; } .stroke-button-light-text-hover-light{ stroke: var(--button-light-text-hover-50) !important; } .stroke-button-light-text-light{ stroke: var(--button-light-text-50) !important; } .stroke-button-primary{ stroke: var(--button-primary) !important; } .stroke-button-primary-100{ stroke: var(--button-primary-100) !important; } .stroke-button-primary-200{ stroke: var(--button-primary-200) !important; } .stroke-button-primary-300{ stroke: var(--button-primary-300) !important; } .stroke-button-primary-400{ stroke: var(--button-primary-400) !important; } .stroke-button-primary-50{ stroke: var(--button-primary-50) !important; } .stroke-button-primary-500{ stroke: var(--button-primary) !important; } .stroke-button-primary-600{ stroke: var(--button-primary-600) !important; } .stroke-button-primary-700{ stroke: var(--button-primary-700) !important; } .stroke-button-primary-800{ stroke: var(--button-primary-800) !important; } .stroke-button-primary-900{ stroke: var(--button-primary-900) !important; } .stroke-button-primary-dark{ stroke: var(--button-primary-900) !important; } .stroke-button-primary-hover{ stroke: var(--button-primary-hover) !important; } .stroke-button-primary-hover-100{ stroke: var(--button-primary-hover-100) !important; } .stroke-button-primary-hover-200{ stroke: var(--button-primary-hover-200) !important; } .stroke-button-primary-hover-300{ stroke: var(--button-primary-hover-300) !important; } .stroke-button-primary-hover-400{ stroke: var(--button-primary-hover-400) !important; } .stroke-button-primary-hover-50{ stroke: var(--button-primary-hover-50) !important; } .stroke-button-primary-hover-500{ stroke: var(--button-primary-hover) !important; } .stroke-button-primary-hover-600{ stroke: var(--button-primary-hover-600) !important; } .stroke-button-primary-hover-700{ stroke: var(--button-primary-hover-700) !important; } .stroke-button-primary-hover-800{ stroke: var(--button-primary-hover-800) !important; } .stroke-button-primary-hover-900{ stroke: var(--button-primary-hover-900) !important; } .stroke-button-primary-hover-dark{ stroke: var(--button-primary-hover-900) !important; } .stroke-button-primary-hover-light{ stroke: var(--button-primary-hover-50) !important; } .stroke-button-primary-light{ stroke: var(--button-primary-50) !important; } .stroke-button-primary-text{ stroke: var(--button-primary-text) !important; } .stroke-button-primary-text-100{ stroke: var(--button-primary-text-100) !important; } .stroke-button-primary-text-200{ stroke: var(--button-primary-text-200) !important; } .stroke-button-primary-text-300{ stroke: var(--button-primary-text-300) !important; } .stroke-button-primary-text-400{ stroke: var(--button-primary-text-400) !important; } .stroke-button-primary-text-50{ stroke: var(--button-primary-text-50) !important; } .stroke-button-primary-text-500{ stroke: var(--button-primary-text) !important; } .stroke-button-primary-text-600{ stroke: var(--button-primary-text-600) !important; } .stroke-button-primary-text-700{ stroke: var(--button-primary-text-700) !important; } .stroke-button-primary-text-800{ stroke: var(--button-primary-text-800) !important; } .stroke-button-primary-text-900{ stroke: var(--button-primary-text-900) !important; } .stroke-button-primary-text-dark{ stroke: var(--button-primary-text-900) !important; } .stroke-button-primary-text-hover{ stroke: var(--button-primary-text-hover) !important; } .stroke-button-primary-text-hover-100{ stroke: var(--button-primary-text-hover-100) !important; } .stroke-button-primary-text-hover-200{ stroke: var(--button-primary-text-hover-200) !important; } .stroke-button-primary-text-hover-300{ stroke: var(--button-primary-text-hover-300) !important; } .stroke-button-primary-text-hover-400{ stroke: var(--button-primary-text-hover-400) !important; } .stroke-button-primary-text-hover-50{ stroke: var(--button-primary-text-hover-50) !important; } .stroke-button-primary-text-hover-500{ stroke: var(--button-primary-text-hover) !important; } .stroke-button-primary-text-hover-600{ stroke: var(--button-primary-text-hover-600) !important; } .stroke-button-primary-text-hover-700{ stroke: var(--button-primary-text-hover-700) !important; } .stroke-button-primary-text-hover-800{ stroke: var(--button-primary-text-hover-800) !important; } .stroke-button-primary-text-hover-900{ stroke: var(--button-primary-text-hover-900) !important; } .stroke-button-primary-text-hover-dark{ stroke: var(--button-primary-text-hover-900) !important; } .stroke-button-primary-text-hover-light{ stroke: var(--button-primary-text-hover-50) !important; } .stroke-button-primary-text-light{ stroke: var(--button-primary-text-50) !important; } .stroke-button-secondary{ stroke: var(--button-secondary) !important; } .stroke-button-secondary-100{ stroke: var(--button-secondary-100) !important; } .stroke-button-secondary-200{ stroke: var(--button-secondary-200) !important; } .stroke-button-secondary-300{ stroke: var(--button-secondary-300) !important; } .stroke-button-secondary-400{ stroke: var(--button-secondary-400) !important; } .stroke-button-secondary-50{ stroke: var(--button-secondary-50) !important; } .stroke-button-secondary-500{ stroke: var(--button-secondary) !important; } .stroke-button-secondary-600{ stroke: var(--button-secondary-600) !important; } .stroke-button-secondary-700{ stroke: var(--button-secondary-700) !important; } .stroke-button-secondary-800{ stroke: var(--button-secondary-800) !important; } .stroke-button-secondary-900{ stroke: var(--button-secondary-900) !important; } .stroke-button-secondary-dark{ stroke: var(--button-secondary-900) !important; } .stroke-button-secondary-hover{ stroke: var(--button-secondary-hover) !important; } .stroke-button-secondary-hover-100{ stroke: var(--button-secondary-hover-100) !important; } .stroke-button-secondary-hover-200{ stroke: var(--button-secondary-hover-200) !important; } .stroke-button-secondary-hover-300{ stroke: var(--button-secondary-hover-300) !important; } .stroke-button-secondary-hover-400{ stroke: var(--button-secondary-hover-400) !important; } .stroke-button-secondary-hover-50{ stroke: var(--button-secondary-hover-50) !important; } .stroke-button-secondary-hover-500{ stroke: var(--button-secondary-hover) !important; } .stroke-button-secondary-hover-600{ stroke: var(--button-secondary-hover-600) !important; } .stroke-button-secondary-hover-700{ stroke: var(--button-secondary-hover-700) !important; } .stroke-button-secondary-hover-800{ stroke: var(--button-secondary-hover-800) !important; } .stroke-button-secondary-hover-900{ stroke: var(--button-secondary-hover-900) !important; } .stroke-button-secondary-hover-dark{ stroke: var(--button-secondary-hover-900) !important; } .stroke-button-secondary-hover-light{ stroke: var(--button-secondary-hover-50) !important; } .stroke-button-secondary-light{ stroke: var(--button-secondary-50) !important; } .stroke-button-secondary-text{ stroke: var(--button-secondary-text) !important; } .stroke-button-secondary-text-100{ stroke: var(--button-secondary-text-100) !important; } .stroke-button-secondary-text-200{ stroke: var(--button-secondary-text-200) !important; } .stroke-button-secondary-text-300{ stroke: var(--button-secondary-text-300) !important; } .stroke-button-secondary-text-400{ stroke: var(--button-secondary-text-400) !important; } .stroke-button-secondary-text-50{ stroke: var(--button-secondary-text-50) !important; } .stroke-button-secondary-text-500{ stroke: var(--button-secondary-text) !important; } .stroke-button-secondary-text-600{ stroke: var(--button-secondary-text-600) !important; } .stroke-button-secondary-text-700{ stroke: var(--button-secondary-text-700) !important; } .stroke-button-secondary-text-800{ stroke: var(--button-secondary-text-800) !important; } .stroke-button-secondary-text-900{ stroke: var(--button-secondary-text-900) !important; } .stroke-button-secondary-text-dark{ stroke: var(--button-secondary-text-900) !important; } .stroke-button-secondary-text-hover{ stroke: var(--button-secondary-text-hover) !important; } .stroke-button-secondary-text-hover-100{ stroke: var(--button-secondary-text-hover-100) !important; } .stroke-button-secondary-text-hover-200{ stroke: var(--button-secondary-text-hover-200) !important; } .stroke-button-secondary-text-hover-300{ stroke: var(--button-secondary-text-hover-300) !important; } .stroke-button-secondary-text-hover-400{ stroke: var(--button-secondary-text-hover-400) !important; } .stroke-button-secondary-text-hover-50{ stroke: var(--button-secondary-text-hover-50) !important; } .stroke-button-secondary-text-hover-500{ stroke: var(--button-secondary-text-hover) !important; } .stroke-button-secondary-text-hover-600{ stroke: var(--button-secondary-text-hover-600) !important; } .stroke-button-secondary-text-hover-700{ stroke: var(--button-secondary-text-hover-700) !important; } .stroke-button-secondary-text-hover-800{ stroke: var(--button-secondary-text-hover-800) !important; } .stroke-button-secondary-text-hover-900{ stroke: var(--button-secondary-text-hover-900) !important; } .stroke-button-secondary-text-hover-dark{ stroke: var(--button-secondary-text-hover-900) !important; } .stroke-button-secondary-text-hover-light{ stroke: var(--button-secondary-text-hover-50) !important; } .stroke-button-secondary-text-light{ stroke: var(--button-secondary-text-50) !important; } .stroke-button-success{ stroke: var(--button-success) !important; } .stroke-button-success-100{ stroke: var(--button-success-100) !important; } .stroke-button-success-200{ stroke: var(--button-success-200) !important; } .stroke-button-success-300{ stroke: var(--button-success-300) !important; } .stroke-button-success-400{ stroke: var(--button-success-400) !important; } .stroke-button-success-50{ stroke: var(--button-success-50) !important; } .stroke-button-success-500{ stroke: var(--button-success) !important; } .stroke-button-success-600{ stroke: var(--button-success-600) !important; } .stroke-button-success-700{ stroke: var(--button-success-700) !important; } .stroke-button-success-800{ stroke: var(--button-success-800) !important; } .stroke-button-success-900{ stroke: var(--button-success-900) !important; } .stroke-button-success-dark{ stroke: var(--button-success-900) !important; } .stroke-button-success-hover{ stroke: var(--button-success-hover) !important; } .stroke-button-success-hover-100{ stroke: var(--button-success-hover-100) !important; } .stroke-button-success-hover-200{ stroke: var(--button-success-hover-200) !important; } .stroke-button-success-hover-300{ stroke: var(--button-success-hover-300) !important; } .stroke-button-success-hover-400{ stroke: var(--button-success-hover-400) !important; } .stroke-button-success-hover-50{ stroke: var(--button-success-hover-50) !important; } .stroke-button-success-hover-500{ stroke: var(--button-success-hover) !important; } .stroke-button-success-hover-600{ stroke: var(--button-success-hover-600) !important; } .stroke-button-success-hover-700{ stroke: var(--button-success-hover-700) !important; } .stroke-button-success-hover-800{ stroke: var(--button-success-hover-800) !important; } .stroke-button-success-hover-900{ stroke: var(--button-success-hover-900) !important; } .stroke-button-success-hover-dark{ stroke: var(--button-success-hover-900) !important; } .stroke-button-success-hover-light{ stroke: var(--button-success-hover-50) !important; } .stroke-button-success-light{ stroke: var(--button-success-50) !important; } .stroke-button-success-text{ stroke: var(--button-success-text) !important; } .stroke-button-success-text-100{ stroke: var(--button-success-text-100) !important; } .stroke-button-success-text-200{ stroke: var(--button-success-text-200) !important; } .stroke-button-success-text-300{ stroke: var(--button-success-text-300) !important; } .stroke-button-success-text-400{ stroke: var(--button-success-text-400) !important; } .stroke-button-success-text-50{ stroke: var(--button-success-text-50) !important; } .stroke-button-success-text-500{ stroke: var(--button-success-text) !important; } .stroke-button-success-text-600{ stroke: var(--button-success-text-600) !important; } .stroke-button-success-text-700{ stroke: var(--button-success-text-700) !important; } .stroke-button-success-text-800{ stroke: var(--button-success-text-800) !important; } .stroke-button-success-text-900{ stroke: var(--button-success-text-900) !important; } .stroke-button-success-text-dark{ stroke: var(--button-success-text-900) !important; } .stroke-button-success-text-hover{ stroke: var(--button-success-text-hover) !important; } .stroke-button-success-text-hover-100{ stroke: var(--button-success-text-hover-100) !important; } .stroke-button-success-text-hover-200{ stroke: var(--button-success-text-hover-200) !important; } .stroke-button-success-text-hover-300{ stroke: var(--button-success-text-hover-300) !important; } .stroke-button-success-text-hover-400{ stroke: var(--button-success-text-hover-400) !important; } .stroke-button-success-text-hover-50{ stroke: var(--button-success-text-hover-50) !important; } .stroke-button-success-text-hover-500{ stroke: var(--button-success-text-hover) !important; } .stroke-button-success-text-hover-600{ stroke: var(--button-success-text-hover-600) !important; } .stroke-button-success-text-hover-700{ stroke: var(--button-success-text-hover-700) !important; } .stroke-button-success-text-hover-800{ stroke: var(--button-success-text-hover-800) !important; } .stroke-button-success-text-hover-900{ stroke: var(--button-success-text-hover-900) !important; } .stroke-button-success-text-hover-dark{ stroke: var(--button-success-text-hover-900) !important; } .stroke-button-success-text-hover-light{ stroke: var(--button-success-text-hover-50) !important; } .stroke-button-success-text-light{ stroke: var(--button-success-text-50) !important; } .stroke-button-warning{ stroke: var(--button-warning) !important; } .stroke-button-warning-100{ stroke: var(--button-warning-100) !important; } .stroke-button-warning-200{ stroke: var(--button-warning-200) !important; } .stroke-button-warning-300{ stroke: var(--button-warning-300) !important; } .stroke-button-warning-400{ stroke: var(--button-warning-400) !important; } .stroke-button-warning-50{ stroke: var(--button-warning-50) !important; } .stroke-button-warning-500{ stroke: var(--button-warning) !important; } .stroke-button-warning-600{ stroke: var(--button-warning-600) !important; } .stroke-button-warning-700{ stroke: var(--button-warning-700) !important; } .stroke-button-warning-800{ stroke: var(--button-warning-800) !important; } .stroke-button-warning-900{ stroke: var(--button-warning-900) !important; } .stroke-button-warning-dark{ stroke: var(--button-warning-900) !important; } .stroke-button-warning-hover{ stroke: var(--button-warning-hover) !important; } .stroke-button-warning-hover-100{ stroke: var(--button-warning-hover-100) !important; } .stroke-button-warning-hover-200{ stroke: var(--button-warning-hover-200) !important; } .stroke-button-warning-hover-300{ stroke: var(--button-warning-hover-300) !important; } .stroke-button-warning-hover-400{ stroke: var(--button-warning-hover-400) !important; } .stroke-button-warning-hover-50{ stroke: var(--button-warning-hover-50) !important; } .stroke-button-warning-hover-500{ stroke: var(--button-warning-hover) !important; } .stroke-button-warning-hover-600{ stroke: var(--button-warning-hover-600) !important; } .stroke-button-warning-hover-700{ stroke: var(--button-warning-hover-700) !important; } .stroke-button-warning-hover-800{ stroke: var(--button-warning-hover-800) !important; } .stroke-button-warning-hover-900{ stroke: var(--button-warning-hover-900) !important; } .stroke-button-warning-hover-dark{ stroke: var(--button-warning-hover-900) !important; } .stroke-button-warning-hover-light{ stroke: var(--button-warning-hover-50) !important; } .stroke-button-warning-light{ stroke: var(--button-warning-50) !important; } .stroke-button-warning-text{ stroke: var(--button-warning-text) !important; } .stroke-button-warning-text-100{ stroke: var(--button-warning-text-100) !important; } .stroke-button-warning-text-200{ stroke: var(--button-warning-text-200) !important; } .stroke-button-warning-text-300{ stroke: var(--button-warning-text-300) !important; } .stroke-button-warning-text-400{ stroke: var(--button-warning-text-400) !important; } .stroke-button-warning-text-50{ stroke: var(--button-warning-text-50) !important; } .stroke-button-warning-text-500{ stroke: var(--button-warning-text) !important; } .stroke-button-warning-text-600{ stroke: var(--button-warning-text-600) !important; } .stroke-button-warning-text-700{ stroke: var(--button-warning-text-700) !important; } .stroke-button-warning-text-800{ stroke: var(--button-warning-text-800) !important; } .stroke-button-warning-text-900{ stroke: var(--button-warning-text-900) !important; } .stroke-button-warning-text-dark{ stroke: var(--button-warning-text-900) !important; } .stroke-button-warning-text-hover{ stroke: var(--button-warning-text-hover) !important; } .stroke-button-warning-text-hover-100{ stroke: var(--button-warning-text-hover-100) !important; } .stroke-button-warning-text-hover-200{ stroke: var(--button-warning-text-hover-200) !important; } .stroke-button-warning-text-hover-300{ stroke: var(--button-warning-text-hover-300) !important; } .stroke-button-warning-text-hover-400{ stroke: var(--button-warning-text-hover-400) !important; } .stroke-button-warning-text-hover-50{ stroke: var(--button-warning-text-hover-50) !important; } .stroke-button-warning-text-hover-500{ stroke: var(--button-warning-text-hover) !important; } .stroke-button-warning-text-hover-600{ stroke: var(--button-warning-text-hover-600) !important; } .stroke-button-warning-text-hover-700{ stroke: var(--button-warning-text-hover-700) !important; } .stroke-button-warning-text-hover-800{ stroke: var(--button-warning-text-hover-800) !important; } .stroke-button-warning-text-hover-900{ stroke: var(--button-warning-text-hover-900) !important; } .stroke-button-warning-text-hover-dark{ stroke: var(--button-warning-text-hover-900) !important; } .stroke-button-warning-text-hover-light{ stroke: var(--button-warning-text-hover-50) !important; } .stroke-button-warning-text-light{ stroke: var(--button-warning-text-50) !important; } .stroke-danger{ stroke: var(--danger) !important; } .stroke-danger-100{ stroke: var(--danger-100) !important; } .stroke-danger-200{ stroke: var(--danger-200) !important; } .stroke-danger-300{ stroke: var(--danger-300) !important; } .stroke-danger-400{ stroke: var(--danger-400) !important; } .stroke-danger-50{ stroke: var(--danger-50) !important; } .stroke-danger-500{ stroke: var(--danger) !important; } .stroke-danger-600{ stroke: var(--danger-600) !important; } .stroke-danger-700{ stroke: var(--danger-700) !important; } .stroke-danger-800{ stroke: var(--danger-800) !important; } .stroke-danger-900{ stroke: var(--danger-900) !important; } .stroke-danger-dark{ stroke: var(--danger-900) !important; } .stroke-danger-light{ stroke: var(--danger-50) !important; } .stroke-dark{ stroke: var(--dark) !important; } .stroke-dark-100{ stroke: var(--dark-100) !important; } .stroke-dark-200{ stroke: var(--dark-200) !important; } .stroke-dark-300{ stroke: var(--dark-300) !important; } .stroke-dark-400{ stroke: var(--dark-400) !important; } .stroke-dark-50{ stroke: var(--dark-50) !important; } .stroke-dark-500{ stroke: var(--dark) !important; } .stroke-dark-600{ stroke: var(--dark-600) !important; } .stroke-dark-700{ stroke: var(--dark-700) !important; } .stroke-dark-800{ stroke: var(--dark-800) !important; } .stroke-dark-900{ stroke: var(--dark-900) !important; } .stroke-dark-dark{ stroke: var(--dark-900) !important; } .stroke-dark-light{ stroke: var(--dark-50) !important; } .stroke-light{ stroke: var(--light) !important; } .stroke-light-100{ stroke: var(--light-100) !important; } .stroke-light-200{ stroke: var(--light-200) !important; } .stroke-light-300{ stroke: var(--light-300) !important; } .stroke-light-400{ stroke: var(--light-400) !important; } .stroke-light-50{ stroke: var(--light-50) !important; } .stroke-light-500{ stroke: var(--light) !important; } .stroke-light-600{ stroke: var(--light-600) !important; } .stroke-light-700{ stroke: var(--light-700) !important; } .stroke-light-800{ stroke: var(--light-800) !important; } .stroke-light-900{ stroke: var(--light-900) !important; } .stroke-light-dark{ stroke: var(--light-900) !important; } .stroke-light-light{ stroke: var(--light-50) !important; } .stroke-primary{ stroke: var(--primary) !important; } .stroke-primary-100{ stroke: var(--primary-100) !important; } .stroke-primary-200{ stroke: var(--primary-200) !important; } .stroke-primary-300{ stroke: var(--primary-300) !important; } .stroke-primary-400{ stroke: var(--primary-400) !important; } .stroke-primary-50{ stroke: var(--primary-50) !important; } .stroke-primary-500{ stroke: var(--primary) !important; } .stroke-primary-600{ stroke: var(--primary-600) !important; } .stroke-primary-700{ stroke: var(--primary-700) !important; } .stroke-primary-800{ stroke: var(--primary-800) !important; } .stroke-primary-900{ stroke: var(--primary-900) !important; } .stroke-primary-dark{ stroke: var(--primary-900) !important; } .stroke-primary-light{ stroke: var(--primary-50) !important; } .stroke-secondary{ stroke: var(--secondary) !important; } .stroke-secondary-100{ stroke: var(--secondary-100) !important; } .stroke-secondary-200{ stroke: var(--secondary-200) !important; } .stroke-secondary-300{ stroke: var(--secondary-300) !important; } .stroke-secondary-400{ stroke: var(--secondary-400) !important; } .stroke-secondary-50{ stroke: var(--secondary-50) !important; } .stroke-secondary-500{ stroke: var(--secondary) !important; } .stroke-secondary-600{ stroke: var(--secondary-600) !important; } .stroke-secondary-700{ stroke: var(--secondary-700) !important; } .stroke-secondary-800{ stroke: var(--secondary-800) !important; } .stroke-secondary-900{ stroke: var(--secondary-900) !important; } .stroke-secondary-dark{ stroke: var(--secondary-900) !important; } .stroke-secondary-light{ stroke: var(--secondary-50) !important; } .stroke-success{ stroke: var(--success) !important; } .stroke-success-100{ stroke: var(--success-100) !important; } .stroke-success-200{ stroke: var(--success-200) !important; } .stroke-success-300{ stroke: var(--success-300) !important; } .stroke-success-400{ stroke: var(--success-400) !important; } .stroke-success-50{ stroke: var(--success-50) !important; } .stroke-success-500{ stroke: var(--success) !important; } .stroke-success-600{ stroke: var(--success-600) !important; } .stroke-success-700{ stroke: var(--success-700) !important; } .stroke-success-800{ stroke: var(--success-800) !important; } .stroke-success-900{ stroke: var(--success-900) !important; } .stroke-success-dark{ stroke: var(--success-900) !important; } .stroke-success-light{ stroke: var(--success-50) !important; } .stroke-ucp-body-bg-dark{ stroke: var(--ucp-body-bg-900) !important; } .stroke-ucp-body-bg-light{ stroke: var(--ucp-body-bg-50) !important; } .stroke-ucp-checkbox-bg-dark{ stroke: var(--ucp-checkbox-bg-900) !important; } .stroke-ucp-checkbox-bg-light{ stroke: var(--ucp-checkbox-bg-50) !important; } .stroke-ucp-input-bg-dark{ stroke: var(--ucp-input-bg-900) !important; } .stroke-ucp-input-bg-light{ stroke: var(--ucp-input-bg-50) !important; } .stroke-ucp-input-text-dark{ stroke: var(--ucp-input-text-900) !important; } .stroke-ucp-input-text-light{ stroke: var(--ucp-input-text-50) !important; } .stroke-ucp-text-dark{ stroke: var(--ucp-text-900) !important; } .stroke-ucp-text-light{ stroke: var(--ucp-text-50) !important; } .stroke-warning{ stroke: var(--warning) !important; } .stroke-warning-100{ stroke: var(--warning-100) !important; } .stroke-warning-200{ stroke: var(--warning-200) !important; } .stroke-warning-300{ stroke: var(--warning-300) !important; } .stroke-warning-400{ stroke: var(--warning-400) !important; } .stroke-warning-50{ stroke: var(--warning-50) !important; } .stroke-warning-500{ stroke: var(--warning) !important; } .stroke-warning-600{ stroke: var(--warning-600) !important; } .stroke-warning-700{ stroke: var(--warning-700) !important; } .stroke-warning-800{ stroke: var(--warning-800) !important; } .stroke-warning-900{ stroke: var(--warning-900) !important; } .stroke-warning-dark{ stroke: var(--warning-900) !important; } .stroke-warning-light{ stroke: var(--warning-50) !important; } .stroke-0{ stroke-width: 0 !important; } .object-cover{ object-fit: cover !important; } .object-center{ object-position: center !important; } .p-0{ padding: 0px !important; } .p-1{ padding: 0.25rem !important; } .p-1\.5{ padding: 0.375rem !important; } .p-12{ padding: 3rem !important; } .p-2{ padding: 0.5rem !important; } .p-2\.5{ padding: 0.625rem !important; } .p-3{ padding: 0.75rem !important; } .p-4{ padding: 1rem !important; } .p-5{ padding: 1.25rem !important; } .p-6{ padding: 1.5rem !important; } .px-1{ padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .px-2\.5{ padding-left: 0.625rem !important; padding-right: 0.625rem !important; } .px-3{ padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .px-4{ padding-left: 1rem !important; padding-right: 1rem !important; } .px-5{ padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .px-6{ padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .py-0\.5{ padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .py-1{ padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2{ padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-2\.5{ padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; } .py-3{ padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .py-4{ padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-5{ padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; } .py-6{ padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .pb-4{ padding-bottom: 1rem !important; } .pe-4{ padding-inline-end: 1rem !important; } .pe-8{ padding-inline-end: 2rem !important; } .pl-1\.5{ padding-left: 0.375rem !important; } .pl-11{ padding-left: 2.75rem !important; } .pl-3{ padding-left: 0.75rem !important; } .pl-4{ padding-left: 1rem !important; } .pr-3{ padding-right: 0.75rem !important; } .pr-5{ padding-right: 1.25rem !important; } .ps-10{ padding-inline-start: 2.5rem !important; } .ps-2{ padding-inline-start: 0.5rem !important; } .ps-4{ padding-inline-start: 1rem !important; } .pt-16{ padding-top: 4rem !important; } .pt-18{ padding-top: 4.5rem !important; } .pt-2{ padding-top: 0.5rem !important; } .pt-3{ padding-top: 0.75rem !important; } .pt-5{ padding-top: 1.25rem !important; } .text-left{ text-align: left !important; } .text-center{ text-align: center !important; } .text-start{ text-align: start !important; } .text-end{ text-align: end !important; } .text-2xl{ font-size: 1.5rem !important; line-height: 2rem !important; } .text-3xl{ font-size: 1.875rem !important; line-height: 2.25rem !important; } .text-4xl{ font-size: 2.25rem !important; line-height: 2.5rem !important; } .text-base{ font-size: var(--font-size-default) !important; } .text-footer{ font-size: var(--font-size-footer) !important; } .text-lg{ font-size: 1.125rem !important; line-height: 1.75rem !important; } .text-site-header{ font-size: var(--font-size-site-header) !important; } .text-sm{ font-size: 0.875rem !important; line-height: 1.25rem !important; } .text-xl{ font-size: 1.25rem !important; line-height: 1.75rem !important; } .text-xs{ font-size: 0.75rem !important; line-height: 1rem !important; } .font-bold{ font-weight: 700 !important; } .font-extrabold{ font-weight: 800 !important; } .font-medium{ font-weight: 500 !important; } .font-normal{ font-weight: 400 !important; } .font-semibold{ font-weight: 600 !important; } .font-thin{ font-weight: 100 !important; } .uppercase{ text-transform: uppercase !important; } .lowercase{ text-transform: lowercase !important; } .capitalize{ text-transform: capitalize !important; } .italic{ font-style: italic !important; } .not-italic{ font-style: normal !important; } .ordinal{ --tw-ordinal: ordinal !important; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important; } .leading-4{ line-height: 1rem !important; } .leading-7{ line-height: 1.75rem !important; } .tracking-wide{ letter-spacing: 0.025em !important; } .tracking-wider{ letter-spacing: 0.05em !important; } .text-acp-body-bg-dark{ color: var(--acp-body-bg-900) !important; } .text-acp-body-bg-light{ color: var(--acp-body-bg-50) !important; } .text-acp-checkbox-bg-dark{ color: var(--acp-checkbox-bg-900) !important; } .text-acp-checkbox-bg-light{ color: var(--acp-checkbox-bg-50) !important; } .text-acp-footer-text{ color: var(--acp-footer-text) !important; } .text-acp-header-link{ color: var(--acp-header-link) !important; } .text-acp-input-bg-dark{ color: var(--acp-input-bg-900) !important; } .text-acp-input-bg-light{ color: var(--acp-input-bg-50) !important; } .text-acp-input-text{ color: var(--acp-input-text) !important; } .text-acp-input-text-400{ color: var(--acp-input-text-400) !important; } .text-acp-input-text-600{ color: var(--acp-input-text-600) !important; } .text-acp-input-text-dark{ color: var(--acp-input-text-900) !important; } .text-acp-input-text-light{ color: var(--acp-input-text-50) !important; } .text-acp-link{ color: var(--acp-link) !important; } .text-acp-marquee-text{ color: var(--acp-marquee-text) !important; } .text-acp-nav-link{ color: var(--acp-nav-link) !important; } .text-acp-nav-link-hover{ color: var(--acp-nav-link-hover) !important; } .text-acp-nav-text{ color: var(--acp-nav-text) !important; } .text-acp-text{ color: var(--acp-text) !important; } .text-acp-text-300{ color: var(--acp-text-300) !important; } .text-acp-text-400{ color: var(--acp-text-400) !important; } .text-acp-text-dark{ color: var(--acp-text-900) !important; } .text-acp-text-light{ color: var(--acp-text-50) !important; } .text-auth-card-link{ color: var(--auth-card-link) !important; } .text-auth-card-text{ color: var(--auth-card-text) !important; } .text-auth-checkbox-bg-dark{ color: var(--auth-checkbox-bg-900) !important; } .text-auth-checkbox-bg-light{ color: var(--auth-checkbox-bg-50) !important; } .text-auth-footer-link{ color: var(--auth-footer-link) !important; } .text-auth-input-bg-dark{ color: var(--auth-input-bg-900) !important; } .text-auth-input-bg-light{ color: var(--auth-input-bg-50) !important; } .text-auth-input-text{ color: var(--auth-input-text) !important; } .text-auth-input-text-400{ color: var(--auth-input-text-400) !important; } .text-auth-input-text-600{ color: var(--auth-input-text-600) !important; } .text-auth-input-text-dark{ color: var(--auth-input-text-900) !important; } .text-auth-input-text-light{ color: var(--auth-input-text-50) !important; } .text-auth-marquee-text{ color: var(--auth-marquee-text) !important; } .text-auth-text{ color: var(--auth-text) !important; } .text-black{ --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; } .text-button-danger{ color: var(--button-danger) !important; } .text-button-danger-100{ color: var(--button-danger-100) !important; } .text-button-danger-200{ color: var(--button-danger-200) !important; } .text-button-danger-300{ color: var(--button-danger-300) !important; } .text-button-danger-400{ color: var(--button-danger-400) !important; } .text-button-danger-50{ color: var(--button-danger-50) !important; } .text-button-danger-500{ color: var(--button-danger) !important; } .text-button-danger-600{ color: var(--button-danger-600) !important; } .text-button-danger-700{ color: var(--button-danger-700) !important; } .text-button-danger-800{ color: var(--button-danger-800) !important; } .text-button-danger-900{ color: var(--button-danger-900) !important; } .text-button-danger-dark{ color: var(--button-danger-900) !important; } .text-button-danger-hover{ color: var(--button-danger-hover) !important; } .text-button-danger-hover-100{ color: var(--button-danger-hover-100) !important; } .text-button-danger-hover-200{ color: var(--button-danger-hover-200) !important; } .text-button-danger-hover-300{ color: var(--button-danger-hover-300) !important; } .text-button-danger-hover-400{ color: var(--button-danger-hover-400) !important; } .text-button-danger-hover-50{ color: var(--button-danger-hover-50) !important; } .text-button-danger-hover-500{ color: var(--button-danger-hover) !important; } .text-button-danger-hover-600{ color: var(--button-danger-hover-600) !important; } .text-button-danger-hover-700{ color: var(--button-danger-hover-700) !important; } .text-button-danger-hover-800{ color: var(--button-danger-hover-800) !important; } .text-button-danger-hover-900{ color: var(--button-danger-hover-900) !important; } .text-button-danger-hover-dark{ color: var(--button-danger-hover-900) !important; } .text-button-danger-hover-light{ color: var(--button-danger-hover-50) !important; } .text-button-danger-light{ color: var(--button-danger-50) !important; } .text-button-danger-text{ color: var(--button-danger-text) !important; } .text-button-danger-text-100{ color: var(--button-danger-text-100) !important; } .text-button-danger-text-200{ color: var(--button-danger-text-200) !important; } .text-button-danger-text-300{ color: var(--button-danger-text-300) !important; } .text-button-danger-text-400{ color: var(--button-danger-text-400) !important; } .text-button-danger-text-50{ color: var(--button-danger-text-50) !important; } .text-button-danger-text-500{ color: var(--button-danger-text) !important; } .text-button-danger-text-600{ color: var(--button-danger-text-600) !important; } .text-button-danger-text-700{ color: var(--button-danger-text-700) !important; } .text-button-danger-text-800{ color: var(--button-danger-text-800) !important; } .text-button-danger-text-900{ color: var(--button-danger-text-900) !important; } .text-button-danger-text-dark{ color: var(--button-danger-text-900) !important; } .text-button-danger-text-hover{ color: var(--button-danger-text-hover) !important; } .text-button-danger-text-hover-100{ color: var(--button-danger-text-hover-100) !important; } .text-button-danger-text-hover-200{ color: var(--button-danger-text-hover-200) !important; } .text-button-danger-text-hover-300{ color: var(--button-danger-text-hover-300) !important; } .text-button-danger-text-hover-400{ color: var(--button-danger-text-hover-400) !important; } .text-button-danger-text-hover-50{ color: var(--button-danger-text-hover-50) !important; } .text-button-danger-text-hover-500{ color: var(--button-danger-text-hover) !important; } .text-button-danger-text-hover-600{ color: var(--button-danger-text-hover-600) !important; } .text-button-danger-text-hover-700{ color: var(--button-danger-text-hover-700) !important; } .text-button-danger-text-hover-800{ color: var(--button-danger-text-hover-800) !important; } .text-button-danger-text-hover-900{ color: var(--button-danger-text-hover-900) !important; } .text-button-danger-text-hover-dark{ color: var(--button-danger-text-hover-900) !important; } .text-button-danger-text-hover-light{ color: var(--button-danger-text-hover-50) !important; } .text-button-danger-text-light{ color: var(--button-danger-text-50) !important; } .text-button-dark{ color: var(--button-dark) !important; } .text-button-dark-100{ color: var(--button-dark-100) !important; } .text-button-dark-200{ color: var(--button-dark-200) !important; } .text-button-dark-300{ color: var(--button-dark-300) !important; } .text-button-dark-400{ color: var(--button-dark-400) !important; } .text-button-dark-50{ color: var(--button-dark-50) !important; } .text-button-dark-500{ color: var(--button-dark) !important; } .text-button-dark-600{ color: var(--button-dark-600) !important; } .text-button-dark-700{ color: var(--button-dark-700) !important; } .text-button-dark-800{ color: var(--button-dark-800) !important; } .text-button-dark-900{ color: var(--button-dark-900) !important; } .text-button-dark-dark{ color: var(--button-dark-900) !important; } .text-button-dark-hover{ color: var(--button-dark-hover) !important; } .text-button-dark-hover-100{ color: var(--button-dark-hover-100) !important; } .text-button-dark-hover-200{ color: var(--button-dark-hover-200) !important; } .text-button-dark-hover-300{ color: var(--button-dark-hover-300) !important; } .text-button-dark-hover-400{ color: var(--button-dark-hover-400) !important; } .text-button-dark-hover-50{ color: var(--button-dark-hover-50) !important; } .text-button-dark-hover-500{ color: var(--button-dark-hover) !important; } .text-button-dark-hover-600{ color: var(--button-dark-hover-600) !important; } .text-button-dark-hover-700{ color: var(--button-dark-hover-700) !important; } .text-button-dark-hover-800{ color: var(--button-dark-hover-800) !important; } .text-button-dark-hover-900{ color: var(--button-dark-hover-900) !important; } .text-button-dark-hover-dark{ color: var(--button-dark-hover-900) !important; } .text-button-dark-hover-light{ color: var(--button-dark-hover-50) !important; } .text-button-dark-light{ color: var(--button-dark-50) !important; } .text-button-dark-text{ color: var(--button-dark-text) !important; } .text-button-dark-text-100{ color: var(--button-dark-text-100) !important; } .text-button-dark-text-200{ color: var(--button-dark-text-200) !important; } .text-button-dark-text-300{ color: var(--button-dark-text-300) !important; } .text-button-dark-text-400{ color: var(--button-dark-text-400) !important; } .text-button-dark-text-50{ color: var(--button-dark-text-50) !important; } .text-button-dark-text-500{ color: var(--button-dark-text) !important; } .text-button-dark-text-600{ color: var(--button-dark-text-600) !important; } .text-button-dark-text-700{ color: var(--button-dark-text-700) !important; } .text-button-dark-text-800{ color: var(--button-dark-text-800) !important; } .text-button-dark-text-900{ color: var(--button-dark-text-900) !important; } .text-button-dark-text-dark{ color: var(--button-dark-text-900) !important; } .text-button-dark-text-hover{ color: var(--button-dark-text-hover) !important; } .text-button-dark-text-hover-100{ color: var(--button-dark-text-hover-100) !important; } .text-button-dark-text-hover-200{ color: var(--button-dark-text-hover-200) !important; } .text-button-dark-text-hover-300{ color: var(--button-dark-text-hover-300) !important; } .text-button-dark-text-hover-400{ color: var(--button-dark-text-hover-400) !important; } .text-button-dark-text-hover-50{ color: var(--button-dark-text-hover-50) !important; } .text-button-dark-text-hover-500{ color: var(--button-dark-text-hover) !important; } .text-button-dark-text-hover-600{ color: var(--button-dark-text-hover-600) !important; } .text-button-dark-text-hover-700{ color: var(--button-dark-text-hover-700) !important; } .text-button-dark-text-hover-800{ color: var(--button-dark-text-hover-800) !important; } .text-button-dark-text-hover-900{ color: var(--button-dark-text-hover-900) !important; } .text-button-dark-text-hover-dark{ color: var(--button-dark-text-hover-900) !important; } .text-button-dark-text-hover-light{ color: var(--button-dark-text-hover-50) !important; } .text-button-dark-text-light{ color: var(--button-dark-text-50) !important; } .text-button-light{ color: var(--button-light) !important; } .text-button-light-100{ color: var(--button-light-100) !important; } .text-button-light-200{ color: var(--button-light-200) !important; } .text-button-light-300{ color: var(--button-light-300) !important; } .text-button-light-400{ color: var(--button-light-400) !important; } .text-button-light-50{ color: var(--button-light-50) !important; } .text-button-light-500{ color: var(--button-light) !important; } .text-button-light-600{ color: var(--button-light-600) !important; } .text-button-light-700{ color: var(--button-light-700) !important; } .text-button-light-800{ color: var(--button-light-800) !important; } .text-button-light-900{ color: var(--button-light-900) !important; } .text-button-light-dark{ color: var(--button-light-900) !important; } .text-button-light-hover{ color: var(--button-light-hover) !important; } .text-button-light-hover-100{ color: var(--button-light-hover-100) !important; } .text-button-light-hover-200{ color: var(--button-light-hover-200) !important; } .text-button-light-hover-300{ color: var(--button-light-hover-300) !important; } .text-button-light-hover-400{ color: var(--button-light-hover-400) !important; } .text-button-light-hover-50{ color: var(--button-light-hover-50) !important; } .text-button-light-hover-500{ color: var(--button-light-hover) !important; } .text-button-light-hover-600{ color: var(--button-light-hover-600) !important; } .text-button-light-hover-700{ color: var(--button-light-hover-700) !important; } .text-button-light-hover-800{ color: var(--button-light-hover-800) !important; } .text-button-light-hover-900{ color: var(--button-light-hover-900) !important; } .text-button-light-hover-dark{ color: var(--button-light-hover-900) !important; } .text-button-light-hover-light{ color: var(--button-light-hover-50) !important; } .text-button-light-light{ color: var(--button-light-50) !important; } .text-button-light-text{ color: var(--button-light-text) !important; } .text-button-light-text-100{ color: var(--button-light-text-100) !important; } .text-button-light-text-200{ color: var(--button-light-text-200) !important; } .text-button-light-text-300{ color: var(--button-light-text-300) !important; } .text-button-light-text-400{ color: var(--button-light-text-400) !important; } .text-button-light-text-50{ color: var(--button-light-text-50) !important; } .text-button-light-text-500{ color: var(--button-light-text) !important; } .text-button-light-text-600{ color: var(--button-light-text-600) !important; } .text-button-light-text-700{ color: var(--button-light-text-700) !important; } .text-button-light-text-800{ color: var(--button-light-text-800) !important; } .text-button-light-text-900{ color: var(--button-light-text-900) !important; } .text-button-light-text-dark{ color: var(--button-light-text-900) !important; } .text-button-light-text-hover{ color: var(--button-light-text-hover) !important; } .text-button-light-text-hover-100{ color: var(--button-light-text-hover-100) !important; } .text-button-light-text-hover-200{ color: var(--button-light-text-hover-200) !important; } .text-button-light-text-hover-300{ color: var(--button-light-text-hover-300) !important; } .text-button-light-text-hover-400{ color: var(--button-light-text-hover-400) !important; } .text-button-light-text-hover-50{ color: var(--button-light-text-hover-50) !important; } .text-button-light-text-hover-500{ color: var(--button-light-text-hover) !important; } .text-button-light-text-hover-600{ color: var(--button-light-text-hover-600) !important; } .text-button-light-text-hover-700{ color: var(--button-light-text-hover-700) !important; } .text-button-light-text-hover-800{ color: var(--button-light-text-hover-800) !important; } .text-button-light-text-hover-900{ color: var(--button-light-text-hover-900) !important; } .text-button-light-text-hover-dark{ color: var(--button-light-text-hover-900) !important; } .text-button-light-text-hover-light{ color: var(--button-light-text-hover-50) !important; } .text-button-light-text-light{ color: var(--button-light-text-50) !important; } .text-button-primary{ color: var(--button-primary) !important; } .text-button-primary-100{ color: var(--button-primary-100) !important; } .text-button-primary-200{ color: var(--button-primary-200) !important; } .text-button-primary-300{ color: var(--button-primary-300) !important; } .text-button-primary-400{ color: var(--button-primary-400) !important; } .text-button-primary-50{ color: var(--button-primary-50) !important; } .text-button-primary-500{ color: var(--button-primary) !important; } .text-button-primary-600{ color: var(--button-primary-600) !important; } .text-button-primary-700{ color: var(--button-primary-700) !important; } .text-button-primary-800{ color: var(--button-primary-800) !important; } .text-button-primary-900{ color: var(--button-primary-900) !important; } .text-button-primary-dark{ color: var(--button-primary-900) !important; } .text-button-primary-hover{ color: var(--button-primary-hover) !important; } .text-button-primary-hover-100{ color: var(--button-primary-hover-100) !important; } .text-button-primary-hover-200{ color: var(--button-primary-hover-200) !important; } .text-button-primary-hover-300{ color: var(--button-primary-hover-300) !important; } .text-button-primary-hover-400{ color: var(--button-primary-hover-400) !important; } .text-button-primary-hover-50{ color: var(--button-primary-hover-50) !important; } .text-button-primary-hover-500{ color: var(--button-primary-hover) !important; } .text-button-primary-hover-600{ color: var(--button-primary-hover-600) !important; } .text-button-primary-hover-700{ color: var(--button-primary-hover-700) !important; } .text-button-primary-hover-800{ color: var(--button-primary-hover-800) !important; } .text-button-primary-hover-900{ color: var(--button-primary-hover-900) !important; } .text-button-primary-hover-dark{ color: var(--button-primary-hover-900) !important; } .text-button-primary-hover-light{ color: var(--button-primary-hover-50) !important; } .text-button-primary-light{ color: var(--button-primary-50) !important; } .text-button-primary-text{ color: var(--button-primary-text) !important; } .text-button-primary-text-100{ color: var(--button-primary-text-100) !important; } .text-button-primary-text-200{ color: var(--button-primary-text-200) !important; } .text-button-primary-text-300{ color: var(--button-primary-text-300) !important; } .text-button-primary-text-400{ color: var(--button-primary-text-400) !important; } .text-button-primary-text-50{ color: var(--button-primary-text-50) !important; } .text-button-primary-text-500{ color: var(--button-primary-text) !important; } .text-button-primary-text-600{ color: var(--button-primary-text-600) !important; } .text-button-primary-text-700{ color: var(--button-primary-text-700) !important; } .text-button-primary-text-800{ color: var(--button-primary-text-800) !important; } .text-button-primary-text-900{ color: var(--button-primary-text-900) !important; } .text-button-primary-text-dark{ color: var(--button-primary-text-900) !important; } .text-button-primary-text-hover{ color: var(--button-primary-text-hover) !important; } .text-button-primary-text-hover-100{ color: var(--button-primary-text-hover-100) !important; } .text-button-primary-text-hover-200{ color: var(--button-primary-text-hover-200) !important; } .text-button-primary-text-hover-300{ color: var(--button-primary-text-hover-300) !important; } .text-button-primary-text-hover-400{ color: var(--button-primary-text-hover-400) !important; } .text-button-primary-text-hover-50{ color: var(--button-primary-text-hover-50) !important; } .text-button-primary-text-hover-500{ color: var(--button-primary-text-hover) !important; } .text-button-primary-text-hover-600{ color: var(--button-primary-text-hover-600) !important; } .text-button-primary-text-hover-700{ color: var(--button-primary-text-hover-700) !important; } .text-button-primary-text-hover-800{ color: var(--button-primary-text-hover-800) !important; } .text-button-primary-text-hover-900{ color: var(--button-primary-text-hover-900) !important; } .text-button-primary-text-hover-dark{ color: var(--button-primary-text-hover-900) !important; } .text-button-primary-text-hover-light{ color: var(--button-primary-text-hover-50) !important; } .text-button-primary-text-light{ color: var(--button-primary-text-50) !important; } .text-button-secondary{ color: var(--button-secondary) !important; } .text-button-secondary-100{ color: var(--button-secondary-100) !important; } .text-button-secondary-200{ color: var(--button-secondary-200) !important; } .text-button-secondary-300{ color: var(--button-secondary-300) !important; } .text-button-secondary-400{ color: var(--button-secondary-400) !important; } .text-button-secondary-50{ color: var(--button-secondary-50) !important; } .text-button-secondary-500{ color: var(--button-secondary) !important; } .text-button-secondary-600{ color: var(--button-secondary-600) !important; } .text-button-secondary-700{ color: var(--button-secondary-700) !important; } .text-button-secondary-800{ color: var(--button-secondary-800) !important; } .text-button-secondary-900{ color: var(--button-secondary-900) !important; } .text-button-secondary-dark{ color: var(--button-secondary-900) !important; } .text-button-secondary-hover{ color: var(--button-secondary-hover) !important; } .text-button-secondary-hover-100{ color: var(--button-secondary-hover-100) !important; } .text-button-secondary-hover-200{ color: var(--button-secondary-hover-200) !important; } .text-button-secondary-hover-300{ color: var(--button-secondary-hover-300) !important; } .text-button-secondary-hover-400{ color: var(--button-secondary-hover-400) !important; } .text-button-secondary-hover-50{ color: var(--button-secondary-hover-50) !important; } .text-button-secondary-hover-500{ color: var(--button-secondary-hover) !important; } .text-button-secondary-hover-600{ color: var(--button-secondary-hover-600) !important; } .text-button-secondary-hover-700{ color: var(--button-secondary-hover-700) !important; } .text-button-secondary-hover-800{ color: var(--button-secondary-hover-800) !important; } .text-button-secondary-hover-900{ color: var(--button-secondary-hover-900) !important; } .text-button-secondary-hover-dark{ color: var(--button-secondary-hover-900) !important; } .text-button-secondary-hover-light{ color: var(--button-secondary-hover-50) !important; } .text-button-secondary-light{ color: var(--button-secondary-50) !important; } .text-button-secondary-text{ color: var(--button-secondary-text) !important; } .text-button-secondary-text-100{ color: var(--button-secondary-text-100) !important; } .text-button-secondary-text-200{ color: var(--button-secondary-text-200) !important; } .text-button-secondary-text-300{ color: var(--button-secondary-text-300) !important; } .text-button-secondary-text-400{ color: var(--button-secondary-text-400) !important; } .text-button-secondary-text-50{ color: var(--button-secondary-text-50) !important; } .text-button-secondary-text-500{ color: var(--button-secondary-text) !important; } .text-button-secondary-text-600{ color: var(--button-secondary-text-600) !important; } .text-button-secondary-text-700{ color: var(--button-secondary-text-700) !important; } .text-button-secondary-text-800{ color: var(--button-secondary-text-800) !important; } .text-button-secondary-text-900{ color: var(--button-secondary-text-900) !important; } .text-button-secondary-text-dark{ color: var(--button-secondary-text-900) !important; } .text-button-secondary-text-hover{ color: var(--button-secondary-text-hover) !important; } .text-button-secondary-text-hover-100{ color: var(--button-secondary-text-hover-100) !important; } .text-button-secondary-text-hover-200{ color: var(--button-secondary-text-hover-200) !important; } .text-button-secondary-text-hover-300{ color: var(--button-secondary-text-hover-300) !important; } .text-button-secondary-text-hover-400{ color: var(--button-secondary-text-hover-400) !important; } .text-button-secondary-text-hover-50{ color: var(--button-secondary-text-hover-50) !important; } .text-button-secondary-text-hover-500{ color: var(--button-secondary-text-hover) !important; } .text-button-secondary-text-hover-600{ color: var(--button-secondary-text-hover-600) !important; } .text-button-secondary-text-hover-700{ color: var(--button-secondary-text-hover-700) !important; } .text-button-secondary-text-hover-800{ color: var(--button-secondary-text-hover-800) !important; } .text-button-secondary-text-hover-900{ color: var(--button-secondary-text-hover-900) !important; } .text-button-secondary-text-hover-dark{ color: var(--button-secondary-text-hover-900) !important; } .text-button-secondary-text-hover-light{ color: var(--button-secondary-text-hover-50) !important; } .text-button-secondary-text-light{ color: var(--button-secondary-text-50) !important; } .text-button-success{ color: var(--button-success) !important; } .text-button-success-100{ color: var(--button-success-100) !important; } .text-button-success-200{ color: var(--button-success-200) !important; } .text-button-success-300{ color: var(--button-success-300) !important; } .text-button-success-400{ color: var(--button-success-400) !important; } .text-button-success-50{ color: var(--button-success-50) !important; } .text-button-success-500{ color: var(--button-success) !important; } .text-button-success-600{ color: var(--button-success-600) !important; } .text-button-success-700{ color: var(--button-success-700) !important; } .text-button-success-800{ color: var(--button-success-800) !important; } .text-button-success-900{ color: var(--button-success-900) !important; } .text-button-success-dark{ color: var(--button-success-900) !important; } .text-button-success-hover{ color: var(--button-success-hover) !important; } .text-button-success-hover-100{ color: var(--button-success-hover-100) !important; } .text-button-success-hover-200{ color: var(--button-success-hover-200) !important; } .text-button-success-hover-300{ color: var(--button-success-hover-300) !important; } .text-button-success-hover-400{ color: var(--button-success-hover-400) !important; } .text-button-success-hover-50{ color: var(--button-success-hover-50) !important; } .text-button-success-hover-500{ color: var(--button-success-hover) !important; } .text-button-success-hover-600{ color: var(--button-success-hover-600) !important; } .text-button-success-hover-700{ color: var(--button-success-hover-700) !important; } .text-button-success-hover-800{ color: var(--button-success-hover-800) !important; } .text-button-success-hover-900{ color: var(--button-success-hover-900) !important; } .text-button-success-hover-dark{ color: var(--button-success-hover-900) !important; } .text-button-success-hover-light{ color: var(--button-success-hover-50) !important; } .text-button-success-light{ color: var(--button-success-50) !important; } .text-button-success-text{ color: var(--button-success-text) !important; } .text-button-success-text-100{ color: var(--button-success-text-100) !important; } .text-button-success-text-200{ color: var(--button-success-text-200) !important; } .text-button-success-text-300{ color: var(--button-success-text-300) !important; } .text-button-success-text-400{ color: var(--button-success-text-400) !important; } .text-button-success-text-50{ color: var(--button-success-text-50) !important; } .text-button-success-text-500{ color: var(--button-success-text) !important; } .text-button-success-text-600{ color: var(--button-success-text-600) !important; } .text-button-success-text-700{ color: var(--button-success-text-700) !important; } .text-button-success-text-800{ color: var(--button-success-text-800) !important; } .text-button-success-text-900{ color: var(--button-success-text-900) !important; } .text-button-success-text-dark{ color: var(--button-success-text-900) !important; } .text-button-success-text-hover{ color: var(--button-success-text-hover) !important; } .text-button-success-text-hover-100{ color: var(--button-success-text-hover-100) !important; } .text-button-success-text-hover-200{ color: var(--button-success-text-hover-200) !important; } .text-button-success-text-hover-300{ color: var(--button-success-text-hover-300) !important; } .text-button-success-text-hover-400{ color: var(--button-success-text-hover-400) !important; } .text-button-success-text-hover-50{ color: var(--button-success-text-hover-50) !important; } .text-button-success-text-hover-500{ color: var(--button-success-text-hover) !important; } .text-button-success-text-hover-600{ color: var(--button-success-text-hover-600) !important; } .text-button-success-text-hover-700{ color: var(--button-success-text-hover-700) !important; } .text-button-success-text-hover-800{ color: var(--button-success-text-hover-800) !important; } .text-button-success-text-hover-900{ color: var(--button-success-text-hover-900) !important; } .text-button-success-text-hover-dark{ color: var(--button-success-text-hover-900) !important; } .text-button-success-text-hover-light{ color: var(--button-success-text-hover-50) !important; } .text-button-success-text-light{ color: var(--button-success-text-50) !important; } .text-button-warning{ color: var(--button-warning) !important; } .text-button-warning-100{ color: var(--button-warning-100) !important; } .text-button-warning-200{ color: var(--button-warning-200) !important; } .text-button-warning-300{ color: var(--button-warning-300) !important; } .text-button-warning-400{ color: var(--button-warning-400) !important; } .text-button-warning-50{ color: var(--button-warning-50) !important; } .text-button-warning-500{ color: var(--button-warning) !important; } .text-button-warning-600{ color: var(--button-warning-600) !important; } .text-button-warning-700{ color: var(--button-warning-700) !important; } .text-button-warning-800{ color: var(--button-warning-800) !important; } .text-button-warning-900{ color: var(--button-warning-900) !important; } .text-button-warning-dark{ color: var(--button-warning-900) !important; } .text-button-warning-hover{ color: var(--button-warning-hover) !important; } .text-button-warning-hover-100{ color: var(--button-warning-hover-100) !important; } .text-button-warning-hover-200{ color: var(--button-warning-hover-200) !important; } .text-button-warning-hover-300{ color: var(--button-warning-hover-300) !important; } .text-button-warning-hover-400{ color: var(--button-warning-hover-400) !important; } .text-button-warning-hover-50{ color: var(--button-warning-hover-50) !important; } .text-button-warning-hover-500{ color: var(--button-warning-hover) !important; } .text-button-warning-hover-600{ color: var(--button-warning-hover-600) !important; } .text-button-warning-hover-700{ color: var(--button-warning-hover-700) !important; } .text-button-warning-hover-800{ color: var(--button-warning-hover-800) !important; } .text-button-warning-hover-900{ color: var(--button-warning-hover-900) !important; } .text-button-warning-hover-dark{ color: var(--button-warning-hover-900) !important; } .text-button-warning-hover-light{ color: var(--button-warning-hover-50) !important; } .text-button-warning-light{ color: var(--button-warning-50) !important; } .text-button-warning-text{ color: var(--button-warning-text) !important; } .text-button-warning-text-100{ color: var(--button-warning-text-100) !important; } .text-button-warning-text-200{ color: var(--button-warning-text-200) !important; } .text-button-warning-text-300{ color: var(--button-warning-text-300) !important; } .text-button-warning-text-400{ color: var(--button-warning-text-400) !important; } .text-button-warning-text-50{ color: var(--button-warning-text-50) !important; } .text-button-warning-text-500{ color: var(--button-warning-text) !important; } .text-button-warning-text-600{ color: var(--button-warning-text-600) !important; } .text-button-warning-text-700{ color: var(--button-warning-text-700) !important; } .text-button-warning-text-800{ color: var(--button-warning-text-800) !important; } .text-button-warning-text-900{ color: var(--button-warning-text-900) !important; } .text-button-warning-text-dark{ color: var(--button-warning-text-900) !important; } .text-button-warning-text-hover{ color: var(--button-warning-text-hover) !important; } .text-button-warning-text-hover-100{ color: var(--button-warning-text-hover-100) !important; } .text-button-warning-text-hover-200{ color: var(--button-warning-text-hover-200) !important; } .text-button-warning-text-hover-300{ color: var(--button-warning-text-hover-300) !important; } .text-button-warning-text-hover-400{ color: var(--button-warning-text-hover-400) !important; } .text-button-warning-text-hover-50{ color: var(--button-warning-text-hover-50) !important; } .text-button-warning-text-hover-500{ color: var(--button-warning-text-hover) !important; } .text-button-warning-text-hover-600{ color: var(--button-warning-text-hover-600) !important; } .text-button-warning-text-hover-700{ color: var(--button-warning-text-hover-700) !important; } .text-button-warning-text-hover-800{ color: var(--button-warning-text-hover-800) !important; } .text-button-warning-text-hover-900{ color: var(--button-warning-text-hover-900) !important; } .text-button-warning-text-hover-dark{ color: var(--button-warning-text-hover-900) !important; } .text-button-warning-text-hover-light{ color: var(--button-warning-text-hover-50) !important; } .text-button-warning-text-light{ color: var(--button-warning-text-50) !important; } .text-danger{ color: var(--danger) !important; } .text-danger-100{ color: var(--danger-100) !important; } .text-danger-200{ color: var(--danger-200) !important; } .text-danger-300{ color: var(--danger-300) !important; } .text-danger-400{ color: var(--danger-400) !important; } .text-danger-50{ color: var(--danger-50) !important; } .text-danger-500{ color: var(--danger) !important; } .text-danger-600{ color: var(--danger-600) !important; } .text-danger-700{ color: var(--danger-700) !important; } .text-danger-800{ color: var(--danger-800) !important; } .text-danger-900{ color: var(--danger-900) !important; } .text-danger-dark{ color: var(--danger-900) !important; } .text-danger-light{ color: var(--danger-50) !important; } .text-dark{ color: var(--dark) !important; } .text-dark-100{ color: var(--dark-100) !important; } .text-dark-200{ color: var(--dark-200) !important; } .text-dark-300{ color: var(--dark-300) !important; } .text-dark-400{ color: var(--dark-400) !important; } .text-dark-50{ color: var(--dark-50) !important; } .text-dark-500{ color: var(--dark) !important; } .text-dark-600{ color: var(--dark-600) !important; } .text-dark-700{ color: var(--dark-700) !important; } .text-dark-800{ color: var(--dark-800) !important; } .text-dark-900{ color: var(--dark-900) !important; } .text-dark-dark{ color: var(--dark-900) !important; } .text-dark-light{ color: var(--dark-50) !important; } .text-footer-link-color{ color: var(--footer-link-color) !important; } .text-footer-text-color{ color: var(--footer-text-color) !important; } .text-gray-300{ --tw-text-opacity: 1 !important; color: rgb(209 213 219 / var(--tw-text-opacity, 1)) !important; } .text-gray-400{ --tw-text-opacity: 1 !important; color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important; } .text-gray-500{ --tw-text-opacity: 1 !important; color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important; } .text-gray-700{ --tw-text-opacity: 1 !important; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important; } .text-gray-900{ --tw-text-opacity: 1 !important; color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important; } .text-green-400{ --tw-text-opacity: 1 !important; color: rgb(49 196 141 / var(--tw-text-opacity, 1)) !important; } .text-green-500{ --tw-text-opacity: 1 !important; color: rgb(14 159 110 / var(--tw-text-opacity, 1)) !important; } .text-header-link-color{ color: var(--header-link-color) !important; } .text-header-text-color{ color: var(--header-text-color) !important; } .text-light{ color: var(--light) !important; } .text-light-100{ color: var(--light-100) !important; } .text-light-200{ color: var(--light-200) !important; } .text-light-300{ color: var(--light-300) !important; } .text-light-400{ color: var(--light-400) !important; } .text-light-50{ color: var(--light-50) !important; } .text-light-500{ color: var(--light) !important; } .text-light-600{ color: var(--light-600) !important; } .text-light-700{ color: var(--light-700) !important; } .text-light-800{ color: var(--light-800) !important; } .text-light-900{ color: var(--light-900) !important; } .text-light-dark{ color: var(--light-900) !important; } .text-light-light{ color: var(--light-50) !important; } .text-navbar-background{ color: var(--navbar-background) !important; } .text-navbar-link-color{ color: var(--navbar-link-color) !important; } .text-navbar-link-hover-color{ color: var(--navbar-link-hover-color) !important; } .text-navbar-popout-link-color{ color: var(--navbar-popout-link-color) !important; } .text-navbar-popout-link-hover-color{ color: var(--navbar-popout-link-hover-color) !important; } .text-orange-400{ --tw-text-opacity: 1 !important; color: rgb(255 138 76 / var(--tw-text-opacity, 1)) !important; } .text-primary{ color: var(--primary) !important; } .text-primary-100{ color: var(--primary-100) !important; } .text-primary-200{ color: var(--primary-200) !important; } .text-primary-300{ color: var(--primary-300) !important; } .text-primary-400{ color: var(--primary-400) !important; } .text-primary-50{ color: var(--primary-50) !important; } .text-primary-500{ color: var(--primary) !important; } .text-primary-600{ color: var(--primary-600) !important; } .text-primary-700{ color: var(--primary-700) !important; } .text-primary-800{ color: var(--primary-800) !important; } .text-primary-900{ color: var(--primary-900) !important; } .text-primary-dark{ color: var(--primary-900) !important; } .text-primary-light{ color: var(--primary-50) !important; } .text-red-500{ --tw-text-opacity: 1 !important; color: rgb(240 82 82 / var(--tw-text-opacity, 1)) !important; } .text-red-600{ --tw-text-opacity: 1 !important; color: rgb(224 36 36 / var(--tw-text-opacity, 1)) !important; } .text-red-800{ --tw-text-opacity: 1 !important; color: rgb(155 28 28 / var(--tw-text-opacity, 1)) !important; } .text-secondary{ color: var(--secondary) !important; } .text-secondary-100{ color: var(--secondary-100) !important; } .text-secondary-200{ color: var(--secondary-200) !important; } .text-secondary-300{ color: var(--secondary-300) !important; } .text-secondary-400{ color: var(--secondary-400) !important; } .text-secondary-50{ color: var(--secondary-50) !important; } .text-secondary-500{ color: var(--secondary) !important; } .text-secondary-600{ color: var(--secondary-600) !important; } .text-secondary-700{ color: var(--secondary-700) !important; } .text-secondary-800{ color: var(--secondary-800) !important; } .text-secondary-900{ color: var(--secondary-900) !important; } .text-secondary-dark{ color: var(--secondary-900) !important; } .text-secondary-light{ color: var(--secondary-50) !important; } .text-success{ color: var(--success) !important; } .text-success-100{ color: var(--success-100) !important; } .text-success-200{ color: var(--success-200) !important; } .text-success-300{ color: var(--success-300) !important; } .text-success-400{ color: var(--success-400) !important; } .text-success-50{ color: var(--success-50) !important; } .text-success-500{ color: var(--success) !important; } .text-success-600{ color: var(--success-600) !important; } .text-success-700{ color: var(--success-700) !important; } .text-success-800{ color: var(--success-800) !important; } .text-success-900{ color: var(--success-900) !important; } .text-success-dark{ color: var(--success-900) !important; } .text-success-light{ color: var(--success-50) !important; } .text-ucp-body-bg-dark{ color: var(--ucp-body-bg-900) !important; } .text-ucp-body-bg-light{ color: var(--ucp-body-bg-50) !important; } .text-ucp-checkbox-bg-dark{ color: var(--ucp-checkbox-bg-900) !important; } .text-ucp-checkbox-bg-light{ color: var(--ucp-checkbox-bg-50) !important; } .text-ucp-input-bg-dark{ color: var(--ucp-input-bg-900) !important; } .text-ucp-input-bg-light{ color: var(--ucp-input-bg-50) !important; } .text-ucp-input-text{ color: var(--ucp-input-text) !important; } .text-ucp-input-text-400{ color: var(--ucp-input-text-400) !important; } .text-ucp-input-text-600{ color: var(--ucp-input-text-600) !important; } .text-ucp-input-text-dark{ color: var(--ucp-input-text-900) !important; } .text-ucp-input-text-light{ color: var(--ucp-input-text-50) !important; } .text-ucp-link{ color: var(--ucp-link) !important; } .text-ucp-marquee-text{ color: var(--ucp-marquee-text) !important; } .text-ucp-text{ color: var(--ucp-text) !important; } .text-ucp-text-600{ color: var(--ucp-text-600) !important; } .text-ucp-text-dark{ color: var(--ucp-text-900) !important; } .text-ucp-text-light{ color: var(--ucp-text-50) !important; } .text-warning{ color: var(--warning) !important; } .text-warning-100{ color: var(--warning-100) !important; } .text-warning-200{ color: var(--warning-200) !important; } .text-warning-300{ color: var(--warning-300) !important; } .text-warning-400{ color: var(--warning-400) !important; } .text-warning-50{ color: var(--warning-50) !important; } .text-warning-500{ color: var(--warning) !important; } .text-warning-600{ color: var(--warning-600) !important; } .text-warning-700{ color: var(--warning-700) !important; } .text-warning-800{ color: var(--warning-800) !important; } .text-warning-900{ color: var(--warning-900) !important; } .text-warning-dark{ color: var(--warning-900) !important; } .text-warning-light{ color: var(--warning-50) !important; } .text-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .text-yellow-400{ --tw-text-opacity: 1 !important; color: rgb(227 160 8 / var(--tw-text-opacity, 1)) !important; } .underline{ text-decoration-line: underline !important; } .line-through{ text-decoration-line: line-through !important; } .decoration-acp-body-bg-dark{ text-decoration-color: var(--acp-body-bg-900) !important; } .decoration-acp-body-bg-light{ text-decoration-color: var(--acp-body-bg-50) !important; } .decoration-acp-checkbox-bg-dark{ text-decoration-color: var(--acp-checkbox-bg-900) !important; } .decoration-acp-checkbox-bg-light{ text-decoration-color: var(--acp-checkbox-bg-50) !important; } .decoration-acp-input-bg-dark{ text-decoration-color: var(--acp-input-bg-900) !important; } .decoration-acp-input-bg-light{ text-decoration-color: var(--acp-input-bg-50) !important; } .decoration-acp-input-text-dark{ text-decoration-color: var(--acp-input-text-900) !important; } .decoration-acp-input-text-light{ text-decoration-color: var(--acp-input-text-50) !important; } .decoration-acp-text-dark{ text-decoration-color: var(--acp-text-900) !important; } .decoration-acp-text-light{ text-decoration-color: var(--acp-text-50) !important; } .decoration-auth-checkbox-bg-dark{ text-decoration-color: var(--auth-checkbox-bg-900) !important; } .decoration-auth-checkbox-bg-light{ text-decoration-color: var(--auth-checkbox-bg-50) !important; } .decoration-auth-input-bg-dark{ text-decoration-color: var(--auth-input-bg-900) !important; } .decoration-auth-input-bg-light{ text-decoration-color: var(--auth-input-bg-50) !important; } .decoration-auth-input-text-dark{ text-decoration-color: var(--auth-input-text-900) !important; } .decoration-auth-input-text-light{ text-decoration-color: var(--auth-input-text-50) !important; } .decoration-button-danger-text-dark{ text-decoration-color: var(--button-danger-text-900) !important; } .decoration-button-danger-text-light{ text-decoration-color: var(--button-danger-text-50) !important; } .decoration-button-dark-text-dark{ text-decoration-color: var(--button-dark-text-900) !important; } .decoration-button-dark-text-light{ text-decoration-color: var(--button-dark-text-50) !important; } .decoration-button-light-text-dark{ text-decoration-color: var(--button-light-text-900) !important; } .decoration-button-light-text-light{ text-decoration-color: var(--button-light-text-50) !important; } .decoration-button-primary-text-dark{ text-decoration-color: var(--button-primary-text-900) !important; } .decoration-button-primary-text-light{ text-decoration-color: var(--button-primary-text-50) !important; } .decoration-button-secondary-text-dark{ text-decoration-color: var(--button-secondary-text-900) !important; } .decoration-button-secondary-text-light{ text-decoration-color: var(--button-secondary-text-50) !important; } .decoration-button-success-text-dark{ text-decoration-color: var(--button-success-text-900) !important; } .decoration-button-success-text-light{ text-decoration-color: var(--button-success-text-50) !important; } .decoration-button-warning-text-dark{ text-decoration-color: var(--button-warning-text-900) !important; } .decoration-button-warning-text-light{ text-decoration-color: var(--button-warning-text-50) !important; } .decoration-ucp-body-bg-dark{ text-decoration-color: var(--ucp-body-bg-900) !important; } .decoration-ucp-body-bg-light{ text-decoration-color: var(--ucp-body-bg-50) !important; } .decoration-ucp-checkbox-bg-dark{ text-decoration-color: var(--ucp-checkbox-bg-900) !important; } .decoration-ucp-checkbox-bg-light{ text-decoration-color: var(--ucp-checkbox-bg-50) !important; } .decoration-ucp-input-bg-dark{ text-decoration-color: var(--ucp-input-bg-900) !important; } .decoration-ucp-input-bg-light{ text-decoration-color: var(--ucp-input-bg-50) !important; } .decoration-ucp-input-text-dark{ text-decoration-color: var(--ucp-input-text-900) !important; } .decoration-ucp-input-text-light{ text-decoration-color: var(--ucp-input-text-50) !important; } .decoration-ucp-text-dark{ text-decoration-color: var(--ucp-text-900) !important; } .decoration-ucp-text-light{ text-decoration-color: var(--ucp-text-50) !important; } .antialiased{ -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .placeholder-acp-body-bg-dark::placeholder{ color: var(--acp-body-bg-900) !important; } .placeholder-acp-body-bg-light::placeholder{ color: var(--acp-body-bg-50) !important; } .placeholder-acp-checkbox-bg-dark::placeholder{ color: var(--acp-checkbox-bg-900) !important; } .placeholder-acp-checkbox-bg-light::placeholder{ color: var(--acp-checkbox-bg-50) !important; } .placeholder-acp-input-bg-dark::placeholder{ color: var(--acp-input-bg-900) !important; } .placeholder-acp-input-bg-light::placeholder{ color: var(--acp-input-bg-50) !important; } .placeholder-acp-input-placeholder::placeholder{ color: var(--acp-input-placeholder) !important; } .placeholder-acp-input-text-dark::placeholder{ color: var(--acp-input-text-900) !important; } .placeholder-acp-input-text-light::placeholder{ color: var(--acp-input-text-50) !important; } .placeholder-acp-text-dark::placeholder{ color: var(--acp-text-900) !important; } .placeholder-acp-text-light::placeholder{ color: var(--acp-text-50) !important; } .placeholder-auth-checkbox-bg-dark::placeholder{ color: var(--auth-checkbox-bg-900) !important; } .placeholder-auth-checkbox-bg-light::placeholder{ color: var(--auth-checkbox-bg-50) !important; } .placeholder-auth-input-bg-dark::placeholder{ color: var(--auth-input-bg-900) !important; } .placeholder-auth-input-bg-light::placeholder{ color: var(--auth-input-bg-50) !important; } .placeholder-auth-input-placeholder::placeholder{ color: var(--auth-input-placeholder) !important; } .placeholder-auth-input-text-dark::placeholder{ color: var(--auth-input-text-900) !important; } .placeholder-auth-input-text-light::placeholder{ color: var(--auth-input-text-50) !important; } .placeholder-button-danger-text-dark::placeholder{ color: var(--button-danger-text-900) !important; } .placeholder-button-danger-text-light::placeholder{ color: var(--button-danger-text-50) !important; } .placeholder-button-dark-text-dark::placeholder{ color: var(--button-dark-text-900) !important; } .placeholder-button-dark-text-light::placeholder{ color: var(--button-dark-text-50) !important; } .placeholder-button-light-text-dark::placeholder{ color: var(--button-light-text-900) !important; } .placeholder-button-light-text-light::placeholder{ color: var(--button-light-text-50) !important; } .placeholder-button-primary-text-dark::placeholder{ color: var(--button-primary-text-900) !important; } .placeholder-button-primary-text-light::placeholder{ color: var(--button-primary-text-50) !important; } .placeholder-button-secondary-text-dark::placeholder{ color: var(--button-secondary-text-900) !important; } .placeholder-button-secondary-text-light::placeholder{ color: var(--button-secondary-text-50) !important; } .placeholder-button-success-text-dark::placeholder{ color: var(--button-success-text-900) !important; } .placeholder-button-success-text-light::placeholder{ color: var(--button-success-text-50) !important; } .placeholder-button-warning-text-dark::placeholder{ color: var(--button-warning-text-900) !important; } .placeholder-button-warning-text-light::placeholder{ color: var(--button-warning-text-50) !important; } .placeholder-ucp-body-bg-dark::placeholder{ color: var(--ucp-body-bg-900) !important; } .placeholder-ucp-body-bg-light::placeholder{ color: var(--ucp-body-bg-50) !important; } .placeholder-ucp-checkbox-bg-dark::placeholder{ color: var(--ucp-checkbox-bg-900) !important; } .placeholder-ucp-checkbox-bg-light::placeholder{ color: var(--ucp-checkbox-bg-50) !important; } .placeholder-ucp-input-bg-dark::placeholder{ color: var(--ucp-input-bg-900) !important; } .placeholder-ucp-input-bg-light::placeholder{ color: var(--ucp-input-bg-50) !important; } .placeholder-ucp-input-placeholder::placeholder{ color: var(--ucp-input-placeholder) !important; } .placeholder-ucp-input-text-dark::placeholder{ color: var(--ucp-input-text-900) !important; } .placeholder-ucp-input-text-light::placeholder{ color: var(--ucp-input-text-50) !important; } .placeholder-ucp-text-dark::placeholder{ color: var(--ucp-text-900) !important; } .placeholder-ucp-text-light::placeholder{ color: var(--ucp-text-50) !important; } .caret-acp-body-bg-dark{ caret-color: var(--acp-body-bg-900) !important; } .caret-acp-body-bg-light{ caret-color: var(--acp-body-bg-50) !important; } .caret-acp-checkbox-bg-dark{ caret-color: var(--acp-checkbox-bg-900) !important; } .caret-acp-checkbox-bg-light{ caret-color: var(--acp-checkbox-bg-50) !important; } .caret-acp-input-bg-dark{ caret-color: var(--acp-input-bg-900) !important; } .caret-acp-input-bg-light{ caret-color: var(--acp-input-bg-50) !important; } .caret-acp-input-text-dark{ caret-color: var(--acp-input-text-900) !important; } .caret-acp-input-text-light{ caret-color: var(--acp-input-text-50) !important; } .caret-acp-text-dark{ caret-color: var(--acp-text-900) !important; } .caret-acp-text-light{ caret-color: var(--acp-text-50) !important; } .caret-auth-checkbox-bg-dark{ caret-color: var(--auth-checkbox-bg-900) !important; } .caret-auth-checkbox-bg-light{ caret-color: var(--auth-checkbox-bg-50) !important; } .caret-auth-input-bg-dark{ caret-color: var(--auth-input-bg-900) !important; } .caret-auth-input-bg-light{ caret-color: var(--auth-input-bg-50) !important; } .caret-auth-input-text-dark{ caret-color: var(--auth-input-text-900) !important; } .caret-auth-input-text-light{ caret-color: var(--auth-input-text-50) !important; } .caret-button-danger-text-dark{ caret-color: var(--button-danger-text-900) !important; } .caret-button-danger-text-light{ caret-color: var(--button-danger-text-50) !important; } .caret-button-dark-text-dark{ caret-color: var(--button-dark-text-900) !important; } .caret-button-dark-text-light{ caret-color: var(--button-dark-text-50) !important; } .caret-button-light-text-dark{ caret-color: var(--button-light-text-900) !important; } .caret-button-light-text-light{ caret-color: var(--button-light-text-50) !important; } .caret-button-primary-text-dark{ caret-color: var(--button-primary-text-900) !important; } .caret-button-primary-text-light{ caret-color: var(--button-primary-text-50) !important; } .caret-button-secondary-text-dark{ caret-color: var(--button-secondary-text-900) !important; } .caret-button-secondary-text-light{ caret-color: var(--button-secondary-text-50) !important; } .caret-button-success-text-dark{ caret-color: var(--button-success-text-900) !important; } .caret-button-success-text-light{ caret-color: var(--button-success-text-50) !important; } .caret-button-warning-text-dark{ caret-color: var(--button-warning-text-900) !important; } .caret-button-warning-text-light{ caret-color: var(--button-warning-text-50) !important; } .caret-ucp-body-bg-dark{ caret-color: var(--ucp-body-bg-900) !important; } .caret-ucp-body-bg-light{ caret-color: var(--ucp-body-bg-50) !important; } .caret-ucp-checkbox-bg-dark{ caret-color: var(--ucp-checkbox-bg-900) !important; } .caret-ucp-checkbox-bg-light{ caret-color: var(--ucp-checkbox-bg-50) !important; } .caret-ucp-input-bg-dark{ caret-color: var(--ucp-input-bg-900) !important; } .caret-ucp-input-bg-light{ caret-color: var(--ucp-input-bg-50) !important; } .caret-ucp-input-text-dark{ caret-color: var(--ucp-input-text-900) !important; } .caret-ucp-input-text-light{ caret-color: var(--ucp-input-text-50) !important; } .caret-ucp-text-dark{ caret-color: var(--ucp-text-900) !important; } .caret-ucp-text-light{ caret-color: var(--ucp-text-50) !important; } .accent-acp-body-bg-dark{ accent-color: var(--acp-body-bg-900) !important; } .accent-acp-body-bg-light{ accent-color: var(--acp-body-bg-50) !important; } .accent-acp-checkbox-bg-dark{ accent-color: var(--acp-checkbox-bg-900) !important; } .accent-acp-checkbox-bg-light{ accent-color: var(--acp-checkbox-bg-50) !important; } .accent-acp-input-bg-dark{ accent-color: var(--acp-input-bg-900) !important; } .accent-acp-input-bg-light{ accent-color: var(--acp-input-bg-50) !important; } .accent-acp-input-text-dark{ accent-color: var(--acp-input-text-900) !important; } .accent-acp-input-text-light{ accent-color: var(--acp-input-text-50) !important; } .accent-acp-text-dark{ accent-color: var(--acp-text-900) !important; } .accent-acp-text-light{ accent-color: var(--acp-text-50) !important; } .accent-auth-checkbox-bg-dark{ accent-color: var(--auth-checkbox-bg-900) !important; } .accent-auth-checkbox-bg-light{ accent-color: var(--auth-checkbox-bg-50) !important; } .accent-auth-input-bg-dark{ accent-color: var(--auth-input-bg-900) !important; } .accent-auth-input-bg-light{ accent-color: var(--auth-input-bg-50) !important; } .accent-auth-input-text-dark{ accent-color: var(--auth-input-text-900) !important; } .accent-auth-input-text-light{ accent-color: var(--auth-input-text-50) !important; } .accent-button-danger-text-dark{ accent-color: var(--button-danger-text-900) !important; } .accent-button-danger-text-light{ accent-color: var(--button-danger-text-50) !important; } .accent-button-dark-text-dark{ accent-color: var(--button-dark-text-900) !important; } .accent-button-dark-text-light{ accent-color: var(--button-dark-text-50) !important; } .accent-button-light-text-dark{ accent-color: var(--button-light-text-900) !important; } .accent-button-light-text-light{ accent-color: var(--button-light-text-50) !important; } .accent-button-primary-text-dark{ accent-color: var(--button-primary-text-900) !important; } .accent-button-primary-text-light{ accent-color: var(--button-primary-text-50) !important; } .accent-button-secondary-text-dark{ accent-color: var(--button-secondary-text-900) !important; } .accent-button-secondary-text-light{ accent-color: var(--button-secondary-text-50) !important; } .accent-button-success-text-dark{ accent-color: var(--button-success-text-900) !important; } .accent-button-success-text-light{ accent-color: var(--button-success-text-50) !important; } .accent-button-warning-text-dark{ accent-color: var(--button-warning-text-900) !important; } .accent-button-warning-text-light{ accent-color: var(--button-warning-text-50) !important; } .accent-ucp-body-bg-dark{ accent-color: var(--ucp-body-bg-900) !important; } .accent-ucp-body-bg-light{ accent-color: var(--ucp-body-bg-50) !important; } .accent-ucp-checkbox-bg-dark{ accent-color: var(--ucp-checkbox-bg-900) !important; } .accent-ucp-checkbox-bg-light{ accent-color: var(--ucp-checkbox-bg-50) !important; } .accent-ucp-input-bg-dark{ accent-color: var(--ucp-input-bg-900) !important; } .accent-ucp-input-bg-light{ accent-color: var(--ucp-input-bg-50) !important; } .accent-ucp-input-text-dark{ accent-color: var(--ucp-input-text-900) !important; } .accent-ucp-input-text-light{ accent-color: var(--ucp-input-text-50) !important; } .accent-ucp-text-dark{ accent-color: var(--ucp-text-900) !important; } .accent-ucp-text-light{ accent-color: var(--ucp-text-50) !important; } .opacity-0{ opacity: 0 !important; } .opacity-100{ opacity: 1 !important; } .opacity-50{ opacity: 0.5 !important; } .opacity-75{ opacity: 0.75 !important; } .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-lg{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-md{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-ucp-header{ --tw-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16) !important; --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-acp-body-bg-dark{ --tw-shadow-color: var(--acp-body-bg-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-acp-body-bg-light{ --tw-shadow-color: var(--acp-body-bg-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-acp-checkbox-bg-dark{ --tw-shadow-color: var(--acp-checkbox-bg-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-acp-checkbox-bg-light{ --tw-shadow-color: var(--acp-checkbox-bg-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-acp-input-bg-dark{ --tw-shadow-color: var(--acp-input-bg-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-acp-input-bg-light{ --tw-shadow-color: var(--acp-input-bg-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-acp-input-text-dark{ --tw-shadow-color: var(--acp-input-text-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-acp-input-text-light{ --tw-shadow-color: var(--acp-input-text-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-acp-text-dark{ --tw-shadow-color: var(--acp-text-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-acp-text-light{ --tw-shadow-color: var(--acp-text-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-auth-checkbox-bg-dark{ --tw-shadow-color: var(--auth-checkbox-bg-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-auth-checkbox-bg-light{ --tw-shadow-color: var(--auth-checkbox-bg-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-auth-input-bg-dark{ --tw-shadow-color: var(--auth-input-bg-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-auth-input-bg-light{ --tw-shadow-color: var(--auth-input-bg-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-auth-input-text-dark{ --tw-shadow-color: var(--auth-input-text-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-auth-input-text-light{ --tw-shadow-color: var(--auth-input-text-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-button-danger-text-dark{ --tw-shadow-color: var(--button-danger-text-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-button-danger-text-light{ --tw-shadow-color: var(--button-danger-text-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-button-dark-text-dark{ --tw-shadow-color: var(--button-dark-text-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-button-dark-text-light{ --tw-shadow-color: var(--button-dark-text-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-button-light-text-dark{ --tw-shadow-color: var(--button-light-text-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-button-light-text-light{ --tw-shadow-color: var(--button-light-text-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-button-primary-text-dark{ --tw-shadow-color: var(--button-primary-text-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-button-primary-text-light{ --tw-shadow-color: var(--button-primary-text-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-button-secondary-text-dark{ --tw-shadow-color: var(--button-secondary-text-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-button-secondary-text-light{ --tw-shadow-color: var(--button-secondary-text-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-button-success-text-dark{ --tw-shadow-color: var(--button-success-text-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-button-success-text-light{ --tw-shadow-color: var(--button-success-text-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-button-warning-text-dark{ --tw-shadow-color: var(--button-warning-text-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-button-warning-text-light{ --tw-shadow-color: var(--button-warning-text-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-ucp-body-bg-dark{ --tw-shadow-color: var(--ucp-body-bg-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-ucp-body-bg-light{ --tw-shadow-color: var(--ucp-body-bg-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-ucp-checkbox-bg-dark{ --tw-shadow-color: var(--ucp-checkbox-bg-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-ucp-checkbox-bg-light{ --tw-shadow-color: var(--ucp-checkbox-bg-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-ucp-input-bg-dark{ --tw-shadow-color: var(--ucp-input-bg-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-ucp-input-bg-light{ --tw-shadow-color: var(--ucp-input-bg-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-ucp-input-text-dark{ --tw-shadow-color: var(--ucp-input-text-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-ucp-input-text-light{ --tw-shadow-color: var(--ucp-input-text-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-ucp-text-dark{ --tw-shadow-color: var(--ucp-text-900) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .shadow-ucp-text-light{ --tw-shadow-color: var(--ucp-text-50) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .outline-none{ outline: 2px solid transparent !important; outline-offset: 2px !important; } .outline{ outline-style: solid !important; } .outline-acp-body-bg-dark{ outline-color: var(--acp-body-bg-900) !important; } .outline-acp-body-bg-light{ outline-color: var(--acp-body-bg-50) !important; } .outline-acp-checkbox-bg-dark{ outline-color: var(--acp-checkbox-bg-900) !important; } .outline-acp-checkbox-bg-light{ outline-color: var(--acp-checkbox-bg-50) !important; } .outline-acp-input-bg-dark{ outline-color: var(--acp-input-bg-900) !important; } .outline-acp-input-bg-light{ outline-color: var(--acp-input-bg-50) !important; } .outline-acp-input-text-dark{ outline-color: var(--acp-input-text-900) !important; } .outline-acp-input-text-light{ outline-color: var(--acp-input-text-50) !important; } .outline-acp-text-dark{ outline-color: var(--acp-text-900) !important; } .outline-acp-text-light{ outline-color: var(--acp-text-50) !important; } .outline-auth-checkbox-bg-dark{ outline-color: var(--auth-checkbox-bg-900) !important; } .outline-auth-checkbox-bg-light{ outline-color: var(--auth-checkbox-bg-50) !important; } .outline-auth-input-bg-dark{ outline-color: var(--auth-input-bg-900) !important; } .outline-auth-input-bg-light{ outline-color: var(--auth-input-bg-50) !important; } .outline-auth-input-text-dark{ outline-color: var(--auth-input-text-900) !important; } .outline-auth-input-text-light{ outline-color: var(--auth-input-text-50) !important; } .outline-button-danger{ outline-color: var(--button-danger) !important; } .outline-button-danger-100{ outline-color: var(--button-danger-100) !important; } .outline-button-danger-200{ outline-color: var(--button-danger-200) !important; } .outline-button-danger-300{ outline-color: var(--button-danger-300) !important; } .outline-button-danger-400{ outline-color: var(--button-danger-400) !important; } .outline-button-danger-50{ outline-color: var(--button-danger-50) !important; } .outline-button-danger-500{ outline-color: var(--button-danger) !important; } .outline-button-danger-600{ outline-color: var(--button-danger-600) !important; } .outline-button-danger-700{ outline-color: var(--button-danger-700) !important; } .outline-button-danger-800{ outline-color: var(--button-danger-800) !important; } .outline-button-danger-900{ outline-color: var(--button-danger-900) !important; } .outline-button-danger-dark{ outline-color: var(--button-danger-900) !important; } .outline-button-danger-hover{ outline-color: var(--button-danger-hover) !important; } .outline-button-danger-hover-100{ outline-color: var(--button-danger-hover-100) !important; } .outline-button-danger-hover-200{ outline-color: var(--button-danger-hover-200) !important; } .outline-button-danger-hover-300{ outline-color: var(--button-danger-hover-300) !important; } .outline-button-danger-hover-400{ outline-color: var(--button-danger-hover-400) !important; } .outline-button-danger-hover-50{ outline-color: var(--button-danger-hover-50) !important; } .outline-button-danger-hover-500{ outline-color: var(--button-danger-hover) !important; } .outline-button-danger-hover-600{ outline-color: var(--button-danger-hover-600) !important; } .outline-button-danger-hover-700{ outline-color: var(--button-danger-hover-700) !important; } .outline-button-danger-hover-800{ outline-color: var(--button-danger-hover-800) !important; } .outline-button-danger-hover-900{ outline-color: var(--button-danger-hover-900) !important; } .outline-button-danger-hover-dark{ outline-color: var(--button-danger-hover-900) !important; } .outline-button-danger-hover-light{ outline-color: var(--button-danger-hover-50) !important; } .outline-button-danger-light{ outline-color: var(--button-danger-50) !important; } .outline-button-danger-text{ outline-color: var(--button-danger-text) !important; } .outline-button-danger-text-100{ outline-color: var(--button-danger-text-100) !important; } .outline-button-danger-text-200{ outline-color: var(--button-danger-text-200) !important; } .outline-button-danger-text-300{ outline-color: var(--button-danger-text-300) !important; } .outline-button-danger-text-400{ outline-color: var(--button-danger-text-400) !important; } .outline-button-danger-text-50{ outline-color: var(--button-danger-text-50) !important; } .outline-button-danger-text-500{ outline-color: var(--button-danger-text) !important; } .outline-button-danger-text-600{ outline-color: var(--button-danger-text-600) !important; } .outline-button-danger-text-700{ outline-color: var(--button-danger-text-700) !important; } .outline-button-danger-text-800{ outline-color: var(--button-danger-text-800) !important; } .outline-button-danger-text-900{ outline-color: var(--button-danger-text-900) !important; } .outline-button-danger-text-dark{ outline-color: var(--button-danger-text-900) !important; } .outline-button-danger-text-hover{ outline-color: var(--button-danger-text-hover) !important; } .outline-button-danger-text-hover-100{ outline-color: var(--button-danger-text-hover-100) !important; } .outline-button-danger-text-hover-200{ outline-color: var(--button-danger-text-hover-200) !important; } .outline-button-danger-text-hover-300{ outline-color: var(--button-danger-text-hover-300) !important; } .outline-button-danger-text-hover-400{ outline-color: var(--button-danger-text-hover-400) !important; } .outline-button-danger-text-hover-50{ outline-color: var(--button-danger-text-hover-50) !important; } .outline-button-danger-text-hover-500{ outline-color: var(--button-danger-text-hover) !important; } .outline-button-danger-text-hover-600{ outline-color: var(--button-danger-text-hover-600) !important; } .outline-button-danger-text-hover-700{ outline-color: var(--button-danger-text-hover-700) !important; } .outline-button-danger-text-hover-800{ outline-color: var(--button-danger-text-hover-800) !important; } .outline-button-danger-text-hover-900{ outline-color: var(--button-danger-text-hover-900) !important; } .outline-button-danger-text-hover-dark{ outline-color: var(--button-danger-text-hover-900) !important; } .outline-button-danger-text-hover-light{ outline-color: var(--button-danger-text-hover-50) !important; } .outline-button-danger-text-light{ outline-color: var(--button-danger-text-50) !important; } .outline-button-dark{ outline-color: var(--button-dark) !important; } .outline-button-dark-100{ outline-color: var(--button-dark-100) !important; } .outline-button-dark-200{ outline-color: var(--button-dark-200) !important; } .outline-button-dark-300{ outline-color: var(--button-dark-300) !important; } .outline-button-dark-400{ outline-color: var(--button-dark-400) !important; } .outline-button-dark-50{ outline-color: var(--button-dark-50) !important; } .outline-button-dark-500{ outline-color: var(--button-dark) !important; } .outline-button-dark-600{ outline-color: var(--button-dark-600) !important; } .outline-button-dark-700{ outline-color: var(--button-dark-700) !important; } .outline-button-dark-800{ outline-color: var(--button-dark-800) !important; } .outline-button-dark-900{ outline-color: var(--button-dark-900) !important; } .outline-button-dark-dark{ outline-color: var(--button-dark-900) !important; } .outline-button-dark-hover{ outline-color: var(--button-dark-hover) !important; } .outline-button-dark-hover-100{ outline-color: var(--button-dark-hover-100) !important; } .outline-button-dark-hover-200{ outline-color: var(--button-dark-hover-200) !important; } .outline-button-dark-hover-300{ outline-color: var(--button-dark-hover-300) !important; } .outline-button-dark-hover-400{ outline-color: var(--button-dark-hover-400) !important; } .outline-button-dark-hover-50{ outline-color: var(--button-dark-hover-50) !important; } .outline-button-dark-hover-500{ outline-color: var(--button-dark-hover) !important; } .outline-button-dark-hover-600{ outline-color: var(--button-dark-hover-600) !important; } .outline-button-dark-hover-700{ outline-color: var(--button-dark-hover-700) !important; } .outline-button-dark-hover-800{ outline-color: var(--button-dark-hover-800) !important; } .outline-button-dark-hover-900{ outline-color: var(--button-dark-hover-900) !important; } .outline-button-dark-hover-dark{ outline-color: var(--button-dark-hover-900) !important; } .outline-button-dark-hover-light{ outline-color: var(--button-dark-hover-50) !important; } .outline-button-dark-light{ outline-color: var(--button-dark-50) !important; } .outline-button-dark-text{ outline-color: var(--button-dark-text) !important; } .outline-button-dark-text-100{ outline-color: var(--button-dark-text-100) !important; } .outline-button-dark-text-200{ outline-color: var(--button-dark-text-200) !important; } .outline-button-dark-text-300{ outline-color: var(--button-dark-text-300) !important; } .outline-button-dark-text-400{ outline-color: var(--button-dark-text-400) !important; } .outline-button-dark-text-50{ outline-color: var(--button-dark-text-50) !important; } .outline-button-dark-text-500{ outline-color: var(--button-dark-text) !important; } .outline-button-dark-text-600{ outline-color: var(--button-dark-text-600) !important; } .outline-button-dark-text-700{ outline-color: var(--button-dark-text-700) !important; } .outline-button-dark-text-800{ outline-color: var(--button-dark-text-800) !important; } .outline-button-dark-text-900{ outline-color: var(--button-dark-text-900) !important; } .outline-button-dark-text-dark{ outline-color: var(--button-dark-text-900) !important; } .outline-button-dark-text-hover{ outline-color: var(--button-dark-text-hover) !important; } .outline-button-dark-text-hover-100{ outline-color: var(--button-dark-text-hover-100) !important; } .outline-button-dark-text-hover-200{ outline-color: var(--button-dark-text-hover-200) !important; } .outline-button-dark-text-hover-300{ outline-color: var(--button-dark-text-hover-300) !important; } .outline-button-dark-text-hover-400{ outline-color: var(--button-dark-text-hover-400) !important; } .outline-button-dark-text-hover-50{ outline-color: var(--button-dark-text-hover-50) !important; } .outline-button-dark-text-hover-500{ outline-color: var(--button-dark-text-hover) !important; } .outline-button-dark-text-hover-600{ outline-color: var(--button-dark-text-hover-600) !important; } .outline-button-dark-text-hover-700{ outline-color: var(--button-dark-text-hover-700) !important; } .outline-button-dark-text-hover-800{ outline-color: var(--button-dark-text-hover-800) !important; } .outline-button-dark-text-hover-900{ outline-color: var(--button-dark-text-hover-900) !important; } .outline-button-dark-text-hover-dark{ outline-color: var(--button-dark-text-hover-900) !important; } .outline-button-dark-text-hover-light{ outline-color: var(--button-dark-text-hover-50) !important; } .outline-button-dark-text-light{ outline-color: var(--button-dark-text-50) !important; } .outline-button-light{ outline-color: var(--button-light) !important; } .outline-button-light-100{ outline-color: var(--button-light-100) !important; } .outline-button-light-200{ outline-color: var(--button-light-200) !important; } .outline-button-light-300{ outline-color: var(--button-light-300) !important; } .outline-button-light-400{ outline-color: var(--button-light-400) !important; } .outline-button-light-50{ outline-color: var(--button-light-50) !important; } .outline-button-light-500{ outline-color: var(--button-light) !important; } .outline-button-light-600{ outline-color: var(--button-light-600) !important; } .outline-button-light-700{ outline-color: var(--button-light-700) !important; } .outline-button-light-800{ outline-color: var(--button-light-800) !important; } .outline-button-light-900{ outline-color: var(--button-light-900) !important; } .outline-button-light-dark{ outline-color: var(--button-light-900) !important; } .outline-button-light-hover{ outline-color: var(--button-light-hover) !important; } .outline-button-light-hover-100{ outline-color: var(--button-light-hover-100) !important; } .outline-button-light-hover-200{ outline-color: var(--button-light-hover-200) !important; } .outline-button-light-hover-300{ outline-color: var(--button-light-hover-300) !important; } .outline-button-light-hover-400{ outline-color: var(--button-light-hover-400) !important; } .outline-button-light-hover-50{ outline-color: var(--button-light-hover-50) !important; } .outline-button-light-hover-500{ outline-color: var(--button-light-hover) !important; } .outline-button-light-hover-600{ outline-color: var(--button-light-hover-600) !important; } .outline-button-light-hover-700{ outline-color: var(--button-light-hover-700) !important; } .outline-button-light-hover-800{ outline-color: var(--button-light-hover-800) !important; } .outline-button-light-hover-900{ outline-color: var(--button-light-hover-900) !important; } .outline-button-light-hover-dark{ outline-color: var(--button-light-hover-900) !important; } .outline-button-light-hover-light{ outline-color: var(--button-light-hover-50) !important; } .outline-button-light-light{ outline-color: var(--button-light-50) !important; } .outline-button-light-text{ outline-color: var(--button-light-text) !important; } .outline-button-light-text-100{ outline-color: var(--button-light-text-100) !important; } .outline-button-light-text-200{ outline-color: var(--button-light-text-200) !important; } .outline-button-light-text-300{ outline-color: var(--button-light-text-300) !important; } .outline-button-light-text-400{ outline-color: var(--button-light-text-400) !important; } .outline-button-light-text-50{ outline-color: var(--button-light-text-50) !important; } .outline-button-light-text-500{ outline-color: var(--button-light-text) !important; } .outline-button-light-text-600{ outline-color: var(--button-light-text-600) !important; } .outline-button-light-text-700{ outline-color: var(--button-light-text-700) !important; } .outline-button-light-text-800{ outline-color: var(--button-light-text-800) !important; } .outline-button-light-text-900{ outline-color: var(--button-light-text-900) !important; } .outline-button-light-text-dark{ outline-color: var(--button-light-text-900) !important; } .outline-button-light-text-hover{ outline-color: var(--button-light-text-hover) !important; } .outline-button-light-text-hover-100{ outline-color: var(--button-light-text-hover-100) !important; } .outline-button-light-text-hover-200{ outline-color: var(--button-light-text-hover-200) !important; } .outline-button-light-text-hover-300{ outline-color: var(--button-light-text-hover-300) !important; } .outline-button-light-text-hover-400{ outline-color: var(--button-light-text-hover-400) !important; } .outline-button-light-text-hover-50{ outline-color: var(--button-light-text-hover-50) !important; } .outline-button-light-text-hover-500{ outline-color: var(--button-light-text-hover) !important; } .outline-button-light-text-hover-600{ outline-color: var(--button-light-text-hover-600) !important; } .outline-button-light-text-hover-700{ outline-color: var(--button-light-text-hover-700) !important; } .outline-button-light-text-hover-800{ outline-color: var(--button-light-text-hover-800) !important; } .outline-button-light-text-hover-900{ outline-color: var(--button-light-text-hover-900) !important; } .outline-button-light-text-hover-dark{ outline-color: var(--button-light-text-hover-900) !important; } .outline-button-light-text-hover-light{ outline-color: var(--button-light-text-hover-50) !important; } .outline-button-light-text-light{ outline-color: var(--button-light-text-50) !important; } .outline-button-primary{ outline-color: var(--button-primary) !important; } .outline-button-primary-100{ outline-color: var(--button-primary-100) !important; } .outline-button-primary-200{ outline-color: var(--button-primary-200) !important; } .outline-button-primary-300{ outline-color: var(--button-primary-300) !important; } .outline-button-primary-400{ outline-color: var(--button-primary-400) !important; } .outline-button-primary-50{ outline-color: var(--button-primary-50) !important; } .outline-button-primary-500{ outline-color: var(--button-primary) !important; } .outline-button-primary-600{ outline-color: var(--button-primary-600) !important; } .outline-button-primary-700{ outline-color: var(--button-primary-700) !important; } .outline-button-primary-800{ outline-color: var(--button-primary-800) !important; } .outline-button-primary-900{ outline-color: var(--button-primary-900) !important; } .outline-button-primary-dark{ outline-color: var(--button-primary-900) !important; } .outline-button-primary-hover{ outline-color: var(--button-primary-hover) !important; } .outline-button-primary-hover-100{ outline-color: var(--button-primary-hover-100) !important; } .outline-button-primary-hover-200{ outline-color: var(--button-primary-hover-200) !important; } .outline-button-primary-hover-300{ outline-color: var(--button-primary-hover-300) !important; } .outline-button-primary-hover-400{ outline-color: var(--button-primary-hover-400) !important; } .outline-button-primary-hover-50{ outline-color: var(--button-primary-hover-50) !important; } .outline-button-primary-hover-500{ outline-color: var(--button-primary-hover) !important; } .outline-button-primary-hover-600{ outline-color: var(--button-primary-hover-600) !important; } .outline-button-primary-hover-700{ outline-color: var(--button-primary-hover-700) !important; } .outline-button-primary-hover-800{ outline-color: var(--button-primary-hover-800) !important; } .outline-button-primary-hover-900{ outline-color: var(--button-primary-hover-900) !important; } .outline-button-primary-hover-dark{ outline-color: var(--button-primary-hover-900) !important; } .outline-button-primary-hover-light{ outline-color: var(--button-primary-hover-50) !important; } .outline-button-primary-light{ outline-color: var(--button-primary-50) !important; } .outline-button-primary-text{ outline-color: var(--button-primary-text) !important; } .outline-button-primary-text-100{ outline-color: var(--button-primary-text-100) !important; } .outline-button-primary-text-200{ outline-color: var(--button-primary-text-200) !important; } .outline-button-primary-text-300{ outline-color: var(--button-primary-text-300) !important; } .outline-button-primary-text-400{ outline-color: var(--button-primary-text-400) !important; } .outline-button-primary-text-50{ outline-color: var(--button-primary-text-50) !important; } .outline-button-primary-text-500{ outline-color: var(--button-primary-text) !important; } .outline-button-primary-text-600{ outline-color: var(--button-primary-text-600) !important; } .outline-button-primary-text-700{ outline-color: var(--button-primary-text-700) !important; } .outline-button-primary-text-800{ outline-color: var(--button-primary-text-800) !important; } .outline-button-primary-text-900{ outline-color: var(--button-primary-text-900) !important; } .outline-button-primary-text-dark{ outline-color: var(--button-primary-text-900) !important; } .outline-button-primary-text-hover{ outline-color: var(--button-primary-text-hover) !important; } .outline-button-primary-text-hover-100{ outline-color: var(--button-primary-text-hover-100) !important; } .outline-button-primary-text-hover-200{ outline-color: var(--button-primary-text-hover-200) !important; } .outline-button-primary-text-hover-300{ outline-color: var(--button-primary-text-hover-300) !important; } .outline-button-primary-text-hover-400{ outline-color: var(--button-primary-text-hover-400) !important; } .outline-button-primary-text-hover-50{ outline-color: var(--button-primary-text-hover-50) !important; } .outline-button-primary-text-hover-500{ outline-color: var(--button-primary-text-hover) !important; } .outline-button-primary-text-hover-600{ outline-color: var(--button-primary-text-hover-600) !important; } .outline-button-primary-text-hover-700{ outline-color: var(--button-primary-text-hover-700) !important; } .outline-button-primary-text-hover-800{ outline-color: var(--button-primary-text-hover-800) !important; } .outline-button-primary-text-hover-900{ outline-color: var(--button-primary-text-hover-900) !important; } .outline-button-primary-text-hover-dark{ outline-color: var(--button-primary-text-hover-900) !important; } .outline-button-primary-text-hover-light{ outline-color: var(--button-primary-text-hover-50) !important; } .outline-button-primary-text-light{ outline-color: var(--button-primary-text-50) !important; } .outline-button-secondary{ outline-color: var(--button-secondary) !important; } .outline-button-secondary-100{ outline-color: var(--button-secondary-100) !important; } .outline-button-secondary-200{ outline-color: var(--button-secondary-200) !important; } .outline-button-secondary-300{ outline-color: var(--button-secondary-300) !important; } .outline-button-secondary-400{ outline-color: var(--button-secondary-400) !important; } .outline-button-secondary-50{ outline-color: var(--button-secondary-50) !important; } .outline-button-secondary-500{ outline-color: var(--button-secondary) !important; } .outline-button-secondary-600{ outline-color: var(--button-secondary-600) !important; } .outline-button-secondary-700{ outline-color: var(--button-secondary-700) !important; } .outline-button-secondary-800{ outline-color: var(--button-secondary-800) !important; } .outline-button-secondary-900{ outline-color: var(--button-secondary-900) !important; } .outline-button-secondary-dark{ outline-color: var(--button-secondary-900) !important; } .outline-button-secondary-hover{ outline-color: var(--button-secondary-hover) !important; } .outline-button-secondary-hover-100{ outline-color: var(--button-secondary-hover-100) !important; } .outline-button-secondary-hover-200{ outline-color: var(--button-secondary-hover-200) !important; } .outline-button-secondary-hover-300{ outline-color: var(--button-secondary-hover-300) !important; } .outline-button-secondary-hover-400{ outline-color: var(--button-secondary-hover-400) !important; } .outline-button-secondary-hover-50{ outline-color: var(--button-secondary-hover-50) !important; } .outline-button-secondary-hover-500{ outline-color: var(--button-secondary-hover) !important; } .outline-button-secondary-hover-600{ outline-color: var(--button-secondary-hover-600) !important; } .outline-button-secondary-hover-700{ outline-color: var(--button-secondary-hover-700) !important; } .outline-button-secondary-hover-800{ outline-color: var(--button-secondary-hover-800) !important; } .outline-button-secondary-hover-900{ outline-color: var(--button-secondary-hover-900) !important; } .outline-button-secondary-hover-dark{ outline-color: var(--button-secondary-hover-900) !important; } .outline-button-secondary-hover-light{ outline-color: var(--button-secondary-hover-50) !important; } .outline-button-secondary-light{ outline-color: var(--button-secondary-50) !important; } .outline-button-secondary-text{ outline-color: var(--button-secondary-text) !important; } .outline-button-secondary-text-100{ outline-color: var(--button-secondary-text-100) !important; } .outline-button-secondary-text-200{ outline-color: var(--button-secondary-text-200) !important; } .outline-button-secondary-text-300{ outline-color: var(--button-secondary-text-300) !important; } .outline-button-secondary-text-400{ outline-color: var(--button-secondary-text-400) !important; } .outline-button-secondary-text-50{ outline-color: var(--button-secondary-text-50) !important; } .outline-button-secondary-text-500{ outline-color: var(--button-secondary-text) !important; } .outline-button-secondary-text-600{ outline-color: var(--button-secondary-text-600) !important; } .outline-button-secondary-text-700{ outline-color: var(--button-secondary-text-700) !important; } .outline-button-secondary-text-800{ outline-color: var(--button-secondary-text-800) !important; } .outline-button-secondary-text-900{ outline-color: var(--button-secondary-text-900) !important; } .outline-button-secondary-text-dark{ outline-color: var(--button-secondary-text-900) !important; } .outline-button-secondary-text-hover{ outline-color: var(--button-secondary-text-hover) !important; } .outline-button-secondary-text-hover-100{ outline-color: var(--button-secondary-text-hover-100) !important; } .outline-button-secondary-text-hover-200{ outline-color: var(--button-secondary-text-hover-200) !important; } .outline-button-secondary-text-hover-300{ outline-color: var(--button-secondary-text-hover-300) !important; } .outline-button-secondary-text-hover-400{ outline-color: var(--button-secondary-text-hover-400) !important; } .outline-button-secondary-text-hover-50{ outline-color: var(--button-secondary-text-hover-50) !important; } .outline-button-secondary-text-hover-500{ outline-color: var(--button-secondary-text-hover) !important; } .outline-button-secondary-text-hover-600{ outline-color: var(--button-secondary-text-hover-600) !important; } .outline-button-secondary-text-hover-700{ outline-color: var(--button-secondary-text-hover-700) !important; } .outline-button-secondary-text-hover-800{ outline-color: var(--button-secondary-text-hover-800) !important; } .outline-button-secondary-text-hover-900{ outline-color: var(--button-secondary-text-hover-900) !important; } .outline-button-secondary-text-hover-dark{ outline-color: var(--button-secondary-text-hover-900) !important; } .outline-button-secondary-text-hover-light{ outline-color: var(--button-secondary-text-hover-50) !important; } .outline-button-secondary-text-light{ outline-color: var(--button-secondary-text-50) !important; } .outline-button-success{ outline-color: var(--button-success) !important; } .outline-button-success-100{ outline-color: var(--button-success-100) !important; } .outline-button-success-200{ outline-color: var(--button-success-200) !important; } .outline-button-success-300{ outline-color: var(--button-success-300) !important; } .outline-button-success-400{ outline-color: var(--button-success-400) !important; } .outline-button-success-50{ outline-color: var(--button-success-50) !important; } .outline-button-success-500{ outline-color: var(--button-success) !important; } .outline-button-success-600{ outline-color: var(--button-success-600) !important; } .outline-button-success-700{ outline-color: var(--button-success-700) !important; } .outline-button-success-800{ outline-color: var(--button-success-800) !important; } .outline-button-success-900{ outline-color: var(--button-success-900) !important; } .outline-button-success-dark{ outline-color: var(--button-success-900) !important; } .outline-button-success-hover{ outline-color: var(--button-success-hover) !important; } .outline-button-success-hover-100{ outline-color: var(--button-success-hover-100) !important; } .outline-button-success-hover-200{ outline-color: var(--button-success-hover-200) !important; } .outline-button-success-hover-300{ outline-color: var(--button-success-hover-300) !important; } .outline-button-success-hover-400{ outline-color: var(--button-success-hover-400) !important; } .outline-button-success-hover-50{ outline-color: var(--button-success-hover-50) !important; } .outline-button-success-hover-500{ outline-color: var(--button-success-hover) !important; } .outline-button-success-hover-600{ outline-color: var(--button-success-hover-600) !important; } .outline-button-success-hover-700{ outline-color: var(--button-success-hover-700) !important; } .outline-button-success-hover-800{ outline-color: var(--button-success-hover-800) !important; } .outline-button-success-hover-900{ outline-color: var(--button-success-hover-900) !important; } .outline-button-success-hover-dark{ outline-color: var(--button-success-hover-900) !important; } .outline-button-success-hover-light{ outline-color: var(--button-success-hover-50) !important; } .outline-button-success-light{ outline-color: var(--button-success-50) !important; } .outline-button-success-text{ outline-color: var(--button-success-text) !important; } .outline-button-success-text-100{ outline-color: var(--button-success-text-100) !important; } .outline-button-success-text-200{ outline-color: var(--button-success-text-200) !important; } .outline-button-success-text-300{ outline-color: var(--button-success-text-300) !important; } .outline-button-success-text-400{ outline-color: var(--button-success-text-400) !important; } .outline-button-success-text-50{ outline-color: var(--button-success-text-50) !important; } .outline-button-success-text-500{ outline-color: var(--button-success-text) !important; } .outline-button-success-text-600{ outline-color: var(--button-success-text-600) !important; } .outline-button-success-text-700{ outline-color: var(--button-success-text-700) !important; } .outline-button-success-text-800{ outline-color: var(--button-success-text-800) !important; } .outline-button-success-text-900{ outline-color: var(--button-success-text-900) !important; } .outline-button-success-text-dark{ outline-color: var(--button-success-text-900) !important; } .outline-button-success-text-hover{ outline-color: var(--button-success-text-hover) !important; } .outline-button-success-text-hover-100{ outline-color: var(--button-success-text-hover-100) !important; } .outline-button-success-text-hover-200{ outline-color: var(--button-success-text-hover-200) !important; } .outline-button-success-text-hover-300{ outline-color: var(--button-success-text-hover-300) !important; } .outline-button-success-text-hover-400{ outline-color: var(--button-success-text-hover-400) !important; } .outline-button-success-text-hover-50{ outline-color: var(--button-success-text-hover-50) !important; } .outline-button-success-text-hover-500{ outline-color: var(--button-success-text-hover) !important; } .outline-button-success-text-hover-600{ outline-color: var(--button-success-text-hover-600) !important; } .outline-button-success-text-hover-700{ outline-color: var(--button-success-text-hover-700) !important; } .outline-button-success-text-hover-800{ outline-color: var(--button-success-text-hover-800) !important; } .outline-button-success-text-hover-900{ outline-color: var(--button-success-text-hover-900) !important; } .outline-button-success-text-hover-dark{ outline-color: var(--button-success-text-hover-900) !important; } .outline-button-success-text-hover-light{ outline-color: var(--button-success-text-hover-50) !important; } .outline-button-success-text-light{ outline-color: var(--button-success-text-50) !important; } .outline-button-warning{ outline-color: var(--button-warning) !important; } .outline-button-warning-100{ outline-color: var(--button-warning-100) !important; } .outline-button-warning-200{ outline-color: var(--button-warning-200) !important; } .outline-button-warning-300{ outline-color: var(--button-warning-300) !important; } .outline-button-warning-400{ outline-color: var(--button-warning-400) !important; } .outline-button-warning-50{ outline-color: var(--button-warning-50) !important; } .outline-button-warning-500{ outline-color: var(--button-warning) !important; } .outline-button-warning-600{ outline-color: var(--button-warning-600) !important; } .outline-button-warning-700{ outline-color: var(--button-warning-700) !important; } .outline-button-warning-800{ outline-color: var(--button-warning-800) !important; } .outline-button-warning-900{ outline-color: var(--button-warning-900) !important; } .outline-button-warning-dark{ outline-color: var(--button-warning-900) !important; } .outline-button-warning-hover{ outline-color: var(--button-warning-hover) !important; } .outline-button-warning-hover-100{ outline-color: var(--button-warning-hover-100) !important; } .outline-button-warning-hover-200{ outline-color: var(--button-warning-hover-200) !important; } .outline-button-warning-hover-300{ outline-color: var(--button-warning-hover-300) !important; } .outline-button-warning-hover-400{ outline-color: var(--button-warning-hover-400) !important; } .outline-button-warning-hover-50{ outline-color: var(--button-warning-hover-50) !important; } .outline-button-warning-hover-500{ outline-color: var(--button-warning-hover) !important; } .outline-button-warning-hover-600{ outline-color: var(--button-warning-hover-600) !important; } .outline-button-warning-hover-700{ outline-color: var(--button-warning-hover-700) !important; } .outline-button-warning-hover-800{ outline-color: var(--button-warning-hover-800) !important; } .outline-button-warning-hover-900{ outline-color: var(--button-warning-hover-900) !important; } .outline-button-warning-hover-dark{ outline-color: var(--button-warning-hover-900) !important; } .outline-button-warning-hover-light{ outline-color: var(--button-warning-hover-50) !important; } .outline-button-warning-light{ outline-color: var(--button-warning-50) !important; } .outline-button-warning-text{ outline-color: var(--button-warning-text) !important; } .outline-button-warning-text-100{ outline-color: var(--button-warning-text-100) !important; } .outline-button-warning-text-200{ outline-color: var(--button-warning-text-200) !important; } .outline-button-warning-text-300{ outline-color: var(--button-warning-text-300) !important; } .outline-button-warning-text-400{ outline-color: var(--button-warning-text-400) !important; } .outline-button-warning-text-50{ outline-color: var(--button-warning-text-50) !important; } .outline-button-warning-text-500{ outline-color: var(--button-warning-text) !important; } .outline-button-warning-text-600{ outline-color: var(--button-warning-text-600) !important; } .outline-button-warning-text-700{ outline-color: var(--button-warning-text-700) !important; } .outline-button-warning-text-800{ outline-color: var(--button-warning-text-800) !important; } .outline-button-warning-text-900{ outline-color: var(--button-warning-text-900) !important; } .outline-button-warning-text-dark{ outline-color: var(--button-warning-text-900) !important; } .outline-button-warning-text-hover{ outline-color: var(--button-warning-text-hover) !important; } .outline-button-warning-text-hover-100{ outline-color: var(--button-warning-text-hover-100) !important; } .outline-button-warning-text-hover-200{ outline-color: var(--button-warning-text-hover-200) !important; } .outline-button-warning-text-hover-300{ outline-color: var(--button-warning-text-hover-300) !important; } .outline-button-warning-text-hover-400{ outline-color: var(--button-warning-text-hover-400) !important; } .outline-button-warning-text-hover-50{ outline-color: var(--button-warning-text-hover-50) !important; } .outline-button-warning-text-hover-500{ outline-color: var(--button-warning-text-hover) !important; } .outline-button-warning-text-hover-600{ outline-color: var(--button-warning-text-hover-600) !important; } .outline-button-warning-text-hover-700{ outline-color: var(--button-warning-text-hover-700) !important; } .outline-button-warning-text-hover-800{ outline-color: var(--button-warning-text-hover-800) !important; } .outline-button-warning-text-hover-900{ outline-color: var(--button-warning-text-hover-900) !important; } .outline-button-warning-text-hover-dark{ outline-color: var(--button-warning-text-hover-900) !important; } .outline-button-warning-text-hover-light{ outline-color: var(--button-warning-text-hover-50) !important; } .outline-button-warning-text-light{ outline-color: var(--button-warning-text-50) !important; } .outline-danger{ outline-color: var(--danger) !important; } .outline-danger-100{ outline-color: var(--danger-100) !important; } .outline-danger-200{ outline-color: var(--danger-200) !important; } .outline-danger-300{ outline-color: var(--danger-300) !important; } .outline-danger-400{ outline-color: var(--danger-400) !important; } .outline-danger-50{ outline-color: var(--danger-50) !important; } .outline-danger-500{ outline-color: var(--danger) !important; } .outline-danger-600{ outline-color: var(--danger-600) !important; } .outline-danger-700{ outline-color: var(--danger-700) !important; } .outline-danger-800{ outline-color: var(--danger-800) !important; } .outline-danger-900{ outline-color: var(--danger-900) !important; } .outline-danger-dark{ outline-color: var(--danger-900) !important; } .outline-danger-light{ outline-color: var(--danger-50) !important; } .outline-dark{ outline-color: var(--dark) !important; } .outline-dark-100{ outline-color: var(--dark-100) !important; } .outline-dark-200{ outline-color: var(--dark-200) !important; } .outline-dark-300{ outline-color: var(--dark-300) !important; } .outline-dark-400{ outline-color: var(--dark-400) !important; } .outline-dark-50{ outline-color: var(--dark-50) !important; } .outline-dark-500{ outline-color: var(--dark) !important; } .outline-dark-600{ outline-color: var(--dark-600) !important; } .outline-dark-700{ outline-color: var(--dark-700) !important; } .outline-dark-800{ outline-color: var(--dark-800) !important; } .outline-dark-900{ outline-color: var(--dark-900) !important; } .outline-dark-dark{ outline-color: var(--dark-900) !important; } .outline-dark-light{ outline-color: var(--dark-50) !important; } .outline-light{ outline-color: var(--light) !important; } .outline-light-100{ outline-color: var(--light-100) !important; } .outline-light-200{ outline-color: var(--light-200) !important; } .outline-light-300{ outline-color: var(--light-300) !important; } .outline-light-400{ outline-color: var(--light-400) !important; } .outline-light-50{ outline-color: var(--light-50) !important; } .outline-light-500{ outline-color: var(--light) !important; } .outline-light-600{ outline-color: var(--light-600) !important; } .outline-light-700{ outline-color: var(--light-700) !important; } .outline-light-800{ outline-color: var(--light-800) !important; } .outline-light-900{ outline-color: var(--light-900) !important; } .outline-light-dark{ outline-color: var(--light-900) !important; } .outline-light-light{ outline-color: var(--light-50) !important; } .outline-primary{ outline-color: var(--primary) !important; } .outline-primary-100{ outline-color: var(--primary-100) !important; } .outline-primary-200{ outline-color: var(--primary-200) !important; } .outline-primary-300{ outline-color: var(--primary-300) !important; } .outline-primary-400{ outline-color: var(--primary-400) !important; } .outline-primary-50{ outline-color: var(--primary-50) !important; } .outline-primary-500{ outline-color: var(--primary) !important; } .outline-primary-600{ outline-color: var(--primary-600) !important; } .outline-primary-700{ outline-color: var(--primary-700) !important; } .outline-primary-800{ outline-color: var(--primary-800) !important; } .outline-primary-900{ outline-color: var(--primary-900) !important; } .outline-primary-dark{ outline-color: var(--primary-900) !important; } .outline-primary-light{ outline-color: var(--primary-50) !important; } .outline-secondary{ outline-color: var(--secondary) !important; } .outline-secondary-100{ outline-color: var(--secondary-100) !important; } .outline-secondary-200{ outline-color: var(--secondary-200) !important; } .outline-secondary-300{ outline-color: var(--secondary-300) !important; } .outline-secondary-400{ outline-color: var(--secondary-400) !important; } .outline-secondary-50{ outline-color: var(--secondary-50) !important; } .outline-secondary-500{ outline-color: var(--secondary) !important; } .outline-secondary-600{ outline-color: var(--secondary-600) !important; } .outline-secondary-700{ outline-color: var(--secondary-700) !important; } .outline-secondary-800{ outline-color: var(--secondary-800) !important; } .outline-secondary-900{ outline-color: var(--secondary-900) !important; } .outline-secondary-dark{ outline-color: var(--secondary-900) !important; } .outline-secondary-light{ outline-color: var(--secondary-50) !important; } .outline-success{ outline-color: var(--success) !important; } .outline-success-100{ outline-color: var(--success-100) !important; } .outline-success-200{ outline-color: var(--success-200) !important; } .outline-success-300{ outline-color: var(--success-300) !important; } .outline-success-400{ outline-color: var(--success-400) !important; } .outline-success-50{ outline-color: var(--success-50) !important; } .outline-success-500{ outline-color: var(--success) !important; } .outline-success-600{ outline-color: var(--success-600) !important; } .outline-success-700{ outline-color: var(--success-700) !important; } .outline-success-800{ outline-color: var(--success-800) !important; } .outline-success-900{ outline-color: var(--success-900) !important; } .outline-success-dark{ outline-color: var(--success-900) !important; } .outline-success-light{ outline-color: var(--success-50) !important; } .outline-ucp-body-bg-dark{ outline-color: var(--ucp-body-bg-900) !important; } .outline-ucp-body-bg-light{ outline-color: var(--ucp-body-bg-50) !important; } .outline-ucp-checkbox-bg-dark{ outline-color: var(--ucp-checkbox-bg-900) !important; } .outline-ucp-checkbox-bg-light{ outline-color: var(--ucp-checkbox-bg-50) !important; } .outline-ucp-input-bg-dark{ outline-color: var(--ucp-input-bg-900) !important; } .outline-ucp-input-bg-light{ outline-color: var(--ucp-input-bg-50) !important; } .outline-ucp-input-text-dark{ outline-color: var(--ucp-input-text-900) !important; } .outline-ucp-input-text-light{ outline-color: var(--ucp-input-text-50) !important; } .outline-ucp-text-dark{ outline-color: var(--ucp-text-900) !important; } .outline-ucp-text-light{ outline-color: var(--ucp-text-50) !important; } .outline-warning{ outline-color: var(--warning) !important; } .outline-warning-100{ outline-color: var(--warning-100) !important; } .outline-warning-200{ outline-color: var(--warning-200) !important; } .outline-warning-300{ outline-color: var(--warning-300) !important; } .outline-warning-400{ outline-color: var(--warning-400) !important; } .outline-warning-50{ outline-color: var(--warning-50) !important; } .outline-warning-500{ outline-color: var(--warning) !important; } .outline-warning-600{ outline-color: var(--warning-600) !important; } .outline-warning-700{ outline-color: var(--warning-700) !important; } .outline-warning-800{ outline-color: var(--warning-800) !important; } .outline-warning-900{ outline-color: var(--warning-900) !important; } .outline-warning-dark{ outline-color: var(--warning-900) !important; } .outline-warning-light{ outline-color: var(--warning-50) !important; } .ring{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .ring-0{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .ring-acp-body-bg-dark{ --tw-ring-color: var(--acp-body-bg-900) !important; } .ring-acp-body-bg-light{ --tw-ring-color: var(--acp-body-bg-50) !important; } .ring-acp-checkbox-bg-dark{ --tw-ring-color: var(--acp-checkbox-bg-900) !important; } .ring-acp-checkbox-bg-light{ --tw-ring-color: var(--acp-checkbox-bg-50) !important; } .ring-acp-input-bg-dark{ --tw-ring-color: var(--acp-input-bg-900) !important; } .ring-acp-input-bg-light{ --tw-ring-color: var(--acp-input-bg-50) !important; } .ring-acp-input-text-dark{ --tw-ring-color: var(--acp-input-text-900) !important; } .ring-acp-input-text-light{ --tw-ring-color: var(--acp-input-text-50) !important; } .ring-acp-text-dark{ --tw-ring-color: var(--acp-text-900) !important; } .ring-acp-text-light{ --tw-ring-color: var(--acp-text-50) !important; } .ring-auth-checkbox-bg-dark{ --tw-ring-color: var(--auth-checkbox-bg-900) !important; } .ring-auth-checkbox-bg-light{ --tw-ring-color: var(--auth-checkbox-bg-50) !important; } .ring-auth-input-bg-dark{ --tw-ring-color: var(--auth-input-bg-900) !important; } .ring-auth-input-bg-light{ --tw-ring-color: var(--auth-input-bg-50) !important; } .ring-auth-input-text-dark{ --tw-ring-color: var(--auth-input-text-900) !important; } .ring-auth-input-text-light{ --tw-ring-color: var(--auth-input-text-50) !important; } .ring-button-danger-text-dark{ --tw-ring-color: var(--button-danger-text-900) !important; } .ring-button-danger-text-light{ --tw-ring-color: var(--button-danger-text-50) !important; } .ring-button-dark-text-dark{ --tw-ring-color: var(--button-dark-text-900) !important; } .ring-button-dark-text-light{ --tw-ring-color: var(--button-dark-text-50) !important; } .ring-button-light-text-dark{ --tw-ring-color: var(--button-light-text-900) !important; } .ring-button-light-text-light{ --tw-ring-color: var(--button-light-text-50) !important; } .ring-button-primary-text-dark{ --tw-ring-color: var(--button-primary-text-900) !important; } .ring-button-primary-text-light{ --tw-ring-color: var(--button-primary-text-50) !important; } .ring-button-secondary-text-dark{ --tw-ring-color: var(--button-secondary-text-900) !important; } .ring-button-secondary-text-light{ --tw-ring-color: var(--button-secondary-text-50) !important; } .ring-button-success-text-dark{ --tw-ring-color: var(--button-success-text-900) !important; } .ring-button-success-text-light{ --tw-ring-color: var(--button-success-text-50) !important; } .ring-button-warning-text-dark{ --tw-ring-color: var(--button-warning-text-900) !important; } .ring-button-warning-text-light{ --tw-ring-color: var(--button-warning-text-50) !important; } .ring-ucp-body-bg-dark{ --tw-ring-color: var(--ucp-body-bg-900) !important; } .ring-ucp-body-bg-light{ --tw-ring-color: var(--ucp-body-bg-50) !important; } .ring-ucp-checkbox-bg-dark{ --tw-ring-color: var(--ucp-checkbox-bg-900) !important; } .ring-ucp-checkbox-bg-light{ --tw-ring-color: var(--ucp-checkbox-bg-50) !important; } .ring-ucp-input-bg-dark{ --tw-ring-color: var(--ucp-input-bg-900) !important; } .ring-ucp-input-bg-light{ --tw-ring-color: var(--ucp-input-bg-50) !important; } .ring-ucp-input-text-dark{ --tw-ring-color: var(--ucp-input-text-900) !important; } .ring-ucp-input-text-light{ --tw-ring-color: var(--ucp-input-text-50) !important; } .ring-ucp-text-dark{ --tw-ring-color: var(--ucp-text-900) !important; } .ring-ucp-text-light{ --tw-ring-color: var(--ucp-text-50) !important; } .ring-offset-acp-body-bg-dark{ --tw-ring-offset-color: var(--acp-body-bg-900) !important; } .ring-offset-acp-body-bg-light{ --tw-ring-offset-color: var(--acp-body-bg-50) !important; } .ring-offset-acp-checkbox-bg-dark{ --tw-ring-offset-color: var(--acp-checkbox-bg-900) !important; } .ring-offset-acp-checkbox-bg-light{ --tw-ring-offset-color: var(--acp-checkbox-bg-50) !important; } .ring-offset-acp-input-bg-dark{ --tw-ring-offset-color: var(--acp-input-bg-900) !important; } .ring-offset-acp-input-bg-light{ --tw-ring-offset-color: var(--acp-input-bg-50) !important; } .ring-offset-acp-input-text-dark{ --tw-ring-offset-color: var(--acp-input-text-900) !important; } .ring-offset-acp-input-text-light{ --tw-ring-offset-color: var(--acp-input-text-50) !important; } .ring-offset-acp-text-dark{ --tw-ring-offset-color: var(--acp-text-900) !important; } .ring-offset-acp-text-light{ --tw-ring-offset-color: var(--acp-text-50) !important; } .ring-offset-auth-checkbox-bg-dark{ --tw-ring-offset-color: var(--auth-checkbox-bg-900) !important; } .ring-offset-auth-checkbox-bg-light{ --tw-ring-offset-color: var(--auth-checkbox-bg-50) !important; } .ring-offset-auth-input-bg-dark{ --tw-ring-offset-color: var(--auth-input-bg-900) !important; } .ring-offset-auth-input-bg-light{ --tw-ring-offset-color: var(--auth-input-bg-50) !important; } .ring-offset-auth-input-text-dark{ --tw-ring-offset-color: var(--auth-input-text-900) !important; } .ring-offset-auth-input-text-light{ --tw-ring-offset-color: var(--auth-input-text-50) !important; } .ring-offset-button-danger-text-dark{ --tw-ring-offset-color: var(--button-danger-text-900) !important; } .ring-offset-button-danger-text-light{ --tw-ring-offset-color: var(--button-danger-text-50) !important; } .ring-offset-button-dark-text-dark{ --tw-ring-offset-color: var(--button-dark-text-900) !important; } .ring-offset-button-dark-text-light{ --tw-ring-offset-color: var(--button-dark-text-50) !important; } .ring-offset-button-light-text-dark{ --tw-ring-offset-color: var(--button-light-text-900) !important; } .ring-offset-button-light-text-light{ --tw-ring-offset-color: var(--button-light-text-50) !important; } .ring-offset-button-primary-text-dark{ --tw-ring-offset-color: var(--button-primary-text-900) !important; } .ring-offset-button-primary-text-light{ --tw-ring-offset-color: var(--button-primary-text-50) !important; } .ring-offset-button-secondary-text-dark{ --tw-ring-offset-color: var(--button-secondary-text-900) !important; } .ring-offset-button-secondary-text-light{ --tw-ring-offset-color: var(--button-secondary-text-50) !important; } .ring-offset-button-success-text-dark{ --tw-ring-offset-color: var(--button-success-text-900) !important; } .ring-offset-button-success-text-light{ --tw-ring-offset-color: var(--button-success-text-50) !important; } .ring-offset-button-warning-text-dark{ --tw-ring-offset-color: var(--button-warning-text-900) !important; } .ring-offset-button-warning-text-light{ --tw-ring-offset-color: var(--button-warning-text-50) !important; } .ring-offset-ucp-body-bg-dark{ --tw-ring-offset-color: var(--ucp-body-bg-900) !important; } .ring-offset-ucp-body-bg-light{ --tw-ring-offset-color: var(--ucp-body-bg-50) !important; } .ring-offset-ucp-checkbox-bg-dark{ --tw-ring-offset-color: var(--ucp-checkbox-bg-900) !important; } .ring-offset-ucp-checkbox-bg-light{ --tw-ring-offset-color: var(--ucp-checkbox-bg-50) !important; } .ring-offset-ucp-input-bg-dark{ --tw-ring-offset-color: var(--ucp-input-bg-900) !important; } .ring-offset-ucp-input-bg-light{ --tw-ring-offset-color: var(--ucp-input-bg-50) !important; } .ring-offset-ucp-input-text-dark{ --tw-ring-offset-color: var(--ucp-input-text-900) !important; } .ring-offset-ucp-input-text-light{ --tw-ring-offset-color: var(--ucp-input-text-50) !important; } .ring-offset-ucp-text-dark{ --tw-ring-offset-color: var(--ucp-text-900) !important; } .ring-offset-ucp-text-light{ --tw-ring-offset-color: var(--ucp-text-50) !important; } .blur{ --tw-blur: blur(8px) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .drop-shadow{ --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .drop-shadow-xl{ --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08)) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .grayscale{ --tw-grayscale: grayscale(100%) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .invert{ --tw-invert: invert(100%) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .transition-all{ transition-property: all !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .transition-shadow{ transition-property: box-shadow !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .transition-transform{ transition-property: transform !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .duration-300{ transition-duration: 300ms !important; } .duration-500{ transition-duration: 500ms !important; } .duration-75{ transition-duration: 75ms !important; } .ease-in{ transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; } .ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; } /* stylelint-enable */ .cols-2 { column-count: 2; } @media (min-width: 576px) { .cols-sm-2 { column-count: 2; } } @media (min-width: 782px) { .cols-md-2 { column-count: 2; } } @media (min-width: 992px) { .cols-lg-2 { column-count: 2; } } @media (min-width: 1200px) { .cols-xl-2 { column-count: 2; } } @media (min-width: 1400px) { .cols-xxl-2 { column-count: 2; } } .cols-3 { column-count: 3; } @media (min-width: 576px) { .cols-sm-3 { column-count: 3; } } @media (min-width: 782px) { .cols-md-3 { column-count: 3; } } @media (min-width: 992px) { .cols-lg-3 { column-count: 3; } } @media (min-width: 1200px) { .cols-xl-3 { column-count: 3; } } @media (min-width: 1400px) { .cols-xxl-3 { column-count: 3; } } .cols-4 { column-count: 4; } @media (min-width: 576px) { .cols-sm-4 { column-count: 4; } } @media (min-width: 782px) { .cols-md-4 { column-count: 4; } } @media (min-width: 992px) { .cols-lg-4 { column-count: 4; } } @media (min-width: 1200px) { .cols-xl-4 { column-count: 4; } } @media (min-width: 1400px) { .cols-xxl-4 { column-count: 4; } } .container, .container-fluid { width: 100%; padding-right: 0.75rem; padding-left: 0.75rem; margin-right: auto; margin-left: auto; } @media (min-width: 540px) { .container { max-width: 540px; } } @media (min-width: 720px) { .container { max-width: 720px; } } @media (min-width: 960px) { .container { max-width: 960px; } } @media (min-width: 1140px) { .container { max-width: 1140px; } } @media (min-width: 1320px) { .container { max-width: 1320px; } } .img-40px { max-width: 40px; max-height: 40px; } .img-80px { max-width: 80px; max-height: 80px; } .img-120px { max-width: 120px; max-height: 120px; } .img-160px { max-width: 160px; max-height: 160px; } .img-200px { max-width: 200px; max-height: 200px; } [x-cloak] { display: none !important; } .file\:rounded-lg::file-selector-button{ border-radius: 0.5rem !important; } .file\:bg-button-primary::file-selector-button{ background-color: var(--button-primary) !important; } .file\:px-4::file-selector-button{ padding-left: 1rem !important; padding-right: 1rem !important; } .file\:font-semibold::file-selector-button{ font-weight: 600 !important; } .file\:text-button-primary-text::file-selector-button{ color: var(--button-primary-text) !important; } .placeholder\:text-button-danger-text::placeholder{ color: var(--button-danger-text) !important; } .placeholder\:text-button-dark-text::placeholder{ color: var(--button-dark-text) !important; } .placeholder\:text-button-light-text::placeholder{ color: var(--button-light-text) !important; } .placeholder\:text-button-primary-text::placeholder{ color: var(--button-primary-text) !important; } .placeholder\:text-button-secondary-text::placeholder{ color: var(--button-secondary-text) !important; } .placeholder\:text-button-success-text::placeholder{ color: var(--button-success-text) !important; } .placeholder\:text-button-warning-text::placeholder{ color: var(--button-warning-text) !important; } .placeholder\:placeholder-acp-input-placeholder::placeholder::placeholder{ color: var(--acp-input-placeholder) !important; } .placeholder\:placeholder-auth-input-placeholder::placeholder::placeholder{ color: var(--auth-input-placeholder) !important; } .placeholder\:placeholder-ucp-input-placeholder::placeholder::placeholder{ color: var(--ucp-input-placeholder) !important; } .after\:absolute::after{ content: var(--tw-content) !important; position: absolute !important; } .after\:left-0\.5::after{ content: var(--tw-content) !important; left: 0.125rem !important; } .after\:top-0\.5::after{ content: var(--tw-content) !important; top: 0.125rem !important; } .after\:flex::after{ content: var(--tw-content) !important; display: flex !important; } .after\:h-5::after{ content: var(--tw-content) !important; height: 1.25rem !important; } .after\:w-5::after{ content: var(--tw-content) !important; width: 1.25rem !important; } .after\:-rotate-180::after{ content: var(--tw-content) !important; --tw-rotate: -180deg !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .after\:items-center::after{ content: var(--tw-content) !important; align-items: center !important; } .after\:justify-center::after{ content: var(--tw-content) !important; justify-content: center !important; } .after\:rounded-full::after{ content: var(--tw-content) !important; border-radius: 9999px !important; } .after\:bg-white::after{ content: var(--tw-content) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .after\:outline-none::after{ content: var(--tw-content) !important; outline: 2px solid transparent !important; outline-offset: 2px !important; } .after\:duration-300::after{ content: var(--tw-content) !important; transition-duration: 300ms !important; } .first\:-ms-4:first-child{ margin-inline-start: -1rem !important; } .first\:mt-0:first-child{ margin-top: 0px !important; } .last\:border-b-0:last-child{ border-bottom-width: 0px !important; } .odd\:bg-acp-body-bg-600:nth-child(odd){ background-color: var(--acp-body-bg-600) !important; } .first-of-type\:rounded-s-lg:first-of-type{ border-start-start-radius: 0.5rem !important; border-end-start-radius: 0.5rem !important; } .first-of-type\:border-s:first-of-type{ border-inline-start-width: 1px !important; } .last-of-type\:rounded-e-lg:last-of-type{ border-start-end-radius: 0.5rem !important; border-end-end-radius: 0.5rem !important; } .last-of-type\:border-e:last-of-type{ border-inline-end-width: 1px !important; } .checked\:bg-acp-checkbox-checked:checked{ background-color: var(--acp-checkbox-checked) !important; } .checked\:bg-acp-checkbox-checked-400:checked{ background-color: var(--acp-checkbox-checked-400) !important; } .checked\:bg-acp-input-error-600:checked{ background-color: var(--acp-input-error-600) !important; } .checked\:bg-auth-checkbox-checked:checked{ background-color: var(--auth-checkbox-checked) !important; } .checked\:bg-auth-checkbox-checked-400:checked{ background-color: var(--auth-checkbox-checked-400) !important; } .checked\:bg-auth-input-error-600:checked{ background-color: var(--auth-input-error-600) !important; } .checked\:bg-red-600:checked{ --tw-bg-opacity: 1 !important; background-color: rgb(224 36 36 / var(--tw-bg-opacity, 1)) !important; } .checked\:bg-ucp-checkbox-checked:checked{ background-color: var(--ucp-checkbox-checked) !important; } .checked\:bg-ucp-checkbox-checked-400:checked{ background-color: var(--ucp-checkbox-checked-400) !important; } .checked\:bg-ucp-input-error-600:checked{ background-color: var(--ucp-input-error-600) !important; } .invalid\:border-acp-input-error:invalid{ border-color: var(--acp-input-error) !important; } .invalid\:border-auth-input-error:invalid{ border-color: var(--auth-input-error) !important; } .invalid\:border-red-500:invalid{ --tw-border-opacity: 1 !important; border-color: rgb(240 82 82 / var(--tw-border-opacity, 1)) !important; } .invalid\:border-ucp-input-error:invalid{ border-color: var(--ucp-input-error) !important; } .invalid\:text-acp-input-error:invalid{ color: var(--acp-input-error) !important; } .invalid\:text-auth-input-error:invalid{ color: var(--auth-input-error) !important; } .invalid\:text-ucp-input-error:invalid{ color: var(--ucp-input-error) !important; } .invalid\:ring-acp-input-error:invalid{ --tw-ring-color: var(--acp-input-error) !important; } .invalid\:ring-auth-input-error:invalid{ --tw-ring-color: var(--auth-input-error) !important; } .invalid\:ring-red-500:invalid{ --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity, 1)) !important; } .invalid\:ring-ucp-input-error:invalid{ --tw-ring-color: var(--ucp-input-error) !important; } .invalid\:checked\:bg-acp-input-error-600:checked:invalid{ background-color: var(--acp-input-error-600) !important; } .invalid\:checked\:bg-auth-input-error-600:checked:invalid{ background-color: var(--auth-input-error-600) !important; } .invalid\:checked\:bg-red-600:checked:invalid{ --tw-bg-opacity: 1 !important; background-color: rgb(224 36 36 / var(--tw-bg-opacity, 1)) !important; } .invalid\:checked\:bg-ucp-input-error-600:checked:invalid{ background-color: var(--ucp-input-error-600) !important; } .hover\:scale-110:hover{ --tw-scale-x: 1.1 !important; --tw-scale-y: 1.1 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .hover\:cursor-pointer:hover{ cursor: pointer !important; } .hover\:border-button-danger-hover:hover{ border-color: var(--button-danger-hover) !important; } .hover\:border-button-danger-hover-100:hover{ border-color: var(--button-danger-hover-100) !important; } .hover\:border-button-danger-hover-200:hover{ border-color: var(--button-danger-hover-200) !important; } .hover\:border-button-danger-hover-300:hover{ border-color: var(--button-danger-hover-300) !important; } .hover\:border-button-danger-hover-400:hover{ border-color: var(--button-danger-hover-400) !important; } .hover\:border-button-danger-hover-50:hover{ border-color: var(--button-danger-hover-50) !important; } .hover\:border-button-danger-hover-500:hover{ border-color: var(--button-danger-hover) !important; } .hover\:border-button-danger-hover-600:hover{ border-color: var(--button-danger-hover-600) !important; } .hover\:border-button-danger-hover-700:hover{ border-color: var(--button-danger-hover-700) !important; } .hover\:border-button-danger-hover-800:hover{ border-color: var(--button-danger-hover-800) !important; } .hover\:border-button-danger-hover-900:hover{ border-color: var(--button-danger-hover-900) !important; } .hover\:border-button-danger-hover-dark:hover{ border-color: var(--button-danger-hover-900) !important; } .hover\:border-button-danger-hover-light:hover{ border-color: var(--button-danger-hover-50) !important; } .hover\:border-button-danger-text-hover:hover{ border-color: var(--button-danger-text-hover) !important; } .hover\:border-button-danger-text-hover-100:hover{ border-color: var(--button-danger-text-hover-100) !important; } .hover\:border-button-danger-text-hover-200:hover{ border-color: var(--button-danger-text-hover-200) !important; } .hover\:border-button-danger-text-hover-300:hover{ border-color: var(--button-danger-text-hover-300) !important; } .hover\:border-button-danger-text-hover-400:hover{ border-color: var(--button-danger-text-hover-400) !important; } .hover\:border-button-danger-text-hover-50:hover{ border-color: var(--button-danger-text-hover-50) !important; } .hover\:border-button-danger-text-hover-500:hover{ border-color: var(--button-danger-text-hover) !important; } .hover\:border-button-danger-text-hover-600:hover{ border-color: var(--button-danger-text-hover-600) !important; } .hover\:border-button-danger-text-hover-700:hover{ border-color: var(--button-danger-text-hover-700) !important; } .hover\:border-button-danger-text-hover-800:hover{ border-color: var(--button-danger-text-hover-800) !important; } .hover\:border-button-danger-text-hover-900:hover{ border-color: var(--button-danger-text-hover-900) !important; } .hover\:border-button-danger-text-hover-dark:hover{ border-color: var(--button-danger-text-hover-900) !important; } .hover\:border-button-danger-text-hover-light:hover{ border-color: var(--button-danger-text-hover-50) !important; } .hover\:border-button-dark-hover:hover{ border-color: var(--button-dark-hover) !important; } .hover\:border-button-dark-hover-100:hover{ border-color: var(--button-dark-hover-100) !important; } .hover\:border-button-dark-hover-200:hover{ border-color: var(--button-dark-hover-200) !important; } .hover\:border-button-dark-hover-300:hover{ border-color: var(--button-dark-hover-300) !important; } .hover\:border-button-dark-hover-400:hover{ border-color: var(--button-dark-hover-400) !important; } .hover\:border-button-dark-hover-50:hover{ border-color: var(--button-dark-hover-50) !important; } .hover\:border-button-dark-hover-500:hover{ border-color: var(--button-dark-hover) !important; } .hover\:border-button-dark-hover-600:hover{ border-color: var(--button-dark-hover-600) !important; } .hover\:border-button-dark-hover-700:hover{ border-color: var(--button-dark-hover-700) !important; } .hover\:border-button-dark-hover-800:hover{ border-color: var(--button-dark-hover-800) !important; } .hover\:border-button-dark-hover-900:hover{ border-color: var(--button-dark-hover-900) !important; } .hover\:border-button-dark-hover-dark:hover{ border-color: var(--button-dark-hover-900) !important; } .hover\:border-button-dark-hover-light:hover{ border-color: var(--button-dark-hover-50) !important; } .hover\:border-button-dark-text-hover:hover{ border-color: var(--button-dark-text-hover) !important; } .hover\:border-button-dark-text-hover-100:hover{ border-color: var(--button-dark-text-hover-100) !important; } .hover\:border-button-dark-text-hover-200:hover{ border-color: var(--button-dark-text-hover-200) !important; } .hover\:border-button-dark-text-hover-300:hover{ border-color: var(--button-dark-text-hover-300) !important; } .hover\:border-button-dark-text-hover-400:hover{ border-color: var(--button-dark-text-hover-400) !important; } .hover\:border-button-dark-text-hover-50:hover{ border-color: var(--button-dark-text-hover-50) !important; } .hover\:border-button-dark-text-hover-500:hover{ border-color: var(--button-dark-text-hover) !important; } .hover\:border-button-dark-text-hover-600:hover{ border-color: var(--button-dark-text-hover-600) !important; } .hover\:border-button-dark-text-hover-700:hover{ border-color: var(--button-dark-text-hover-700) !important; } .hover\:border-button-dark-text-hover-800:hover{ border-color: var(--button-dark-text-hover-800) !important; } .hover\:border-button-dark-text-hover-900:hover{ border-color: var(--button-dark-text-hover-900) !important; } .hover\:border-button-dark-text-hover-dark:hover{ border-color: var(--button-dark-text-hover-900) !important; } .hover\:border-button-dark-text-hover-light:hover{ border-color: var(--button-dark-text-hover-50) !important; } .hover\:border-button-light-hover:hover{ border-color: var(--button-light-hover) !important; } .hover\:border-button-light-hover-100:hover{ border-color: var(--button-light-hover-100) !important; } .hover\:border-button-light-hover-200:hover{ border-color: var(--button-light-hover-200) !important; } .hover\:border-button-light-hover-300:hover{ border-color: var(--button-light-hover-300) !important; } .hover\:border-button-light-hover-400:hover{ border-color: var(--button-light-hover-400) !important; } .hover\:border-button-light-hover-50:hover{ border-color: var(--button-light-hover-50) !important; } .hover\:border-button-light-hover-500:hover{ border-color: var(--button-light-hover) !important; } .hover\:border-button-light-hover-600:hover{ border-color: var(--button-light-hover-600) !important; } .hover\:border-button-light-hover-700:hover{ border-color: var(--button-light-hover-700) !important; } .hover\:border-button-light-hover-800:hover{ border-color: var(--button-light-hover-800) !important; } .hover\:border-button-light-hover-900:hover{ border-color: var(--button-light-hover-900) !important; } .hover\:border-button-light-hover-dark:hover{ border-color: var(--button-light-hover-900) !important; } .hover\:border-button-light-hover-light:hover{ border-color: var(--button-light-hover-50) !important; } .hover\:border-button-light-text-hover:hover{ border-color: var(--button-light-text-hover) !important; } .hover\:border-button-light-text-hover-100:hover{ border-color: var(--button-light-text-hover-100) !important; } .hover\:border-button-light-text-hover-200:hover{ border-color: var(--button-light-text-hover-200) !important; } .hover\:border-button-light-text-hover-300:hover{ border-color: var(--button-light-text-hover-300) !important; } .hover\:border-button-light-text-hover-400:hover{ border-color: var(--button-light-text-hover-400) !important; } .hover\:border-button-light-text-hover-50:hover{ border-color: var(--button-light-text-hover-50) !important; } .hover\:border-button-light-text-hover-500:hover{ border-color: var(--button-light-text-hover) !important; } .hover\:border-button-light-text-hover-600:hover{ border-color: var(--button-light-text-hover-600) !important; } .hover\:border-button-light-text-hover-700:hover{ border-color: var(--button-light-text-hover-700) !important; } .hover\:border-button-light-text-hover-800:hover{ border-color: var(--button-light-text-hover-800) !important; } .hover\:border-button-light-text-hover-900:hover{ border-color: var(--button-light-text-hover-900) !important; } .hover\:border-button-light-text-hover-dark:hover{ border-color: var(--button-light-text-hover-900) !important; } .hover\:border-button-light-text-hover-light:hover{ border-color: var(--button-light-text-hover-50) !important; } .hover\:border-button-primary-hover:hover{ border-color: var(--button-primary-hover) !important; } .hover\:border-button-primary-hover-100:hover{ border-color: var(--button-primary-hover-100) !important; } .hover\:border-button-primary-hover-200:hover{ border-color: var(--button-primary-hover-200) !important; } .hover\:border-button-primary-hover-300:hover{ border-color: var(--button-primary-hover-300) !important; } .hover\:border-button-primary-hover-400:hover{ border-color: var(--button-primary-hover-400) !important; } .hover\:border-button-primary-hover-50:hover{ border-color: var(--button-primary-hover-50) !important; } .hover\:border-button-primary-hover-500:hover{ border-color: var(--button-primary-hover) !important; } .hover\:border-button-primary-hover-600:hover{ border-color: var(--button-primary-hover-600) !important; } .hover\:border-button-primary-hover-700:hover{ border-color: var(--button-primary-hover-700) !important; } .hover\:border-button-primary-hover-800:hover{ border-color: var(--button-primary-hover-800) !important; } .hover\:border-button-primary-hover-900:hover{ border-color: var(--button-primary-hover-900) !important; } .hover\:border-button-primary-hover-dark:hover{ border-color: var(--button-primary-hover-900) !important; } .hover\:border-button-primary-hover-light:hover{ border-color: var(--button-primary-hover-50) !important; } .hover\:border-button-primary-text-hover:hover{ border-color: var(--button-primary-text-hover) !important; } .hover\:border-button-primary-text-hover-100:hover{ border-color: var(--button-primary-text-hover-100) !important; } .hover\:border-button-primary-text-hover-200:hover{ border-color: var(--button-primary-text-hover-200) !important; } .hover\:border-button-primary-text-hover-300:hover{ border-color: var(--button-primary-text-hover-300) !important; } .hover\:border-button-primary-text-hover-400:hover{ border-color: var(--button-primary-text-hover-400) !important; } .hover\:border-button-primary-text-hover-50:hover{ border-color: var(--button-primary-text-hover-50) !important; } .hover\:border-button-primary-text-hover-500:hover{ border-color: var(--button-primary-text-hover) !important; } .hover\:border-button-primary-text-hover-600:hover{ border-color: var(--button-primary-text-hover-600) !important; } .hover\:border-button-primary-text-hover-700:hover{ border-color: var(--button-primary-text-hover-700) !important; } .hover\:border-button-primary-text-hover-800:hover{ border-color: var(--button-primary-text-hover-800) !important; } .hover\:border-button-primary-text-hover-900:hover{ border-color: var(--button-primary-text-hover-900) !important; } .hover\:border-button-primary-text-hover-dark:hover{ border-color: var(--button-primary-text-hover-900) !important; } .hover\:border-button-primary-text-hover-light:hover{ border-color: var(--button-primary-text-hover-50) !important; } .hover\:border-button-secondary-hover:hover{ border-color: var(--button-secondary-hover) !important; } .hover\:border-button-secondary-hover-100:hover{ border-color: var(--button-secondary-hover-100) !important; } .hover\:border-button-secondary-hover-200:hover{ border-color: var(--button-secondary-hover-200) !important; } .hover\:border-button-secondary-hover-300:hover{ border-color: var(--button-secondary-hover-300) !important; } .hover\:border-button-secondary-hover-400:hover{ border-color: var(--button-secondary-hover-400) !important; } .hover\:border-button-secondary-hover-50:hover{ border-color: var(--button-secondary-hover-50) !important; } .hover\:border-button-secondary-hover-500:hover{ border-color: var(--button-secondary-hover) !important; } .hover\:border-button-secondary-hover-600:hover{ border-color: var(--button-secondary-hover-600) !important; } .hover\:border-button-secondary-hover-700:hover{ border-color: var(--button-secondary-hover-700) !important; } .hover\:border-button-secondary-hover-800:hover{ border-color: var(--button-secondary-hover-800) !important; } .hover\:border-button-secondary-hover-900:hover{ border-color: var(--button-secondary-hover-900) !important; } .hover\:border-button-secondary-hover-dark:hover{ border-color: var(--button-secondary-hover-900) !important; } .hover\:border-button-secondary-hover-light:hover{ border-color: var(--button-secondary-hover-50) !important; } .hover\:border-button-secondary-text-hover:hover{ border-color: var(--button-secondary-text-hover) !important; } .hover\:border-button-secondary-text-hover-100:hover{ border-color: var(--button-secondary-text-hover-100) !important; } .hover\:border-button-secondary-text-hover-200:hover{ border-color: var(--button-secondary-text-hover-200) !important; } .hover\:border-button-secondary-text-hover-300:hover{ border-color: var(--button-secondary-text-hover-300) !important; } .hover\:border-button-secondary-text-hover-400:hover{ border-color: var(--button-secondary-text-hover-400) !important; } .hover\:border-button-secondary-text-hover-50:hover{ border-color: var(--button-secondary-text-hover-50) !important; } .hover\:border-button-secondary-text-hover-500:hover{ border-color: var(--button-secondary-text-hover) !important; } .hover\:border-button-secondary-text-hover-600:hover{ border-color: var(--button-secondary-text-hover-600) !important; } .hover\:border-button-secondary-text-hover-700:hover{ border-color: var(--button-secondary-text-hover-700) !important; } .hover\:border-button-secondary-text-hover-800:hover{ border-color: var(--button-secondary-text-hover-800) !important; } .hover\:border-button-secondary-text-hover-900:hover{ border-color: var(--button-secondary-text-hover-900) !important; } .hover\:border-button-secondary-text-hover-dark:hover{ border-color: var(--button-secondary-text-hover-900) !important; } .hover\:border-button-secondary-text-hover-light:hover{ border-color: var(--button-secondary-text-hover-50) !important; } .hover\:border-button-success-hover:hover{ border-color: var(--button-success-hover) !important; } .hover\:border-button-success-hover-100:hover{ border-color: var(--button-success-hover-100) !important; } .hover\:border-button-success-hover-200:hover{ border-color: var(--button-success-hover-200) !important; } .hover\:border-button-success-hover-300:hover{ border-color: var(--button-success-hover-300) !important; } .hover\:border-button-success-hover-400:hover{ border-color: var(--button-success-hover-400) !important; } .hover\:border-button-success-hover-50:hover{ border-color: var(--button-success-hover-50) !important; } .hover\:border-button-success-hover-500:hover{ border-color: var(--button-success-hover) !important; } .hover\:border-button-success-hover-600:hover{ border-color: var(--button-success-hover-600) !important; } .hover\:border-button-success-hover-700:hover{ border-color: var(--button-success-hover-700) !important; } .hover\:border-button-success-hover-800:hover{ border-color: var(--button-success-hover-800) !important; } .hover\:border-button-success-hover-900:hover{ border-color: var(--button-success-hover-900) !important; } .hover\:border-button-success-hover-dark:hover{ border-color: var(--button-success-hover-900) !important; } .hover\:border-button-success-hover-light:hover{ border-color: var(--button-success-hover-50) !important; } .hover\:border-button-success-text-hover:hover{ border-color: var(--button-success-text-hover) !important; } .hover\:border-button-success-text-hover-100:hover{ border-color: var(--button-success-text-hover-100) !important; } .hover\:border-button-success-text-hover-200:hover{ border-color: var(--button-success-text-hover-200) !important; } .hover\:border-button-success-text-hover-300:hover{ border-color: var(--button-success-text-hover-300) !important; } .hover\:border-button-success-text-hover-400:hover{ border-color: var(--button-success-text-hover-400) !important; } .hover\:border-button-success-text-hover-50:hover{ border-color: var(--button-success-text-hover-50) !important; } .hover\:border-button-success-text-hover-500:hover{ border-color: var(--button-success-text-hover) !important; } .hover\:border-button-success-text-hover-600:hover{ border-color: var(--button-success-text-hover-600) !important; } .hover\:border-button-success-text-hover-700:hover{ border-color: var(--button-success-text-hover-700) !important; } .hover\:border-button-success-text-hover-800:hover{ border-color: var(--button-success-text-hover-800) !important; } .hover\:border-button-success-text-hover-900:hover{ border-color: var(--button-success-text-hover-900) !important; } .hover\:border-button-success-text-hover-dark:hover{ border-color: var(--button-success-text-hover-900) !important; } .hover\:border-button-success-text-hover-light:hover{ border-color: var(--button-success-text-hover-50) !important; } .hover\:border-button-warning-hover:hover{ border-color: var(--button-warning-hover) !important; } .hover\:border-button-warning-hover-100:hover{ border-color: var(--button-warning-hover-100) !important; } .hover\:border-button-warning-hover-200:hover{ border-color: var(--button-warning-hover-200) !important; } .hover\:border-button-warning-hover-300:hover{ border-color: var(--button-warning-hover-300) !important; } .hover\:border-button-warning-hover-400:hover{ border-color: var(--button-warning-hover-400) !important; } .hover\:border-button-warning-hover-50:hover{ border-color: var(--button-warning-hover-50) !important; } .hover\:border-button-warning-hover-500:hover{ border-color: var(--button-warning-hover) !important; } .hover\:border-button-warning-hover-600:hover{ border-color: var(--button-warning-hover-600) !important; } .hover\:border-button-warning-hover-700:hover{ border-color: var(--button-warning-hover-700) !important; } .hover\:border-button-warning-hover-800:hover{ border-color: var(--button-warning-hover-800) !important; } .hover\:border-button-warning-hover-900:hover{ border-color: var(--button-warning-hover-900) !important; } .hover\:border-button-warning-hover-dark:hover{ border-color: var(--button-warning-hover-900) !important; } .hover\:border-button-warning-hover-light:hover{ border-color: var(--button-warning-hover-50) !important; } .hover\:border-button-warning-text-hover:hover{ border-color: var(--button-warning-text-hover) !important; } .hover\:border-button-warning-text-hover-100:hover{ border-color: var(--button-warning-text-hover-100) !important; } .hover\:border-button-warning-text-hover-200:hover{ border-color: var(--button-warning-text-hover-200) !important; } .hover\:border-button-warning-text-hover-300:hover{ border-color: var(--button-warning-text-hover-300) !important; } .hover\:border-button-warning-text-hover-400:hover{ border-color: var(--button-warning-text-hover-400) !important; } .hover\:border-button-warning-text-hover-50:hover{ border-color: var(--button-warning-text-hover-50) !important; } .hover\:border-button-warning-text-hover-500:hover{ border-color: var(--button-warning-text-hover) !important; } .hover\:border-button-warning-text-hover-600:hover{ border-color: var(--button-warning-text-hover-600) !important; } .hover\:border-button-warning-text-hover-700:hover{ border-color: var(--button-warning-text-hover-700) !important; } .hover\:border-button-warning-text-hover-800:hover{ border-color: var(--button-warning-text-hover-800) !important; } .hover\:border-button-warning-text-hover-900:hover{ border-color: var(--button-warning-text-hover-900) !important; } .hover\:border-button-warning-text-hover-dark:hover{ border-color: var(--button-warning-text-hover-900) !important; } .hover\:border-button-warning-text-hover-light:hover{ border-color: var(--button-warning-text-hover-50) !important; } .hover\:border-gray-300:hover{ --tw-border-opacity: 1 !important; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important; } .hover\:border-ucp-link-hover:hover{ border-color: var(--ucp-link-hover) !important; } .hover\:bg-acp-nav-link-hover-bg:hover{ background-color: var(--acp-nav-link-hover-bg) !important; } .hover\:bg-button-danger-hover:hover{ background-color: var(--button-danger-hover) !important; } .hover\:bg-button-danger-hover-100:hover{ background-color: var(--button-danger-hover-100) !important; } .hover\:bg-button-danger-hover-200:hover{ background-color: var(--button-danger-hover-200) !important; } .hover\:bg-button-danger-hover-300:hover{ background-color: var(--button-danger-hover-300) !important; } .hover\:bg-button-danger-hover-400:hover{ background-color: var(--button-danger-hover-400) !important; } .hover\:bg-button-danger-hover-50:hover{ background-color: var(--button-danger-hover-50) !important; } .hover\:bg-button-danger-hover-500:hover{ background-color: var(--button-danger-hover) !important; } .hover\:bg-button-danger-hover-600:hover{ background-color: var(--button-danger-hover-600) !important; } .hover\:bg-button-danger-hover-700:hover{ background-color: var(--button-danger-hover-700) !important; } .hover\:bg-button-danger-hover-800:hover{ background-color: var(--button-danger-hover-800) !important; } .hover\:bg-button-danger-hover-900:hover{ background-color: var(--button-danger-hover-900) !important; } .hover\:bg-button-danger-hover-dark:hover{ background-color: var(--button-danger-hover-900) !important; } .hover\:bg-button-danger-hover-light:hover{ background-color: var(--button-danger-hover-50) !important; } .hover\:bg-button-danger-text-hover:hover{ background-color: var(--button-danger-text-hover) !important; } .hover\:bg-button-danger-text-hover-100:hover{ background-color: var(--button-danger-text-hover-100) !important; } .hover\:bg-button-danger-text-hover-200:hover{ background-color: var(--button-danger-text-hover-200) !important; } .hover\:bg-button-danger-text-hover-300:hover{ background-color: var(--button-danger-text-hover-300) !important; } .hover\:bg-button-danger-text-hover-400:hover{ background-color: var(--button-danger-text-hover-400) !important; } .hover\:bg-button-danger-text-hover-50:hover{ background-color: var(--button-danger-text-hover-50) !important; } .hover\:bg-button-danger-text-hover-500:hover{ background-color: var(--button-danger-text-hover) !important; } .hover\:bg-button-danger-text-hover-600:hover{ background-color: var(--button-danger-text-hover-600) !important; } .hover\:bg-button-danger-text-hover-700:hover{ background-color: var(--button-danger-text-hover-700) !important; } .hover\:bg-button-danger-text-hover-800:hover{ background-color: var(--button-danger-text-hover-800) !important; } .hover\:bg-button-danger-text-hover-900:hover{ background-color: var(--button-danger-text-hover-900) !important; } .hover\:bg-button-danger-text-hover-dark:hover{ background-color: var(--button-danger-text-hover-900) !important; } .hover\:bg-button-danger-text-hover-light:hover{ background-color: var(--button-danger-text-hover-50) !important; } .hover\:bg-button-dark-hover:hover{ background-color: var(--button-dark-hover) !important; } .hover\:bg-button-dark-hover-100:hover{ background-color: var(--button-dark-hover-100) !important; } .hover\:bg-button-dark-hover-200:hover{ background-color: var(--button-dark-hover-200) !important; } .hover\:bg-button-dark-hover-300:hover{ background-color: var(--button-dark-hover-300) !important; } .hover\:bg-button-dark-hover-400:hover{ background-color: var(--button-dark-hover-400) !important; } .hover\:bg-button-dark-hover-50:hover{ background-color: var(--button-dark-hover-50) !important; } .hover\:bg-button-dark-hover-500:hover{ background-color: var(--button-dark-hover) !important; } .hover\:bg-button-dark-hover-600:hover{ background-color: var(--button-dark-hover-600) !important; } .hover\:bg-button-dark-hover-700:hover{ background-color: var(--button-dark-hover-700) !important; } .hover\:bg-button-dark-hover-800:hover{ background-color: var(--button-dark-hover-800) !important; } .hover\:bg-button-dark-hover-900:hover{ background-color: var(--button-dark-hover-900) !important; } .hover\:bg-button-dark-hover-dark:hover{ background-color: var(--button-dark-hover-900) !important; } .hover\:bg-button-dark-hover-light:hover{ background-color: var(--button-dark-hover-50) !important; } .hover\:bg-button-dark-text-hover:hover{ background-color: var(--button-dark-text-hover) !important; } .hover\:bg-button-dark-text-hover-100:hover{ background-color: var(--button-dark-text-hover-100) !important; } .hover\:bg-button-dark-text-hover-200:hover{ background-color: var(--button-dark-text-hover-200) !important; } .hover\:bg-button-dark-text-hover-300:hover{ background-color: var(--button-dark-text-hover-300) !important; } .hover\:bg-button-dark-text-hover-400:hover{ background-color: var(--button-dark-text-hover-400) !important; } .hover\:bg-button-dark-text-hover-50:hover{ background-color: var(--button-dark-text-hover-50) !important; } .hover\:bg-button-dark-text-hover-500:hover{ background-color: var(--button-dark-text-hover) !important; } .hover\:bg-button-dark-text-hover-600:hover{ background-color: var(--button-dark-text-hover-600) !important; } .hover\:bg-button-dark-text-hover-700:hover{ background-color: var(--button-dark-text-hover-700) !important; } .hover\:bg-button-dark-text-hover-800:hover{ background-color: var(--button-dark-text-hover-800) !important; } .hover\:bg-button-dark-text-hover-900:hover{ background-color: var(--button-dark-text-hover-900) !important; } .hover\:bg-button-dark-text-hover-dark:hover{ background-color: var(--button-dark-text-hover-900) !important; } .hover\:bg-button-dark-text-hover-light:hover{ background-color: var(--button-dark-text-hover-50) !important; } .hover\:bg-button-light-hover:hover{ background-color: var(--button-light-hover) !important; } .hover\:bg-button-light-hover-100:hover{ background-color: var(--button-light-hover-100) !important; } .hover\:bg-button-light-hover-200:hover{ background-color: var(--button-light-hover-200) !important; } .hover\:bg-button-light-hover-300:hover{ background-color: var(--button-light-hover-300) !important; } .hover\:bg-button-light-hover-400:hover{ background-color: var(--button-light-hover-400) !important; } .hover\:bg-button-light-hover-50:hover{ background-color: var(--button-light-hover-50) !important; } .hover\:bg-button-light-hover-500:hover{ background-color: var(--button-light-hover) !important; } .hover\:bg-button-light-hover-600:hover{ background-color: var(--button-light-hover-600) !important; } .hover\:bg-button-light-hover-700:hover{ background-color: var(--button-light-hover-700) !important; } .hover\:bg-button-light-hover-800:hover{ background-color: var(--button-light-hover-800) !important; } .hover\:bg-button-light-hover-900:hover{ background-color: var(--button-light-hover-900) !important; } .hover\:bg-button-light-hover-dark:hover{ background-color: var(--button-light-hover-900) !important; } .hover\:bg-button-light-hover-light:hover{ background-color: var(--button-light-hover-50) !important; } .hover\:bg-button-light-text-hover:hover{ background-color: var(--button-light-text-hover) !important; } .hover\:bg-button-light-text-hover-100:hover{ background-color: var(--button-light-text-hover-100) !important; } .hover\:bg-button-light-text-hover-200:hover{ background-color: var(--button-light-text-hover-200) !important; } .hover\:bg-button-light-text-hover-300:hover{ background-color: var(--button-light-text-hover-300) !important; } .hover\:bg-button-light-text-hover-400:hover{ background-color: var(--button-light-text-hover-400) !important; } .hover\:bg-button-light-text-hover-50:hover{ background-color: var(--button-light-text-hover-50) !important; } .hover\:bg-button-light-text-hover-500:hover{ background-color: var(--button-light-text-hover) !important; } .hover\:bg-button-light-text-hover-600:hover{ background-color: var(--button-light-text-hover-600) !important; } .hover\:bg-button-light-text-hover-700:hover{ background-color: var(--button-light-text-hover-700) !important; } .hover\:bg-button-light-text-hover-800:hover{ background-color: var(--button-light-text-hover-800) !important; } .hover\:bg-button-light-text-hover-900:hover{ background-color: var(--button-light-text-hover-900) !important; } .hover\:bg-button-light-text-hover-dark:hover{ background-color: var(--button-light-text-hover-900) !important; } .hover\:bg-button-light-text-hover-light:hover{ background-color: var(--button-light-text-hover-50) !important; } .hover\:bg-button-primary-hover:hover{ background-color: var(--button-primary-hover) !important; } .hover\:bg-button-primary-hover-100:hover{ background-color: var(--button-primary-hover-100) !important; } .hover\:bg-button-primary-hover-200:hover{ background-color: var(--button-primary-hover-200) !important; } .hover\:bg-button-primary-hover-300:hover{ background-color: var(--button-primary-hover-300) !important; } .hover\:bg-button-primary-hover-400:hover{ background-color: var(--button-primary-hover-400) !important; } .hover\:bg-button-primary-hover-50:hover{ background-color: var(--button-primary-hover-50) !important; } .hover\:bg-button-primary-hover-500:hover{ background-color: var(--button-primary-hover) !important; } .hover\:bg-button-primary-hover-600:hover{ background-color: var(--button-primary-hover-600) !important; } .hover\:bg-button-primary-hover-700:hover{ background-color: var(--button-primary-hover-700) !important; } .hover\:bg-button-primary-hover-800:hover{ background-color: var(--button-primary-hover-800) !important; } .hover\:bg-button-primary-hover-900:hover{ background-color: var(--button-primary-hover-900) !important; } .hover\:bg-button-primary-hover-dark:hover{ background-color: var(--button-primary-hover-900) !important; } .hover\:bg-button-primary-hover-light:hover{ background-color: var(--button-primary-hover-50) !important; } .hover\:bg-button-primary-text-hover:hover{ background-color: var(--button-primary-text-hover) !important; } .hover\:bg-button-primary-text-hover-100:hover{ background-color: var(--button-primary-text-hover-100) !important; } .hover\:bg-button-primary-text-hover-200:hover{ background-color: var(--button-primary-text-hover-200) !important; } .hover\:bg-button-primary-text-hover-300:hover{ background-color: var(--button-primary-text-hover-300) !important; } .hover\:bg-button-primary-text-hover-400:hover{ background-color: var(--button-primary-text-hover-400) !important; } .hover\:bg-button-primary-text-hover-50:hover{ background-color: var(--button-primary-text-hover-50) !important; } .hover\:bg-button-primary-text-hover-500:hover{ background-color: var(--button-primary-text-hover) !important; } .hover\:bg-button-primary-text-hover-600:hover{ background-color: var(--button-primary-text-hover-600) !important; } .hover\:bg-button-primary-text-hover-700:hover{ background-color: var(--button-primary-text-hover-700) !important; } .hover\:bg-button-primary-text-hover-800:hover{ background-color: var(--button-primary-text-hover-800) !important; } .hover\:bg-button-primary-text-hover-900:hover{ background-color: var(--button-primary-text-hover-900) !important; } .hover\:bg-button-primary-text-hover-dark:hover{ background-color: var(--button-primary-text-hover-900) !important; } .hover\:bg-button-primary-text-hover-light:hover{ background-color: var(--button-primary-text-hover-50) !important; } .hover\:bg-button-secondary-hover:hover{ background-color: var(--button-secondary-hover) !important; } .hover\:bg-button-secondary-hover-100:hover{ background-color: var(--button-secondary-hover-100) !important; } .hover\:bg-button-secondary-hover-200:hover{ background-color: var(--button-secondary-hover-200) !important; } .hover\:bg-button-secondary-hover-300:hover{ background-color: var(--button-secondary-hover-300) !important; } .hover\:bg-button-secondary-hover-400:hover{ background-color: var(--button-secondary-hover-400) !important; } .hover\:bg-button-secondary-hover-50:hover{ background-color: var(--button-secondary-hover-50) !important; } .hover\:bg-button-secondary-hover-500:hover{ background-color: var(--button-secondary-hover) !important; } .hover\:bg-button-secondary-hover-600:hover{ background-color: var(--button-secondary-hover-600) !important; } .hover\:bg-button-secondary-hover-700:hover{ background-color: var(--button-secondary-hover-700) !important; } .hover\:bg-button-secondary-hover-800:hover{ background-color: var(--button-secondary-hover-800) !important; } .hover\:bg-button-secondary-hover-900:hover{ background-color: var(--button-secondary-hover-900) !important; } .hover\:bg-button-secondary-hover-dark:hover{ background-color: var(--button-secondary-hover-900) !important; } .hover\:bg-button-secondary-hover-light:hover{ background-color: var(--button-secondary-hover-50) !important; } .hover\:bg-button-secondary-text-hover:hover{ background-color: var(--button-secondary-text-hover) !important; } .hover\:bg-button-secondary-text-hover-100:hover{ background-color: var(--button-secondary-text-hover-100) !important; } .hover\:bg-button-secondary-text-hover-200:hover{ background-color: var(--button-secondary-text-hover-200) !important; } .hover\:bg-button-secondary-text-hover-300:hover{ background-color: var(--button-secondary-text-hover-300) !important; } .hover\:bg-button-secondary-text-hover-400:hover{ background-color: var(--button-secondary-text-hover-400) !important; } .hover\:bg-button-secondary-text-hover-50:hover{ background-color: var(--button-secondary-text-hover-50) !important; } .hover\:bg-button-secondary-text-hover-500:hover{ background-color: var(--button-secondary-text-hover) !important; } .hover\:bg-button-secondary-text-hover-600:hover{ background-color: var(--button-secondary-text-hover-600) !important; } .hover\:bg-button-secondary-text-hover-700:hover{ background-color: var(--button-secondary-text-hover-700) !important; } .hover\:bg-button-secondary-text-hover-800:hover{ background-color: var(--button-secondary-text-hover-800) !important; } .hover\:bg-button-secondary-text-hover-900:hover{ background-color: var(--button-secondary-text-hover-900) !important; } .hover\:bg-button-secondary-text-hover-dark:hover{ background-color: var(--button-secondary-text-hover-900) !important; } .hover\:bg-button-secondary-text-hover-light:hover{ background-color: var(--button-secondary-text-hover-50) !important; } .hover\:bg-button-success-hover:hover{ background-color: var(--button-success-hover) !important; } .hover\:bg-button-success-hover-100:hover{ background-color: var(--button-success-hover-100) !important; } .hover\:bg-button-success-hover-200:hover{ background-color: var(--button-success-hover-200) !important; } .hover\:bg-button-success-hover-300:hover{ background-color: var(--button-success-hover-300) !important; } .hover\:bg-button-success-hover-400:hover{ background-color: var(--button-success-hover-400) !important; } .hover\:bg-button-success-hover-50:hover{ background-color: var(--button-success-hover-50) !important; } .hover\:bg-button-success-hover-500:hover{ background-color: var(--button-success-hover) !important; } .hover\:bg-button-success-hover-600:hover{ background-color: var(--button-success-hover-600) !important; } .hover\:bg-button-success-hover-700:hover{ background-color: var(--button-success-hover-700) !important; } .hover\:bg-button-success-hover-800:hover{ background-color: var(--button-success-hover-800) !important; } .hover\:bg-button-success-hover-900:hover{ background-color: var(--button-success-hover-900) !important; } .hover\:bg-button-success-hover-dark:hover{ background-color: var(--button-success-hover-900) !important; } .hover\:bg-button-success-hover-light:hover{ background-color: var(--button-success-hover-50) !important; } .hover\:bg-button-success-text-hover:hover{ background-color: var(--button-success-text-hover) !important; } .hover\:bg-button-success-text-hover-100:hover{ background-color: var(--button-success-text-hover-100) !important; } .hover\:bg-button-success-text-hover-200:hover{ background-color: var(--button-success-text-hover-200) !important; } .hover\:bg-button-success-text-hover-300:hover{ background-color: var(--button-success-text-hover-300) !important; } .hover\:bg-button-success-text-hover-400:hover{ background-color: var(--button-success-text-hover-400) !important; } .hover\:bg-button-success-text-hover-50:hover{ background-color: var(--button-success-text-hover-50) !important; } .hover\:bg-button-success-text-hover-500:hover{ background-color: var(--button-success-text-hover) !important; } .hover\:bg-button-success-text-hover-600:hover{ background-color: var(--button-success-text-hover-600) !important; } .hover\:bg-button-success-text-hover-700:hover{ background-color: var(--button-success-text-hover-700) !important; } .hover\:bg-button-success-text-hover-800:hover{ background-color: var(--button-success-text-hover-800) !important; } .hover\:bg-button-success-text-hover-900:hover{ background-color: var(--button-success-text-hover-900) !important; } .hover\:bg-button-success-text-hover-dark:hover{ background-color: var(--button-success-text-hover-900) !important; } .hover\:bg-button-success-text-hover-light:hover{ background-color: var(--button-success-text-hover-50) !important; } .hover\:bg-button-warning-hover:hover{ background-color: var(--button-warning-hover) !important; } .hover\:bg-button-warning-hover-100:hover{ background-color: var(--button-warning-hover-100) !important; } .hover\:bg-button-warning-hover-200:hover{ background-color: var(--button-warning-hover-200) !important; } .hover\:bg-button-warning-hover-300:hover{ background-color: var(--button-warning-hover-300) !important; } .hover\:bg-button-warning-hover-400:hover{ background-color: var(--button-warning-hover-400) !important; } .hover\:bg-button-warning-hover-50:hover{ background-color: var(--button-warning-hover-50) !important; } .hover\:bg-button-warning-hover-500:hover{ background-color: var(--button-warning-hover) !important; } .hover\:bg-button-warning-hover-600:hover{ background-color: var(--button-warning-hover-600) !important; } .hover\:bg-button-warning-hover-700:hover{ background-color: var(--button-warning-hover-700) !important; } .hover\:bg-button-warning-hover-800:hover{ background-color: var(--button-warning-hover-800) !important; } .hover\:bg-button-warning-hover-900:hover{ background-color: var(--button-warning-hover-900) !important; } .hover\:bg-button-warning-hover-dark:hover{ background-color: var(--button-warning-hover-900) !important; } .hover\:bg-button-warning-hover-light:hover{ background-color: var(--button-warning-hover-50) !important; } .hover\:bg-button-warning-text-hover:hover{ background-color: var(--button-warning-text-hover) !important; } .hover\:bg-button-warning-text-hover-100:hover{ background-color: var(--button-warning-text-hover-100) !important; } .hover\:bg-button-warning-text-hover-200:hover{ background-color: var(--button-warning-text-hover-200) !important; } .hover\:bg-button-warning-text-hover-300:hover{ background-color: var(--button-warning-text-hover-300) !important; } .hover\:bg-button-warning-text-hover-400:hover{ background-color: var(--button-warning-text-hover-400) !important; } .hover\:bg-button-warning-text-hover-50:hover{ background-color: var(--button-warning-text-hover-50) !important; } .hover\:bg-button-warning-text-hover-500:hover{ background-color: var(--button-warning-text-hover) !important; } .hover\:bg-button-warning-text-hover-600:hover{ background-color: var(--button-warning-text-hover-600) !important; } .hover\:bg-button-warning-text-hover-700:hover{ background-color: var(--button-warning-text-hover-700) !important; } .hover\:bg-button-warning-text-hover-800:hover{ background-color: var(--button-warning-text-hover-800) !important; } .hover\:bg-button-warning-text-hover-900:hover{ background-color: var(--button-warning-text-hover-900) !important; } .hover\:bg-button-warning-text-hover-dark:hover{ background-color: var(--button-warning-text-hover-900) !important; } .hover\:bg-button-warning-text-hover-light:hover{ background-color: var(--button-warning-text-hover-50) !important; } .hover\:bg-gray-100:hover{ --tw-bg-opacity: 1 !important; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important; } .hover\:bg-gray-200:hover{ --tw-bg-opacity: 1 !important; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important; } .hover\:fill-button-danger-hover:hover{ fill: var(--button-danger-hover) !important; } .hover\:fill-button-danger-hover-100:hover{ fill: var(--button-danger-hover-100) !important; } .hover\:fill-button-danger-hover-200:hover{ fill: var(--button-danger-hover-200) !important; } .hover\:fill-button-danger-hover-300:hover{ fill: var(--button-danger-hover-300) !important; } .hover\:fill-button-danger-hover-400:hover{ fill: var(--button-danger-hover-400) !important; } .hover\:fill-button-danger-hover-50:hover{ fill: var(--button-danger-hover-50) !important; } .hover\:fill-button-danger-hover-500:hover{ fill: var(--button-danger-hover) !important; } .hover\:fill-button-danger-hover-600:hover{ fill: var(--button-danger-hover-600) !important; } .hover\:fill-button-danger-hover-700:hover{ fill: var(--button-danger-hover-700) !important; } .hover\:fill-button-danger-hover-800:hover{ fill: var(--button-danger-hover-800) !important; } .hover\:fill-button-danger-hover-900:hover{ fill: var(--button-danger-hover-900) !important; } .hover\:fill-button-danger-hover-dark:hover{ fill: var(--button-danger-hover-900) !important; } .hover\:fill-button-danger-hover-light:hover{ fill: var(--button-danger-hover-50) !important; } .hover\:fill-button-danger-text-hover:hover{ fill: var(--button-danger-text-hover) !important; } .hover\:fill-button-danger-text-hover-100:hover{ fill: var(--button-danger-text-hover-100) !important; } .hover\:fill-button-danger-text-hover-200:hover{ fill: var(--button-danger-text-hover-200) !important; } .hover\:fill-button-danger-text-hover-300:hover{ fill: var(--button-danger-text-hover-300) !important; } .hover\:fill-button-danger-text-hover-400:hover{ fill: var(--button-danger-text-hover-400) !important; } .hover\:fill-button-danger-text-hover-50:hover{ fill: var(--button-danger-text-hover-50) !important; } .hover\:fill-button-danger-text-hover-500:hover{ fill: var(--button-danger-text-hover) !important; } .hover\:fill-button-danger-text-hover-600:hover{ fill: var(--button-danger-text-hover-600) !important; } .hover\:fill-button-danger-text-hover-700:hover{ fill: var(--button-danger-text-hover-700) !important; } .hover\:fill-button-danger-text-hover-800:hover{ fill: var(--button-danger-text-hover-800) !important; } .hover\:fill-button-danger-text-hover-900:hover{ fill: var(--button-danger-text-hover-900) !important; } .hover\:fill-button-danger-text-hover-dark:hover{ fill: var(--button-danger-text-hover-900) !important; } .hover\:fill-button-danger-text-hover-light:hover{ fill: var(--button-danger-text-hover-50) !important; } .hover\:fill-button-dark-hover:hover{ fill: var(--button-dark-hover) !important; } .hover\:fill-button-dark-hover-100:hover{ fill: var(--button-dark-hover-100) !important; } .hover\:fill-button-dark-hover-200:hover{ fill: var(--button-dark-hover-200) !important; } .hover\:fill-button-dark-hover-300:hover{ fill: var(--button-dark-hover-300) !important; } .hover\:fill-button-dark-hover-400:hover{ fill: var(--button-dark-hover-400) !important; } .hover\:fill-button-dark-hover-50:hover{ fill: var(--button-dark-hover-50) !important; } .hover\:fill-button-dark-hover-500:hover{ fill: var(--button-dark-hover) !important; } .hover\:fill-button-dark-hover-600:hover{ fill: var(--button-dark-hover-600) !important; } .hover\:fill-button-dark-hover-700:hover{ fill: var(--button-dark-hover-700) !important; } .hover\:fill-button-dark-hover-800:hover{ fill: var(--button-dark-hover-800) !important; } .hover\:fill-button-dark-hover-900:hover{ fill: var(--button-dark-hover-900) !important; } .hover\:fill-button-dark-hover-dark:hover{ fill: var(--button-dark-hover-900) !important; } .hover\:fill-button-dark-hover-light:hover{ fill: var(--button-dark-hover-50) !important; } .hover\:fill-button-dark-text-hover:hover{ fill: var(--button-dark-text-hover) !important; } .hover\:fill-button-dark-text-hover-100:hover{ fill: var(--button-dark-text-hover-100) !important; } .hover\:fill-button-dark-text-hover-200:hover{ fill: var(--button-dark-text-hover-200) !important; } .hover\:fill-button-dark-text-hover-300:hover{ fill: var(--button-dark-text-hover-300) !important; } .hover\:fill-button-dark-text-hover-400:hover{ fill: var(--button-dark-text-hover-400) !important; } .hover\:fill-button-dark-text-hover-50:hover{ fill: var(--button-dark-text-hover-50) !important; } .hover\:fill-button-dark-text-hover-500:hover{ fill: var(--button-dark-text-hover) !important; } .hover\:fill-button-dark-text-hover-600:hover{ fill: var(--button-dark-text-hover-600) !important; } .hover\:fill-button-dark-text-hover-700:hover{ fill: var(--button-dark-text-hover-700) !important; } .hover\:fill-button-dark-text-hover-800:hover{ fill: var(--button-dark-text-hover-800) !important; } .hover\:fill-button-dark-text-hover-900:hover{ fill: var(--button-dark-text-hover-900) !important; } .hover\:fill-button-dark-text-hover-dark:hover{ fill: var(--button-dark-text-hover-900) !important; } .hover\:fill-button-dark-text-hover-light:hover{ fill: var(--button-dark-text-hover-50) !important; } .hover\:fill-button-light-hover:hover{ fill: var(--button-light-hover) !important; } .hover\:fill-button-light-hover-100:hover{ fill: var(--button-light-hover-100) !important; } .hover\:fill-button-light-hover-200:hover{ fill: var(--button-light-hover-200) !important; } .hover\:fill-button-light-hover-300:hover{ fill: var(--button-light-hover-300) !important; } .hover\:fill-button-light-hover-400:hover{ fill: var(--button-light-hover-400) !important; } .hover\:fill-button-light-hover-50:hover{ fill: var(--button-light-hover-50) !important; } .hover\:fill-button-light-hover-500:hover{ fill: var(--button-light-hover) !important; } .hover\:fill-button-light-hover-600:hover{ fill: var(--button-light-hover-600) !important; } .hover\:fill-button-light-hover-700:hover{ fill: var(--button-light-hover-700) !important; } .hover\:fill-button-light-hover-800:hover{ fill: var(--button-light-hover-800) !important; } .hover\:fill-button-light-hover-900:hover{ fill: var(--button-light-hover-900) !important; } .hover\:fill-button-light-hover-dark:hover{ fill: var(--button-light-hover-900) !important; } .hover\:fill-button-light-hover-light:hover{ fill: var(--button-light-hover-50) !important; } .hover\:fill-button-light-text-hover:hover{ fill: var(--button-light-text-hover) !important; } .hover\:fill-button-light-text-hover-100:hover{ fill: var(--button-light-text-hover-100) !important; } .hover\:fill-button-light-text-hover-200:hover{ fill: var(--button-light-text-hover-200) !important; } .hover\:fill-button-light-text-hover-300:hover{ fill: var(--button-light-text-hover-300) !important; } .hover\:fill-button-light-text-hover-400:hover{ fill: var(--button-light-text-hover-400) !important; } .hover\:fill-button-light-text-hover-50:hover{ fill: var(--button-light-text-hover-50) !important; } .hover\:fill-button-light-text-hover-500:hover{ fill: var(--button-light-text-hover) !important; } .hover\:fill-button-light-text-hover-600:hover{ fill: var(--button-light-text-hover-600) !important; } .hover\:fill-button-light-text-hover-700:hover{ fill: var(--button-light-text-hover-700) !important; } .hover\:fill-button-light-text-hover-800:hover{ fill: var(--button-light-text-hover-800) !important; } .hover\:fill-button-light-text-hover-900:hover{ fill: var(--button-light-text-hover-900) !important; } .hover\:fill-button-light-text-hover-dark:hover{ fill: var(--button-light-text-hover-900) !important; } .hover\:fill-button-light-text-hover-light:hover{ fill: var(--button-light-text-hover-50) !important; } .hover\:fill-button-primary-hover:hover{ fill: var(--button-primary-hover) !important; } .hover\:fill-button-primary-hover-100:hover{ fill: var(--button-primary-hover-100) !important; } .hover\:fill-button-primary-hover-200:hover{ fill: var(--button-primary-hover-200) !important; } .hover\:fill-button-primary-hover-300:hover{ fill: var(--button-primary-hover-300) !important; } .hover\:fill-button-primary-hover-400:hover{ fill: var(--button-primary-hover-400) !important; } .hover\:fill-button-primary-hover-50:hover{ fill: var(--button-primary-hover-50) !important; } .hover\:fill-button-primary-hover-500:hover{ fill: var(--button-primary-hover) !important; } .hover\:fill-button-primary-hover-600:hover{ fill: var(--button-primary-hover-600) !important; } .hover\:fill-button-primary-hover-700:hover{ fill: var(--button-primary-hover-700) !important; } .hover\:fill-button-primary-hover-800:hover{ fill: var(--button-primary-hover-800) !important; } .hover\:fill-button-primary-hover-900:hover{ fill: var(--button-primary-hover-900) !important; } .hover\:fill-button-primary-hover-dark:hover{ fill: var(--button-primary-hover-900) !important; } .hover\:fill-button-primary-hover-light:hover{ fill: var(--button-primary-hover-50) !important; } .hover\:fill-button-primary-text-hover:hover{ fill: var(--button-primary-text-hover) !important; } .hover\:fill-button-primary-text-hover-100:hover{ fill: var(--button-primary-text-hover-100) !important; } .hover\:fill-button-primary-text-hover-200:hover{ fill: var(--button-primary-text-hover-200) !important; } .hover\:fill-button-primary-text-hover-300:hover{ fill: var(--button-primary-text-hover-300) !important; } .hover\:fill-button-primary-text-hover-400:hover{ fill: var(--button-primary-text-hover-400) !important; } .hover\:fill-button-primary-text-hover-50:hover{ fill: var(--button-primary-text-hover-50) !important; } .hover\:fill-button-primary-text-hover-500:hover{ fill: var(--button-primary-text-hover) !important; } .hover\:fill-button-primary-text-hover-600:hover{ fill: var(--button-primary-text-hover-600) !important; } .hover\:fill-button-primary-text-hover-700:hover{ fill: var(--button-primary-text-hover-700) !important; } .hover\:fill-button-primary-text-hover-800:hover{ fill: var(--button-primary-text-hover-800) !important; } .hover\:fill-button-primary-text-hover-900:hover{ fill: var(--button-primary-text-hover-900) !important; } .hover\:fill-button-primary-text-hover-dark:hover{ fill: var(--button-primary-text-hover-900) !important; } .hover\:fill-button-primary-text-hover-light:hover{ fill: var(--button-primary-text-hover-50) !important; } .hover\:fill-button-secondary-hover:hover{ fill: var(--button-secondary-hover) !important; } .hover\:fill-button-secondary-hover-100:hover{ fill: var(--button-secondary-hover-100) !important; } .hover\:fill-button-secondary-hover-200:hover{ fill: var(--button-secondary-hover-200) !important; } .hover\:fill-button-secondary-hover-300:hover{ fill: var(--button-secondary-hover-300) !important; } .hover\:fill-button-secondary-hover-400:hover{ fill: var(--button-secondary-hover-400) !important; } .hover\:fill-button-secondary-hover-50:hover{ fill: var(--button-secondary-hover-50) !important; } .hover\:fill-button-secondary-hover-500:hover{ fill: var(--button-secondary-hover) !important; } .hover\:fill-button-secondary-hover-600:hover{ fill: var(--button-secondary-hover-600) !important; } .hover\:fill-button-secondary-hover-700:hover{ fill: var(--button-secondary-hover-700) !important; } .hover\:fill-button-secondary-hover-800:hover{ fill: var(--button-secondary-hover-800) !important; } .hover\:fill-button-secondary-hover-900:hover{ fill: var(--button-secondary-hover-900) !important; } .hover\:fill-button-secondary-hover-dark:hover{ fill: var(--button-secondary-hover-900) !important; } .hover\:fill-button-secondary-hover-light:hover{ fill: var(--button-secondary-hover-50) !important; } .hover\:fill-button-secondary-text-hover:hover{ fill: var(--button-secondary-text-hover) !important; } .hover\:fill-button-secondary-text-hover-100:hover{ fill: var(--button-secondary-text-hover-100) !important; } .hover\:fill-button-secondary-text-hover-200:hover{ fill: var(--button-secondary-text-hover-200) !important; } .hover\:fill-button-secondary-text-hover-300:hover{ fill: var(--button-secondary-text-hover-300) !important; } .hover\:fill-button-secondary-text-hover-400:hover{ fill: var(--button-secondary-text-hover-400) !important; } .hover\:fill-button-secondary-text-hover-50:hover{ fill: var(--button-secondary-text-hover-50) !important; } .hover\:fill-button-secondary-text-hover-500:hover{ fill: var(--button-secondary-text-hover) !important; } .hover\:fill-button-secondary-text-hover-600:hover{ fill: var(--button-secondary-text-hover-600) !important; } .hover\:fill-button-secondary-text-hover-700:hover{ fill: var(--button-secondary-text-hover-700) !important; } .hover\:fill-button-secondary-text-hover-800:hover{ fill: var(--button-secondary-text-hover-800) !important; } .hover\:fill-button-secondary-text-hover-900:hover{ fill: var(--button-secondary-text-hover-900) !important; } .hover\:fill-button-secondary-text-hover-dark:hover{ fill: var(--button-secondary-text-hover-900) !important; } .hover\:fill-button-secondary-text-hover-light:hover{ fill: var(--button-secondary-text-hover-50) !important; } .hover\:fill-button-success-hover:hover{ fill: var(--button-success-hover) !important; } .hover\:fill-button-success-hover-100:hover{ fill: var(--button-success-hover-100) !important; } .hover\:fill-button-success-hover-200:hover{ fill: var(--button-success-hover-200) !important; } .hover\:fill-button-success-hover-300:hover{ fill: var(--button-success-hover-300) !important; } .hover\:fill-button-success-hover-400:hover{ fill: var(--button-success-hover-400) !important; } .hover\:fill-button-success-hover-50:hover{ fill: var(--button-success-hover-50) !important; } .hover\:fill-button-success-hover-500:hover{ fill: var(--button-success-hover) !important; } .hover\:fill-button-success-hover-600:hover{ fill: var(--button-success-hover-600) !important; } .hover\:fill-button-success-hover-700:hover{ fill: var(--button-success-hover-700) !important; } .hover\:fill-button-success-hover-800:hover{ fill: var(--button-success-hover-800) !important; } .hover\:fill-button-success-hover-900:hover{ fill: var(--button-success-hover-900) !important; } .hover\:fill-button-success-hover-dark:hover{ fill: var(--button-success-hover-900) !important; } .hover\:fill-button-success-hover-light:hover{ fill: var(--button-success-hover-50) !important; } .hover\:fill-button-success-text-hover:hover{ fill: var(--button-success-text-hover) !important; } .hover\:fill-button-success-text-hover-100:hover{ fill: var(--button-success-text-hover-100) !important; } .hover\:fill-button-success-text-hover-200:hover{ fill: var(--button-success-text-hover-200) !important; } .hover\:fill-button-success-text-hover-300:hover{ fill: var(--button-success-text-hover-300) !important; } .hover\:fill-button-success-text-hover-400:hover{ fill: var(--button-success-text-hover-400) !important; } .hover\:fill-button-success-text-hover-50:hover{ fill: var(--button-success-text-hover-50) !important; } .hover\:fill-button-success-text-hover-500:hover{ fill: var(--button-success-text-hover) !important; } .hover\:fill-button-success-text-hover-600:hover{ fill: var(--button-success-text-hover-600) !important; } .hover\:fill-button-success-text-hover-700:hover{ fill: var(--button-success-text-hover-700) !important; } .hover\:fill-button-success-text-hover-800:hover{ fill: var(--button-success-text-hover-800) !important; } .hover\:fill-button-success-text-hover-900:hover{ fill: var(--button-success-text-hover-900) !important; } .hover\:fill-button-success-text-hover-dark:hover{ fill: var(--button-success-text-hover-900) !important; } .hover\:fill-button-success-text-hover-light:hover{ fill: var(--button-success-text-hover-50) !important; } .hover\:fill-button-warning-hover:hover{ fill: var(--button-warning-hover) !important; } .hover\:fill-button-warning-hover-100:hover{ fill: var(--button-warning-hover-100) !important; } .hover\:fill-button-warning-hover-200:hover{ fill: var(--button-warning-hover-200) !important; } .hover\:fill-button-warning-hover-300:hover{ fill: var(--button-warning-hover-300) !important; } .hover\:fill-button-warning-hover-400:hover{ fill: var(--button-warning-hover-400) !important; } .hover\:fill-button-warning-hover-50:hover{ fill: var(--button-warning-hover-50) !important; } .hover\:fill-button-warning-hover-500:hover{ fill: var(--button-warning-hover) !important; } .hover\:fill-button-warning-hover-600:hover{ fill: var(--button-warning-hover-600) !important; } .hover\:fill-button-warning-hover-700:hover{ fill: var(--button-warning-hover-700) !important; } .hover\:fill-button-warning-hover-800:hover{ fill: var(--button-warning-hover-800) !important; } .hover\:fill-button-warning-hover-900:hover{ fill: var(--button-warning-hover-900) !important; } .hover\:fill-button-warning-hover-dark:hover{ fill: var(--button-warning-hover-900) !important; } .hover\:fill-button-warning-hover-light:hover{ fill: var(--button-warning-hover-50) !important; } .hover\:fill-button-warning-text-hover:hover{ fill: var(--button-warning-text-hover) !important; } .hover\:fill-button-warning-text-hover-100:hover{ fill: var(--button-warning-text-hover-100) !important; } .hover\:fill-button-warning-text-hover-200:hover{ fill: var(--button-warning-text-hover-200) !important; } .hover\:fill-button-warning-text-hover-300:hover{ fill: var(--button-warning-text-hover-300) !important; } .hover\:fill-button-warning-text-hover-400:hover{ fill: var(--button-warning-text-hover-400) !important; } .hover\:fill-button-warning-text-hover-50:hover{ fill: var(--button-warning-text-hover-50) !important; } .hover\:fill-button-warning-text-hover-500:hover{ fill: var(--button-warning-text-hover) !important; } .hover\:fill-button-warning-text-hover-600:hover{ fill: var(--button-warning-text-hover-600) !important; } .hover\:fill-button-warning-text-hover-700:hover{ fill: var(--button-warning-text-hover-700) !important; } .hover\:fill-button-warning-text-hover-800:hover{ fill: var(--button-warning-text-hover-800) !important; } .hover\:fill-button-warning-text-hover-900:hover{ fill: var(--button-warning-text-hover-900) !important; } .hover\:fill-button-warning-text-hover-dark:hover{ fill: var(--button-warning-text-hover-900) !important; } .hover\:fill-button-warning-text-hover-light:hover{ fill: var(--button-warning-text-hover-50) !important; } .hover\:fill-header-link-hover-color:hover{ fill: var(--header-link-hover-color) !important; } .hover\:stroke-button-danger-hover:hover{ stroke: var(--button-danger-hover) !important; } .hover\:stroke-button-danger-hover-100:hover{ stroke: var(--button-danger-hover-100) !important; } .hover\:stroke-button-danger-hover-200:hover{ stroke: var(--button-danger-hover-200) !important; } .hover\:stroke-button-danger-hover-300:hover{ stroke: var(--button-danger-hover-300) !important; } .hover\:stroke-button-danger-hover-400:hover{ stroke: var(--button-danger-hover-400) !important; } .hover\:stroke-button-danger-hover-50:hover{ stroke: var(--button-danger-hover-50) !important; } .hover\:stroke-button-danger-hover-500:hover{ stroke: var(--button-danger-hover) !important; } .hover\:stroke-button-danger-hover-600:hover{ stroke: var(--button-danger-hover-600) !important; } .hover\:stroke-button-danger-hover-700:hover{ stroke: var(--button-danger-hover-700) !important; } .hover\:stroke-button-danger-hover-800:hover{ stroke: var(--button-danger-hover-800) !important; } .hover\:stroke-button-danger-hover-900:hover{ stroke: var(--button-danger-hover-900) !important; } .hover\:stroke-button-danger-hover-dark:hover{ stroke: var(--button-danger-hover-900) !important; } .hover\:stroke-button-danger-hover-light:hover{ stroke: var(--button-danger-hover-50) !important; } .hover\:stroke-button-danger-text-hover:hover{ stroke: var(--button-danger-text-hover) !important; } .hover\:stroke-button-danger-text-hover-100:hover{ stroke: var(--button-danger-text-hover-100) !important; } .hover\:stroke-button-danger-text-hover-200:hover{ stroke: var(--button-danger-text-hover-200) !important; } .hover\:stroke-button-danger-text-hover-300:hover{ stroke: var(--button-danger-text-hover-300) !important; } .hover\:stroke-button-danger-text-hover-400:hover{ stroke: var(--button-danger-text-hover-400) !important; } .hover\:stroke-button-danger-text-hover-50:hover{ stroke: var(--button-danger-text-hover-50) !important; } .hover\:stroke-button-danger-text-hover-500:hover{ stroke: var(--button-danger-text-hover) !important; } .hover\:stroke-button-danger-text-hover-600:hover{ stroke: var(--button-danger-text-hover-600) !important; } .hover\:stroke-button-danger-text-hover-700:hover{ stroke: var(--button-danger-text-hover-700) !important; } .hover\:stroke-button-danger-text-hover-800:hover{ stroke: var(--button-danger-text-hover-800) !important; } .hover\:stroke-button-danger-text-hover-900:hover{ stroke: var(--button-danger-text-hover-900) !important; } .hover\:stroke-button-danger-text-hover-dark:hover{ stroke: var(--button-danger-text-hover-900) !important; } .hover\:stroke-button-danger-text-hover-light:hover{ stroke: var(--button-danger-text-hover-50) !important; } .hover\:stroke-button-dark-hover:hover{ stroke: var(--button-dark-hover) !important; } .hover\:stroke-button-dark-hover-100:hover{ stroke: var(--button-dark-hover-100) !important; } .hover\:stroke-button-dark-hover-200:hover{ stroke: var(--button-dark-hover-200) !important; } .hover\:stroke-button-dark-hover-300:hover{ stroke: var(--button-dark-hover-300) !important; } .hover\:stroke-button-dark-hover-400:hover{ stroke: var(--button-dark-hover-400) !important; } .hover\:stroke-button-dark-hover-50:hover{ stroke: var(--button-dark-hover-50) !important; } .hover\:stroke-button-dark-hover-500:hover{ stroke: var(--button-dark-hover) !important; } .hover\:stroke-button-dark-hover-600:hover{ stroke: var(--button-dark-hover-600) !important; } .hover\:stroke-button-dark-hover-700:hover{ stroke: var(--button-dark-hover-700) !important; } .hover\:stroke-button-dark-hover-800:hover{ stroke: var(--button-dark-hover-800) !important; } .hover\:stroke-button-dark-hover-900:hover{ stroke: var(--button-dark-hover-900) !important; } .hover\:stroke-button-dark-hover-dark:hover{ stroke: var(--button-dark-hover-900) !important; } .hover\:stroke-button-dark-hover-light:hover{ stroke: var(--button-dark-hover-50) !important; } .hover\:stroke-button-dark-text-hover:hover{ stroke: var(--button-dark-text-hover) !important; } .hover\:stroke-button-dark-text-hover-100:hover{ stroke: var(--button-dark-text-hover-100) !important; } .hover\:stroke-button-dark-text-hover-200:hover{ stroke: var(--button-dark-text-hover-200) !important; } .hover\:stroke-button-dark-text-hover-300:hover{ stroke: var(--button-dark-text-hover-300) !important; } .hover\:stroke-button-dark-text-hover-400:hover{ stroke: var(--button-dark-text-hover-400) !important; } .hover\:stroke-button-dark-text-hover-50:hover{ stroke: var(--button-dark-text-hover-50) !important; } .hover\:stroke-button-dark-text-hover-500:hover{ stroke: var(--button-dark-text-hover) !important; } .hover\:stroke-button-dark-text-hover-600:hover{ stroke: var(--button-dark-text-hover-600) !important; } .hover\:stroke-button-dark-text-hover-700:hover{ stroke: var(--button-dark-text-hover-700) !important; } .hover\:stroke-button-dark-text-hover-800:hover{ stroke: var(--button-dark-text-hover-800) !important; } .hover\:stroke-button-dark-text-hover-900:hover{ stroke: var(--button-dark-text-hover-900) !important; } .hover\:stroke-button-dark-text-hover-dark:hover{ stroke: var(--button-dark-text-hover-900) !important; } .hover\:stroke-button-dark-text-hover-light:hover{ stroke: var(--button-dark-text-hover-50) !important; } .hover\:stroke-button-light-hover:hover{ stroke: var(--button-light-hover) !important; } .hover\:stroke-button-light-hover-100:hover{ stroke: var(--button-light-hover-100) !important; } .hover\:stroke-button-light-hover-200:hover{ stroke: var(--button-light-hover-200) !important; } .hover\:stroke-button-light-hover-300:hover{ stroke: var(--button-light-hover-300) !important; } .hover\:stroke-button-light-hover-400:hover{ stroke: var(--button-light-hover-400) !important; } .hover\:stroke-button-light-hover-50:hover{ stroke: var(--button-light-hover-50) !important; } .hover\:stroke-button-light-hover-500:hover{ stroke: var(--button-light-hover) !important; } .hover\:stroke-button-light-hover-600:hover{ stroke: var(--button-light-hover-600) !important; } .hover\:stroke-button-light-hover-700:hover{ stroke: var(--button-light-hover-700) !important; } .hover\:stroke-button-light-hover-800:hover{ stroke: var(--button-light-hover-800) !important; } .hover\:stroke-button-light-hover-900:hover{ stroke: var(--button-light-hover-900) !important; } .hover\:stroke-button-light-hover-dark:hover{ stroke: var(--button-light-hover-900) !important; } .hover\:stroke-button-light-hover-light:hover{ stroke: var(--button-light-hover-50) !important; } .hover\:stroke-button-light-text-hover:hover{ stroke: var(--button-light-text-hover) !important; } .hover\:stroke-button-light-text-hover-100:hover{ stroke: var(--button-light-text-hover-100) !important; } .hover\:stroke-button-light-text-hover-200:hover{ stroke: var(--button-light-text-hover-200) !important; } .hover\:stroke-button-light-text-hover-300:hover{ stroke: var(--button-light-text-hover-300) !important; } .hover\:stroke-button-light-text-hover-400:hover{ stroke: var(--button-light-text-hover-400) !important; } .hover\:stroke-button-light-text-hover-50:hover{ stroke: var(--button-light-text-hover-50) !important; } .hover\:stroke-button-light-text-hover-500:hover{ stroke: var(--button-light-text-hover) !important; } .hover\:stroke-button-light-text-hover-600:hover{ stroke: var(--button-light-text-hover-600) !important; } .hover\:stroke-button-light-text-hover-700:hover{ stroke: var(--button-light-text-hover-700) !important; } .hover\:stroke-button-light-text-hover-800:hover{ stroke: var(--button-light-text-hover-800) !important; } .hover\:stroke-button-light-text-hover-900:hover{ stroke: var(--button-light-text-hover-900) !important; } .hover\:stroke-button-light-text-hover-dark:hover{ stroke: var(--button-light-text-hover-900) !important; } .hover\:stroke-button-light-text-hover-light:hover{ stroke: var(--button-light-text-hover-50) !important; } .hover\:stroke-button-primary-hover:hover{ stroke: var(--button-primary-hover) !important; } .hover\:stroke-button-primary-hover-100:hover{ stroke: var(--button-primary-hover-100) !important; } .hover\:stroke-button-primary-hover-200:hover{ stroke: var(--button-primary-hover-200) !important; } .hover\:stroke-button-primary-hover-300:hover{ stroke: var(--button-primary-hover-300) !important; } .hover\:stroke-button-primary-hover-400:hover{ stroke: var(--button-primary-hover-400) !important; } .hover\:stroke-button-primary-hover-50:hover{ stroke: var(--button-primary-hover-50) !important; } .hover\:stroke-button-primary-hover-500:hover{ stroke: var(--button-primary-hover) !important; } .hover\:stroke-button-primary-hover-600:hover{ stroke: var(--button-primary-hover-600) !important; } .hover\:stroke-button-primary-hover-700:hover{ stroke: var(--button-primary-hover-700) !important; } .hover\:stroke-button-primary-hover-800:hover{ stroke: var(--button-primary-hover-800) !important; } .hover\:stroke-button-primary-hover-900:hover{ stroke: var(--button-primary-hover-900) !important; } .hover\:stroke-button-primary-hover-dark:hover{ stroke: var(--button-primary-hover-900) !important; } .hover\:stroke-button-primary-hover-light:hover{ stroke: var(--button-primary-hover-50) !important; } .hover\:stroke-button-primary-text-hover:hover{ stroke: var(--button-primary-text-hover) !important; } .hover\:stroke-button-primary-text-hover-100:hover{ stroke: var(--button-primary-text-hover-100) !important; } .hover\:stroke-button-primary-text-hover-200:hover{ stroke: var(--button-primary-text-hover-200) !important; } .hover\:stroke-button-primary-text-hover-300:hover{ stroke: var(--button-primary-text-hover-300) !important; } .hover\:stroke-button-primary-text-hover-400:hover{ stroke: var(--button-primary-text-hover-400) !important; } .hover\:stroke-button-primary-text-hover-50:hover{ stroke: var(--button-primary-text-hover-50) !important; } .hover\:stroke-button-primary-text-hover-500:hover{ stroke: var(--button-primary-text-hover) !important; } .hover\:stroke-button-primary-text-hover-600:hover{ stroke: var(--button-primary-text-hover-600) !important; } .hover\:stroke-button-primary-text-hover-700:hover{ stroke: var(--button-primary-text-hover-700) !important; } .hover\:stroke-button-primary-text-hover-800:hover{ stroke: var(--button-primary-text-hover-800) !important; } .hover\:stroke-button-primary-text-hover-900:hover{ stroke: var(--button-primary-text-hover-900) !important; } .hover\:stroke-button-primary-text-hover-dark:hover{ stroke: var(--button-primary-text-hover-900) !important; } .hover\:stroke-button-primary-text-hover-light:hover{ stroke: var(--button-primary-text-hover-50) !important; } .hover\:stroke-button-secondary-hover:hover{ stroke: var(--button-secondary-hover) !important; } .hover\:stroke-button-secondary-hover-100:hover{ stroke: var(--button-secondary-hover-100) !important; } .hover\:stroke-button-secondary-hover-200:hover{ stroke: var(--button-secondary-hover-200) !important; } .hover\:stroke-button-secondary-hover-300:hover{ stroke: var(--button-secondary-hover-300) !important; } .hover\:stroke-button-secondary-hover-400:hover{ stroke: var(--button-secondary-hover-400) !important; } .hover\:stroke-button-secondary-hover-50:hover{ stroke: var(--button-secondary-hover-50) !important; } .hover\:stroke-button-secondary-hover-500:hover{ stroke: var(--button-secondary-hover) !important; } .hover\:stroke-button-secondary-hover-600:hover{ stroke: var(--button-secondary-hover-600) !important; } .hover\:stroke-button-secondary-hover-700:hover{ stroke: var(--button-secondary-hover-700) !important; } .hover\:stroke-button-secondary-hover-800:hover{ stroke: var(--button-secondary-hover-800) !important; } .hover\:stroke-button-secondary-hover-900:hover{ stroke: var(--button-secondary-hover-900) !important; } .hover\:stroke-button-secondary-hover-dark:hover{ stroke: var(--button-secondary-hover-900) !important; } .hover\:stroke-button-secondary-hover-light:hover{ stroke: var(--button-secondary-hover-50) !important; } .hover\:stroke-button-secondary-text-hover:hover{ stroke: var(--button-secondary-text-hover) !important; } .hover\:stroke-button-secondary-text-hover-100:hover{ stroke: var(--button-secondary-text-hover-100) !important; } .hover\:stroke-button-secondary-text-hover-200:hover{ stroke: var(--button-secondary-text-hover-200) !important; } .hover\:stroke-button-secondary-text-hover-300:hover{ stroke: var(--button-secondary-text-hover-300) !important; } .hover\:stroke-button-secondary-text-hover-400:hover{ stroke: var(--button-secondary-text-hover-400) !important; } .hover\:stroke-button-secondary-text-hover-50:hover{ stroke: var(--button-secondary-text-hover-50) !important; } .hover\:stroke-button-secondary-text-hover-500:hover{ stroke: var(--button-secondary-text-hover) !important; } .hover\:stroke-button-secondary-text-hover-600:hover{ stroke: var(--button-secondary-text-hover-600) !important; } .hover\:stroke-button-secondary-text-hover-700:hover{ stroke: var(--button-secondary-text-hover-700) !important; } .hover\:stroke-button-secondary-text-hover-800:hover{ stroke: var(--button-secondary-text-hover-800) !important; } .hover\:stroke-button-secondary-text-hover-900:hover{ stroke: var(--button-secondary-text-hover-900) !important; } .hover\:stroke-button-secondary-text-hover-dark:hover{ stroke: var(--button-secondary-text-hover-900) !important; } .hover\:stroke-button-secondary-text-hover-light:hover{ stroke: var(--button-secondary-text-hover-50) !important; } .hover\:stroke-button-success-hover:hover{ stroke: var(--button-success-hover) !important; } .hover\:stroke-button-success-hover-100:hover{ stroke: var(--button-success-hover-100) !important; } .hover\:stroke-button-success-hover-200:hover{ stroke: var(--button-success-hover-200) !important; } .hover\:stroke-button-success-hover-300:hover{ stroke: var(--button-success-hover-300) !important; } .hover\:stroke-button-success-hover-400:hover{ stroke: var(--button-success-hover-400) !important; } .hover\:stroke-button-success-hover-50:hover{ stroke: var(--button-success-hover-50) !important; } .hover\:stroke-button-success-hover-500:hover{ stroke: var(--button-success-hover) !important; } .hover\:stroke-button-success-hover-600:hover{ stroke: var(--button-success-hover-600) !important; } .hover\:stroke-button-success-hover-700:hover{ stroke: var(--button-success-hover-700) !important; } .hover\:stroke-button-success-hover-800:hover{ stroke: var(--button-success-hover-800) !important; } .hover\:stroke-button-success-hover-900:hover{ stroke: var(--button-success-hover-900) !important; } .hover\:stroke-button-success-hover-dark:hover{ stroke: var(--button-success-hover-900) !important; } .hover\:stroke-button-success-hover-light:hover{ stroke: var(--button-success-hover-50) !important; } .hover\:stroke-button-success-text-hover:hover{ stroke: var(--button-success-text-hover) !important; } .hover\:stroke-button-success-text-hover-100:hover{ stroke: var(--button-success-text-hover-100) !important; } .hover\:stroke-button-success-text-hover-200:hover{ stroke: var(--button-success-text-hover-200) !important; } .hover\:stroke-button-success-text-hover-300:hover{ stroke: var(--button-success-text-hover-300) !important; } .hover\:stroke-button-success-text-hover-400:hover{ stroke: var(--button-success-text-hover-400) !important; } .hover\:stroke-button-success-text-hover-50:hover{ stroke: var(--button-success-text-hover-50) !important; } .hover\:stroke-button-success-text-hover-500:hover{ stroke: var(--button-success-text-hover) !important; } .hover\:stroke-button-success-text-hover-600:hover{ stroke: var(--button-success-text-hover-600) !important; } .hover\:stroke-button-success-text-hover-700:hover{ stroke: var(--button-success-text-hover-700) !important; } .hover\:stroke-button-success-text-hover-800:hover{ stroke: var(--button-success-text-hover-800) !important; } .hover\:stroke-button-success-text-hover-900:hover{ stroke: var(--button-success-text-hover-900) !important; } .hover\:stroke-button-success-text-hover-dark:hover{ stroke: var(--button-success-text-hover-900) !important; } .hover\:stroke-button-success-text-hover-light:hover{ stroke: var(--button-success-text-hover-50) !important; } .hover\:stroke-button-warning-hover:hover{ stroke: var(--button-warning-hover) !important; } .hover\:stroke-button-warning-hover-100:hover{ stroke: var(--button-warning-hover-100) !important; } .hover\:stroke-button-warning-hover-200:hover{ stroke: var(--button-warning-hover-200) !important; } .hover\:stroke-button-warning-hover-300:hover{ stroke: var(--button-warning-hover-300) !important; } .hover\:stroke-button-warning-hover-400:hover{ stroke: var(--button-warning-hover-400) !important; } .hover\:stroke-button-warning-hover-50:hover{ stroke: var(--button-warning-hover-50) !important; } .hover\:stroke-button-warning-hover-500:hover{ stroke: var(--button-warning-hover) !important; } .hover\:stroke-button-warning-hover-600:hover{ stroke: var(--button-warning-hover-600) !important; } .hover\:stroke-button-warning-hover-700:hover{ stroke: var(--button-warning-hover-700) !important; } .hover\:stroke-button-warning-hover-800:hover{ stroke: var(--button-warning-hover-800) !important; } .hover\:stroke-button-warning-hover-900:hover{ stroke: var(--button-warning-hover-900) !important; } .hover\:stroke-button-warning-hover-dark:hover{ stroke: var(--button-warning-hover-900) !important; } .hover\:stroke-button-warning-hover-light:hover{ stroke: var(--button-warning-hover-50) !important; } .hover\:stroke-button-warning-text-hover:hover{ stroke: var(--button-warning-text-hover) !important; } .hover\:stroke-button-warning-text-hover-100:hover{ stroke: var(--button-warning-text-hover-100) !important; } .hover\:stroke-button-warning-text-hover-200:hover{ stroke: var(--button-warning-text-hover-200) !important; } .hover\:stroke-button-warning-text-hover-300:hover{ stroke: var(--button-warning-text-hover-300) !important; } .hover\:stroke-button-warning-text-hover-400:hover{ stroke: var(--button-warning-text-hover-400) !important; } .hover\:stroke-button-warning-text-hover-50:hover{ stroke: var(--button-warning-text-hover-50) !important; } .hover\:stroke-button-warning-text-hover-500:hover{ stroke: var(--button-warning-text-hover) !important; } .hover\:stroke-button-warning-text-hover-600:hover{ stroke: var(--button-warning-text-hover-600) !important; } .hover\:stroke-button-warning-text-hover-700:hover{ stroke: var(--button-warning-text-hover-700) !important; } .hover\:stroke-button-warning-text-hover-800:hover{ stroke: var(--button-warning-text-hover-800) !important; } .hover\:stroke-button-warning-text-hover-900:hover{ stroke: var(--button-warning-text-hover-900) !important; } .hover\:stroke-button-warning-text-hover-dark:hover{ stroke: var(--button-warning-text-hover-900) !important; } .hover\:stroke-button-warning-text-hover-light:hover{ stroke: var(--button-warning-text-hover-50) !important; } .hover\:text-acp-header-link-hover:hover{ color: var(--acp-header-link-hover) !important; } .hover\:text-acp-link-hover:hover{ color: var(--acp-link-hover) !important; } .hover\:text-acp-nav-link-hover:hover{ color: var(--acp-nav-link-hover) !important; } .hover\:text-auth-card-link-hover:hover{ color: var(--auth-card-link-hover) !important; } .hover\:text-auth-footer-link-hover:hover{ color: var(--auth-footer-link-hover) !important; } .hover\:text-button-danger-hover:hover{ color: var(--button-danger-hover) !important; } .hover\:text-button-danger-hover-100:hover{ color: var(--button-danger-hover-100) !important; } .hover\:text-button-danger-hover-200:hover{ color: var(--button-danger-hover-200) !important; } .hover\:text-button-danger-hover-300:hover{ color: var(--button-danger-hover-300) !important; } .hover\:text-button-danger-hover-400:hover{ color: var(--button-danger-hover-400) !important; } .hover\:text-button-danger-hover-50:hover{ color: var(--button-danger-hover-50) !important; } .hover\:text-button-danger-hover-500:hover{ color: var(--button-danger-hover) !important; } .hover\:text-button-danger-hover-600:hover{ color: var(--button-danger-hover-600) !important; } .hover\:text-button-danger-hover-700:hover{ color: var(--button-danger-hover-700) !important; } .hover\:text-button-danger-hover-800:hover{ color: var(--button-danger-hover-800) !important; } .hover\:text-button-danger-hover-900:hover{ color: var(--button-danger-hover-900) !important; } .hover\:text-button-danger-hover-dark:hover{ color: var(--button-danger-hover-900) !important; } .hover\:text-button-danger-hover-light:hover{ color: var(--button-danger-hover-50) !important; } .hover\:text-button-danger-text-hover:hover{ color: var(--button-danger-text-hover) !important; } .hover\:text-button-danger-text-hover-100:hover{ color: var(--button-danger-text-hover-100) !important; } .hover\:text-button-danger-text-hover-200:hover{ color: var(--button-danger-text-hover-200) !important; } .hover\:text-button-danger-text-hover-300:hover{ color: var(--button-danger-text-hover-300) !important; } .hover\:text-button-danger-text-hover-400:hover{ color: var(--button-danger-text-hover-400) !important; } .hover\:text-button-danger-text-hover-50:hover{ color: var(--button-danger-text-hover-50) !important; } .hover\:text-button-danger-text-hover-500:hover{ color: var(--button-danger-text-hover) !important; } .hover\:text-button-danger-text-hover-600:hover{ color: var(--button-danger-text-hover-600) !important; } .hover\:text-button-danger-text-hover-700:hover{ color: var(--button-danger-text-hover-700) !important; } .hover\:text-button-danger-text-hover-800:hover{ color: var(--button-danger-text-hover-800) !important; } .hover\:text-button-danger-text-hover-900:hover{ color: var(--button-danger-text-hover-900) !important; } .hover\:text-button-danger-text-hover-dark:hover{ color: var(--button-danger-text-hover-900) !important; } .hover\:text-button-danger-text-hover-light:hover{ color: var(--button-danger-text-hover-50) !important; } .hover\:text-button-dark-hover:hover{ color: var(--button-dark-hover) !important; } .hover\:text-button-dark-hover-100:hover{ color: var(--button-dark-hover-100) !important; } .hover\:text-button-dark-hover-200:hover{ color: var(--button-dark-hover-200) !important; } .hover\:text-button-dark-hover-300:hover{ color: var(--button-dark-hover-300) !important; } .hover\:text-button-dark-hover-400:hover{ color: var(--button-dark-hover-400) !important; } .hover\:text-button-dark-hover-50:hover{ color: var(--button-dark-hover-50) !important; } .hover\:text-button-dark-hover-500:hover{ color: var(--button-dark-hover) !important; } .hover\:text-button-dark-hover-600:hover{ color: var(--button-dark-hover-600) !important; } .hover\:text-button-dark-hover-700:hover{ color: var(--button-dark-hover-700) !important; } .hover\:text-button-dark-hover-800:hover{ color: var(--button-dark-hover-800) !important; } .hover\:text-button-dark-hover-900:hover{ color: var(--button-dark-hover-900) !important; } .hover\:text-button-dark-hover-dark:hover{ color: var(--button-dark-hover-900) !important; } .hover\:text-button-dark-hover-light:hover{ color: var(--button-dark-hover-50) !important; } .hover\:text-button-dark-text-hover:hover{ color: var(--button-dark-text-hover) !important; } .hover\:text-button-dark-text-hover-100:hover{ color: var(--button-dark-text-hover-100) !important; } .hover\:text-button-dark-text-hover-200:hover{ color: var(--button-dark-text-hover-200) !important; } .hover\:text-button-dark-text-hover-300:hover{ color: var(--button-dark-text-hover-300) !important; } .hover\:text-button-dark-text-hover-400:hover{ color: var(--button-dark-text-hover-400) !important; } .hover\:text-button-dark-text-hover-50:hover{ color: var(--button-dark-text-hover-50) !important; } .hover\:text-button-dark-text-hover-500:hover{ color: var(--button-dark-text-hover) !important; } .hover\:text-button-dark-text-hover-600:hover{ color: var(--button-dark-text-hover-600) !important; } .hover\:text-button-dark-text-hover-700:hover{ color: var(--button-dark-text-hover-700) !important; } .hover\:text-button-dark-text-hover-800:hover{ color: var(--button-dark-text-hover-800) !important; } .hover\:text-button-dark-text-hover-900:hover{ color: var(--button-dark-text-hover-900) !important; } .hover\:text-button-dark-text-hover-dark:hover{ color: var(--button-dark-text-hover-900) !important; } .hover\:text-button-dark-text-hover-light:hover{ color: var(--button-dark-text-hover-50) !important; } .hover\:text-button-light-hover:hover{ color: var(--button-light-hover) !important; } .hover\:text-button-light-hover-100:hover{ color: var(--button-light-hover-100) !important; } .hover\:text-button-light-hover-200:hover{ color: var(--button-light-hover-200) !important; } .hover\:text-button-light-hover-300:hover{ color: var(--button-light-hover-300) !important; } .hover\:text-button-light-hover-400:hover{ color: var(--button-light-hover-400) !important; } .hover\:text-button-light-hover-50:hover{ color: var(--button-light-hover-50) !important; } .hover\:text-button-light-hover-500:hover{ color: var(--button-light-hover) !important; } .hover\:text-button-light-hover-600:hover{ color: var(--button-light-hover-600) !important; } .hover\:text-button-light-hover-700:hover{ color: var(--button-light-hover-700) !important; } .hover\:text-button-light-hover-800:hover{ color: var(--button-light-hover-800) !important; } .hover\:text-button-light-hover-900:hover{ color: var(--button-light-hover-900) !important; } .hover\:text-button-light-hover-dark:hover{ color: var(--button-light-hover-900) !important; } .hover\:text-button-light-hover-light:hover{ color: var(--button-light-hover-50) !important; } .hover\:text-button-light-text-hover:hover{ color: var(--button-light-text-hover) !important; } .hover\:text-button-light-text-hover-100:hover{ color: var(--button-light-text-hover-100) !important; } .hover\:text-button-light-text-hover-200:hover{ color: var(--button-light-text-hover-200) !important; } .hover\:text-button-light-text-hover-300:hover{ color: var(--button-light-text-hover-300) !important; } .hover\:text-button-light-text-hover-400:hover{ color: var(--button-light-text-hover-400) !important; } .hover\:text-button-light-text-hover-50:hover{ color: var(--button-light-text-hover-50) !important; } .hover\:text-button-light-text-hover-500:hover{ color: var(--button-light-text-hover) !important; } .hover\:text-button-light-text-hover-600:hover{ color: var(--button-light-text-hover-600) !important; } .hover\:text-button-light-text-hover-700:hover{ color: var(--button-light-text-hover-700) !important; } .hover\:text-button-light-text-hover-800:hover{ color: var(--button-light-text-hover-800) !important; } .hover\:text-button-light-text-hover-900:hover{ color: var(--button-light-text-hover-900) !important; } .hover\:text-button-light-text-hover-dark:hover{ color: var(--button-light-text-hover-900) !important; } .hover\:text-button-light-text-hover-light:hover{ color: var(--button-light-text-hover-50) !important; } .hover\:text-button-primary-hover:hover{ color: var(--button-primary-hover) !important; } .hover\:text-button-primary-hover-100:hover{ color: var(--button-primary-hover-100) !important; } .hover\:text-button-primary-hover-200:hover{ color: var(--button-primary-hover-200) !important; } .hover\:text-button-primary-hover-300:hover{ color: var(--button-primary-hover-300) !important; } .hover\:text-button-primary-hover-400:hover{ color: var(--button-primary-hover-400) !important; } .hover\:text-button-primary-hover-50:hover{ color: var(--button-primary-hover-50) !important; } .hover\:text-button-primary-hover-500:hover{ color: var(--button-primary-hover) !important; } .hover\:text-button-primary-hover-600:hover{ color: var(--button-primary-hover-600) !important; } .hover\:text-button-primary-hover-700:hover{ color: var(--button-primary-hover-700) !important; } .hover\:text-button-primary-hover-800:hover{ color: var(--button-primary-hover-800) !important; } .hover\:text-button-primary-hover-900:hover{ color: var(--button-primary-hover-900) !important; } .hover\:text-button-primary-hover-dark:hover{ color: var(--button-primary-hover-900) !important; } .hover\:text-button-primary-hover-light:hover{ color: var(--button-primary-hover-50) !important; } .hover\:text-button-primary-text-hover:hover{ color: var(--button-primary-text-hover) !important; } .hover\:text-button-primary-text-hover-100:hover{ color: var(--button-primary-text-hover-100) !important; } .hover\:text-button-primary-text-hover-200:hover{ color: var(--button-primary-text-hover-200) !important; } .hover\:text-button-primary-text-hover-300:hover{ color: var(--button-primary-text-hover-300) !important; } .hover\:text-button-primary-text-hover-400:hover{ color: var(--button-primary-text-hover-400) !important; } .hover\:text-button-primary-text-hover-50:hover{ color: var(--button-primary-text-hover-50) !important; } .hover\:text-button-primary-text-hover-500:hover{ color: var(--button-primary-text-hover) !important; } .hover\:text-button-primary-text-hover-600:hover{ color: var(--button-primary-text-hover-600) !important; } .hover\:text-button-primary-text-hover-700:hover{ color: var(--button-primary-text-hover-700) !important; } .hover\:text-button-primary-text-hover-800:hover{ color: var(--button-primary-text-hover-800) !important; } .hover\:text-button-primary-text-hover-900:hover{ color: var(--button-primary-text-hover-900) !important; } .hover\:text-button-primary-text-hover-dark:hover{ color: var(--button-primary-text-hover-900) !important; } .hover\:text-button-primary-text-hover-light:hover{ color: var(--button-primary-text-hover-50) !important; } .hover\:text-button-secondary-hover:hover{ color: var(--button-secondary-hover) !important; } .hover\:text-button-secondary-hover-100:hover{ color: var(--button-secondary-hover-100) !important; } .hover\:text-button-secondary-hover-200:hover{ color: var(--button-secondary-hover-200) !important; } .hover\:text-button-secondary-hover-300:hover{ color: var(--button-secondary-hover-300) !important; } .hover\:text-button-secondary-hover-400:hover{ color: var(--button-secondary-hover-400) !important; } .hover\:text-button-secondary-hover-50:hover{ color: var(--button-secondary-hover-50) !important; } .hover\:text-button-secondary-hover-500:hover{ color: var(--button-secondary-hover) !important; } .hover\:text-button-secondary-hover-600:hover{ color: var(--button-secondary-hover-600) !important; } .hover\:text-button-secondary-hover-700:hover{ color: var(--button-secondary-hover-700) !important; } .hover\:text-button-secondary-hover-800:hover{ color: var(--button-secondary-hover-800) !important; } .hover\:text-button-secondary-hover-900:hover{ color: var(--button-secondary-hover-900) !important; } .hover\:text-button-secondary-hover-dark:hover{ color: var(--button-secondary-hover-900) !important; } .hover\:text-button-secondary-hover-light:hover{ color: var(--button-secondary-hover-50) !important; } .hover\:text-button-secondary-text-hover:hover{ color: var(--button-secondary-text-hover) !important; } .hover\:text-button-secondary-text-hover-100:hover{ color: var(--button-secondary-text-hover-100) !important; } .hover\:text-button-secondary-text-hover-200:hover{ color: var(--button-secondary-text-hover-200) !important; } .hover\:text-button-secondary-text-hover-300:hover{ color: var(--button-secondary-text-hover-300) !important; } .hover\:text-button-secondary-text-hover-400:hover{ color: var(--button-secondary-text-hover-400) !important; } .hover\:text-button-secondary-text-hover-50:hover{ color: var(--button-secondary-text-hover-50) !important; } .hover\:text-button-secondary-text-hover-500:hover{ color: var(--button-secondary-text-hover) !important; } .hover\:text-button-secondary-text-hover-600:hover{ color: var(--button-secondary-text-hover-600) !important; } .hover\:text-button-secondary-text-hover-700:hover{ color: var(--button-secondary-text-hover-700) !important; } .hover\:text-button-secondary-text-hover-800:hover{ color: var(--button-secondary-text-hover-800) !important; } .hover\:text-button-secondary-text-hover-900:hover{ color: var(--button-secondary-text-hover-900) !important; } .hover\:text-button-secondary-text-hover-dark:hover{ color: var(--button-secondary-text-hover-900) !important; } .hover\:text-button-secondary-text-hover-light:hover{ color: var(--button-secondary-text-hover-50) !important; } .hover\:text-button-success-hover:hover{ color: var(--button-success-hover) !important; } .hover\:text-button-success-hover-100:hover{ color: var(--button-success-hover-100) !important; } .hover\:text-button-success-hover-200:hover{ color: var(--button-success-hover-200) !important; } .hover\:text-button-success-hover-300:hover{ color: var(--button-success-hover-300) !important; } .hover\:text-button-success-hover-400:hover{ color: var(--button-success-hover-400) !important; } .hover\:text-button-success-hover-50:hover{ color: var(--button-success-hover-50) !important; } .hover\:text-button-success-hover-500:hover{ color: var(--button-success-hover) !important; } .hover\:text-button-success-hover-600:hover{ color: var(--button-success-hover-600) !important; } .hover\:text-button-success-hover-700:hover{ color: var(--button-success-hover-700) !important; } .hover\:text-button-success-hover-800:hover{ color: var(--button-success-hover-800) !important; } .hover\:text-button-success-hover-900:hover{ color: var(--button-success-hover-900) !important; } .hover\:text-button-success-hover-dark:hover{ color: var(--button-success-hover-900) !important; } .hover\:text-button-success-hover-light:hover{ color: var(--button-success-hover-50) !important; } .hover\:text-button-success-text-hover:hover{ color: var(--button-success-text-hover) !important; } .hover\:text-button-success-text-hover-100:hover{ color: var(--button-success-text-hover-100) !important; } .hover\:text-button-success-text-hover-200:hover{ color: var(--button-success-text-hover-200) !important; } .hover\:text-button-success-text-hover-300:hover{ color: var(--button-success-text-hover-300) !important; } .hover\:text-button-success-text-hover-400:hover{ color: var(--button-success-text-hover-400) !important; } .hover\:text-button-success-text-hover-50:hover{ color: var(--button-success-text-hover-50) !important; } .hover\:text-button-success-text-hover-500:hover{ color: var(--button-success-text-hover) !important; } .hover\:text-button-success-text-hover-600:hover{ color: var(--button-success-text-hover-600) !important; } .hover\:text-button-success-text-hover-700:hover{ color: var(--button-success-text-hover-700) !important; } .hover\:text-button-success-text-hover-800:hover{ color: var(--button-success-text-hover-800) !important; } .hover\:text-button-success-text-hover-900:hover{ color: var(--button-success-text-hover-900) !important; } .hover\:text-button-success-text-hover-dark:hover{ color: var(--button-success-text-hover-900) !important; } .hover\:text-button-success-text-hover-light:hover{ color: var(--button-success-text-hover-50) !important; } .hover\:text-button-warning-hover:hover{ color: var(--button-warning-hover) !important; } .hover\:text-button-warning-hover-100:hover{ color: var(--button-warning-hover-100) !important; } .hover\:text-button-warning-hover-200:hover{ color: var(--button-warning-hover-200) !important; } .hover\:text-button-warning-hover-300:hover{ color: var(--button-warning-hover-300) !important; } .hover\:text-button-warning-hover-400:hover{ color: var(--button-warning-hover-400) !important; } .hover\:text-button-warning-hover-50:hover{ color: var(--button-warning-hover-50) !important; } .hover\:text-button-warning-hover-500:hover{ color: var(--button-warning-hover) !important; } .hover\:text-button-warning-hover-600:hover{ color: var(--button-warning-hover-600) !important; } .hover\:text-button-warning-hover-700:hover{ color: var(--button-warning-hover-700) !important; } .hover\:text-button-warning-hover-800:hover{ color: var(--button-warning-hover-800) !important; } .hover\:text-button-warning-hover-900:hover{ color: var(--button-warning-hover-900) !important; } .hover\:text-button-warning-hover-dark:hover{ color: var(--button-warning-hover-900) !important; } .hover\:text-button-warning-hover-light:hover{ color: var(--button-warning-hover-50) !important; } .hover\:text-button-warning-text-hover:hover{ color: var(--button-warning-text-hover) !important; } .hover\:text-button-warning-text-hover-100:hover{ color: var(--button-warning-text-hover-100) !important; } .hover\:text-button-warning-text-hover-200:hover{ color: var(--button-warning-text-hover-200) !important; } .hover\:text-button-warning-text-hover-300:hover{ color: var(--button-warning-text-hover-300) !important; } .hover\:text-button-warning-text-hover-400:hover{ color: var(--button-warning-text-hover-400) !important; } .hover\:text-button-warning-text-hover-50:hover{ color: var(--button-warning-text-hover-50) !important; } .hover\:text-button-warning-text-hover-500:hover{ color: var(--button-warning-text-hover) !important; } .hover\:text-button-warning-text-hover-600:hover{ color: var(--button-warning-text-hover-600) !important; } .hover\:text-button-warning-text-hover-700:hover{ color: var(--button-warning-text-hover-700) !important; } .hover\:text-button-warning-text-hover-800:hover{ color: var(--button-warning-text-hover-800) !important; } .hover\:text-button-warning-text-hover-900:hover{ color: var(--button-warning-text-hover-900) !important; } .hover\:text-button-warning-text-hover-dark:hover{ color: var(--button-warning-text-hover-900) !important; } .hover\:text-button-warning-text-hover-light:hover{ color: var(--button-warning-text-hover-50) !important; } .hover\:text-footer-text-color:hover{ color: var(--footer-text-color) !important; } .hover\:text-gray-600:hover{ --tw-text-opacity: 1 !important; color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important; } .hover\:text-gray-900:hover{ --tw-text-opacity: 1 !important; color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important; } .hover\:text-header-link-hover-color:hover{ color: var(--header-link-hover-color) !important; } .hover\:text-navbar-link-hover-color:hover{ color: var(--navbar-link-hover-color) !important; } .hover\:text-navbar-popout-link-hover-color:hover{ color: var(--navbar-popout-link-hover-color) !important; } .hover\:text-ucp-link-hover:hover{ color: var(--ucp-link-hover) !important; } .hover\:underline:hover{ text-decoration-line: underline !important; } .hover\:outline-button-danger-hover:hover{ outline-color: var(--button-danger-hover) !important; } .hover\:outline-button-danger-hover-100:hover{ outline-color: var(--button-danger-hover-100) !important; } .hover\:outline-button-danger-hover-200:hover{ outline-color: var(--button-danger-hover-200) !important; } .hover\:outline-button-danger-hover-300:hover{ outline-color: var(--button-danger-hover-300) !important; } .hover\:outline-button-danger-hover-400:hover{ outline-color: var(--button-danger-hover-400) !important; } .hover\:outline-button-danger-hover-50:hover{ outline-color: var(--button-danger-hover-50) !important; } .hover\:outline-button-danger-hover-500:hover{ outline-color: var(--button-danger-hover) !important; } .hover\:outline-button-danger-hover-600:hover{ outline-color: var(--button-danger-hover-600) !important; } .hover\:outline-button-danger-hover-700:hover{ outline-color: var(--button-danger-hover-700) !important; } .hover\:outline-button-danger-hover-800:hover{ outline-color: var(--button-danger-hover-800) !important; } .hover\:outline-button-danger-hover-900:hover{ outline-color: var(--button-danger-hover-900) !important; } .hover\:outline-button-danger-hover-dark:hover{ outline-color: var(--button-danger-hover-900) !important; } .hover\:outline-button-danger-hover-light:hover{ outline-color: var(--button-danger-hover-50) !important; } .hover\:outline-button-danger-text-hover:hover{ outline-color: var(--button-danger-text-hover) !important; } .hover\:outline-button-danger-text-hover-100:hover{ outline-color: var(--button-danger-text-hover-100) !important; } .hover\:outline-button-danger-text-hover-200:hover{ outline-color: var(--button-danger-text-hover-200) !important; } .hover\:outline-button-danger-text-hover-300:hover{ outline-color: var(--button-danger-text-hover-300) !important; } .hover\:outline-button-danger-text-hover-400:hover{ outline-color: var(--button-danger-text-hover-400) !important; } .hover\:outline-button-danger-text-hover-50:hover{ outline-color: var(--button-danger-text-hover-50) !important; } .hover\:outline-button-danger-text-hover-500:hover{ outline-color: var(--button-danger-text-hover) !important; } .hover\:outline-button-danger-text-hover-600:hover{ outline-color: var(--button-danger-text-hover-600) !important; } .hover\:outline-button-danger-text-hover-700:hover{ outline-color: var(--button-danger-text-hover-700) !important; } .hover\:outline-button-danger-text-hover-800:hover{ outline-color: var(--button-danger-text-hover-800) !important; } .hover\:outline-button-danger-text-hover-900:hover{ outline-color: var(--button-danger-text-hover-900) !important; } .hover\:outline-button-danger-text-hover-dark:hover{ outline-color: var(--button-danger-text-hover-900) !important; } .hover\:outline-button-danger-text-hover-light:hover{ outline-color: var(--button-danger-text-hover-50) !important; } .hover\:outline-button-dark-hover:hover{ outline-color: var(--button-dark-hover) !important; } .hover\:outline-button-dark-hover-100:hover{ outline-color: var(--button-dark-hover-100) !important; } .hover\:outline-button-dark-hover-200:hover{ outline-color: var(--button-dark-hover-200) !important; } .hover\:outline-button-dark-hover-300:hover{ outline-color: var(--button-dark-hover-300) !important; } .hover\:outline-button-dark-hover-400:hover{ outline-color: var(--button-dark-hover-400) !important; } .hover\:outline-button-dark-hover-50:hover{ outline-color: var(--button-dark-hover-50) !important; } .hover\:outline-button-dark-hover-500:hover{ outline-color: var(--button-dark-hover) !important; } .hover\:outline-button-dark-hover-600:hover{ outline-color: var(--button-dark-hover-600) !important; } .hover\:outline-button-dark-hover-700:hover{ outline-color: var(--button-dark-hover-700) !important; } .hover\:outline-button-dark-hover-800:hover{ outline-color: var(--button-dark-hover-800) !important; } .hover\:outline-button-dark-hover-900:hover{ outline-color: var(--button-dark-hover-900) !important; } .hover\:outline-button-dark-hover-dark:hover{ outline-color: var(--button-dark-hover-900) !important; } .hover\:outline-button-dark-hover-light:hover{ outline-color: var(--button-dark-hover-50) !important; } .hover\:outline-button-dark-text-hover:hover{ outline-color: var(--button-dark-text-hover) !important; } .hover\:outline-button-dark-text-hover-100:hover{ outline-color: var(--button-dark-text-hover-100) !important; } .hover\:outline-button-dark-text-hover-200:hover{ outline-color: var(--button-dark-text-hover-200) !important; } .hover\:outline-button-dark-text-hover-300:hover{ outline-color: var(--button-dark-text-hover-300) !important; } .hover\:outline-button-dark-text-hover-400:hover{ outline-color: var(--button-dark-text-hover-400) !important; } .hover\:outline-button-dark-text-hover-50:hover{ outline-color: var(--button-dark-text-hover-50) !important; } .hover\:outline-button-dark-text-hover-500:hover{ outline-color: var(--button-dark-text-hover) !important; } .hover\:outline-button-dark-text-hover-600:hover{ outline-color: var(--button-dark-text-hover-600) !important; } .hover\:outline-button-dark-text-hover-700:hover{ outline-color: var(--button-dark-text-hover-700) !important; } .hover\:outline-button-dark-text-hover-800:hover{ outline-color: var(--button-dark-text-hover-800) !important; } .hover\:outline-button-dark-text-hover-900:hover{ outline-color: var(--button-dark-text-hover-900) !important; } .hover\:outline-button-dark-text-hover-dark:hover{ outline-color: var(--button-dark-text-hover-900) !important; } .hover\:outline-button-dark-text-hover-light:hover{ outline-color: var(--button-dark-text-hover-50) !important; } .hover\:outline-button-light-hover:hover{ outline-color: var(--button-light-hover) !important; } .hover\:outline-button-light-hover-100:hover{ outline-color: var(--button-light-hover-100) !important; } .hover\:outline-button-light-hover-200:hover{ outline-color: var(--button-light-hover-200) !important; } .hover\:outline-button-light-hover-300:hover{ outline-color: var(--button-light-hover-300) !important; } .hover\:outline-button-light-hover-400:hover{ outline-color: var(--button-light-hover-400) !important; } .hover\:outline-button-light-hover-50:hover{ outline-color: var(--button-light-hover-50) !important; } .hover\:outline-button-light-hover-500:hover{ outline-color: var(--button-light-hover) !important; } .hover\:outline-button-light-hover-600:hover{ outline-color: var(--button-light-hover-600) !important; } .hover\:outline-button-light-hover-700:hover{ outline-color: var(--button-light-hover-700) !important; } .hover\:outline-button-light-hover-800:hover{ outline-color: var(--button-light-hover-800) !important; } .hover\:outline-button-light-hover-900:hover{ outline-color: var(--button-light-hover-900) !important; } .hover\:outline-button-light-hover-dark:hover{ outline-color: var(--button-light-hover-900) !important; } .hover\:outline-button-light-hover-light:hover{ outline-color: var(--button-light-hover-50) !important; } .hover\:outline-button-light-text-hover:hover{ outline-color: var(--button-light-text-hover) !important; } .hover\:outline-button-light-text-hover-100:hover{ outline-color: var(--button-light-text-hover-100) !important; } .hover\:outline-button-light-text-hover-200:hover{ outline-color: var(--button-light-text-hover-200) !important; } .hover\:outline-button-light-text-hover-300:hover{ outline-color: var(--button-light-text-hover-300) !important; } .hover\:outline-button-light-text-hover-400:hover{ outline-color: var(--button-light-text-hover-400) !important; } .hover\:outline-button-light-text-hover-50:hover{ outline-color: var(--button-light-text-hover-50) !important; } .hover\:outline-button-light-text-hover-500:hover{ outline-color: var(--button-light-text-hover) !important; } .hover\:outline-button-light-text-hover-600:hover{ outline-color: var(--button-light-text-hover-600) !important; } .hover\:outline-button-light-text-hover-700:hover{ outline-color: var(--button-light-text-hover-700) !important; } .hover\:outline-button-light-text-hover-800:hover{ outline-color: var(--button-light-text-hover-800) !important; } .hover\:outline-button-light-text-hover-900:hover{ outline-color: var(--button-light-text-hover-900) !important; } .hover\:outline-button-light-text-hover-dark:hover{ outline-color: var(--button-light-text-hover-900) !important; } .hover\:outline-button-light-text-hover-light:hover{ outline-color: var(--button-light-text-hover-50) !important; } .hover\:outline-button-primary-hover:hover{ outline-color: var(--button-primary-hover) !important; } .hover\:outline-button-primary-hover-100:hover{ outline-color: var(--button-primary-hover-100) !important; } .hover\:outline-button-primary-hover-200:hover{ outline-color: var(--button-primary-hover-200) !important; } .hover\:outline-button-primary-hover-300:hover{ outline-color: var(--button-primary-hover-300) !important; } .hover\:outline-button-primary-hover-400:hover{ outline-color: var(--button-primary-hover-400) !important; } .hover\:outline-button-primary-hover-50:hover{ outline-color: var(--button-primary-hover-50) !important; } .hover\:outline-button-primary-hover-500:hover{ outline-color: var(--button-primary-hover) !important; } .hover\:outline-button-primary-hover-600:hover{ outline-color: var(--button-primary-hover-600) !important; } .hover\:outline-button-primary-hover-700:hover{ outline-color: var(--button-primary-hover-700) !important; } .hover\:outline-button-primary-hover-800:hover{ outline-color: var(--button-primary-hover-800) !important; } .hover\:outline-button-primary-hover-900:hover{ outline-color: var(--button-primary-hover-900) !important; } .hover\:outline-button-primary-hover-dark:hover{ outline-color: var(--button-primary-hover-900) !important; } .hover\:outline-button-primary-hover-light:hover{ outline-color: var(--button-primary-hover-50) !important; } .hover\:outline-button-primary-text-hover:hover{ outline-color: var(--button-primary-text-hover) !important; } .hover\:outline-button-primary-text-hover-100:hover{ outline-color: var(--button-primary-text-hover-100) !important; } .hover\:outline-button-primary-text-hover-200:hover{ outline-color: var(--button-primary-text-hover-200) !important; } .hover\:outline-button-primary-text-hover-300:hover{ outline-color: var(--button-primary-text-hover-300) !important; } .hover\:outline-button-primary-text-hover-400:hover{ outline-color: var(--button-primary-text-hover-400) !important; } .hover\:outline-button-primary-text-hover-50:hover{ outline-color: var(--button-primary-text-hover-50) !important; } .hover\:outline-button-primary-text-hover-500:hover{ outline-color: var(--button-primary-text-hover) !important; } .hover\:outline-button-primary-text-hover-600:hover{ outline-color: var(--button-primary-text-hover-600) !important; } .hover\:outline-button-primary-text-hover-700:hover{ outline-color: var(--button-primary-text-hover-700) !important; } .hover\:outline-button-primary-text-hover-800:hover{ outline-color: var(--button-primary-text-hover-800) !important; } .hover\:outline-button-primary-text-hover-900:hover{ outline-color: var(--button-primary-text-hover-900) !important; } .hover\:outline-button-primary-text-hover-dark:hover{ outline-color: var(--button-primary-text-hover-900) !important; } .hover\:outline-button-primary-text-hover-light:hover{ outline-color: var(--button-primary-text-hover-50) !important; } .hover\:outline-button-secondary-hover:hover{ outline-color: var(--button-secondary-hover) !important; } .hover\:outline-button-secondary-hover-100:hover{ outline-color: var(--button-secondary-hover-100) !important; } .hover\:outline-button-secondary-hover-200:hover{ outline-color: var(--button-secondary-hover-200) !important; } .hover\:outline-button-secondary-hover-300:hover{ outline-color: var(--button-secondary-hover-300) !important; } .hover\:outline-button-secondary-hover-400:hover{ outline-color: var(--button-secondary-hover-400) !important; } .hover\:outline-button-secondary-hover-50:hover{ outline-color: var(--button-secondary-hover-50) !important; } .hover\:outline-button-secondary-hover-500:hover{ outline-color: var(--button-secondary-hover) !important; } .hover\:outline-button-secondary-hover-600:hover{ outline-color: var(--button-secondary-hover-600) !important; } .hover\:outline-button-secondary-hover-700:hover{ outline-color: var(--button-secondary-hover-700) !important; } .hover\:outline-button-secondary-hover-800:hover{ outline-color: var(--button-secondary-hover-800) !important; } .hover\:outline-button-secondary-hover-900:hover{ outline-color: var(--button-secondary-hover-900) !important; } .hover\:outline-button-secondary-hover-dark:hover{ outline-color: var(--button-secondary-hover-900) !important; } .hover\:outline-button-secondary-hover-light:hover{ outline-color: var(--button-secondary-hover-50) !important; } .hover\:outline-button-secondary-text-hover:hover{ outline-color: var(--button-secondary-text-hover) !important; } .hover\:outline-button-secondary-text-hover-100:hover{ outline-color: var(--button-secondary-text-hover-100) !important; } .hover\:outline-button-secondary-text-hover-200:hover{ outline-color: var(--button-secondary-text-hover-200) !important; } .hover\:outline-button-secondary-text-hover-300:hover{ outline-color: var(--button-secondary-text-hover-300) !important; } .hover\:outline-button-secondary-text-hover-400:hover{ outline-color: var(--button-secondary-text-hover-400) !important; } .hover\:outline-button-secondary-text-hover-50:hover{ outline-color: var(--button-secondary-text-hover-50) !important; } .hover\:outline-button-secondary-text-hover-500:hover{ outline-color: var(--button-secondary-text-hover) !important; } .hover\:outline-button-secondary-text-hover-600:hover{ outline-color: var(--button-secondary-text-hover-600) !important; } .hover\:outline-button-secondary-text-hover-700:hover{ outline-color: var(--button-secondary-text-hover-700) !important; } .hover\:outline-button-secondary-text-hover-800:hover{ outline-color: var(--button-secondary-text-hover-800) !important; } .hover\:outline-button-secondary-text-hover-900:hover{ outline-color: var(--button-secondary-text-hover-900) !important; } .hover\:outline-button-secondary-text-hover-dark:hover{ outline-color: var(--button-secondary-text-hover-900) !important; } .hover\:outline-button-secondary-text-hover-light:hover{ outline-color: var(--button-secondary-text-hover-50) !important; } .hover\:outline-button-success-hover:hover{ outline-color: var(--button-success-hover) !important; } .hover\:outline-button-success-hover-100:hover{ outline-color: var(--button-success-hover-100) !important; } .hover\:outline-button-success-hover-200:hover{ outline-color: var(--button-success-hover-200) !important; } .hover\:outline-button-success-hover-300:hover{ outline-color: var(--button-success-hover-300) !important; } .hover\:outline-button-success-hover-400:hover{ outline-color: var(--button-success-hover-400) !important; } .hover\:outline-button-success-hover-50:hover{ outline-color: var(--button-success-hover-50) !important; } .hover\:outline-button-success-hover-500:hover{ outline-color: var(--button-success-hover) !important; } .hover\:outline-button-success-hover-600:hover{ outline-color: var(--button-success-hover-600) !important; } .hover\:outline-button-success-hover-700:hover{ outline-color: var(--button-success-hover-700) !important; } .hover\:outline-button-success-hover-800:hover{ outline-color: var(--button-success-hover-800) !important; } .hover\:outline-button-success-hover-900:hover{ outline-color: var(--button-success-hover-900) !important; } .hover\:outline-button-success-hover-dark:hover{ outline-color: var(--button-success-hover-900) !important; } .hover\:outline-button-success-hover-light:hover{ outline-color: var(--button-success-hover-50) !important; } .hover\:outline-button-success-text-hover:hover{ outline-color: var(--button-success-text-hover) !important; } .hover\:outline-button-success-text-hover-100:hover{ outline-color: var(--button-success-text-hover-100) !important; } .hover\:outline-button-success-text-hover-200:hover{ outline-color: var(--button-success-text-hover-200) !important; } .hover\:outline-button-success-text-hover-300:hover{ outline-color: var(--button-success-text-hover-300) !important; } .hover\:outline-button-success-text-hover-400:hover{ outline-color: var(--button-success-text-hover-400) !important; } .hover\:outline-button-success-text-hover-50:hover{ outline-color: var(--button-success-text-hover-50) !important; } .hover\:outline-button-success-text-hover-500:hover{ outline-color: var(--button-success-text-hover) !important; } .hover\:outline-button-success-text-hover-600:hover{ outline-color: var(--button-success-text-hover-600) !important; } .hover\:outline-button-success-text-hover-700:hover{ outline-color: var(--button-success-text-hover-700) !important; } .hover\:outline-button-success-text-hover-800:hover{ outline-color: var(--button-success-text-hover-800) !important; } .hover\:outline-button-success-text-hover-900:hover{ outline-color: var(--button-success-text-hover-900) !important; } .hover\:outline-button-success-text-hover-dark:hover{ outline-color: var(--button-success-text-hover-900) !important; } .hover\:outline-button-success-text-hover-light:hover{ outline-color: var(--button-success-text-hover-50) !important; } .hover\:outline-button-warning-hover:hover{ outline-color: var(--button-warning-hover) !important; } .hover\:outline-button-warning-hover-100:hover{ outline-color: var(--button-warning-hover-100) !important; } .hover\:outline-button-warning-hover-200:hover{ outline-color: var(--button-warning-hover-200) !important; } .hover\:outline-button-warning-hover-300:hover{ outline-color: var(--button-warning-hover-300) !important; } .hover\:outline-button-warning-hover-400:hover{ outline-color: var(--button-warning-hover-400) !important; } .hover\:outline-button-warning-hover-50:hover{ outline-color: var(--button-warning-hover-50) !important; } .hover\:outline-button-warning-hover-500:hover{ outline-color: var(--button-warning-hover) !important; } .hover\:outline-button-warning-hover-600:hover{ outline-color: var(--button-warning-hover-600) !important; } .hover\:outline-button-warning-hover-700:hover{ outline-color: var(--button-warning-hover-700) !important; } .hover\:outline-button-warning-hover-800:hover{ outline-color: var(--button-warning-hover-800) !important; } .hover\:outline-button-warning-hover-900:hover{ outline-color: var(--button-warning-hover-900) !important; } .hover\:outline-button-warning-hover-dark:hover{ outline-color: var(--button-warning-hover-900) !important; } .hover\:outline-button-warning-hover-light:hover{ outline-color: var(--button-warning-hover-50) !important; } .hover\:outline-button-warning-text-hover:hover{ outline-color: var(--button-warning-text-hover) !important; } .hover\:outline-button-warning-text-hover-100:hover{ outline-color: var(--button-warning-text-hover-100) !important; } .hover\:outline-button-warning-text-hover-200:hover{ outline-color: var(--button-warning-text-hover-200) !important; } .hover\:outline-button-warning-text-hover-300:hover{ outline-color: var(--button-warning-text-hover-300) !important; } .hover\:outline-button-warning-text-hover-400:hover{ outline-color: var(--button-warning-text-hover-400) !important; } .hover\:outline-button-warning-text-hover-50:hover{ outline-color: var(--button-warning-text-hover-50) !important; } .hover\:outline-button-warning-text-hover-500:hover{ outline-color: var(--button-warning-text-hover) !important; } .hover\:outline-button-warning-text-hover-600:hover{ outline-color: var(--button-warning-text-hover-600) !important; } .hover\:outline-button-warning-text-hover-700:hover{ outline-color: var(--button-warning-text-hover-700) !important; } .hover\:outline-button-warning-text-hover-800:hover{ outline-color: var(--button-warning-text-hover-800) !important; } .hover\:outline-button-warning-text-hover-900:hover{ outline-color: var(--button-warning-text-hover-900) !important; } .hover\:outline-button-warning-text-hover-dark:hover{ outline-color: var(--button-warning-text-hover-900) !important; } .hover\:outline-button-warning-text-hover-light:hover{ outline-color: var(--button-warning-text-hover-50) !important; } .file\:hover\:bg-button-primary-hover:hover::file-selector-button{ background-color: var(--button-primary-hover) !important; } .file\:hover\:text-button-primary-text-hover:hover::file-selector-button{ color: var(--button-primary-text-hover) !important; } .focus\:border-acp-input-placeholder:focus{ border-color: var(--acp-input-placeholder) !important; } .focus\:border-auth-input-placeholder:focus{ border-color: var(--auth-input-placeholder) !important; } .focus\:border-button-danger-hover:focus{ border-color: var(--button-danger-hover) !important; } .focus\:border-button-danger-hover-100:focus{ border-color: var(--button-danger-hover-100) !important; } .focus\:border-button-danger-hover-200:focus{ border-color: var(--button-danger-hover-200) !important; } .focus\:border-button-danger-hover-300:focus{ border-color: var(--button-danger-hover-300) !important; } .focus\:border-button-danger-hover-400:focus{ border-color: var(--button-danger-hover-400) !important; } .focus\:border-button-danger-hover-50:focus{ border-color: var(--button-danger-hover-50) !important; } .focus\:border-button-danger-hover-500:focus{ border-color: var(--button-danger-hover) !important; } .focus\:border-button-danger-hover-600:focus{ border-color: var(--button-danger-hover-600) !important; } .focus\:border-button-danger-hover-700:focus{ border-color: var(--button-danger-hover-700) !important; } .focus\:border-button-danger-hover-800:focus{ border-color: var(--button-danger-hover-800) !important; } .focus\:border-button-danger-hover-900:focus{ border-color: var(--button-danger-hover-900) !important; } .focus\:border-button-danger-hover-dark:focus{ border-color: var(--button-danger-hover-900) !important; } .focus\:border-button-danger-hover-light:focus{ border-color: var(--button-danger-hover-50) !important; } .focus\:border-button-danger-text-hover:focus{ border-color: var(--button-danger-text-hover) !important; } .focus\:border-button-danger-text-hover-100:focus{ border-color: var(--button-danger-text-hover-100) !important; } .focus\:border-button-danger-text-hover-200:focus{ border-color: var(--button-danger-text-hover-200) !important; } .focus\:border-button-danger-text-hover-300:focus{ border-color: var(--button-danger-text-hover-300) !important; } .focus\:border-button-danger-text-hover-400:focus{ border-color: var(--button-danger-text-hover-400) !important; } .focus\:border-button-danger-text-hover-50:focus{ border-color: var(--button-danger-text-hover-50) !important; } .focus\:border-button-danger-text-hover-500:focus{ border-color: var(--button-danger-text-hover) !important; } .focus\:border-button-danger-text-hover-600:focus{ border-color: var(--button-danger-text-hover-600) !important; } .focus\:border-button-danger-text-hover-700:focus{ border-color: var(--button-danger-text-hover-700) !important; } .focus\:border-button-danger-text-hover-800:focus{ border-color: var(--button-danger-text-hover-800) !important; } .focus\:border-button-danger-text-hover-900:focus{ border-color: var(--button-danger-text-hover-900) !important; } .focus\:border-button-danger-text-hover-dark:focus{ border-color: var(--button-danger-text-hover-900) !important; } .focus\:border-button-danger-text-hover-light:focus{ border-color: var(--button-danger-text-hover-50) !important; } .focus\:border-button-dark-hover:focus{ border-color: var(--button-dark-hover) !important; } .focus\:border-button-dark-hover-100:focus{ border-color: var(--button-dark-hover-100) !important; } .focus\:border-button-dark-hover-200:focus{ border-color: var(--button-dark-hover-200) !important; } .focus\:border-button-dark-hover-300:focus{ border-color: var(--button-dark-hover-300) !important; } .focus\:border-button-dark-hover-400:focus{ border-color: var(--button-dark-hover-400) !important; } .focus\:border-button-dark-hover-50:focus{ border-color: var(--button-dark-hover-50) !important; } .focus\:border-button-dark-hover-500:focus{ border-color: var(--button-dark-hover) !important; } .focus\:border-button-dark-hover-600:focus{ border-color: var(--button-dark-hover-600) !important; } .focus\:border-button-dark-hover-700:focus{ border-color: var(--button-dark-hover-700) !important; } .focus\:border-button-dark-hover-800:focus{ border-color: var(--button-dark-hover-800) !important; } .focus\:border-button-dark-hover-900:focus{ border-color: var(--button-dark-hover-900) !important; } .focus\:border-button-dark-hover-dark:focus{ border-color: var(--button-dark-hover-900) !important; } .focus\:border-button-dark-hover-light:focus{ border-color: var(--button-dark-hover-50) !important; } .focus\:border-button-dark-text-hover:focus{ border-color: var(--button-dark-text-hover) !important; } .focus\:border-button-dark-text-hover-100:focus{ border-color: var(--button-dark-text-hover-100) !important; } .focus\:border-button-dark-text-hover-200:focus{ border-color: var(--button-dark-text-hover-200) !important; } .focus\:border-button-dark-text-hover-300:focus{ border-color: var(--button-dark-text-hover-300) !important; } .focus\:border-button-dark-text-hover-400:focus{ border-color: var(--button-dark-text-hover-400) !important; } .focus\:border-button-dark-text-hover-50:focus{ border-color: var(--button-dark-text-hover-50) !important; } .focus\:border-button-dark-text-hover-500:focus{ border-color: var(--button-dark-text-hover) !important; } .focus\:border-button-dark-text-hover-600:focus{ border-color: var(--button-dark-text-hover-600) !important; } .focus\:border-button-dark-text-hover-700:focus{ border-color: var(--button-dark-text-hover-700) !important; } .focus\:border-button-dark-text-hover-800:focus{ border-color: var(--button-dark-text-hover-800) !important; } .focus\:border-button-dark-text-hover-900:focus{ border-color: var(--button-dark-text-hover-900) !important; } .focus\:border-button-dark-text-hover-dark:focus{ border-color: var(--button-dark-text-hover-900) !important; } .focus\:border-button-dark-text-hover-light:focus{ border-color: var(--button-dark-text-hover-50) !important; } .focus\:border-button-light-hover:focus{ border-color: var(--button-light-hover) !important; } .focus\:border-button-light-hover-100:focus{ border-color: var(--button-light-hover-100) !important; } .focus\:border-button-light-hover-200:focus{ border-color: var(--button-light-hover-200) !important; } .focus\:border-button-light-hover-300:focus{ border-color: var(--button-light-hover-300) !important; } .focus\:border-button-light-hover-400:focus{ border-color: var(--button-light-hover-400) !important; } .focus\:border-button-light-hover-50:focus{ border-color: var(--button-light-hover-50) !important; } .focus\:border-button-light-hover-500:focus{ border-color: var(--button-light-hover) !important; } .focus\:border-button-light-hover-600:focus{ border-color: var(--button-light-hover-600) !important; } .focus\:border-button-light-hover-700:focus{ border-color: var(--button-light-hover-700) !important; } .focus\:border-button-light-hover-800:focus{ border-color: var(--button-light-hover-800) !important; } .focus\:border-button-light-hover-900:focus{ border-color: var(--button-light-hover-900) !important; } .focus\:border-button-light-hover-dark:focus{ border-color: var(--button-light-hover-900) !important; } .focus\:border-button-light-hover-light:focus{ border-color: var(--button-light-hover-50) !important; } .focus\:border-button-light-text-hover:focus{ border-color: var(--button-light-text-hover) !important; } .focus\:border-button-light-text-hover-100:focus{ border-color: var(--button-light-text-hover-100) !important; } .focus\:border-button-light-text-hover-200:focus{ border-color: var(--button-light-text-hover-200) !important; } .focus\:border-button-light-text-hover-300:focus{ border-color: var(--button-light-text-hover-300) !important; } .focus\:border-button-light-text-hover-400:focus{ border-color: var(--button-light-text-hover-400) !important; } .focus\:border-button-light-text-hover-50:focus{ border-color: var(--button-light-text-hover-50) !important; } .focus\:border-button-light-text-hover-500:focus{ border-color: var(--button-light-text-hover) !important; } .focus\:border-button-light-text-hover-600:focus{ border-color: var(--button-light-text-hover-600) !important; } .focus\:border-button-light-text-hover-700:focus{ border-color: var(--button-light-text-hover-700) !important; } .focus\:border-button-light-text-hover-800:focus{ border-color: var(--button-light-text-hover-800) !important; } .focus\:border-button-light-text-hover-900:focus{ border-color: var(--button-light-text-hover-900) !important; } .focus\:border-button-light-text-hover-dark:focus{ border-color: var(--button-light-text-hover-900) !important; } .focus\:border-button-light-text-hover-light:focus{ border-color: var(--button-light-text-hover-50) !important; } .focus\:border-button-primary-hover:focus{ border-color: var(--button-primary-hover) !important; } .focus\:border-button-primary-hover-100:focus{ border-color: var(--button-primary-hover-100) !important; } .focus\:border-button-primary-hover-200:focus{ border-color: var(--button-primary-hover-200) !important; } .focus\:border-button-primary-hover-300:focus{ border-color: var(--button-primary-hover-300) !important; } .focus\:border-button-primary-hover-400:focus{ border-color: var(--button-primary-hover-400) !important; } .focus\:border-button-primary-hover-50:focus{ border-color: var(--button-primary-hover-50) !important; } .focus\:border-button-primary-hover-500:focus{ border-color: var(--button-primary-hover) !important; } .focus\:border-button-primary-hover-600:focus{ border-color: var(--button-primary-hover-600) !important; } .focus\:border-button-primary-hover-700:focus{ border-color: var(--button-primary-hover-700) !important; } .focus\:border-button-primary-hover-800:focus{ border-color: var(--button-primary-hover-800) !important; } .focus\:border-button-primary-hover-900:focus{ border-color: var(--button-primary-hover-900) !important; } .focus\:border-button-primary-hover-dark:focus{ border-color: var(--button-primary-hover-900) !important; } .focus\:border-button-primary-hover-light:focus{ border-color: var(--button-primary-hover-50) !important; } .focus\:border-button-primary-text-hover:focus{ border-color: var(--button-primary-text-hover) !important; } .focus\:border-button-primary-text-hover-100:focus{ border-color: var(--button-primary-text-hover-100) !important; } .focus\:border-button-primary-text-hover-200:focus{ border-color: var(--button-primary-text-hover-200) !important; } .focus\:border-button-primary-text-hover-300:focus{ border-color: var(--button-primary-text-hover-300) !important; } .focus\:border-button-primary-text-hover-400:focus{ border-color: var(--button-primary-text-hover-400) !important; } .focus\:border-button-primary-text-hover-50:focus{ border-color: var(--button-primary-text-hover-50) !important; } .focus\:border-button-primary-text-hover-500:focus{ border-color: var(--button-primary-text-hover) !important; } .focus\:border-button-primary-text-hover-600:focus{ border-color: var(--button-primary-text-hover-600) !important; } .focus\:border-button-primary-text-hover-700:focus{ border-color: var(--button-primary-text-hover-700) !important; } .focus\:border-button-primary-text-hover-800:focus{ border-color: var(--button-primary-text-hover-800) !important; } .focus\:border-button-primary-text-hover-900:focus{ border-color: var(--button-primary-text-hover-900) !important; } .focus\:border-button-primary-text-hover-dark:focus{ border-color: var(--button-primary-text-hover-900) !important; } .focus\:border-button-primary-text-hover-light:focus{ border-color: var(--button-primary-text-hover-50) !important; } .focus\:border-button-secondary-hover:focus{ border-color: var(--button-secondary-hover) !important; } .focus\:border-button-secondary-hover-100:focus{ border-color: var(--button-secondary-hover-100) !important; } .focus\:border-button-secondary-hover-200:focus{ border-color: var(--button-secondary-hover-200) !important; } .focus\:border-button-secondary-hover-300:focus{ border-color: var(--button-secondary-hover-300) !important; } .focus\:border-button-secondary-hover-400:focus{ border-color: var(--button-secondary-hover-400) !important; } .focus\:border-button-secondary-hover-50:focus{ border-color: var(--button-secondary-hover-50) !important; } .focus\:border-button-secondary-hover-500:focus{ border-color: var(--button-secondary-hover) !important; } .focus\:border-button-secondary-hover-600:focus{ border-color: var(--button-secondary-hover-600) !important; } .focus\:border-button-secondary-hover-700:focus{ border-color: var(--button-secondary-hover-700) !important; } .focus\:border-button-secondary-hover-800:focus{ border-color: var(--button-secondary-hover-800) !important; } .focus\:border-button-secondary-hover-900:focus{ border-color: var(--button-secondary-hover-900) !important; } .focus\:border-button-secondary-hover-dark:focus{ border-color: var(--button-secondary-hover-900) !important; } .focus\:border-button-secondary-hover-light:focus{ border-color: var(--button-secondary-hover-50) !important; } .focus\:border-button-secondary-text-hover:focus{ border-color: var(--button-secondary-text-hover) !important; } .focus\:border-button-secondary-text-hover-100:focus{ border-color: var(--button-secondary-text-hover-100) !important; } .focus\:border-button-secondary-text-hover-200:focus{ border-color: var(--button-secondary-text-hover-200) !important; } .focus\:border-button-secondary-text-hover-300:focus{ border-color: var(--button-secondary-text-hover-300) !important; } .focus\:border-button-secondary-text-hover-400:focus{ border-color: var(--button-secondary-text-hover-400) !important; } .focus\:border-button-secondary-text-hover-50:focus{ border-color: var(--button-secondary-text-hover-50) !important; } .focus\:border-button-secondary-text-hover-500:focus{ border-color: var(--button-secondary-text-hover) !important; } .focus\:border-button-secondary-text-hover-600:focus{ border-color: var(--button-secondary-text-hover-600) !important; } .focus\:border-button-secondary-text-hover-700:focus{ border-color: var(--button-secondary-text-hover-700) !important; } .focus\:border-button-secondary-text-hover-800:focus{ border-color: var(--button-secondary-text-hover-800) !important; } .focus\:border-button-secondary-text-hover-900:focus{ border-color: var(--button-secondary-text-hover-900) !important; } .focus\:border-button-secondary-text-hover-dark:focus{ border-color: var(--button-secondary-text-hover-900) !important; } .focus\:border-button-secondary-text-hover-light:focus{ border-color: var(--button-secondary-text-hover-50) !important; } .focus\:border-button-success-hover:focus{ border-color: var(--button-success-hover) !important; } .focus\:border-button-success-hover-100:focus{ border-color: var(--button-success-hover-100) !important; } .focus\:border-button-success-hover-200:focus{ border-color: var(--button-success-hover-200) !important; } .focus\:border-button-success-hover-300:focus{ border-color: var(--button-success-hover-300) !important; } .focus\:border-button-success-hover-400:focus{ border-color: var(--button-success-hover-400) !important; } .focus\:border-button-success-hover-50:focus{ border-color: var(--button-success-hover-50) !important; } .focus\:border-button-success-hover-500:focus{ border-color: var(--button-success-hover) !important; } .focus\:border-button-success-hover-600:focus{ border-color: var(--button-success-hover-600) !important; } .focus\:border-button-success-hover-700:focus{ border-color: var(--button-success-hover-700) !important; } .focus\:border-button-success-hover-800:focus{ border-color: var(--button-success-hover-800) !important; } .focus\:border-button-success-hover-900:focus{ border-color: var(--button-success-hover-900) !important; } .focus\:border-button-success-hover-dark:focus{ border-color: var(--button-success-hover-900) !important; } .focus\:border-button-success-hover-light:focus{ border-color: var(--button-success-hover-50) !important; } .focus\:border-button-success-text-hover:focus{ border-color: var(--button-success-text-hover) !important; } .focus\:border-button-success-text-hover-100:focus{ border-color: var(--button-success-text-hover-100) !important; } .focus\:border-button-success-text-hover-200:focus{ border-color: var(--button-success-text-hover-200) !important; } .focus\:border-button-success-text-hover-300:focus{ border-color: var(--button-success-text-hover-300) !important; } .focus\:border-button-success-text-hover-400:focus{ border-color: var(--button-success-text-hover-400) !important; } .focus\:border-button-success-text-hover-50:focus{ border-color: var(--button-success-text-hover-50) !important; } .focus\:border-button-success-text-hover-500:focus{ border-color: var(--button-success-text-hover) !important; } .focus\:border-button-success-text-hover-600:focus{ border-color: var(--button-success-text-hover-600) !important; } .focus\:border-button-success-text-hover-700:focus{ border-color: var(--button-success-text-hover-700) !important; } .focus\:border-button-success-text-hover-800:focus{ border-color: var(--button-success-text-hover-800) !important; } .focus\:border-button-success-text-hover-900:focus{ border-color: var(--button-success-text-hover-900) !important; } .focus\:border-button-success-text-hover-dark:focus{ border-color: var(--button-success-text-hover-900) !important; } .focus\:border-button-success-text-hover-light:focus{ border-color: var(--button-success-text-hover-50) !important; } .focus\:border-button-warning-hover:focus{ border-color: var(--button-warning-hover) !important; } .focus\:border-button-warning-hover-100:focus{ border-color: var(--button-warning-hover-100) !important; } .focus\:border-button-warning-hover-200:focus{ border-color: var(--button-warning-hover-200) !important; } .focus\:border-button-warning-hover-300:focus{ border-color: var(--button-warning-hover-300) !important; } .focus\:border-button-warning-hover-400:focus{ border-color: var(--button-warning-hover-400) !important; } .focus\:border-button-warning-hover-50:focus{ border-color: var(--button-warning-hover-50) !important; } .focus\:border-button-warning-hover-500:focus{ border-color: var(--button-warning-hover) !important; } .focus\:border-button-warning-hover-600:focus{ border-color: var(--button-warning-hover-600) !important; } .focus\:border-button-warning-hover-700:focus{ border-color: var(--button-warning-hover-700) !important; } .focus\:border-button-warning-hover-800:focus{ border-color: var(--button-warning-hover-800) !important; } .focus\:border-button-warning-hover-900:focus{ border-color: var(--button-warning-hover-900) !important; } .focus\:border-button-warning-hover-dark:focus{ border-color: var(--button-warning-hover-900) !important; } .focus\:border-button-warning-hover-light:focus{ border-color: var(--button-warning-hover-50) !important; } .focus\:border-button-warning-text-hover:focus{ border-color: var(--button-warning-text-hover) !important; } .focus\:border-button-warning-text-hover-100:focus{ border-color: var(--button-warning-text-hover-100) !important; } .focus\:border-button-warning-text-hover-200:focus{ border-color: var(--button-warning-text-hover-200) !important; } .focus\:border-button-warning-text-hover-300:focus{ border-color: var(--button-warning-text-hover-300) !important; } .focus\:border-button-warning-text-hover-400:focus{ border-color: var(--button-warning-text-hover-400) !important; } .focus\:border-button-warning-text-hover-50:focus{ border-color: var(--button-warning-text-hover-50) !important; } .focus\:border-button-warning-text-hover-500:focus{ border-color: var(--button-warning-text-hover) !important; } .focus\:border-button-warning-text-hover-600:focus{ border-color: var(--button-warning-text-hover-600) !important; } .focus\:border-button-warning-text-hover-700:focus{ border-color: var(--button-warning-text-hover-700) !important; } .focus\:border-button-warning-text-hover-800:focus{ border-color: var(--button-warning-text-hover-800) !important; } .focus\:border-button-warning-text-hover-900:focus{ border-color: var(--button-warning-text-hover-900) !important; } .focus\:border-button-warning-text-hover-dark:focus{ border-color: var(--button-warning-text-hover-900) !important; } .focus\:border-button-warning-text-hover-light:focus{ border-color: var(--button-warning-text-hover-50) !important; } .focus\:border-primary:focus{ border-color: var(--primary) !important; } .focus\:border-ucp-input-placeholder:focus{ border-color: var(--ucp-input-placeholder) !important; } .focus\:bg-button-danger-hover:focus{ background-color: var(--button-danger-hover) !important; } .focus\:bg-button-danger-hover-100:focus{ background-color: var(--button-danger-hover-100) !important; } .focus\:bg-button-danger-hover-200:focus{ background-color: var(--button-danger-hover-200) !important; } .focus\:bg-button-danger-hover-300:focus{ background-color: var(--button-danger-hover-300) !important; } .focus\:bg-button-danger-hover-400:focus{ background-color: var(--button-danger-hover-400) !important; } .focus\:bg-button-danger-hover-50:focus{ background-color: var(--button-danger-hover-50) !important; } .focus\:bg-button-danger-hover-500:focus{ background-color: var(--button-danger-hover) !important; } .focus\:bg-button-danger-hover-600:focus{ background-color: var(--button-danger-hover-600) !important; } .focus\:bg-button-danger-hover-700:focus{ background-color: var(--button-danger-hover-700) !important; } .focus\:bg-button-danger-hover-800:focus{ background-color: var(--button-danger-hover-800) !important; } .focus\:bg-button-danger-hover-900:focus{ background-color: var(--button-danger-hover-900) !important; } .focus\:bg-button-danger-hover-dark:focus{ background-color: var(--button-danger-hover-900) !important; } .focus\:bg-button-danger-hover-light:focus{ background-color: var(--button-danger-hover-50) !important; } .focus\:bg-button-danger-text-hover:focus{ background-color: var(--button-danger-text-hover) !important; } .focus\:bg-button-danger-text-hover-100:focus{ background-color: var(--button-danger-text-hover-100) !important; } .focus\:bg-button-danger-text-hover-200:focus{ background-color: var(--button-danger-text-hover-200) !important; } .focus\:bg-button-danger-text-hover-300:focus{ background-color: var(--button-danger-text-hover-300) !important; } .focus\:bg-button-danger-text-hover-400:focus{ background-color: var(--button-danger-text-hover-400) !important; } .focus\:bg-button-danger-text-hover-50:focus{ background-color: var(--button-danger-text-hover-50) !important; } .focus\:bg-button-danger-text-hover-500:focus{ background-color: var(--button-danger-text-hover) !important; } .focus\:bg-button-danger-text-hover-600:focus{ background-color: var(--button-danger-text-hover-600) !important; } .focus\:bg-button-danger-text-hover-700:focus{ background-color: var(--button-danger-text-hover-700) !important; } .focus\:bg-button-danger-text-hover-800:focus{ background-color: var(--button-danger-text-hover-800) !important; } .focus\:bg-button-danger-text-hover-900:focus{ background-color: var(--button-danger-text-hover-900) !important; } .focus\:bg-button-danger-text-hover-dark:focus{ background-color: var(--button-danger-text-hover-900) !important; } .focus\:bg-button-danger-text-hover-light:focus{ background-color: var(--button-danger-text-hover-50) !important; } .focus\:bg-button-dark-hover:focus{ background-color: var(--button-dark-hover) !important; } .focus\:bg-button-dark-hover-100:focus{ background-color: var(--button-dark-hover-100) !important; } .focus\:bg-button-dark-hover-200:focus{ background-color: var(--button-dark-hover-200) !important; } .focus\:bg-button-dark-hover-300:focus{ background-color: var(--button-dark-hover-300) !important; } .focus\:bg-button-dark-hover-400:focus{ background-color: var(--button-dark-hover-400) !important; } .focus\:bg-button-dark-hover-50:focus{ background-color: var(--button-dark-hover-50) !important; } .focus\:bg-button-dark-hover-500:focus{ background-color: var(--button-dark-hover) !important; } .focus\:bg-button-dark-hover-600:focus{ background-color: var(--button-dark-hover-600) !important; } .focus\:bg-button-dark-hover-700:focus{ background-color: var(--button-dark-hover-700) !important; } .focus\:bg-button-dark-hover-800:focus{ background-color: var(--button-dark-hover-800) !important; } .focus\:bg-button-dark-hover-900:focus{ background-color: var(--button-dark-hover-900) !important; } .focus\:bg-button-dark-hover-dark:focus{ background-color: var(--button-dark-hover-900) !important; } .focus\:bg-button-dark-hover-light:focus{ background-color: var(--button-dark-hover-50) !important; } .focus\:bg-button-dark-text-hover:focus{ background-color: var(--button-dark-text-hover) !important; } .focus\:bg-button-dark-text-hover-100:focus{ background-color: var(--button-dark-text-hover-100) !important; } .focus\:bg-button-dark-text-hover-200:focus{ background-color: var(--button-dark-text-hover-200) !important; } .focus\:bg-button-dark-text-hover-300:focus{ background-color: var(--button-dark-text-hover-300) !important; } .focus\:bg-button-dark-text-hover-400:focus{ background-color: var(--button-dark-text-hover-400) !important; } .focus\:bg-button-dark-text-hover-50:focus{ background-color: var(--button-dark-text-hover-50) !important; } .focus\:bg-button-dark-text-hover-500:focus{ background-color: var(--button-dark-text-hover) !important; } .focus\:bg-button-dark-text-hover-600:focus{ background-color: var(--button-dark-text-hover-600) !important; } .focus\:bg-button-dark-text-hover-700:focus{ background-color: var(--button-dark-text-hover-700) !important; } .focus\:bg-button-dark-text-hover-800:focus{ background-color: var(--button-dark-text-hover-800) !important; } .focus\:bg-button-dark-text-hover-900:focus{ background-color: var(--button-dark-text-hover-900) !important; } .focus\:bg-button-dark-text-hover-dark:focus{ background-color: var(--button-dark-text-hover-900) !important; } .focus\:bg-button-dark-text-hover-light:focus{ background-color: var(--button-dark-text-hover-50) !important; } .focus\:bg-button-light-hover:focus{ background-color: var(--button-light-hover) !important; } .focus\:bg-button-light-hover-100:focus{ background-color: var(--button-light-hover-100) !important; } .focus\:bg-button-light-hover-200:focus{ background-color: var(--button-light-hover-200) !important; } .focus\:bg-button-light-hover-300:focus{ background-color: var(--button-light-hover-300) !important; } .focus\:bg-button-light-hover-400:focus{ background-color: var(--button-light-hover-400) !important; } .focus\:bg-button-light-hover-50:focus{ background-color: var(--button-light-hover-50) !important; } .focus\:bg-button-light-hover-500:focus{ background-color: var(--button-light-hover) !important; } .focus\:bg-button-light-hover-600:focus{ background-color: var(--button-light-hover-600) !important; } .focus\:bg-button-light-hover-700:focus{ background-color: var(--button-light-hover-700) !important; } .focus\:bg-button-light-hover-800:focus{ background-color: var(--button-light-hover-800) !important; } .focus\:bg-button-light-hover-900:focus{ background-color: var(--button-light-hover-900) !important; } .focus\:bg-button-light-hover-dark:focus{ background-color: var(--button-light-hover-900) !important; } .focus\:bg-button-light-hover-light:focus{ background-color: var(--button-light-hover-50) !important; } .focus\:bg-button-light-text-hover:focus{ background-color: var(--button-light-text-hover) !important; } .focus\:bg-button-light-text-hover-100:focus{ background-color: var(--button-light-text-hover-100) !important; } .focus\:bg-button-light-text-hover-200:focus{ background-color: var(--button-light-text-hover-200) !important; } .focus\:bg-button-light-text-hover-300:focus{ background-color: var(--button-light-text-hover-300) !important; } .focus\:bg-button-light-text-hover-400:focus{ background-color: var(--button-light-text-hover-400) !important; } .focus\:bg-button-light-text-hover-50:focus{ background-color: var(--button-light-text-hover-50) !important; } .focus\:bg-button-light-text-hover-500:focus{ background-color: var(--button-light-text-hover) !important; } .focus\:bg-button-light-text-hover-600:focus{ background-color: var(--button-light-text-hover-600) !important; } .focus\:bg-button-light-text-hover-700:focus{ background-color: var(--button-light-text-hover-700) !important; } .focus\:bg-button-light-text-hover-800:focus{ background-color: var(--button-light-text-hover-800) !important; } .focus\:bg-button-light-text-hover-900:focus{ background-color: var(--button-light-text-hover-900) !important; } .focus\:bg-button-light-text-hover-dark:focus{ background-color: var(--button-light-text-hover-900) !important; } .focus\:bg-button-light-text-hover-light:focus{ background-color: var(--button-light-text-hover-50) !important; } .focus\:bg-button-primary-hover:focus{ background-color: var(--button-primary-hover) !important; } .focus\:bg-button-primary-hover-100:focus{ background-color: var(--button-primary-hover-100) !important; } .focus\:bg-button-primary-hover-200:focus{ background-color: var(--button-primary-hover-200) !important; } .focus\:bg-button-primary-hover-300:focus{ background-color: var(--button-primary-hover-300) !important; } .focus\:bg-button-primary-hover-400:focus{ background-color: var(--button-primary-hover-400) !important; } .focus\:bg-button-primary-hover-50:focus{ background-color: var(--button-primary-hover-50) !important; } .focus\:bg-button-primary-hover-500:focus{ background-color: var(--button-primary-hover) !important; } .focus\:bg-button-primary-hover-600:focus{ background-color: var(--button-primary-hover-600) !important; } .focus\:bg-button-primary-hover-700:focus{ background-color: var(--button-primary-hover-700) !important; } .focus\:bg-button-primary-hover-800:focus{ background-color: var(--button-primary-hover-800) !important; } .focus\:bg-button-primary-hover-900:focus{ background-color: var(--button-primary-hover-900) !important; } .focus\:bg-button-primary-hover-dark:focus{ background-color: var(--button-primary-hover-900) !important; } .focus\:bg-button-primary-hover-light:focus{ background-color: var(--button-primary-hover-50) !important; } .focus\:bg-button-primary-text-hover:focus{ background-color: var(--button-primary-text-hover) !important; } .focus\:bg-button-primary-text-hover-100:focus{ background-color: var(--button-primary-text-hover-100) !important; } .focus\:bg-button-primary-text-hover-200:focus{ background-color: var(--button-primary-text-hover-200) !important; } .focus\:bg-button-primary-text-hover-300:focus{ background-color: var(--button-primary-text-hover-300) !important; } .focus\:bg-button-primary-text-hover-400:focus{ background-color: var(--button-primary-text-hover-400) !important; } .focus\:bg-button-primary-text-hover-50:focus{ background-color: var(--button-primary-text-hover-50) !important; } .focus\:bg-button-primary-text-hover-500:focus{ background-color: var(--button-primary-text-hover) !important; } .focus\:bg-button-primary-text-hover-600:focus{ background-color: var(--button-primary-text-hover-600) !important; } .focus\:bg-button-primary-text-hover-700:focus{ background-color: var(--button-primary-text-hover-700) !important; } .focus\:bg-button-primary-text-hover-800:focus{ background-color: var(--button-primary-text-hover-800) !important; } .focus\:bg-button-primary-text-hover-900:focus{ background-color: var(--button-primary-text-hover-900) !important; } .focus\:bg-button-primary-text-hover-dark:focus{ background-color: var(--button-primary-text-hover-900) !important; } .focus\:bg-button-primary-text-hover-light:focus{ background-color: var(--button-primary-text-hover-50) !important; } .focus\:bg-button-secondary-hover:focus{ background-color: var(--button-secondary-hover) !important; } .focus\:bg-button-secondary-hover-100:focus{ background-color: var(--button-secondary-hover-100) !important; } .focus\:bg-button-secondary-hover-200:focus{ background-color: var(--button-secondary-hover-200) !important; } .focus\:bg-button-secondary-hover-300:focus{ background-color: var(--button-secondary-hover-300) !important; } .focus\:bg-button-secondary-hover-400:focus{ background-color: var(--button-secondary-hover-400) !important; } .focus\:bg-button-secondary-hover-50:focus{ background-color: var(--button-secondary-hover-50) !important; } .focus\:bg-button-secondary-hover-500:focus{ background-color: var(--button-secondary-hover) !important; } .focus\:bg-button-secondary-hover-600:focus{ background-color: var(--button-secondary-hover-600) !important; } .focus\:bg-button-secondary-hover-700:focus{ background-color: var(--button-secondary-hover-700) !important; } .focus\:bg-button-secondary-hover-800:focus{ background-color: var(--button-secondary-hover-800) !important; } .focus\:bg-button-secondary-hover-900:focus{ background-color: var(--button-secondary-hover-900) !important; } .focus\:bg-button-secondary-hover-dark:focus{ background-color: var(--button-secondary-hover-900) !important; } .focus\:bg-button-secondary-hover-light:focus{ background-color: var(--button-secondary-hover-50) !important; } .focus\:bg-button-secondary-text-hover:focus{ background-color: var(--button-secondary-text-hover) !important; } .focus\:bg-button-secondary-text-hover-100:focus{ background-color: var(--button-secondary-text-hover-100) !important; } .focus\:bg-button-secondary-text-hover-200:focus{ background-color: var(--button-secondary-text-hover-200) !important; } .focus\:bg-button-secondary-text-hover-300:focus{ background-color: var(--button-secondary-text-hover-300) !important; } .focus\:bg-button-secondary-text-hover-400:focus{ background-color: var(--button-secondary-text-hover-400) !important; } .focus\:bg-button-secondary-text-hover-50:focus{ background-color: var(--button-secondary-text-hover-50) !important; } .focus\:bg-button-secondary-text-hover-500:focus{ background-color: var(--button-secondary-text-hover) !important; } .focus\:bg-button-secondary-text-hover-600:focus{ background-color: var(--button-secondary-text-hover-600) !important; } .focus\:bg-button-secondary-text-hover-700:focus{ background-color: var(--button-secondary-text-hover-700) !important; } .focus\:bg-button-secondary-text-hover-800:focus{ background-color: var(--button-secondary-text-hover-800) !important; } .focus\:bg-button-secondary-text-hover-900:focus{ background-color: var(--button-secondary-text-hover-900) !important; } .focus\:bg-button-secondary-text-hover-dark:focus{ background-color: var(--button-secondary-text-hover-900) !important; } .focus\:bg-button-secondary-text-hover-light:focus{ background-color: var(--button-secondary-text-hover-50) !important; } .focus\:bg-button-success-hover:focus{ background-color: var(--button-success-hover) !important; } .focus\:bg-button-success-hover-100:focus{ background-color: var(--button-success-hover-100) !important; } .focus\:bg-button-success-hover-200:focus{ background-color: var(--button-success-hover-200) !important; } .focus\:bg-button-success-hover-300:focus{ background-color: var(--button-success-hover-300) !important; } .focus\:bg-button-success-hover-400:focus{ background-color: var(--button-success-hover-400) !important; } .focus\:bg-button-success-hover-50:focus{ background-color: var(--button-success-hover-50) !important; } .focus\:bg-button-success-hover-500:focus{ background-color: var(--button-success-hover) !important; } .focus\:bg-button-success-hover-600:focus{ background-color: var(--button-success-hover-600) !important; } .focus\:bg-button-success-hover-700:focus{ background-color: var(--button-success-hover-700) !important; } .focus\:bg-button-success-hover-800:focus{ background-color: var(--button-success-hover-800) !important; } .focus\:bg-button-success-hover-900:focus{ background-color: var(--button-success-hover-900) !important; } .focus\:bg-button-success-hover-dark:focus{ background-color: var(--button-success-hover-900) !important; } .focus\:bg-button-success-hover-light:focus{ background-color: var(--button-success-hover-50) !important; } .focus\:bg-button-success-text-hover:focus{ background-color: var(--button-success-text-hover) !important; } .focus\:bg-button-success-text-hover-100:focus{ background-color: var(--button-success-text-hover-100) !important; } .focus\:bg-button-success-text-hover-200:focus{ background-color: var(--button-success-text-hover-200) !important; } .focus\:bg-button-success-text-hover-300:focus{ background-color: var(--button-success-text-hover-300) !important; } .focus\:bg-button-success-text-hover-400:focus{ background-color: var(--button-success-text-hover-400) !important; } .focus\:bg-button-success-text-hover-50:focus{ background-color: var(--button-success-text-hover-50) !important; } .focus\:bg-button-success-text-hover-500:focus{ background-color: var(--button-success-text-hover) !important; } .focus\:bg-button-success-text-hover-600:focus{ background-color: var(--button-success-text-hover-600) !important; } .focus\:bg-button-success-text-hover-700:focus{ background-color: var(--button-success-text-hover-700) !important; } .focus\:bg-button-success-text-hover-800:focus{ background-color: var(--button-success-text-hover-800) !important; } .focus\:bg-button-success-text-hover-900:focus{ background-color: var(--button-success-text-hover-900) !important; } .focus\:bg-button-success-text-hover-dark:focus{ background-color: var(--button-success-text-hover-900) !important; } .focus\:bg-button-success-text-hover-light:focus{ background-color: var(--button-success-text-hover-50) !important; } .focus\:bg-button-warning-hover:focus{ background-color: var(--button-warning-hover) !important; } .focus\:bg-button-warning-hover-100:focus{ background-color: var(--button-warning-hover-100) !important; } .focus\:bg-button-warning-hover-200:focus{ background-color: var(--button-warning-hover-200) !important; } .focus\:bg-button-warning-hover-300:focus{ background-color: var(--button-warning-hover-300) !important; } .focus\:bg-button-warning-hover-400:focus{ background-color: var(--button-warning-hover-400) !important; } .focus\:bg-button-warning-hover-50:focus{ background-color: var(--button-warning-hover-50) !important; } .focus\:bg-button-warning-hover-500:focus{ background-color: var(--button-warning-hover) !important; } .focus\:bg-button-warning-hover-600:focus{ background-color: var(--button-warning-hover-600) !important; } .focus\:bg-button-warning-hover-700:focus{ background-color: var(--button-warning-hover-700) !important; } .focus\:bg-button-warning-hover-800:focus{ background-color: var(--button-warning-hover-800) !important; } .focus\:bg-button-warning-hover-900:focus{ background-color: var(--button-warning-hover-900) !important; } .focus\:bg-button-warning-hover-dark:focus{ background-color: var(--button-warning-hover-900) !important; } .focus\:bg-button-warning-hover-light:focus{ background-color: var(--button-warning-hover-50) !important; } .focus\:bg-button-warning-text-hover:focus{ background-color: var(--button-warning-text-hover) !important; } .focus\:bg-button-warning-text-hover-100:focus{ background-color: var(--button-warning-text-hover-100) !important; } .focus\:bg-button-warning-text-hover-200:focus{ background-color: var(--button-warning-text-hover-200) !important; } .focus\:bg-button-warning-text-hover-300:focus{ background-color: var(--button-warning-text-hover-300) !important; } .focus\:bg-button-warning-text-hover-400:focus{ background-color: var(--button-warning-text-hover-400) !important; } .focus\:bg-button-warning-text-hover-50:focus{ background-color: var(--button-warning-text-hover-50) !important; } .focus\:bg-button-warning-text-hover-500:focus{ background-color: var(--button-warning-text-hover) !important; } .focus\:bg-button-warning-text-hover-600:focus{ background-color: var(--button-warning-text-hover-600) !important; } .focus\:bg-button-warning-text-hover-700:focus{ background-color: var(--button-warning-text-hover-700) !important; } .focus\:bg-button-warning-text-hover-800:focus{ background-color: var(--button-warning-text-hover-800) !important; } .focus\:bg-button-warning-text-hover-900:focus{ background-color: var(--button-warning-text-hover-900) !important; } .focus\:bg-button-warning-text-hover-dark:focus{ background-color: var(--button-warning-text-hover-900) !important; } .focus\:bg-button-warning-text-hover-light:focus{ background-color: var(--button-warning-text-hover-50) !important; } .focus\:bg-gray-100:focus{ --tw-bg-opacity: 1 !important; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important; } .focus\:fill-button-danger-hover:focus{ fill: var(--button-danger-hover) !important; } .focus\:fill-button-danger-hover-100:focus{ fill: var(--button-danger-hover-100) !important; } .focus\:fill-button-danger-hover-200:focus{ fill: var(--button-danger-hover-200) !important; } .focus\:fill-button-danger-hover-300:focus{ fill: var(--button-danger-hover-300) !important; } .focus\:fill-button-danger-hover-400:focus{ fill: var(--button-danger-hover-400) !important; } .focus\:fill-button-danger-hover-50:focus{ fill: var(--button-danger-hover-50) !important; } .focus\:fill-button-danger-hover-500:focus{ fill: var(--button-danger-hover) !important; } .focus\:fill-button-danger-hover-600:focus{ fill: var(--button-danger-hover-600) !important; } .focus\:fill-button-danger-hover-700:focus{ fill: var(--button-danger-hover-700) !important; } .focus\:fill-button-danger-hover-800:focus{ fill: var(--button-danger-hover-800) !important; } .focus\:fill-button-danger-hover-900:focus{ fill: var(--button-danger-hover-900) !important; } .focus\:fill-button-danger-hover-dark:focus{ fill: var(--button-danger-hover-900) !important; } .focus\:fill-button-danger-hover-light:focus{ fill: var(--button-danger-hover-50) !important; } .focus\:fill-button-danger-text-hover:focus{ fill: var(--button-danger-text-hover) !important; } .focus\:fill-button-danger-text-hover-100:focus{ fill: var(--button-danger-text-hover-100) !important; } .focus\:fill-button-danger-text-hover-200:focus{ fill: var(--button-danger-text-hover-200) !important; } .focus\:fill-button-danger-text-hover-300:focus{ fill: var(--button-danger-text-hover-300) !important; } .focus\:fill-button-danger-text-hover-400:focus{ fill: var(--button-danger-text-hover-400) !important; } .focus\:fill-button-danger-text-hover-50:focus{ fill: var(--button-danger-text-hover-50) !important; } .focus\:fill-button-danger-text-hover-500:focus{ fill: var(--button-danger-text-hover) !important; } .focus\:fill-button-danger-text-hover-600:focus{ fill: var(--button-danger-text-hover-600) !important; } .focus\:fill-button-danger-text-hover-700:focus{ fill: var(--button-danger-text-hover-700) !important; } .focus\:fill-button-danger-text-hover-800:focus{ fill: var(--button-danger-text-hover-800) !important; } .focus\:fill-button-danger-text-hover-900:focus{ fill: var(--button-danger-text-hover-900) !important; } .focus\:fill-button-danger-text-hover-dark:focus{ fill: var(--button-danger-text-hover-900) !important; } .focus\:fill-button-danger-text-hover-light:focus{ fill: var(--button-danger-text-hover-50) !important; } .focus\:fill-button-dark-hover:focus{ fill: var(--button-dark-hover) !important; } .focus\:fill-button-dark-hover-100:focus{ fill: var(--button-dark-hover-100) !important; } .focus\:fill-button-dark-hover-200:focus{ fill: var(--button-dark-hover-200) !important; } .focus\:fill-button-dark-hover-300:focus{ fill: var(--button-dark-hover-300) !important; } .focus\:fill-button-dark-hover-400:focus{ fill: var(--button-dark-hover-400) !important; } .focus\:fill-button-dark-hover-50:focus{ fill: var(--button-dark-hover-50) !important; } .focus\:fill-button-dark-hover-500:focus{ fill: var(--button-dark-hover) !important; } .focus\:fill-button-dark-hover-600:focus{ fill: var(--button-dark-hover-600) !important; } .focus\:fill-button-dark-hover-700:focus{ fill: var(--button-dark-hover-700) !important; } .focus\:fill-button-dark-hover-800:focus{ fill: var(--button-dark-hover-800) !important; } .focus\:fill-button-dark-hover-900:focus{ fill: var(--button-dark-hover-900) !important; } .focus\:fill-button-dark-hover-dark:focus{ fill: var(--button-dark-hover-900) !important; } .focus\:fill-button-dark-hover-light:focus{ fill: var(--button-dark-hover-50) !important; } .focus\:fill-button-dark-text-hover:focus{ fill: var(--button-dark-text-hover) !important; } .focus\:fill-button-dark-text-hover-100:focus{ fill: var(--button-dark-text-hover-100) !important; } .focus\:fill-button-dark-text-hover-200:focus{ fill: var(--button-dark-text-hover-200) !important; } .focus\:fill-button-dark-text-hover-300:focus{ fill: var(--button-dark-text-hover-300) !important; } .focus\:fill-button-dark-text-hover-400:focus{ fill: var(--button-dark-text-hover-400) !important; } .focus\:fill-button-dark-text-hover-50:focus{ fill: var(--button-dark-text-hover-50) !important; } .focus\:fill-button-dark-text-hover-500:focus{ fill: var(--button-dark-text-hover) !important; } .focus\:fill-button-dark-text-hover-600:focus{ fill: var(--button-dark-text-hover-600) !important; } .focus\:fill-button-dark-text-hover-700:focus{ fill: var(--button-dark-text-hover-700) !important; } .focus\:fill-button-dark-text-hover-800:focus{ fill: var(--button-dark-text-hover-800) !important; } .focus\:fill-button-dark-text-hover-900:focus{ fill: var(--button-dark-text-hover-900) !important; } .focus\:fill-button-dark-text-hover-dark:focus{ fill: var(--button-dark-text-hover-900) !important; } .focus\:fill-button-dark-text-hover-light:focus{ fill: var(--button-dark-text-hover-50) !important; } .focus\:fill-button-light-hover:focus{ fill: var(--button-light-hover) !important; } .focus\:fill-button-light-hover-100:focus{ fill: var(--button-light-hover-100) !important; } .focus\:fill-button-light-hover-200:focus{ fill: var(--button-light-hover-200) !important; } .focus\:fill-button-light-hover-300:focus{ fill: var(--button-light-hover-300) !important; } .focus\:fill-button-light-hover-400:focus{ fill: var(--button-light-hover-400) !important; } .focus\:fill-button-light-hover-50:focus{ fill: var(--button-light-hover-50) !important; } .focus\:fill-button-light-hover-500:focus{ fill: var(--button-light-hover) !important; } .focus\:fill-button-light-hover-600:focus{ fill: var(--button-light-hover-600) !important; } .focus\:fill-button-light-hover-700:focus{ fill: var(--button-light-hover-700) !important; } .focus\:fill-button-light-hover-800:focus{ fill: var(--button-light-hover-800) !important; } .focus\:fill-button-light-hover-900:focus{ fill: var(--button-light-hover-900) !important; } .focus\:fill-button-light-hover-dark:focus{ fill: var(--button-light-hover-900) !important; } .focus\:fill-button-light-hover-light:focus{ fill: var(--button-light-hover-50) !important; } .focus\:fill-button-light-text-hover:focus{ fill: var(--button-light-text-hover) !important; } .focus\:fill-button-light-text-hover-100:focus{ fill: var(--button-light-text-hover-100) !important; } .focus\:fill-button-light-text-hover-200:focus{ fill: var(--button-light-text-hover-200) !important; } .focus\:fill-button-light-text-hover-300:focus{ fill: var(--button-light-text-hover-300) !important; } .focus\:fill-button-light-text-hover-400:focus{ fill: var(--button-light-text-hover-400) !important; } .focus\:fill-button-light-text-hover-50:focus{ fill: var(--button-light-text-hover-50) !important; } .focus\:fill-button-light-text-hover-500:focus{ fill: var(--button-light-text-hover) !important; } .focus\:fill-button-light-text-hover-600:focus{ fill: var(--button-light-text-hover-600) !important; } .focus\:fill-button-light-text-hover-700:focus{ fill: var(--button-light-text-hover-700) !important; } .focus\:fill-button-light-text-hover-800:focus{ fill: var(--button-light-text-hover-800) !important; } .focus\:fill-button-light-text-hover-900:focus{ fill: var(--button-light-text-hover-900) !important; } .focus\:fill-button-light-text-hover-dark:focus{ fill: var(--button-light-text-hover-900) !important; } .focus\:fill-button-light-text-hover-light:focus{ fill: var(--button-light-text-hover-50) !important; } .focus\:fill-button-primary-hover:focus{ fill: var(--button-primary-hover) !important; } .focus\:fill-button-primary-hover-100:focus{ fill: var(--button-primary-hover-100) !important; } .focus\:fill-button-primary-hover-200:focus{ fill: var(--button-primary-hover-200) !important; } .focus\:fill-button-primary-hover-300:focus{ fill: var(--button-primary-hover-300) !important; } .focus\:fill-button-primary-hover-400:focus{ fill: var(--button-primary-hover-400) !important; } .focus\:fill-button-primary-hover-50:focus{ fill: var(--button-primary-hover-50) !important; } .focus\:fill-button-primary-hover-500:focus{ fill: var(--button-primary-hover) !important; } .focus\:fill-button-primary-hover-600:focus{ fill: var(--button-primary-hover-600) !important; } .focus\:fill-button-primary-hover-700:focus{ fill: var(--button-primary-hover-700) !important; } .focus\:fill-button-primary-hover-800:focus{ fill: var(--button-primary-hover-800) !important; } .focus\:fill-button-primary-hover-900:focus{ fill: var(--button-primary-hover-900) !important; } .focus\:fill-button-primary-hover-dark:focus{ fill: var(--button-primary-hover-900) !important; } .focus\:fill-button-primary-hover-light:focus{ fill: var(--button-primary-hover-50) !important; } .focus\:fill-button-primary-text-hover:focus{ fill: var(--button-primary-text-hover) !important; } .focus\:fill-button-primary-text-hover-100:focus{ fill: var(--button-primary-text-hover-100) !important; } .focus\:fill-button-primary-text-hover-200:focus{ fill: var(--button-primary-text-hover-200) !important; } .focus\:fill-button-primary-text-hover-300:focus{ fill: var(--button-primary-text-hover-300) !important; } .focus\:fill-button-primary-text-hover-400:focus{ fill: var(--button-primary-text-hover-400) !important; } .focus\:fill-button-primary-text-hover-50:focus{ fill: var(--button-primary-text-hover-50) !important; } .focus\:fill-button-primary-text-hover-500:focus{ fill: var(--button-primary-text-hover) !important; } .focus\:fill-button-primary-text-hover-600:focus{ fill: var(--button-primary-text-hover-600) !important; } .focus\:fill-button-primary-text-hover-700:focus{ fill: var(--button-primary-text-hover-700) !important; } .focus\:fill-button-primary-text-hover-800:focus{ fill: var(--button-primary-text-hover-800) !important; } .focus\:fill-button-primary-text-hover-900:focus{ fill: var(--button-primary-text-hover-900) !important; } .focus\:fill-button-primary-text-hover-dark:focus{ fill: var(--button-primary-text-hover-900) !important; } .focus\:fill-button-primary-text-hover-light:focus{ fill: var(--button-primary-text-hover-50) !important; } .focus\:fill-button-secondary-hover:focus{ fill: var(--button-secondary-hover) !important; } .focus\:fill-button-secondary-hover-100:focus{ fill: var(--button-secondary-hover-100) !important; } .focus\:fill-button-secondary-hover-200:focus{ fill: var(--button-secondary-hover-200) !important; } .focus\:fill-button-secondary-hover-300:focus{ fill: var(--button-secondary-hover-300) !important; } .focus\:fill-button-secondary-hover-400:focus{ fill: var(--button-secondary-hover-400) !important; } .focus\:fill-button-secondary-hover-50:focus{ fill: var(--button-secondary-hover-50) !important; } .focus\:fill-button-secondary-hover-500:focus{ fill: var(--button-secondary-hover) !important; } .focus\:fill-button-secondary-hover-600:focus{ fill: var(--button-secondary-hover-600) !important; } .focus\:fill-button-secondary-hover-700:focus{ fill: var(--button-secondary-hover-700) !important; } .focus\:fill-button-secondary-hover-800:focus{ fill: var(--button-secondary-hover-800) !important; } .focus\:fill-button-secondary-hover-900:focus{ fill: var(--button-secondary-hover-900) !important; } .focus\:fill-button-secondary-hover-dark:focus{ fill: var(--button-secondary-hover-900) !important; } .focus\:fill-button-secondary-hover-light:focus{ fill: var(--button-secondary-hover-50) !important; } .focus\:fill-button-secondary-text-hover:focus{ fill: var(--button-secondary-text-hover) !important; } .focus\:fill-button-secondary-text-hover-100:focus{ fill: var(--button-secondary-text-hover-100) !important; } .focus\:fill-button-secondary-text-hover-200:focus{ fill: var(--button-secondary-text-hover-200) !important; } .focus\:fill-button-secondary-text-hover-300:focus{ fill: var(--button-secondary-text-hover-300) !important; } .focus\:fill-button-secondary-text-hover-400:focus{ fill: var(--button-secondary-text-hover-400) !important; } .focus\:fill-button-secondary-text-hover-50:focus{ fill: var(--button-secondary-text-hover-50) !important; } .focus\:fill-button-secondary-text-hover-500:focus{ fill: var(--button-secondary-text-hover) !important; } .focus\:fill-button-secondary-text-hover-600:focus{ fill: var(--button-secondary-text-hover-600) !important; } .focus\:fill-button-secondary-text-hover-700:focus{ fill: var(--button-secondary-text-hover-700) !important; } .focus\:fill-button-secondary-text-hover-800:focus{ fill: var(--button-secondary-text-hover-800) !important; } .focus\:fill-button-secondary-text-hover-900:focus{ fill: var(--button-secondary-text-hover-900) !important; } .focus\:fill-button-secondary-text-hover-dark:focus{ fill: var(--button-secondary-text-hover-900) !important; } .focus\:fill-button-secondary-text-hover-light:focus{ fill: var(--button-secondary-text-hover-50) !important; } .focus\:fill-button-success-hover:focus{ fill: var(--button-success-hover) !important; } .focus\:fill-button-success-hover-100:focus{ fill: var(--button-success-hover-100) !important; } .focus\:fill-button-success-hover-200:focus{ fill: var(--button-success-hover-200) !important; } .focus\:fill-button-success-hover-300:focus{ fill: var(--button-success-hover-300) !important; } .focus\:fill-button-success-hover-400:focus{ fill: var(--button-success-hover-400) !important; } .focus\:fill-button-success-hover-50:focus{ fill: var(--button-success-hover-50) !important; } .focus\:fill-button-success-hover-500:focus{ fill: var(--button-success-hover) !important; } .focus\:fill-button-success-hover-600:focus{ fill: var(--button-success-hover-600) !important; } .focus\:fill-button-success-hover-700:focus{ fill: var(--button-success-hover-700) !important; } .focus\:fill-button-success-hover-800:focus{ fill: var(--button-success-hover-800) !important; } .focus\:fill-button-success-hover-900:focus{ fill: var(--button-success-hover-900) !important; } .focus\:fill-button-success-hover-dark:focus{ fill: var(--button-success-hover-900) !important; } .focus\:fill-button-success-hover-light:focus{ fill: var(--button-success-hover-50) !important; } .focus\:fill-button-success-text-hover:focus{ fill: var(--button-success-text-hover) !important; } .focus\:fill-button-success-text-hover-100:focus{ fill: var(--button-success-text-hover-100) !important; } .focus\:fill-button-success-text-hover-200:focus{ fill: var(--button-success-text-hover-200) !important; } .focus\:fill-button-success-text-hover-300:focus{ fill: var(--button-success-text-hover-300) !important; } .focus\:fill-button-success-text-hover-400:focus{ fill: var(--button-success-text-hover-400) !important; } .focus\:fill-button-success-text-hover-50:focus{ fill: var(--button-success-text-hover-50) !important; } .focus\:fill-button-success-text-hover-500:focus{ fill: var(--button-success-text-hover) !important; } .focus\:fill-button-success-text-hover-600:focus{ fill: var(--button-success-text-hover-600) !important; } .focus\:fill-button-success-text-hover-700:focus{ fill: var(--button-success-text-hover-700) !important; } .focus\:fill-button-success-text-hover-800:focus{ fill: var(--button-success-text-hover-800) !important; } .focus\:fill-button-success-text-hover-900:focus{ fill: var(--button-success-text-hover-900) !important; } .focus\:fill-button-success-text-hover-dark:focus{ fill: var(--button-success-text-hover-900) !important; } .focus\:fill-button-success-text-hover-light:focus{ fill: var(--button-success-text-hover-50) !important; } .focus\:fill-button-warning-hover:focus{ fill: var(--button-warning-hover) !important; } .focus\:fill-button-warning-hover-100:focus{ fill: var(--button-warning-hover-100) !important; } .focus\:fill-button-warning-hover-200:focus{ fill: var(--button-warning-hover-200) !important; } .focus\:fill-button-warning-hover-300:focus{ fill: var(--button-warning-hover-300) !important; } .focus\:fill-button-warning-hover-400:focus{ fill: var(--button-warning-hover-400) !important; } .focus\:fill-button-warning-hover-50:focus{ fill: var(--button-warning-hover-50) !important; } .focus\:fill-button-warning-hover-500:focus{ fill: var(--button-warning-hover) !important; } .focus\:fill-button-warning-hover-600:focus{ fill: var(--button-warning-hover-600) !important; } .focus\:fill-button-warning-hover-700:focus{ fill: var(--button-warning-hover-700) !important; } .focus\:fill-button-warning-hover-800:focus{ fill: var(--button-warning-hover-800) !important; } .focus\:fill-button-warning-hover-900:focus{ fill: var(--button-warning-hover-900) !important; } .focus\:fill-button-warning-hover-dark:focus{ fill: var(--button-warning-hover-900) !important; } .focus\:fill-button-warning-hover-light:focus{ fill: var(--button-warning-hover-50) !important; } .focus\:fill-button-warning-text-hover:focus{ fill: var(--button-warning-text-hover) !important; } .focus\:fill-button-warning-text-hover-100:focus{ fill: var(--button-warning-text-hover-100) !important; } .focus\:fill-button-warning-text-hover-200:focus{ fill: var(--button-warning-text-hover-200) !important; } .focus\:fill-button-warning-text-hover-300:focus{ fill: var(--button-warning-text-hover-300) !important; } .focus\:fill-button-warning-text-hover-400:focus{ fill: var(--button-warning-text-hover-400) !important; } .focus\:fill-button-warning-text-hover-50:focus{ fill: var(--button-warning-text-hover-50) !important; } .focus\:fill-button-warning-text-hover-500:focus{ fill: var(--button-warning-text-hover) !important; } .focus\:fill-button-warning-text-hover-600:focus{ fill: var(--button-warning-text-hover-600) !important; } .focus\:fill-button-warning-text-hover-700:focus{ fill: var(--button-warning-text-hover-700) !important; } .focus\:fill-button-warning-text-hover-800:focus{ fill: var(--button-warning-text-hover-800) !important; } .focus\:fill-button-warning-text-hover-900:focus{ fill: var(--button-warning-text-hover-900) !important; } .focus\:fill-button-warning-text-hover-dark:focus{ fill: var(--button-warning-text-hover-900) !important; } .focus\:fill-button-warning-text-hover-light:focus{ fill: var(--button-warning-text-hover-50) !important; } .focus\:stroke-button-danger-hover:focus{ stroke: var(--button-danger-hover) !important; } .focus\:stroke-button-danger-hover-100:focus{ stroke: var(--button-danger-hover-100) !important; } .focus\:stroke-button-danger-hover-200:focus{ stroke: var(--button-danger-hover-200) !important; } .focus\:stroke-button-danger-hover-300:focus{ stroke: var(--button-danger-hover-300) !important; } .focus\:stroke-button-danger-hover-400:focus{ stroke: var(--button-danger-hover-400) !important; } .focus\:stroke-button-danger-hover-50:focus{ stroke: var(--button-danger-hover-50) !important; } .focus\:stroke-button-danger-hover-500:focus{ stroke: var(--button-danger-hover) !important; } .focus\:stroke-button-danger-hover-600:focus{ stroke: var(--button-danger-hover-600) !important; } .focus\:stroke-button-danger-hover-700:focus{ stroke: var(--button-danger-hover-700) !important; } .focus\:stroke-button-danger-hover-800:focus{ stroke: var(--button-danger-hover-800) !important; } .focus\:stroke-button-danger-hover-900:focus{ stroke: var(--button-danger-hover-900) !important; } .focus\:stroke-button-danger-hover-dark:focus{ stroke: var(--button-danger-hover-900) !important; } .focus\:stroke-button-danger-hover-light:focus{ stroke: var(--button-danger-hover-50) !important; } .focus\:stroke-button-danger-text-hover:focus{ stroke: var(--button-danger-text-hover) !important; } .focus\:stroke-button-danger-text-hover-100:focus{ stroke: var(--button-danger-text-hover-100) !important; } .focus\:stroke-button-danger-text-hover-200:focus{ stroke: var(--button-danger-text-hover-200) !important; } .focus\:stroke-button-danger-text-hover-300:focus{ stroke: var(--button-danger-text-hover-300) !important; } .focus\:stroke-button-danger-text-hover-400:focus{ stroke: var(--button-danger-text-hover-400) !important; } .focus\:stroke-button-danger-text-hover-50:focus{ stroke: var(--button-danger-text-hover-50) !important; } .focus\:stroke-button-danger-text-hover-500:focus{ stroke: var(--button-danger-text-hover) !important; } .focus\:stroke-button-danger-text-hover-600:focus{ stroke: var(--button-danger-text-hover-600) !important; } .focus\:stroke-button-danger-text-hover-700:focus{ stroke: var(--button-danger-text-hover-700) !important; } .focus\:stroke-button-danger-text-hover-800:focus{ stroke: var(--button-danger-text-hover-800) !important; } .focus\:stroke-button-danger-text-hover-900:focus{ stroke: var(--button-danger-text-hover-900) !important; } .focus\:stroke-button-danger-text-hover-dark:focus{ stroke: var(--button-danger-text-hover-900) !important; } .focus\:stroke-button-danger-text-hover-light:focus{ stroke: var(--button-danger-text-hover-50) !important; } .focus\:stroke-button-dark-hover:focus{ stroke: var(--button-dark-hover) !important; } .focus\:stroke-button-dark-hover-100:focus{ stroke: var(--button-dark-hover-100) !important; } .focus\:stroke-button-dark-hover-200:focus{ stroke: var(--button-dark-hover-200) !important; } .focus\:stroke-button-dark-hover-300:focus{ stroke: var(--button-dark-hover-300) !important; } .focus\:stroke-button-dark-hover-400:focus{ stroke: var(--button-dark-hover-400) !important; } .focus\:stroke-button-dark-hover-50:focus{ stroke: var(--button-dark-hover-50) !important; } .focus\:stroke-button-dark-hover-500:focus{ stroke: var(--button-dark-hover) !important; } .focus\:stroke-button-dark-hover-600:focus{ stroke: var(--button-dark-hover-600) !important; } .focus\:stroke-button-dark-hover-700:focus{ stroke: var(--button-dark-hover-700) !important; } .focus\:stroke-button-dark-hover-800:focus{ stroke: var(--button-dark-hover-800) !important; } .focus\:stroke-button-dark-hover-900:focus{ stroke: var(--button-dark-hover-900) !important; } .focus\:stroke-button-dark-hover-dark:focus{ stroke: var(--button-dark-hover-900) !important; } .focus\:stroke-button-dark-hover-light:focus{ stroke: var(--button-dark-hover-50) !important; } .focus\:stroke-button-dark-text-hover:focus{ stroke: var(--button-dark-text-hover) !important; } .focus\:stroke-button-dark-text-hover-100:focus{ stroke: var(--button-dark-text-hover-100) !important; } .focus\:stroke-button-dark-text-hover-200:focus{ stroke: var(--button-dark-text-hover-200) !important; } .focus\:stroke-button-dark-text-hover-300:focus{ stroke: var(--button-dark-text-hover-300) !important; } .focus\:stroke-button-dark-text-hover-400:focus{ stroke: var(--button-dark-text-hover-400) !important; } .focus\:stroke-button-dark-text-hover-50:focus{ stroke: var(--button-dark-text-hover-50) !important; } .focus\:stroke-button-dark-text-hover-500:focus{ stroke: var(--button-dark-text-hover) !important; } .focus\:stroke-button-dark-text-hover-600:focus{ stroke: var(--button-dark-text-hover-600) !important; } .focus\:stroke-button-dark-text-hover-700:focus{ stroke: var(--button-dark-text-hover-700) !important; } .focus\:stroke-button-dark-text-hover-800:focus{ stroke: var(--button-dark-text-hover-800) !important; } .focus\:stroke-button-dark-text-hover-900:focus{ stroke: var(--button-dark-text-hover-900) !important; } .focus\:stroke-button-dark-text-hover-dark:focus{ stroke: var(--button-dark-text-hover-900) !important; } .focus\:stroke-button-dark-text-hover-light:focus{ stroke: var(--button-dark-text-hover-50) !important; } .focus\:stroke-button-light-hover:focus{ stroke: var(--button-light-hover) !important; } .focus\:stroke-button-light-hover-100:focus{ stroke: var(--button-light-hover-100) !important; } .focus\:stroke-button-light-hover-200:focus{ stroke: var(--button-light-hover-200) !important; } .focus\:stroke-button-light-hover-300:focus{ stroke: var(--button-light-hover-300) !important; } .focus\:stroke-button-light-hover-400:focus{ stroke: var(--button-light-hover-400) !important; } .focus\:stroke-button-light-hover-50:focus{ stroke: var(--button-light-hover-50) !important; } .focus\:stroke-button-light-hover-500:focus{ stroke: var(--button-light-hover) !important; } .focus\:stroke-button-light-hover-600:focus{ stroke: var(--button-light-hover-600) !important; } .focus\:stroke-button-light-hover-700:focus{ stroke: var(--button-light-hover-700) !important; } .focus\:stroke-button-light-hover-800:focus{ stroke: var(--button-light-hover-800) !important; } .focus\:stroke-button-light-hover-900:focus{ stroke: var(--button-light-hover-900) !important; } .focus\:stroke-button-light-hover-dark:focus{ stroke: var(--button-light-hover-900) !important; } .focus\:stroke-button-light-hover-light:focus{ stroke: var(--button-light-hover-50) !important; } .focus\:stroke-button-light-text-hover:focus{ stroke: var(--button-light-text-hover) !important; } .focus\:stroke-button-light-text-hover-100:focus{ stroke: var(--button-light-text-hover-100) !important; } .focus\:stroke-button-light-text-hover-200:focus{ stroke: var(--button-light-text-hover-200) !important; } .focus\:stroke-button-light-text-hover-300:focus{ stroke: var(--button-light-text-hover-300) !important; } .focus\:stroke-button-light-text-hover-400:focus{ stroke: var(--button-light-text-hover-400) !important; } .focus\:stroke-button-light-text-hover-50:focus{ stroke: var(--button-light-text-hover-50) !important; } .focus\:stroke-button-light-text-hover-500:focus{ stroke: var(--button-light-text-hover) !important; } .focus\:stroke-button-light-text-hover-600:focus{ stroke: var(--button-light-text-hover-600) !important; } .focus\:stroke-button-light-text-hover-700:focus{ stroke: var(--button-light-text-hover-700) !important; } .focus\:stroke-button-light-text-hover-800:focus{ stroke: var(--button-light-text-hover-800) !important; } .focus\:stroke-button-light-text-hover-900:focus{ stroke: var(--button-light-text-hover-900) !important; } .focus\:stroke-button-light-text-hover-dark:focus{ stroke: var(--button-light-text-hover-900) !important; } .focus\:stroke-button-light-text-hover-light:focus{ stroke: var(--button-light-text-hover-50) !important; } .focus\:stroke-button-primary-hover:focus{ stroke: var(--button-primary-hover) !important; } .focus\:stroke-button-primary-hover-100:focus{ stroke: var(--button-primary-hover-100) !important; } .focus\:stroke-button-primary-hover-200:focus{ stroke: var(--button-primary-hover-200) !important; } .focus\:stroke-button-primary-hover-300:focus{ stroke: var(--button-primary-hover-300) !important; } .focus\:stroke-button-primary-hover-400:focus{ stroke: var(--button-primary-hover-400) !important; } .focus\:stroke-button-primary-hover-50:focus{ stroke: var(--button-primary-hover-50) !important; } .focus\:stroke-button-primary-hover-500:focus{ stroke: var(--button-primary-hover) !important; } .focus\:stroke-button-primary-hover-600:focus{ stroke: var(--button-primary-hover-600) !important; } .focus\:stroke-button-primary-hover-700:focus{ stroke: var(--button-primary-hover-700) !important; } .focus\:stroke-button-primary-hover-800:focus{ stroke: var(--button-primary-hover-800) !important; } .focus\:stroke-button-primary-hover-900:focus{ stroke: var(--button-primary-hover-900) !important; } .focus\:stroke-button-primary-hover-dark:focus{ stroke: var(--button-primary-hover-900) !important; } .focus\:stroke-button-primary-hover-light:focus{ stroke: var(--button-primary-hover-50) !important; } .focus\:stroke-button-primary-text-hover:focus{ stroke: var(--button-primary-text-hover) !important; } .focus\:stroke-button-primary-text-hover-100:focus{ stroke: var(--button-primary-text-hover-100) !important; } .focus\:stroke-button-primary-text-hover-200:focus{ stroke: var(--button-primary-text-hover-200) !important; } .focus\:stroke-button-primary-text-hover-300:focus{ stroke: var(--button-primary-text-hover-300) !important; } .focus\:stroke-button-primary-text-hover-400:focus{ stroke: var(--button-primary-text-hover-400) !important; } .focus\:stroke-button-primary-text-hover-50:focus{ stroke: var(--button-primary-text-hover-50) !important; } .focus\:stroke-button-primary-text-hover-500:focus{ stroke: var(--button-primary-text-hover) !important; } .focus\:stroke-button-primary-text-hover-600:focus{ stroke: var(--button-primary-text-hover-600) !important; } .focus\:stroke-button-primary-text-hover-700:focus{ stroke: var(--button-primary-text-hover-700) !important; } .focus\:stroke-button-primary-text-hover-800:focus{ stroke: var(--button-primary-text-hover-800) !important; } .focus\:stroke-button-primary-text-hover-900:focus{ stroke: var(--button-primary-text-hover-900) !important; } .focus\:stroke-button-primary-text-hover-dark:focus{ stroke: var(--button-primary-text-hover-900) !important; } .focus\:stroke-button-primary-text-hover-light:focus{ stroke: var(--button-primary-text-hover-50) !important; } .focus\:stroke-button-secondary-hover:focus{ stroke: var(--button-secondary-hover) !important; } .focus\:stroke-button-secondary-hover-100:focus{ stroke: var(--button-secondary-hover-100) !important; } .focus\:stroke-button-secondary-hover-200:focus{ stroke: var(--button-secondary-hover-200) !important; } .focus\:stroke-button-secondary-hover-300:focus{ stroke: var(--button-secondary-hover-300) !important; } .focus\:stroke-button-secondary-hover-400:focus{ stroke: var(--button-secondary-hover-400) !important; } .focus\:stroke-button-secondary-hover-50:focus{ stroke: var(--button-secondary-hover-50) !important; } .focus\:stroke-button-secondary-hover-500:focus{ stroke: var(--button-secondary-hover) !important; } .focus\:stroke-button-secondary-hover-600:focus{ stroke: var(--button-secondary-hover-600) !important; } .focus\:stroke-button-secondary-hover-700:focus{ stroke: var(--button-secondary-hover-700) !important; } .focus\:stroke-button-secondary-hover-800:focus{ stroke: var(--button-secondary-hover-800) !important; } .focus\:stroke-button-secondary-hover-900:focus{ stroke: var(--button-secondary-hover-900) !important; } .focus\:stroke-button-secondary-hover-dark:focus{ stroke: var(--button-secondary-hover-900) !important; } .focus\:stroke-button-secondary-hover-light:focus{ stroke: var(--button-secondary-hover-50) !important; } .focus\:stroke-button-secondary-text-hover:focus{ stroke: var(--button-secondary-text-hover) !important; } .focus\:stroke-button-secondary-text-hover-100:focus{ stroke: var(--button-secondary-text-hover-100) !important; } .focus\:stroke-button-secondary-text-hover-200:focus{ stroke: var(--button-secondary-text-hover-200) !important; } .focus\:stroke-button-secondary-text-hover-300:focus{ stroke: var(--button-secondary-text-hover-300) !important; } .focus\:stroke-button-secondary-text-hover-400:focus{ stroke: var(--button-secondary-text-hover-400) !important; } .focus\:stroke-button-secondary-text-hover-50:focus{ stroke: var(--button-secondary-text-hover-50) !important; } .focus\:stroke-button-secondary-text-hover-500:focus{ stroke: var(--button-secondary-text-hover) !important; } .focus\:stroke-button-secondary-text-hover-600:focus{ stroke: var(--button-secondary-text-hover-600) !important; } .focus\:stroke-button-secondary-text-hover-700:focus{ stroke: var(--button-secondary-text-hover-700) !important; } .focus\:stroke-button-secondary-text-hover-800:focus{ stroke: var(--button-secondary-text-hover-800) !important; } .focus\:stroke-button-secondary-text-hover-900:focus{ stroke: var(--button-secondary-text-hover-900) !important; } .focus\:stroke-button-secondary-text-hover-dark:focus{ stroke: var(--button-secondary-text-hover-900) !important; } .focus\:stroke-button-secondary-text-hover-light:focus{ stroke: var(--button-secondary-text-hover-50) !important; } .focus\:stroke-button-success-hover:focus{ stroke: var(--button-success-hover) !important; } .focus\:stroke-button-success-hover-100:focus{ stroke: var(--button-success-hover-100) !important; } .focus\:stroke-button-success-hover-200:focus{ stroke: var(--button-success-hover-200) !important; } .focus\:stroke-button-success-hover-300:focus{ stroke: var(--button-success-hover-300) !important; } .focus\:stroke-button-success-hover-400:focus{ stroke: var(--button-success-hover-400) !important; } .focus\:stroke-button-success-hover-50:focus{ stroke: var(--button-success-hover-50) !important; } .focus\:stroke-button-success-hover-500:focus{ stroke: var(--button-success-hover) !important; } .focus\:stroke-button-success-hover-600:focus{ stroke: var(--button-success-hover-600) !important; } .focus\:stroke-button-success-hover-700:focus{ stroke: var(--button-success-hover-700) !important; } .focus\:stroke-button-success-hover-800:focus{ stroke: var(--button-success-hover-800) !important; } .focus\:stroke-button-success-hover-900:focus{ stroke: var(--button-success-hover-900) !important; } .focus\:stroke-button-success-hover-dark:focus{ stroke: var(--button-success-hover-900) !important; } .focus\:stroke-button-success-hover-light:focus{ stroke: var(--button-success-hover-50) !important; } .focus\:stroke-button-success-text-hover:focus{ stroke: var(--button-success-text-hover) !important; } .focus\:stroke-button-success-text-hover-100:focus{ stroke: var(--button-success-text-hover-100) !important; } .focus\:stroke-button-success-text-hover-200:focus{ stroke: var(--button-success-text-hover-200) !important; } .focus\:stroke-button-success-text-hover-300:focus{ stroke: var(--button-success-text-hover-300) !important; } .focus\:stroke-button-success-text-hover-400:focus{ stroke: var(--button-success-text-hover-400) !important; } .focus\:stroke-button-success-text-hover-50:focus{ stroke: var(--button-success-text-hover-50) !important; } .focus\:stroke-button-success-text-hover-500:focus{ stroke: var(--button-success-text-hover) !important; } .focus\:stroke-button-success-text-hover-600:focus{ stroke: var(--button-success-text-hover-600) !important; } .focus\:stroke-button-success-text-hover-700:focus{ stroke: var(--button-success-text-hover-700) !important; } .focus\:stroke-button-success-text-hover-800:focus{ stroke: var(--button-success-text-hover-800) !important; } .focus\:stroke-button-success-text-hover-900:focus{ stroke: var(--button-success-text-hover-900) !important; } .focus\:stroke-button-success-text-hover-dark:focus{ stroke: var(--button-success-text-hover-900) !important; } .focus\:stroke-button-success-text-hover-light:focus{ stroke: var(--button-success-text-hover-50) !important; } .focus\:stroke-button-warning-hover:focus{ stroke: var(--button-warning-hover) !important; } .focus\:stroke-button-warning-hover-100:focus{ stroke: var(--button-warning-hover-100) !important; } .focus\:stroke-button-warning-hover-200:focus{ stroke: var(--button-warning-hover-200) !important; } .focus\:stroke-button-warning-hover-300:focus{ stroke: var(--button-warning-hover-300) !important; } .focus\:stroke-button-warning-hover-400:focus{ stroke: var(--button-warning-hover-400) !important; } .focus\:stroke-button-warning-hover-50:focus{ stroke: var(--button-warning-hover-50) !important; } .focus\:stroke-button-warning-hover-500:focus{ stroke: var(--button-warning-hover) !important; } .focus\:stroke-button-warning-hover-600:focus{ stroke: var(--button-warning-hover-600) !important; } .focus\:stroke-button-warning-hover-700:focus{ stroke: var(--button-warning-hover-700) !important; } .focus\:stroke-button-warning-hover-800:focus{ stroke: var(--button-warning-hover-800) !important; } .focus\:stroke-button-warning-hover-900:focus{ stroke: var(--button-warning-hover-900) !important; } .focus\:stroke-button-warning-hover-dark:focus{ stroke: var(--button-warning-hover-900) !important; } .focus\:stroke-button-warning-hover-light:focus{ stroke: var(--button-warning-hover-50) !important; } .focus\:stroke-button-warning-text-hover:focus{ stroke: var(--button-warning-text-hover) !important; } .focus\:stroke-button-warning-text-hover-100:focus{ stroke: var(--button-warning-text-hover-100) !important; } .focus\:stroke-button-warning-text-hover-200:focus{ stroke: var(--button-warning-text-hover-200) !important; } .focus\:stroke-button-warning-text-hover-300:focus{ stroke: var(--button-warning-text-hover-300) !important; } .focus\:stroke-button-warning-text-hover-400:focus{ stroke: var(--button-warning-text-hover-400) !important; } .focus\:stroke-button-warning-text-hover-50:focus{ stroke: var(--button-warning-text-hover-50) !important; } .focus\:stroke-button-warning-text-hover-500:focus{ stroke: var(--button-warning-text-hover) !important; } .focus\:stroke-button-warning-text-hover-600:focus{ stroke: var(--button-warning-text-hover-600) !important; } .focus\:stroke-button-warning-text-hover-700:focus{ stroke: var(--button-warning-text-hover-700) !important; } .focus\:stroke-button-warning-text-hover-800:focus{ stroke: var(--button-warning-text-hover-800) !important; } .focus\:stroke-button-warning-text-hover-900:focus{ stroke: var(--button-warning-text-hover-900) !important; } .focus\:stroke-button-warning-text-hover-dark:focus{ stroke: var(--button-warning-text-hover-900) !important; } .focus\:stroke-button-warning-text-hover-light:focus{ stroke: var(--button-warning-text-hover-50) !important; } .focus\:text-button-danger-hover:focus{ color: var(--button-danger-hover) !important; } .focus\:text-button-danger-hover-100:focus{ color: var(--button-danger-hover-100) !important; } .focus\:text-button-danger-hover-200:focus{ color: var(--button-danger-hover-200) !important; } .focus\:text-button-danger-hover-300:focus{ color: var(--button-danger-hover-300) !important; } .focus\:text-button-danger-hover-400:focus{ color: var(--button-danger-hover-400) !important; } .focus\:text-button-danger-hover-50:focus{ color: var(--button-danger-hover-50) !important; } .focus\:text-button-danger-hover-500:focus{ color: var(--button-danger-hover) !important; } .focus\:text-button-danger-hover-600:focus{ color: var(--button-danger-hover-600) !important; } .focus\:text-button-danger-hover-700:focus{ color: var(--button-danger-hover-700) !important; } .focus\:text-button-danger-hover-800:focus{ color: var(--button-danger-hover-800) !important; } .focus\:text-button-danger-hover-900:focus{ color: var(--button-danger-hover-900) !important; } .focus\:text-button-danger-hover-dark:focus{ color: var(--button-danger-hover-900) !important; } .focus\:text-button-danger-hover-light:focus{ color: var(--button-danger-hover-50) !important; } .focus\:text-button-danger-text-hover:focus{ color: var(--button-danger-text-hover) !important; } .focus\:text-button-danger-text-hover-100:focus{ color: var(--button-danger-text-hover-100) !important; } .focus\:text-button-danger-text-hover-200:focus{ color: var(--button-danger-text-hover-200) !important; } .focus\:text-button-danger-text-hover-300:focus{ color: var(--button-danger-text-hover-300) !important; } .focus\:text-button-danger-text-hover-400:focus{ color: var(--button-danger-text-hover-400) !important; } .focus\:text-button-danger-text-hover-50:focus{ color: var(--button-danger-text-hover-50) !important; } .focus\:text-button-danger-text-hover-500:focus{ color: var(--button-danger-text-hover) !important; } .focus\:text-button-danger-text-hover-600:focus{ color: var(--button-danger-text-hover-600) !important; } .focus\:text-button-danger-text-hover-700:focus{ color: var(--button-danger-text-hover-700) !important; } .focus\:text-button-danger-text-hover-800:focus{ color: var(--button-danger-text-hover-800) !important; } .focus\:text-button-danger-text-hover-900:focus{ color: var(--button-danger-text-hover-900) !important; } .focus\:text-button-danger-text-hover-dark:focus{ color: var(--button-danger-text-hover-900) !important; } .focus\:text-button-danger-text-hover-light:focus{ color: var(--button-danger-text-hover-50) !important; } .focus\:text-button-dark-hover:focus{ color: var(--button-dark-hover) !important; } .focus\:text-button-dark-hover-100:focus{ color: var(--button-dark-hover-100) !important; } .focus\:text-button-dark-hover-200:focus{ color: var(--button-dark-hover-200) !important; } .focus\:text-button-dark-hover-300:focus{ color: var(--button-dark-hover-300) !important; } .focus\:text-button-dark-hover-400:focus{ color: var(--button-dark-hover-400) !important; } .focus\:text-button-dark-hover-50:focus{ color: var(--button-dark-hover-50) !important; } .focus\:text-button-dark-hover-500:focus{ color: var(--button-dark-hover) !important; } .focus\:text-button-dark-hover-600:focus{ color: var(--button-dark-hover-600) !important; } .focus\:text-button-dark-hover-700:focus{ color: var(--button-dark-hover-700) !important; } .focus\:text-button-dark-hover-800:focus{ color: var(--button-dark-hover-800) !important; } .focus\:text-button-dark-hover-900:focus{ color: var(--button-dark-hover-900) !important; } .focus\:text-button-dark-hover-dark:focus{ color: var(--button-dark-hover-900) !important; } .focus\:text-button-dark-hover-light:focus{ color: var(--button-dark-hover-50) !important; } .focus\:text-button-dark-text-hover:focus{ color: var(--button-dark-text-hover) !important; } .focus\:text-button-dark-text-hover-100:focus{ color: var(--button-dark-text-hover-100) !important; } .focus\:text-button-dark-text-hover-200:focus{ color: var(--button-dark-text-hover-200) !important; } .focus\:text-button-dark-text-hover-300:focus{ color: var(--button-dark-text-hover-300) !important; } .focus\:text-button-dark-text-hover-400:focus{ color: var(--button-dark-text-hover-400) !important; } .focus\:text-button-dark-text-hover-50:focus{ color: var(--button-dark-text-hover-50) !important; } .focus\:text-button-dark-text-hover-500:focus{ color: var(--button-dark-text-hover) !important; } .focus\:text-button-dark-text-hover-600:focus{ color: var(--button-dark-text-hover-600) !important; } .focus\:text-button-dark-text-hover-700:focus{ color: var(--button-dark-text-hover-700) !important; } .focus\:text-button-dark-text-hover-800:focus{ color: var(--button-dark-text-hover-800) !important; } .focus\:text-button-dark-text-hover-900:focus{ color: var(--button-dark-text-hover-900) !important; } .focus\:text-button-dark-text-hover-dark:focus{ color: var(--button-dark-text-hover-900) !important; } .focus\:text-button-dark-text-hover-light:focus{ color: var(--button-dark-text-hover-50) !important; } .focus\:text-button-light-hover:focus{ color: var(--button-light-hover) !important; } .focus\:text-button-light-hover-100:focus{ color: var(--button-light-hover-100) !important; } .focus\:text-button-light-hover-200:focus{ color: var(--button-light-hover-200) !important; } .focus\:text-button-light-hover-300:focus{ color: var(--button-light-hover-300) !important; } .focus\:text-button-light-hover-400:focus{ color: var(--button-light-hover-400) !important; } .focus\:text-button-light-hover-50:focus{ color: var(--button-light-hover-50) !important; } .focus\:text-button-light-hover-500:focus{ color: var(--button-light-hover) !important; } .focus\:text-button-light-hover-600:focus{ color: var(--button-light-hover-600) !important; } .focus\:text-button-light-hover-700:focus{ color: var(--button-light-hover-700) !important; } .focus\:text-button-light-hover-800:focus{ color: var(--button-light-hover-800) !important; } .focus\:text-button-light-hover-900:focus{ color: var(--button-light-hover-900) !important; } .focus\:text-button-light-hover-dark:focus{ color: var(--button-light-hover-900) !important; } .focus\:text-button-light-hover-light:focus{ color: var(--button-light-hover-50) !important; } .focus\:text-button-light-text-hover:focus{ color: var(--button-light-text-hover) !important; } .focus\:text-button-light-text-hover-100:focus{ color: var(--button-light-text-hover-100) !important; } .focus\:text-button-light-text-hover-200:focus{ color: var(--button-light-text-hover-200) !important; } .focus\:text-button-light-text-hover-300:focus{ color: var(--button-light-text-hover-300) !important; } .focus\:text-button-light-text-hover-400:focus{ color: var(--button-light-text-hover-400) !important; } .focus\:text-button-light-text-hover-50:focus{ color: var(--button-light-text-hover-50) !important; } .focus\:text-button-light-text-hover-500:focus{ color: var(--button-light-text-hover) !important; } .focus\:text-button-light-text-hover-600:focus{ color: var(--button-light-text-hover-600) !important; } .focus\:text-button-light-text-hover-700:focus{ color: var(--button-light-text-hover-700) !important; } .focus\:text-button-light-text-hover-800:focus{ color: var(--button-light-text-hover-800) !important; } .focus\:text-button-light-text-hover-900:focus{ color: var(--button-light-text-hover-900) !important; } .focus\:text-button-light-text-hover-dark:focus{ color: var(--button-light-text-hover-900) !important; } .focus\:text-button-light-text-hover-light:focus{ color: var(--button-light-text-hover-50) !important; } .focus\:text-button-primary-hover:focus{ color: var(--button-primary-hover) !important; } .focus\:text-button-primary-hover-100:focus{ color: var(--button-primary-hover-100) !important; } .focus\:text-button-primary-hover-200:focus{ color: var(--button-primary-hover-200) !important; } .focus\:text-button-primary-hover-300:focus{ color: var(--button-primary-hover-300) !important; } .focus\:text-button-primary-hover-400:focus{ color: var(--button-primary-hover-400) !important; } .focus\:text-button-primary-hover-50:focus{ color: var(--button-primary-hover-50) !important; } .focus\:text-button-primary-hover-500:focus{ color: var(--button-primary-hover) !important; } .focus\:text-button-primary-hover-600:focus{ color: var(--button-primary-hover-600) !important; } .focus\:text-button-primary-hover-700:focus{ color: var(--button-primary-hover-700) !important; } .focus\:text-button-primary-hover-800:focus{ color: var(--button-primary-hover-800) !important; } .focus\:text-button-primary-hover-900:focus{ color: var(--button-primary-hover-900) !important; } .focus\:text-button-primary-hover-dark:focus{ color: var(--button-primary-hover-900) !important; } .focus\:text-button-primary-hover-light:focus{ color: var(--button-primary-hover-50) !important; } .focus\:text-button-primary-text-hover:focus{ color: var(--button-primary-text-hover) !important; } .focus\:text-button-primary-text-hover-100:focus{ color: var(--button-primary-text-hover-100) !important; } .focus\:text-button-primary-text-hover-200:focus{ color: var(--button-primary-text-hover-200) !important; } .focus\:text-button-primary-text-hover-300:focus{ color: var(--button-primary-text-hover-300) !important; } .focus\:text-button-primary-text-hover-400:focus{ color: var(--button-primary-text-hover-400) !important; } .focus\:text-button-primary-text-hover-50:focus{ color: var(--button-primary-text-hover-50) !important; } .focus\:text-button-primary-text-hover-500:focus{ color: var(--button-primary-text-hover) !important; } .focus\:text-button-primary-text-hover-600:focus{ color: var(--button-primary-text-hover-600) !important; } .focus\:text-button-primary-text-hover-700:focus{ color: var(--button-primary-text-hover-700) !important; } .focus\:text-button-primary-text-hover-800:focus{ color: var(--button-primary-text-hover-800) !important; } .focus\:text-button-primary-text-hover-900:focus{ color: var(--button-primary-text-hover-900) !important; } .focus\:text-button-primary-text-hover-dark:focus{ color: var(--button-primary-text-hover-900) !important; } .focus\:text-button-primary-text-hover-light:focus{ color: var(--button-primary-text-hover-50) !important; } .focus\:text-button-secondary-hover:focus{ color: var(--button-secondary-hover) !important; } .focus\:text-button-secondary-hover-100:focus{ color: var(--button-secondary-hover-100) !important; } .focus\:text-button-secondary-hover-200:focus{ color: var(--button-secondary-hover-200) !important; } .focus\:text-button-secondary-hover-300:focus{ color: var(--button-secondary-hover-300) !important; } .focus\:text-button-secondary-hover-400:focus{ color: var(--button-secondary-hover-400) !important; } .focus\:text-button-secondary-hover-50:focus{ color: var(--button-secondary-hover-50) !important; } .focus\:text-button-secondary-hover-500:focus{ color: var(--button-secondary-hover) !important; } .focus\:text-button-secondary-hover-600:focus{ color: var(--button-secondary-hover-600) !important; } .focus\:text-button-secondary-hover-700:focus{ color: var(--button-secondary-hover-700) !important; } .focus\:text-button-secondary-hover-800:focus{ color: var(--button-secondary-hover-800) !important; } .focus\:text-button-secondary-hover-900:focus{ color: var(--button-secondary-hover-900) !important; } .focus\:text-button-secondary-hover-dark:focus{ color: var(--button-secondary-hover-900) !important; } .focus\:text-button-secondary-hover-light:focus{ color: var(--button-secondary-hover-50) !important; } .focus\:text-button-secondary-text-hover:focus{ color: var(--button-secondary-text-hover) !important; } .focus\:text-button-secondary-text-hover-100:focus{ color: var(--button-secondary-text-hover-100) !important; } .focus\:text-button-secondary-text-hover-200:focus{ color: var(--button-secondary-text-hover-200) !important; } .focus\:text-button-secondary-text-hover-300:focus{ color: var(--button-secondary-text-hover-300) !important; } .focus\:text-button-secondary-text-hover-400:focus{ color: var(--button-secondary-text-hover-400) !important; } .focus\:text-button-secondary-text-hover-50:focus{ color: var(--button-secondary-text-hover-50) !important; } .focus\:text-button-secondary-text-hover-500:focus{ color: var(--button-secondary-text-hover) !important; } .focus\:text-button-secondary-text-hover-600:focus{ color: var(--button-secondary-text-hover-600) !important; } .focus\:text-button-secondary-text-hover-700:focus{ color: var(--button-secondary-text-hover-700) !important; } .focus\:text-button-secondary-text-hover-800:focus{ color: var(--button-secondary-text-hover-800) !important; } .focus\:text-button-secondary-text-hover-900:focus{ color: var(--button-secondary-text-hover-900) !important; } .focus\:text-button-secondary-text-hover-dark:focus{ color: var(--button-secondary-text-hover-900) !important; } .focus\:text-button-secondary-text-hover-light:focus{ color: var(--button-secondary-text-hover-50) !important; } .focus\:text-button-success-hover:focus{ color: var(--button-success-hover) !important; } .focus\:text-button-success-hover-100:focus{ color: var(--button-success-hover-100) !important; } .focus\:text-button-success-hover-200:focus{ color: var(--button-success-hover-200) !important; } .focus\:text-button-success-hover-300:focus{ color: var(--button-success-hover-300) !important; } .focus\:text-button-success-hover-400:focus{ color: var(--button-success-hover-400) !important; } .focus\:text-button-success-hover-50:focus{ color: var(--button-success-hover-50) !important; } .focus\:text-button-success-hover-500:focus{ color: var(--button-success-hover) !important; } .focus\:text-button-success-hover-600:focus{ color: var(--button-success-hover-600) !important; } .focus\:text-button-success-hover-700:focus{ color: var(--button-success-hover-700) !important; } .focus\:text-button-success-hover-800:focus{ color: var(--button-success-hover-800) !important; } .focus\:text-button-success-hover-900:focus{ color: var(--button-success-hover-900) !important; } .focus\:text-button-success-hover-dark:focus{ color: var(--button-success-hover-900) !important; } .focus\:text-button-success-hover-light:focus{ color: var(--button-success-hover-50) !important; } .focus\:text-button-success-text-hover:focus{ color: var(--button-success-text-hover) !important; } .focus\:text-button-success-text-hover-100:focus{ color: var(--button-success-text-hover-100) !important; } .focus\:text-button-success-text-hover-200:focus{ color: var(--button-success-text-hover-200) !important; } .focus\:text-button-success-text-hover-300:focus{ color: var(--button-success-text-hover-300) !important; } .focus\:text-button-success-text-hover-400:focus{ color: var(--button-success-text-hover-400) !important; } .focus\:text-button-success-text-hover-50:focus{ color: var(--button-success-text-hover-50) !important; } .focus\:text-button-success-text-hover-500:focus{ color: var(--button-success-text-hover) !important; } .focus\:text-button-success-text-hover-600:focus{ color: var(--button-success-text-hover-600) !important; } .focus\:text-button-success-text-hover-700:focus{ color: var(--button-success-text-hover-700) !important; } .focus\:text-button-success-text-hover-800:focus{ color: var(--button-success-text-hover-800) !important; } .focus\:text-button-success-text-hover-900:focus{ color: var(--button-success-text-hover-900) !important; } .focus\:text-button-success-text-hover-dark:focus{ color: var(--button-success-text-hover-900) !important; } .focus\:text-button-success-text-hover-light:focus{ color: var(--button-success-text-hover-50) !important; } .focus\:text-button-warning-hover:focus{ color: var(--button-warning-hover) !important; } .focus\:text-button-warning-hover-100:focus{ color: var(--button-warning-hover-100) !important; } .focus\:text-button-warning-hover-200:focus{ color: var(--button-warning-hover-200) !important; } .focus\:text-button-warning-hover-300:focus{ color: var(--button-warning-hover-300) !important; } .focus\:text-button-warning-hover-400:focus{ color: var(--button-warning-hover-400) !important; } .focus\:text-button-warning-hover-50:focus{ color: var(--button-warning-hover-50) !important; } .focus\:text-button-warning-hover-500:focus{ color: var(--button-warning-hover) !important; } .focus\:text-button-warning-hover-600:focus{ color: var(--button-warning-hover-600) !important; } .focus\:text-button-warning-hover-700:focus{ color: var(--button-warning-hover-700) !important; } .focus\:text-button-warning-hover-800:focus{ color: var(--button-warning-hover-800) !important; } .focus\:text-button-warning-hover-900:focus{ color: var(--button-warning-hover-900) !important; } .focus\:text-button-warning-hover-dark:focus{ color: var(--button-warning-hover-900) !important; } .focus\:text-button-warning-hover-light:focus{ color: var(--button-warning-hover-50) !important; } .focus\:text-button-warning-text-hover:focus{ color: var(--button-warning-text-hover) !important; } .focus\:text-button-warning-text-hover-100:focus{ color: var(--button-warning-text-hover-100) !important; } .focus\:text-button-warning-text-hover-200:focus{ color: var(--button-warning-text-hover-200) !important; } .focus\:text-button-warning-text-hover-300:focus{ color: var(--button-warning-text-hover-300) !important; } .focus\:text-button-warning-text-hover-400:focus{ color: var(--button-warning-text-hover-400) !important; } .focus\:text-button-warning-text-hover-50:focus{ color: var(--button-warning-text-hover-50) !important; } .focus\:text-button-warning-text-hover-500:focus{ color: var(--button-warning-text-hover) !important; } .focus\:text-button-warning-text-hover-600:focus{ color: var(--button-warning-text-hover-600) !important; } .focus\:text-button-warning-text-hover-700:focus{ color: var(--button-warning-text-hover-700) !important; } .focus\:text-button-warning-text-hover-800:focus{ color: var(--button-warning-text-hover-800) !important; } .focus\:text-button-warning-text-hover-900:focus{ color: var(--button-warning-text-hover-900) !important; } .focus\:text-button-warning-text-hover-dark:focus{ color: var(--button-warning-text-hover-900) !important; } .focus\:text-button-warning-text-hover-light:focus{ color: var(--button-warning-text-hover-50) !important; } .focus\:shadow-sm:focus{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .focus\:shadow-acp-input-placeholder:focus{ --tw-shadow-color: var(--acp-input-placeholder) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .focus\:shadow-auth-input-placeholder:focus{ --tw-shadow-color: var(--auth-input-placeholder) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .focus\:shadow-primary:focus{ --tw-shadow-color: var(--primary) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .focus\:shadow-ucp-input-placeholder:focus{ --tw-shadow-color: var(--ucp-input-placeholder) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .focus\:outline-none:focus{ outline: 2px solid transparent !important; outline-offset: 2px !important; } .focus\:outline-button-danger-hover:focus{ outline-color: var(--button-danger-hover) !important; } .focus\:outline-button-danger-hover-100:focus{ outline-color: var(--button-danger-hover-100) !important; } .focus\:outline-button-danger-hover-200:focus{ outline-color: var(--button-danger-hover-200) !important; } .focus\:outline-button-danger-hover-300:focus{ outline-color: var(--button-danger-hover-300) !important; } .focus\:outline-button-danger-hover-400:focus{ outline-color: var(--button-danger-hover-400) !important; } .focus\:outline-button-danger-hover-50:focus{ outline-color: var(--button-danger-hover-50) !important; } .focus\:outline-button-danger-hover-500:focus{ outline-color: var(--button-danger-hover) !important; } .focus\:outline-button-danger-hover-600:focus{ outline-color: var(--button-danger-hover-600) !important; } .focus\:outline-button-danger-hover-700:focus{ outline-color: var(--button-danger-hover-700) !important; } .focus\:outline-button-danger-hover-800:focus{ outline-color: var(--button-danger-hover-800) !important; } .focus\:outline-button-danger-hover-900:focus{ outline-color: var(--button-danger-hover-900) !important; } .focus\:outline-button-danger-hover-dark:focus{ outline-color: var(--button-danger-hover-900) !important; } .focus\:outline-button-danger-hover-light:focus{ outline-color: var(--button-danger-hover-50) !important; } .focus\:outline-button-danger-text-hover:focus{ outline-color: var(--button-danger-text-hover) !important; } .focus\:outline-button-danger-text-hover-100:focus{ outline-color: var(--button-danger-text-hover-100) !important; } .focus\:outline-button-danger-text-hover-200:focus{ outline-color: var(--button-danger-text-hover-200) !important; } .focus\:outline-button-danger-text-hover-300:focus{ outline-color: var(--button-danger-text-hover-300) !important; } .focus\:outline-button-danger-text-hover-400:focus{ outline-color: var(--button-danger-text-hover-400) !important; } .focus\:outline-button-danger-text-hover-50:focus{ outline-color: var(--button-danger-text-hover-50) !important; } .focus\:outline-button-danger-text-hover-500:focus{ outline-color: var(--button-danger-text-hover) !important; } .focus\:outline-button-danger-text-hover-600:focus{ outline-color: var(--button-danger-text-hover-600) !important; } .focus\:outline-button-danger-text-hover-700:focus{ outline-color: var(--button-danger-text-hover-700) !important; } .focus\:outline-button-danger-text-hover-800:focus{ outline-color: var(--button-danger-text-hover-800) !important; } .focus\:outline-button-danger-text-hover-900:focus{ outline-color: var(--button-danger-text-hover-900) !important; } .focus\:outline-button-danger-text-hover-dark:focus{ outline-color: var(--button-danger-text-hover-900) !important; } .focus\:outline-button-danger-text-hover-light:focus{ outline-color: var(--button-danger-text-hover-50) !important; } .focus\:outline-button-dark-hover:focus{ outline-color: var(--button-dark-hover) !important; } .focus\:outline-button-dark-hover-100:focus{ outline-color: var(--button-dark-hover-100) !important; } .focus\:outline-button-dark-hover-200:focus{ outline-color: var(--button-dark-hover-200) !important; } .focus\:outline-button-dark-hover-300:focus{ outline-color: var(--button-dark-hover-300) !important; } .focus\:outline-button-dark-hover-400:focus{ outline-color: var(--button-dark-hover-400) !important; } .focus\:outline-button-dark-hover-50:focus{ outline-color: var(--button-dark-hover-50) !important; } .focus\:outline-button-dark-hover-500:focus{ outline-color: var(--button-dark-hover) !important; } .focus\:outline-button-dark-hover-600:focus{ outline-color: var(--button-dark-hover-600) !important; } .focus\:outline-button-dark-hover-700:focus{ outline-color: var(--button-dark-hover-700) !important; } .focus\:outline-button-dark-hover-800:focus{ outline-color: var(--button-dark-hover-800) !important; } .focus\:outline-button-dark-hover-900:focus{ outline-color: var(--button-dark-hover-900) !important; } .focus\:outline-button-dark-hover-dark:focus{ outline-color: var(--button-dark-hover-900) !important; } .focus\:outline-button-dark-hover-light:focus{ outline-color: var(--button-dark-hover-50) !important; } .focus\:outline-button-dark-text-hover:focus{ outline-color: var(--button-dark-text-hover) !important; } .focus\:outline-button-dark-text-hover-100:focus{ outline-color: var(--button-dark-text-hover-100) !important; } .focus\:outline-button-dark-text-hover-200:focus{ outline-color: var(--button-dark-text-hover-200) !important; } .focus\:outline-button-dark-text-hover-300:focus{ outline-color: var(--button-dark-text-hover-300) !important; } .focus\:outline-button-dark-text-hover-400:focus{ outline-color: var(--button-dark-text-hover-400) !important; } .focus\:outline-button-dark-text-hover-50:focus{ outline-color: var(--button-dark-text-hover-50) !important; } .focus\:outline-button-dark-text-hover-500:focus{ outline-color: var(--button-dark-text-hover) !important; } .focus\:outline-button-dark-text-hover-600:focus{ outline-color: var(--button-dark-text-hover-600) !important; } .focus\:outline-button-dark-text-hover-700:focus{ outline-color: var(--button-dark-text-hover-700) !important; } .focus\:outline-button-dark-text-hover-800:focus{ outline-color: var(--button-dark-text-hover-800) !important; } .focus\:outline-button-dark-text-hover-900:focus{ outline-color: var(--button-dark-text-hover-900) !important; } .focus\:outline-button-dark-text-hover-dark:focus{ outline-color: var(--button-dark-text-hover-900) !important; } .focus\:outline-button-dark-text-hover-light:focus{ outline-color: var(--button-dark-text-hover-50) !important; } .focus\:outline-button-light-hover:focus{ outline-color: var(--button-light-hover) !important; } .focus\:outline-button-light-hover-100:focus{ outline-color: var(--button-light-hover-100) !important; } .focus\:outline-button-light-hover-200:focus{ outline-color: var(--button-light-hover-200) !important; } .focus\:outline-button-light-hover-300:focus{ outline-color: var(--button-light-hover-300) !important; } .focus\:outline-button-light-hover-400:focus{ outline-color: var(--button-light-hover-400) !important; } .focus\:outline-button-light-hover-50:focus{ outline-color: var(--button-light-hover-50) !important; } .focus\:outline-button-light-hover-500:focus{ outline-color: var(--button-light-hover) !important; } .focus\:outline-button-light-hover-600:focus{ outline-color: var(--button-light-hover-600) !important; } .focus\:outline-button-light-hover-700:focus{ outline-color: var(--button-light-hover-700) !important; } .focus\:outline-button-light-hover-800:focus{ outline-color: var(--button-light-hover-800) !important; } .focus\:outline-button-light-hover-900:focus{ outline-color: var(--button-light-hover-900) !important; } .focus\:outline-button-light-hover-dark:focus{ outline-color: var(--button-light-hover-900) !important; } .focus\:outline-button-light-hover-light:focus{ outline-color: var(--button-light-hover-50) !important; } .focus\:outline-button-light-text-hover:focus{ outline-color: var(--button-light-text-hover) !important; } .focus\:outline-button-light-text-hover-100:focus{ outline-color: var(--button-light-text-hover-100) !important; } .focus\:outline-button-light-text-hover-200:focus{ outline-color: var(--button-light-text-hover-200) !important; } .focus\:outline-button-light-text-hover-300:focus{ outline-color: var(--button-light-text-hover-300) !important; } .focus\:outline-button-light-text-hover-400:focus{ outline-color: var(--button-light-text-hover-400) !important; } .focus\:outline-button-light-text-hover-50:focus{ outline-color: var(--button-light-text-hover-50) !important; } .focus\:outline-button-light-text-hover-500:focus{ outline-color: var(--button-light-text-hover) !important; } .focus\:outline-button-light-text-hover-600:focus{ outline-color: var(--button-light-text-hover-600) !important; } .focus\:outline-button-light-text-hover-700:focus{ outline-color: var(--button-light-text-hover-700) !important; } .focus\:outline-button-light-text-hover-800:focus{ outline-color: var(--button-light-text-hover-800) !important; } .focus\:outline-button-light-text-hover-900:focus{ outline-color: var(--button-light-text-hover-900) !important; } .focus\:outline-button-light-text-hover-dark:focus{ outline-color: var(--button-light-text-hover-900) !important; } .focus\:outline-button-light-text-hover-light:focus{ outline-color: var(--button-light-text-hover-50) !important; } .focus\:outline-button-primary-hover:focus{ outline-color: var(--button-primary-hover) !important; } .focus\:outline-button-primary-hover-100:focus{ outline-color: var(--button-primary-hover-100) !important; } .focus\:outline-button-primary-hover-200:focus{ outline-color: var(--button-primary-hover-200) !important; } .focus\:outline-button-primary-hover-300:focus{ outline-color: var(--button-primary-hover-300) !important; } .focus\:outline-button-primary-hover-400:focus{ outline-color: var(--button-primary-hover-400) !important; } .focus\:outline-button-primary-hover-50:focus{ outline-color: var(--button-primary-hover-50) !important; } .focus\:outline-button-primary-hover-500:focus{ outline-color: var(--button-primary-hover) !important; } .focus\:outline-button-primary-hover-600:focus{ outline-color: var(--button-primary-hover-600) !important; } .focus\:outline-button-primary-hover-700:focus{ outline-color: var(--button-primary-hover-700) !important; } .focus\:outline-button-primary-hover-800:focus{ outline-color: var(--button-primary-hover-800) !important; } .focus\:outline-button-primary-hover-900:focus{ outline-color: var(--button-primary-hover-900) !important; } .focus\:outline-button-primary-hover-dark:focus{ outline-color: var(--button-primary-hover-900) !important; } .focus\:outline-button-primary-hover-light:focus{ outline-color: var(--button-primary-hover-50) !important; } .focus\:outline-button-primary-text-hover:focus{ outline-color: var(--button-primary-text-hover) !important; } .focus\:outline-button-primary-text-hover-100:focus{ outline-color: var(--button-primary-text-hover-100) !important; } .focus\:outline-button-primary-text-hover-200:focus{ outline-color: var(--button-primary-text-hover-200) !important; } .focus\:outline-button-primary-text-hover-300:focus{ outline-color: var(--button-primary-text-hover-300) !important; } .focus\:outline-button-primary-text-hover-400:focus{ outline-color: var(--button-primary-text-hover-400) !important; } .focus\:outline-button-primary-text-hover-50:focus{ outline-color: var(--button-primary-text-hover-50) !important; } .focus\:outline-button-primary-text-hover-500:focus{ outline-color: var(--button-primary-text-hover) !important; } .focus\:outline-button-primary-text-hover-600:focus{ outline-color: var(--button-primary-text-hover-600) !important; } .focus\:outline-button-primary-text-hover-700:focus{ outline-color: var(--button-primary-text-hover-700) !important; } .focus\:outline-button-primary-text-hover-800:focus{ outline-color: var(--button-primary-text-hover-800) !important; } .focus\:outline-button-primary-text-hover-900:focus{ outline-color: var(--button-primary-text-hover-900) !important; } .focus\:outline-button-primary-text-hover-dark:focus{ outline-color: var(--button-primary-text-hover-900) !important; } .focus\:outline-button-primary-text-hover-light:focus{ outline-color: var(--button-primary-text-hover-50) !important; } .focus\:outline-button-secondary-hover:focus{ outline-color: var(--button-secondary-hover) !important; } .focus\:outline-button-secondary-hover-100:focus{ outline-color: var(--button-secondary-hover-100) !important; } .focus\:outline-button-secondary-hover-200:focus{ outline-color: var(--button-secondary-hover-200) !important; } .focus\:outline-button-secondary-hover-300:focus{ outline-color: var(--button-secondary-hover-300) !important; } .focus\:outline-button-secondary-hover-400:focus{ outline-color: var(--button-secondary-hover-400) !important; } .focus\:outline-button-secondary-hover-50:focus{ outline-color: var(--button-secondary-hover-50) !important; } .focus\:outline-button-secondary-hover-500:focus{ outline-color: var(--button-secondary-hover) !important; } .focus\:outline-button-secondary-hover-600:focus{ outline-color: var(--button-secondary-hover-600) !important; } .focus\:outline-button-secondary-hover-700:focus{ outline-color: var(--button-secondary-hover-700) !important; } .focus\:outline-button-secondary-hover-800:focus{ outline-color: var(--button-secondary-hover-800) !important; } .focus\:outline-button-secondary-hover-900:focus{ outline-color: var(--button-secondary-hover-900) !important; } .focus\:outline-button-secondary-hover-dark:focus{ outline-color: var(--button-secondary-hover-900) !important; } .focus\:outline-button-secondary-hover-light:focus{ outline-color: var(--button-secondary-hover-50) !important; } .focus\:outline-button-secondary-text-hover:focus{ outline-color: var(--button-secondary-text-hover) !important; } .focus\:outline-button-secondary-text-hover-100:focus{ outline-color: var(--button-secondary-text-hover-100) !important; } .focus\:outline-button-secondary-text-hover-200:focus{ outline-color: var(--button-secondary-text-hover-200) !important; } .focus\:outline-button-secondary-text-hover-300:focus{ outline-color: var(--button-secondary-text-hover-300) !important; } .focus\:outline-button-secondary-text-hover-400:focus{ outline-color: var(--button-secondary-text-hover-400) !important; } .focus\:outline-button-secondary-text-hover-50:focus{ outline-color: var(--button-secondary-text-hover-50) !important; } .focus\:outline-button-secondary-text-hover-500:focus{ outline-color: var(--button-secondary-text-hover) !important; } .focus\:outline-button-secondary-text-hover-600:focus{ outline-color: var(--button-secondary-text-hover-600) !important; } .focus\:outline-button-secondary-text-hover-700:focus{ outline-color: var(--button-secondary-text-hover-700) !important; } .focus\:outline-button-secondary-text-hover-800:focus{ outline-color: var(--button-secondary-text-hover-800) !important; } .focus\:outline-button-secondary-text-hover-900:focus{ outline-color: var(--button-secondary-text-hover-900) !important; } .focus\:outline-button-secondary-text-hover-dark:focus{ outline-color: var(--button-secondary-text-hover-900) !important; } .focus\:outline-button-secondary-text-hover-light:focus{ outline-color: var(--button-secondary-text-hover-50) !important; } .focus\:outline-button-success-hover:focus{ outline-color: var(--button-success-hover) !important; } .focus\:outline-button-success-hover-100:focus{ outline-color: var(--button-success-hover-100) !important; } .focus\:outline-button-success-hover-200:focus{ outline-color: var(--button-success-hover-200) !important; } .focus\:outline-button-success-hover-300:focus{ outline-color: var(--button-success-hover-300) !important; } .focus\:outline-button-success-hover-400:focus{ outline-color: var(--button-success-hover-400) !important; } .focus\:outline-button-success-hover-50:focus{ outline-color: var(--button-success-hover-50) !important; } .focus\:outline-button-success-hover-500:focus{ outline-color: var(--button-success-hover) !important; } .focus\:outline-button-success-hover-600:focus{ outline-color: var(--button-success-hover-600) !important; } .focus\:outline-button-success-hover-700:focus{ outline-color: var(--button-success-hover-700) !important; } .focus\:outline-button-success-hover-800:focus{ outline-color: var(--button-success-hover-800) !important; } .focus\:outline-button-success-hover-900:focus{ outline-color: var(--button-success-hover-900) !important; } .focus\:outline-button-success-hover-dark:focus{ outline-color: var(--button-success-hover-900) !important; } .focus\:outline-button-success-hover-light:focus{ outline-color: var(--button-success-hover-50) !important; } .focus\:outline-button-success-text-hover:focus{ outline-color: var(--button-success-text-hover) !important; } .focus\:outline-button-success-text-hover-100:focus{ outline-color: var(--button-success-text-hover-100) !important; } .focus\:outline-button-success-text-hover-200:focus{ outline-color: var(--button-success-text-hover-200) !important; } .focus\:outline-button-success-text-hover-300:focus{ outline-color: var(--button-success-text-hover-300) !important; } .focus\:outline-button-success-text-hover-400:focus{ outline-color: var(--button-success-text-hover-400) !important; } .focus\:outline-button-success-text-hover-50:focus{ outline-color: var(--button-success-text-hover-50) !important; } .focus\:outline-button-success-text-hover-500:focus{ outline-color: var(--button-success-text-hover) !important; } .focus\:outline-button-success-text-hover-600:focus{ outline-color: var(--button-success-text-hover-600) !important; } .focus\:outline-button-success-text-hover-700:focus{ outline-color: var(--button-success-text-hover-700) !important; } .focus\:outline-button-success-text-hover-800:focus{ outline-color: var(--button-success-text-hover-800) !important; } .focus\:outline-button-success-text-hover-900:focus{ outline-color: var(--button-success-text-hover-900) !important; } .focus\:outline-button-success-text-hover-dark:focus{ outline-color: var(--button-success-text-hover-900) !important; } .focus\:outline-button-success-text-hover-light:focus{ outline-color: var(--button-success-text-hover-50) !important; } .focus\:outline-button-warning-hover:focus{ outline-color: var(--button-warning-hover) !important; } .focus\:outline-button-warning-hover-100:focus{ outline-color: var(--button-warning-hover-100) !important; } .focus\:outline-button-warning-hover-200:focus{ outline-color: var(--button-warning-hover-200) !important; } .focus\:outline-button-warning-hover-300:focus{ outline-color: var(--button-warning-hover-300) !important; } .focus\:outline-button-warning-hover-400:focus{ outline-color: var(--button-warning-hover-400) !important; } .focus\:outline-button-warning-hover-50:focus{ outline-color: var(--button-warning-hover-50) !important; } .focus\:outline-button-warning-hover-500:focus{ outline-color: var(--button-warning-hover) !important; } .focus\:outline-button-warning-hover-600:focus{ outline-color: var(--button-warning-hover-600) !important; } .focus\:outline-button-warning-hover-700:focus{ outline-color: var(--button-warning-hover-700) !important; } .focus\:outline-button-warning-hover-800:focus{ outline-color: var(--button-warning-hover-800) !important; } .focus\:outline-button-warning-hover-900:focus{ outline-color: var(--button-warning-hover-900) !important; } .focus\:outline-button-warning-hover-dark:focus{ outline-color: var(--button-warning-hover-900) !important; } .focus\:outline-button-warning-hover-light:focus{ outline-color: var(--button-warning-hover-50) !important; } .focus\:outline-button-warning-text-hover:focus{ outline-color: var(--button-warning-text-hover) !important; } .focus\:outline-button-warning-text-hover-100:focus{ outline-color: var(--button-warning-text-hover-100) !important; } .focus\:outline-button-warning-text-hover-200:focus{ outline-color: var(--button-warning-text-hover-200) !important; } .focus\:outline-button-warning-text-hover-300:focus{ outline-color: var(--button-warning-text-hover-300) !important; } .focus\:outline-button-warning-text-hover-400:focus{ outline-color: var(--button-warning-text-hover-400) !important; } .focus\:outline-button-warning-text-hover-50:focus{ outline-color: var(--button-warning-text-hover-50) !important; } .focus\:outline-button-warning-text-hover-500:focus{ outline-color: var(--button-warning-text-hover) !important; } .focus\:outline-button-warning-text-hover-600:focus{ outline-color: var(--button-warning-text-hover-600) !important; } .focus\:outline-button-warning-text-hover-700:focus{ outline-color: var(--button-warning-text-hover-700) !important; } .focus\:outline-button-warning-text-hover-800:focus{ outline-color: var(--button-warning-text-hover-800) !important; } .focus\:outline-button-warning-text-hover-900:focus{ outline-color: var(--button-warning-text-hover-900) !important; } .focus\:outline-button-warning-text-hover-dark:focus{ outline-color: var(--button-warning-text-hover-900) !important; } .focus\:outline-button-warning-text-hover-light:focus{ outline-color: var(--button-warning-text-hover-50) !important; } .focus\:ring-2:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .focus\:ring-acp-input-error:focus{ --tw-ring-color: var(--acp-input-error) !important; } .focus\:ring-acp-input-placeholder:focus{ --tw-ring-color: var(--acp-input-placeholder) !important; } .focus\:ring-acp-nav-link-hover-bg:focus{ --tw-ring-color: var(--acp-nav-link-hover-bg) !important; } .focus\:ring-auth-input-error:focus{ --tw-ring-color: var(--auth-input-error) !important; } .focus\:ring-auth-input-placeholder:focus{ --tw-ring-color: var(--auth-input-placeholder) !important; } .focus\:ring-gray-200:focus{ --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1)) !important; } .focus\:ring-gray-300:focus{ --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1)) !important; } .focus\:ring-red-500:focus{ --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity, 1)) !important; } .focus\:ring-ucp-input-error:focus{ --tw-ring-color: var(--ucp-input-error) !important; } .focus\:ring-ucp-input-placeholder:focus{ --tw-ring-color: var(--ucp-input-placeholder) !important; } .disabled\:cursor-not-allowed:disabled{ cursor: not-allowed !important; } .disabled\:bg-gray-300:disabled{ --tw-bg-opacity: 1 !important; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)) !important; } .disabled\:text-gray-600:disabled{ --tw-text-opacity: 1 !important; color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important; } .disabled\:hover\:bg-gray-400:hover:disabled{ --tw-bg-opacity: 1 !important; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)) !important; } .disabled\:hover\:text-gray-700:hover:disabled{ --tw-text-opacity: 1 !important; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important; } .group:hover .group-hover\:block{ display: block !important; } .group:hover .group-hover\:scale-105{ --tw-scale-x: 1.05 !important; --tw-scale-y: 1.05 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .group:hover .group-hover\:border-button-danger-hover{ border-color: var(--button-danger-hover) !important; } .group:hover .group-hover\:border-button-danger-hover-100{ border-color: var(--button-danger-hover-100) !important; } .group:hover .group-hover\:border-button-danger-hover-200{ border-color: var(--button-danger-hover-200) !important; } .group:hover .group-hover\:border-button-danger-hover-300{ border-color: var(--button-danger-hover-300) !important; } .group:hover .group-hover\:border-button-danger-hover-400{ border-color: var(--button-danger-hover-400) !important; } .group:hover .group-hover\:border-button-danger-hover-50{ border-color: var(--button-danger-hover-50) !important; } .group:hover .group-hover\:border-button-danger-hover-500{ border-color: var(--button-danger-hover) !important; } .group:hover .group-hover\:border-button-danger-hover-600{ border-color: var(--button-danger-hover-600) !important; } .group:hover .group-hover\:border-button-danger-hover-700{ border-color: var(--button-danger-hover-700) !important; } .group:hover .group-hover\:border-button-danger-hover-800{ border-color: var(--button-danger-hover-800) !important; } .group:hover .group-hover\:border-button-danger-hover-900{ border-color: var(--button-danger-hover-900) !important; } .group:hover .group-hover\:border-button-danger-hover-dark{ border-color: var(--button-danger-hover-900) !important; } .group:hover .group-hover\:border-button-danger-hover-light{ border-color: var(--button-danger-hover-50) !important; } .group:hover .group-hover\:border-button-danger-text-hover{ border-color: var(--button-danger-text-hover) !important; } .group:hover .group-hover\:border-button-danger-text-hover-100{ border-color: var(--button-danger-text-hover-100) !important; } .group:hover .group-hover\:border-button-danger-text-hover-200{ border-color: var(--button-danger-text-hover-200) !important; } .group:hover .group-hover\:border-button-danger-text-hover-300{ border-color: var(--button-danger-text-hover-300) !important; } .group:hover .group-hover\:border-button-danger-text-hover-400{ border-color: var(--button-danger-text-hover-400) !important; } .group:hover .group-hover\:border-button-danger-text-hover-50{ border-color: var(--button-danger-text-hover-50) !important; } .group:hover .group-hover\:border-button-danger-text-hover-500{ border-color: var(--button-danger-text-hover) !important; } .group:hover .group-hover\:border-button-danger-text-hover-600{ border-color: var(--button-danger-text-hover-600) !important; } .group:hover .group-hover\:border-button-danger-text-hover-700{ border-color: var(--button-danger-text-hover-700) !important; } .group:hover .group-hover\:border-button-danger-text-hover-800{ border-color: var(--button-danger-text-hover-800) !important; } .group:hover .group-hover\:border-button-danger-text-hover-900{ border-color: var(--button-danger-text-hover-900) !important; } .group:hover .group-hover\:border-button-danger-text-hover-dark{ border-color: var(--button-danger-text-hover-900) !important; } .group:hover .group-hover\:border-button-danger-text-hover-light{ border-color: var(--button-danger-text-hover-50) !important; } .group:hover .group-hover\:border-button-dark-hover{ border-color: var(--button-dark-hover) !important; } .group:hover .group-hover\:border-button-dark-hover-100{ border-color: var(--button-dark-hover-100) !important; } .group:hover .group-hover\:border-button-dark-hover-200{ border-color: var(--button-dark-hover-200) !important; } .group:hover .group-hover\:border-button-dark-hover-300{ border-color: var(--button-dark-hover-300) !important; } .group:hover .group-hover\:border-button-dark-hover-400{ border-color: var(--button-dark-hover-400) !important; } .group:hover .group-hover\:border-button-dark-hover-50{ border-color: var(--button-dark-hover-50) !important; } .group:hover .group-hover\:border-button-dark-hover-500{ border-color: var(--button-dark-hover) !important; } .group:hover .group-hover\:border-button-dark-hover-600{ border-color: var(--button-dark-hover-600) !important; } .group:hover .group-hover\:border-button-dark-hover-700{ border-color: var(--button-dark-hover-700) !important; } .group:hover .group-hover\:border-button-dark-hover-800{ border-color: var(--button-dark-hover-800) !important; } .group:hover .group-hover\:border-button-dark-hover-900{ border-color: var(--button-dark-hover-900) !important; } .group:hover .group-hover\:border-button-dark-hover-dark{ border-color: var(--button-dark-hover-900) !important; } .group:hover .group-hover\:border-button-dark-hover-light{ border-color: var(--button-dark-hover-50) !important; } .group:hover .group-hover\:border-button-dark-text-hover{ border-color: var(--button-dark-text-hover) !important; } .group:hover .group-hover\:border-button-dark-text-hover-100{ border-color: var(--button-dark-text-hover-100) !important; } .group:hover .group-hover\:border-button-dark-text-hover-200{ border-color: var(--button-dark-text-hover-200) !important; } .group:hover .group-hover\:border-button-dark-text-hover-300{ border-color: var(--button-dark-text-hover-300) !important; } .group:hover .group-hover\:border-button-dark-text-hover-400{ border-color: var(--button-dark-text-hover-400) !important; } .group:hover .group-hover\:border-button-dark-text-hover-50{ border-color: var(--button-dark-text-hover-50) !important; } .group:hover .group-hover\:border-button-dark-text-hover-500{ border-color: var(--button-dark-text-hover) !important; } .group:hover .group-hover\:border-button-dark-text-hover-600{ border-color: var(--button-dark-text-hover-600) !important; } .group:hover .group-hover\:border-button-dark-text-hover-700{ border-color: var(--button-dark-text-hover-700) !important; } .group:hover .group-hover\:border-button-dark-text-hover-800{ border-color: var(--button-dark-text-hover-800) !important; } .group:hover .group-hover\:border-button-dark-text-hover-900{ border-color: var(--button-dark-text-hover-900) !important; } .group:hover .group-hover\:border-button-dark-text-hover-dark{ border-color: var(--button-dark-text-hover-900) !important; } .group:hover .group-hover\:border-button-dark-text-hover-light{ border-color: var(--button-dark-text-hover-50) !important; } .group:hover .group-hover\:border-button-light-hover{ border-color: var(--button-light-hover) !important; } .group:hover .group-hover\:border-button-light-hover-100{ border-color: var(--button-light-hover-100) !important; } .group:hover .group-hover\:border-button-light-hover-200{ border-color: var(--button-light-hover-200) !important; } .group:hover .group-hover\:border-button-light-hover-300{ border-color: var(--button-light-hover-300) !important; } .group:hover .group-hover\:border-button-light-hover-400{ border-color: var(--button-light-hover-400) !important; } .group:hover .group-hover\:border-button-light-hover-50{ border-color: var(--button-light-hover-50) !important; } .group:hover .group-hover\:border-button-light-hover-500{ border-color: var(--button-light-hover) !important; } .group:hover .group-hover\:border-button-light-hover-600{ border-color: var(--button-light-hover-600) !important; } .group:hover .group-hover\:border-button-light-hover-700{ border-color: var(--button-light-hover-700) !important; } .group:hover .group-hover\:border-button-light-hover-800{ border-color: var(--button-light-hover-800) !important; } .group:hover .group-hover\:border-button-light-hover-900{ border-color: var(--button-light-hover-900) !important; } .group:hover .group-hover\:border-button-light-hover-dark{ border-color: var(--button-light-hover-900) !important; } .group:hover .group-hover\:border-button-light-hover-light{ border-color: var(--button-light-hover-50) !important; } .group:hover .group-hover\:border-button-light-text-hover{ border-color: var(--button-light-text-hover) !important; } .group:hover .group-hover\:border-button-light-text-hover-100{ border-color: var(--button-light-text-hover-100) !important; } .group:hover .group-hover\:border-button-light-text-hover-200{ border-color: var(--button-light-text-hover-200) !important; } .group:hover .group-hover\:border-button-light-text-hover-300{ border-color: var(--button-light-text-hover-300) !important; } .group:hover .group-hover\:border-button-light-text-hover-400{ border-color: var(--button-light-text-hover-400) !important; } .group:hover .group-hover\:border-button-light-text-hover-50{ border-color: var(--button-light-text-hover-50) !important; } .group:hover .group-hover\:border-button-light-text-hover-500{ border-color: var(--button-light-text-hover) !important; } .group:hover .group-hover\:border-button-light-text-hover-600{ border-color: var(--button-light-text-hover-600) !important; } .group:hover .group-hover\:border-button-light-text-hover-700{ border-color: var(--button-light-text-hover-700) !important; } .group:hover .group-hover\:border-button-light-text-hover-800{ border-color: var(--button-light-text-hover-800) !important; } .group:hover .group-hover\:border-button-light-text-hover-900{ border-color: var(--button-light-text-hover-900) !important; } .group:hover .group-hover\:border-button-light-text-hover-dark{ border-color: var(--button-light-text-hover-900) !important; } .group:hover .group-hover\:border-button-light-text-hover-light{ border-color: var(--button-light-text-hover-50) !important; } .group:hover .group-hover\:border-button-primary-hover{ border-color: var(--button-primary-hover) !important; } .group:hover .group-hover\:border-button-primary-hover-100{ border-color: var(--button-primary-hover-100) !important; } .group:hover .group-hover\:border-button-primary-hover-200{ border-color: var(--button-primary-hover-200) !important; } .group:hover .group-hover\:border-button-primary-hover-300{ border-color: var(--button-primary-hover-300) !important; } .group:hover .group-hover\:border-button-primary-hover-400{ border-color: var(--button-primary-hover-400) !important; } .group:hover .group-hover\:border-button-primary-hover-50{ border-color: var(--button-primary-hover-50) !important; } .group:hover .group-hover\:border-button-primary-hover-500{ border-color: var(--button-primary-hover) !important; } .group:hover .group-hover\:border-button-primary-hover-600{ border-color: var(--button-primary-hover-600) !important; } .group:hover .group-hover\:border-button-primary-hover-700{ border-color: var(--button-primary-hover-700) !important; } .group:hover .group-hover\:border-button-primary-hover-800{ border-color: var(--button-primary-hover-800) !important; } .group:hover .group-hover\:border-button-primary-hover-900{ border-color: var(--button-primary-hover-900) !important; } .group:hover .group-hover\:border-button-primary-hover-dark{ border-color: var(--button-primary-hover-900) !important; } .group:hover .group-hover\:border-button-primary-hover-light{ border-color: var(--button-primary-hover-50) !important; } .group:hover .group-hover\:border-button-primary-text-hover{ border-color: var(--button-primary-text-hover) !important; } .group:hover .group-hover\:border-button-primary-text-hover-100{ border-color: var(--button-primary-text-hover-100) !important; } .group:hover .group-hover\:border-button-primary-text-hover-200{ border-color: var(--button-primary-text-hover-200) !important; } .group:hover .group-hover\:border-button-primary-text-hover-300{ border-color: var(--button-primary-text-hover-300) !important; } .group:hover .group-hover\:border-button-primary-text-hover-400{ border-color: var(--button-primary-text-hover-400) !important; } .group:hover .group-hover\:border-button-primary-text-hover-50{ border-color: var(--button-primary-text-hover-50) !important; } .group:hover .group-hover\:border-button-primary-text-hover-500{ border-color: var(--button-primary-text-hover) !important; } .group:hover .group-hover\:border-button-primary-text-hover-600{ border-color: var(--button-primary-text-hover-600) !important; } .group:hover .group-hover\:border-button-primary-text-hover-700{ border-color: var(--button-primary-text-hover-700) !important; } .group:hover .group-hover\:border-button-primary-text-hover-800{ border-color: var(--button-primary-text-hover-800) !important; } .group:hover .group-hover\:border-button-primary-text-hover-900{ border-color: var(--button-primary-text-hover-900) !important; } .group:hover .group-hover\:border-button-primary-text-hover-dark{ border-color: var(--button-primary-text-hover-900) !important; } .group:hover .group-hover\:border-button-primary-text-hover-light{ border-color: var(--button-primary-text-hover-50) !important; } .group:hover .group-hover\:border-button-secondary-hover{ border-color: var(--button-secondary-hover) !important; } .group:hover .group-hover\:border-button-secondary-hover-100{ border-color: var(--button-secondary-hover-100) !important; } .group:hover .group-hover\:border-button-secondary-hover-200{ border-color: var(--button-secondary-hover-200) !important; } .group:hover .group-hover\:border-button-secondary-hover-300{ border-color: var(--button-secondary-hover-300) !important; } .group:hover .group-hover\:border-button-secondary-hover-400{ border-color: var(--button-secondary-hover-400) !important; } .group:hover .group-hover\:border-button-secondary-hover-50{ border-color: var(--button-secondary-hover-50) !important; } .group:hover .group-hover\:border-button-secondary-hover-500{ border-color: var(--button-secondary-hover) !important; } .group:hover .group-hover\:border-button-secondary-hover-600{ border-color: var(--button-secondary-hover-600) !important; } .group:hover .group-hover\:border-button-secondary-hover-700{ border-color: var(--button-secondary-hover-700) !important; } .group:hover .group-hover\:border-button-secondary-hover-800{ border-color: var(--button-secondary-hover-800) !important; } .group:hover .group-hover\:border-button-secondary-hover-900{ border-color: var(--button-secondary-hover-900) !important; } .group:hover .group-hover\:border-button-secondary-hover-dark{ border-color: var(--button-secondary-hover-900) !important; } .group:hover .group-hover\:border-button-secondary-hover-light{ border-color: var(--button-secondary-hover-50) !important; } .group:hover .group-hover\:border-button-secondary-text-hover{ border-color: var(--button-secondary-text-hover) !important; } .group:hover .group-hover\:border-button-secondary-text-hover-100{ border-color: var(--button-secondary-text-hover-100) !important; } .group:hover .group-hover\:border-button-secondary-text-hover-200{ border-color: var(--button-secondary-text-hover-200) !important; } .group:hover .group-hover\:border-button-secondary-text-hover-300{ border-color: var(--button-secondary-text-hover-300) !important; } .group:hover .group-hover\:border-button-secondary-text-hover-400{ border-color: var(--button-secondary-text-hover-400) !important; } .group:hover .group-hover\:border-button-secondary-text-hover-50{ border-color: var(--button-secondary-text-hover-50) !important; } .group:hover .group-hover\:border-button-secondary-text-hover-500{ border-color: var(--button-secondary-text-hover) !important; } .group:hover .group-hover\:border-button-secondary-text-hover-600{ border-color: var(--button-secondary-text-hover-600) !important; } .group:hover .group-hover\:border-button-secondary-text-hover-700{ border-color: var(--button-secondary-text-hover-700) !important; } .group:hover .group-hover\:border-button-secondary-text-hover-800{ border-color: var(--button-secondary-text-hover-800) !important; } .group:hover .group-hover\:border-button-secondary-text-hover-900{ border-color: var(--button-secondary-text-hover-900) !important; } .group:hover .group-hover\:border-button-secondary-text-hover-dark{ border-color: var(--button-secondary-text-hover-900) !important; } .group:hover .group-hover\:border-button-secondary-text-hover-light{ border-color: var(--button-secondary-text-hover-50) !important; } .group:hover .group-hover\:border-button-success-hover{ border-color: var(--button-success-hover) !important; } .group:hover .group-hover\:border-button-success-hover-100{ border-color: var(--button-success-hover-100) !important; } .group:hover .group-hover\:border-button-success-hover-200{ border-color: var(--button-success-hover-200) !important; } .group:hover .group-hover\:border-button-success-hover-300{ border-color: var(--button-success-hover-300) !important; } .group:hover .group-hover\:border-button-success-hover-400{ border-color: var(--button-success-hover-400) !important; } .group:hover .group-hover\:border-button-success-hover-50{ border-color: var(--button-success-hover-50) !important; } .group:hover .group-hover\:border-button-success-hover-500{ border-color: var(--button-success-hover) !important; } .group:hover .group-hover\:border-button-success-hover-600{ border-color: var(--button-success-hover-600) !important; } .group:hover .group-hover\:border-button-success-hover-700{ border-color: var(--button-success-hover-700) !important; } .group:hover .group-hover\:border-button-success-hover-800{ border-color: var(--button-success-hover-800) !important; } .group:hover .group-hover\:border-button-success-hover-900{ border-color: var(--button-success-hover-900) !important; } .group:hover .group-hover\:border-button-success-hover-dark{ border-color: var(--button-success-hover-900) !important; } .group:hover .group-hover\:border-button-success-hover-light{ border-color: var(--button-success-hover-50) !important; } .group:hover .group-hover\:border-button-success-text-hover{ border-color: var(--button-success-text-hover) !important; } .group:hover .group-hover\:border-button-success-text-hover-100{ border-color: var(--button-success-text-hover-100) !important; } .group:hover .group-hover\:border-button-success-text-hover-200{ border-color: var(--button-success-text-hover-200) !important; } .group:hover .group-hover\:border-button-success-text-hover-300{ border-color: var(--button-success-text-hover-300) !important; } .group:hover .group-hover\:border-button-success-text-hover-400{ border-color: var(--button-success-text-hover-400) !important; } .group:hover .group-hover\:border-button-success-text-hover-50{ border-color: var(--button-success-text-hover-50) !important; } .group:hover .group-hover\:border-button-success-text-hover-500{ border-color: var(--button-success-text-hover) !important; } .group:hover .group-hover\:border-button-success-text-hover-600{ border-color: var(--button-success-text-hover-600) !important; } .group:hover .group-hover\:border-button-success-text-hover-700{ border-color: var(--button-success-text-hover-700) !important; } .group:hover .group-hover\:border-button-success-text-hover-800{ border-color: var(--button-success-text-hover-800) !important; } .group:hover .group-hover\:border-button-success-text-hover-900{ border-color: var(--button-success-text-hover-900) !important; } .group:hover .group-hover\:border-button-success-text-hover-dark{ border-color: var(--button-success-text-hover-900) !important; } .group:hover .group-hover\:border-button-success-text-hover-light{ border-color: var(--button-success-text-hover-50) !important; } .group:hover .group-hover\:border-button-warning-hover{ border-color: var(--button-warning-hover) !important; } .group:hover .group-hover\:border-button-warning-hover-100{ border-color: var(--button-warning-hover-100) !important; } .group:hover .group-hover\:border-button-warning-hover-200{ border-color: var(--button-warning-hover-200) !important; } .group:hover .group-hover\:border-button-warning-hover-300{ border-color: var(--button-warning-hover-300) !important; } .group:hover .group-hover\:border-button-warning-hover-400{ border-color: var(--button-warning-hover-400) !important; } .group:hover .group-hover\:border-button-warning-hover-50{ border-color: var(--button-warning-hover-50) !important; } .group:hover .group-hover\:border-button-warning-hover-500{ border-color: var(--button-warning-hover) !important; } .group:hover .group-hover\:border-button-warning-hover-600{ border-color: var(--button-warning-hover-600) !important; } .group:hover .group-hover\:border-button-warning-hover-700{ border-color: var(--button-warning-hover-700) !important; } .group:hover .group-hover\:border-button-warning-hover-800{ border-color: var(--button-warning-hover-800) !important; } .group:hover .group-hover\:border-button-warning-hover-900{ border-color: var(--button-warning-hover-900) !important; } .group:hover .group-hover\:border-button-warning-hover-dark{ border-color: var(--button-warning-hover-900) !important; } .group:hover .group-hover\:border-button-warning-hover-light{ border-color: var(--button-warning-hover-50) !important; } .group:hover .group-hover\:border-button-warning-text-hover{ border-color: var(--button-warning-text-hover) !important; } .group:hover .group-hover\:border-button-warning-text-hover-100{ border-color: var(--button-warning-text-hover-100) !important; } .group:hover .group-hover\:border-button-warning-text-hover-200{ border-color: var(--button-warning-text-hover-200) !important; } .group:hover .group-hover\:border-button-warning-text-hover-300{ border-color: var(--button-warning-text-hover-300) !important; } .group:hover .group-hover\:border-button-warning-text-hover-400{ border-color: var(--button-warning-text-hover-400) !important; } .group:hover .group-hover\:border-button-warning-text-hover-50{ border-color: var(--button-warning-text-hover-50) !important; } .group:hover .group-hover\:border-button-warning-text-hover-500{ border-color: var(--button-warning-text-hover) !important; } .group:hover .group-hover\:border-button-warning-text-hover-600{ border-color: var(--button-warning-text-hover-600) !important; } .group:hover .group-hover\:border-button-warning-text-hover-700{ border-color: var(--button-warning-text-hover-700) !important; } .group:hover .group-hover\:border-button-warning-text-hover-800{ border-color: var(--button-warning-text-hover-800) !important; } .group:hover .group-hover\:border-button-warning-text-hover-900{ border-color: var(--button-warning-text-hover-900) !important; } .group:hover .group-hover\:border-button-warning-text-hover-dark{ border-color: var(--button-warning-text-hover-900) !important; } .group:hover .group-hover\:border-button-warning-text-hover-light{ border-color: var(--button-warning-text-hover-50) !important; } .group:hover .group-hover\:bg-button-danger-hover{ background-color: var(--button-danger-hover) !important; } .group:hover .group-hover\:bg-button-danger-hover-100{ background-color: var(--button-danger-hover-100) !important; } .group:hover .group-hover\:bg-button-danger-hover-200{ background-color: var(--button-danger-hover-200) !important; } .group:hover .group-hover\:bg-button-danger-hover-300{ background-color: var(--button-danger-hover-300) !important; } .group:hover .group-hover\:bg-button-danger-hover-400{ background-color: var(--button-danger-hover-400) !important; } .group:hover .group-hover\:bg-button-danger-hover-50{ background-color: var(--button-danger-hover-50) !important; } .group:hover .group-hover\:bg-button-danger-hover-500{ background-color: var(--button-danger-hover) !important; } .group:hover .group-hover\:bg-button-danger-hover-600{ background-color: var(--button-danger-hover-600) !important; } .group:hover .group-hover\:bg-button-danger-hover-700{ background-color: var(--button-danger-hover-700) !important; } .group:hover .group-hover\:bg-button-danger-hover-800{ background-color: var(--button-danger-hover-800) !important; } .group:hover .group-hover\:bg-button-danger-hover-900{ background-color: var(--button-danger-hover-900) !important; } .group:hover .group-hover\:bg-button-danger-hover-dark{ background-color: var(--button-danger-hover-900) !important; } .group:hover .group-hover\:bg-button-danger-hover-light{ background-color: var(--button-danger-hover-50) !important; } .group:hover .group-hover\:bg-button-danger-text-hover{ background-color: var(--button-danger-text-hover) !important; } .group:hover .group-hover\:bg-button-danger-text-hover-100{ background-color: var(--button-danger-text-hover-100) !important; } .group:hover .group-hover\:bg-button-danger-text-hover-200{ background-color: var(--button-danger-text-hover-200) !important; } .group:hover .group-hover\:bg-button-danger-text-hover-300{ background-color: var(--button-danger-text-hover-300) !important; } .group:hover .group-hover\:bg-button-danger-text-hover-400{ background-color: var(--button-danger-text-hover-400) !important; } .group:hover .group-hover\:bg-button-danger-text-hover-50{ background-color: var(--button-danger-text-hover-50) !important; } .group:hover .group-hover\:bg-button-danger-text-hover-500{ background-color: var(--button-danger-text-hover) !important; } .group:hover .group-hover\:bg-button-danger-text-hover-600{ background-color: var(--button-danger-text-hover-600) !important; } .group:hover .group-hover\:bg-button-danger-text-hover-700{ background-color: var(--button-danger-text-hover-700) !important; } .group:hover .group-hover\:bg-button-danger-text-hover-800{ background-color: var(--button-danger-text-hover-800) !important; } .group:hover .group-hover\:bg-button-danger-text-hover-900{ background-color: var(--button-danger-text-hover-900) !important; } .group:hover .group-hover\:bg-button-danger-text-hover-dark{ background-color: var(--button-danger-text-hover-900) !important; } .group:hover .group-hover\:bg-button-danger-text-hover-light{ background-color: var(--button-danger-text-hover-50) !important; } .group:hover .group-hover\:bg-button-dark-hover{ background-color: var(--button-dark-hover) !important; } .group:hover .group-hover\:bg-button-dark-hover-100{ background-color: var(--button-dark-hover-100) !important; } .group:hover .group-hover\:bg-button-dark-hover-200{ background-color: var(--button-dark-hover-200) !important; } .group:hover .group-hover\:bg-button-dark-hover-300{ background-color: var(--button-dark-hover-300) !important; } .group:hover .group-hover\:bg-button-dark-hover-400{ background-color: var(--button-dark-hover-400) !important; } .group:hover .group-hover\:bg-button-dark-hover-50{ background-color: var(--button-dark-hover-50) !important; } .group:hover .group-hover\:bg-button-dark-hover-500{ background-color: var(--button-dark-hover) !important; } .group:hover .group-hover\:bg-button-dark-hover-600{ background-color: var(--button-dark-hover-600) !important; } .group:hover .group-hover\:bg-button-dark-hover-700{ background-color: var(--button-dark-hover-700) !important; } .group:hover .group-hover\:bg-button-dark-hover-800{ background-color: var(--button-dark-hover-800) !important; } .group:hover .group-hover\:bg-button-dark-hover-900{ background-color: var(--button-dark-hover-900) !important; } .group:hover .group-hover\:bg-button-dark-hover-dark{ background-color: var(--button-dark-hover-900) !important; } .group:hover .group-hover\:bg-button-dark-hover-light{ background-color: var(--button-dark-hover-50) !important; } .group:hover .group-hover\:bg-button-dark-text-hover{ background-color: var(--button-dark-text-hover) !important; } .group:hover .group-hover\:bg-button-dark-text-hover-100{ background-color: var(--button-dark-text-hover-100) !important; } .group:hover .group-hover\:bg-button-dark-text-hover-200{ background-color: var(--button-dark-text-hover-200) !important; } .group:hover .group-hover\:bg-button-dark-text-hover-300{ background-color: var(--button-dark-text-hover-300) !important; } .group:hover .group-hover\:bg-button-dark-text-hover-400{ background-color: var(--button-dark-text-hover-400) !important; } .group:hover .group-hover\:bg-button-dark-text-hover-50{ background-color: var(--button-dark-text-hover-50) !important; } .group:hover .group-hover\:bg-button-dark-text-hover-500{ background-color: var(--button-dark-text-hover) !important; } .group:hover .group-hover\:bg-button-dark-text-hover-600{ background-color: var(--button-dark-text-hover-600) !important; } .group:hover .group-hover\:bg-button-dark-text-hover-700{ background-color: var(--button-dark-text-hover-700) !important; } .group:hover .group-hover\:bg-button-dark-text-hover-800{ background-color: var(--button-dark-text-hover-800) !important; } .group:hover .group-hover\:bg-button-dark-text-hover-900{ background-color: var(--button-dark-text-hover-900) !important; } .group:hover .group-hover\:bg-button-dark-text-hover-dark{ background-color: var(--button-dark-text-hover-900) !important; } .group:hover .group-hover\:bg-button-dark-text-hover-light{ background-color: var(--button-dark-text-hover-50) !important; } .group:hover .group-hover\:bg-button-light-hover{ background-color: var(--button-light-hover) !important; } .group:hover .group-hover\:bg-button-light-hover-100{ background-color: var(--button-light-hover-100) !important; } .group:hover .group-hover\:bg-button-light-hover-200{ background-color: var(--button-light-hover-200) !important; } .group:hover .group-hover\:bg-button-light-hover-300{ background-color: var(--button-light-hover-300) !important; } .group:hover .group-hover\:bg-button-light-hover-400{ background-color: var(--button-light-hover-400) !important; } .group:hover .group-hover\:bg-button-light-hover-50{ background-color: var(--button-light-hover-50) !important; } .group:hover .group-hover\:bg-button-light-hover-500{ background-color: var(--button-light-hover) !important; } .group:hover .group-hover\:bg-button-light-hover-600{ background-color: var(--button-light-hover-600) !important; } .group:hover .group-hover\:bg-button-light-hover-700{ background-color: var(--button-light-hover-700) !important; } .group:hover .group-hover\:bg-button-light-hover-800{ background-color: var(--button-light-hover-800) !important; } .group:hover .group-hover\:bg-button-light-hover-900{ background-color: var(--button-light-hover-900) !important; } .group:hover .group-hover\:bg-button-light-hover-dark{ background-color: var(--button-light-hover-900) !important; } .group:hover .group-hover\:bg-button-light-hover-light{ background-color: var(--button-light-hover-50) !important; } .group:hover .group-hover\:bg-button-light-text-hover{ background-color: var(--button-light-text-hover) !important; } .group:hover .group-hover\:bg-button-light-text-hover-100{ background-color: var(--button-light-text-hover-100) !important; } .group:hover .group-hover\:bg-button-light-text-hover-200{ background-color: var(--button-light-text-hover-200) !important; } .group:hover .group-hover\:bg-button-light-text-hover-300{ background-color: var(--button-light-text-hover-300) !important; } .group:hover .group-hover\:bg-button-light-text-hover-400{ background-color: var(--button-light-text-hover-400) !important; } .group:hover .group-hover\:bg-button-light-text-hover-50{ background-color: var(--button-light-text-hover-50) !important; } .group:hover .group-hover\:bg-button-light-text-hover-500{ background-color: var(--button-light-text-hover) !important; } .group:hover .group-hover\:bg-button-light-text-hover-600{ background-color: var(--button-light-text-hover-600) !important; } .group:hover .group-hover\:bg-button-light-text-hover-700{ background-color: var(--button-light-text-hover-700) !important; } .group:hover .group-hover\:bg-button-light-text-hover-800{ background-color: var(--button-light-text-hover-800) !important; } .group:hover .group-hover\:bg-button-light-text-hover-900{ background-color: var(--button-light-text-hover-900) !important; } .group:hover .group-hover\:bg-button-light-text-hover-dark{ background-color: var(--button-light-text-hover-900) !important; } .group:hover .group-hover\:bg-button-light-text-hover-light{ background-color: var(--button-light-text-hover-50) !important; } .group:hover .group-hover\:bg-button-primary-hover{ background-color: var(--button-primary-hover) !important; } .group:hover .group-hover\:bg-button-primary-hover-100{ background-color: var(--button-primary-hover-100) !important; } .group:hover .group-hover\:bg-button-primary-hover-200{ background-color: var(--button-primary-hover-200) !important; } .group:hover .group-hover\:bg-button-primary-hover-300{ background-color: var(--button-primary-hover-300) !important; } .group:hover .group-hover\:bg-button-primary-hover-400{ background-color: var(--button-primary-hover-400) !important; } .group:hover .group-hover\:bg-button-primary-hover-50{ background-color: var(--button-primary-hover-50) !important; } .group:hover .group-hover\:bg-button-primary-hover-500{ background-color: var(--button-primary-hover) !important; } .group:hover .group-hover\:bg-button-primary-hover-600{ background-color: var(--button-primary-hover-600) !important; } .group:hover .group-hover\:bg-button-primary-hover-700{ background-color: var(--button-primary-hover-700) !important; } .group:hover .group-hover\:bg-button-primary-hover-800{ background-color: var(--button-primary-hover-800) !important; } .group:hover .group-hover\:bg-button-primary-hover-900{ background-color: var(--button-primary-hover-900) !important; } .group:hover .group-hover\:bg-button-primary-hover-dark{ background-color: var(--button-primary-hover-900) !important; } .group:hover .group-hover\:bg-button-primary-hover-light{ background-color: var(--button-primary-hover-50) !important; } .group:hover .group-hover\:bg-button-primary-text-hover{ background-color: var(--button-primary-text-hover) !important; } .group:hover .group-hover\:bg-button-primary-text-hover-100{ background-color: var(--button-primary-text-hover-100) !important; } .group:hover .group-hover\:bg-button-primary-text-hover-200{ background-color: var(--button-primary-text-hover-200) !important; } .group:hover .group-hover\:bg-button-primary-text-hover-300{ background-color: var(--button-primary-text-hover-300) !important; } .group:hover .group-hover\:bg-button-primary-text-hover-400{ background-color: var(--button-primary-text-hover-400) !important; } .group:hover .group-hover\:bg-button-primary-text-hover-50{ background-color: var(--button-primary-text-hover-50) !important; } .group:hover .group-hover\:bg-button-primary-text-hover-500{ background-color: var(--button-primary-text-hover) !important; } .group:hover .group-hover\:bg-button-primary-text-hover-600{ background-color: var(--button-primary-text-hover-600) !important; } .group:hover .group-hover\:bg-button-primary-text-hover-700{ background-color: var(--button-primary-text-hover-700) !important; } .group:hover .group-hover\:bg-button-primary-text-hover-800{ background-color: var(--button-primary-text-hover-800) !important; } .group:hover .group-hover\:bg-button-primary-text-hover-900{ background-color: var(--button-primary-text-hover-900) !important; } .group:hover .group-hover\:bg-button-primary-text-hover-dark{ background-color: var(--button-primary-text-hover-900) !important; } .group:hover .group-hover\:bg-button-primary-text-hover-light{ background-color: var(--button-primary-text-hover-50) !important; } .group:hover .group-hover\:bg-button-secondary-hover{ background-color: var(--button-secondary-hover) !important; } .group:hover .group-hover\:bg-button-secondary-hover-100{ background-color: var(--button-secondary-hover-100) !important; } .group:hover .group-hover\:bg-button-secondary-hover-200{ background-color: var(--button-secondary-hover-200) !important; } .group:hover .group-hover\:bg-button-secondary-hover-300{ background-color: var(--button-secondary-hover-300) !important; } .group:hover .group-hover\:bg-button-secondary-hover-400{ background-color: var(--button-secondary-hover-400) !important; } .group:hover .group-hover\:bg-button-secondary-hover-50{ background-color: var(--button-secondary-hover-50) !important; } .group:hover .group-hover\:bg-button-secondary-hover-500{ background-color: var(--button-secondary-hover) !important; } .group:hover .group-hover\:bg-button-secondary-hover-600{ background-color: var(--button-secondary-hover-600) !important; } .group:hover .group-hover\:bg-button-secondary-hover-700{ background-color: var(--button-secondary-hover-700) !important; } .group:hover .group-hover\:bg-button-secondary-hover-800{ background-color: var(--button-secondary-hover-800) !important; } .group:hover .group-hover\:bg-button-secondary-hover-900{ background-color: var(--button-secondary-hover-900) !important; } .group:hover .group-hover\:bg-button-secondary-hover-dark{ background-color: var(--button-secondary-hover-900) !important; } .group:hover .group-hover\:bg-button-secondary-hover-light{ background-color: var(--button-secondary-hover-50) !important; } .group:hover .group-hover\:bg-button-secondary-text-hover{ background-color: var(--button-secondary-text-hover) !important; } .group:hover .group-hover\:bg-button-secondary-text-hover-100{ background-color: var(--button-secondary-text-hover-100) !important; } .group:hover .group-hover\:bg-button-secondary-text-hover-200{ background-color: var(--button-secondary-text-hover-200) !important; } .group:hover .group-hover\:bg-button-secondary-text-hover-300{ background-color: var(--button-secondary-text-hover-300) !important; } .group:hover .group-hover\:bg-button-secondary-text-hover-400{ background-color: var(--button-secondary-text-hover-400) !important; } .group:hover .group-hover\:bg-button-secondary-text-hover-50{ background-color: var(--button-secondary-text-hover-50) !important; } .group:hover .group-hover\:bg-button-secondary-text-hover-500{ background-color: var(--button-secondary-text-hover) !important; } .group:hover .group-hover\:bg-button-secondary-text-hover-600{ background-color: var(--button-secondary-text-hover-600) !important; } .group:hover .group-hover\:bg-button-secondary-text-hover-700{ background-color: var(--button-secondary-text-hover-700) !important; } .group:hover .group-hover\:bg-button-secondary-text-hover-800{ background-color: var(--button-secondary-text-hover-800) !important; } .group:hover .group-hover\:bg-button-secondary-text-hover-900{ background-color: var(--button-secondary-text-hover-900) !important; } .group:hover .group-hover\:bg-button-secondary-text-hover-dark{ background-color: var(--button-secondary-text-hover-900) !important; } .group:hover .group-hover\:bg-button-secondary-text-hover-light{ background-color: var(--button-secondary-text-hover-50) !important; } .group:hover .group-hover\:bg-button-success-hover{ background-color: var(--button-success-hover) !important; } .group:hover .group-hover\:bg-button-success-hover-100{ background-color: var(--button-success-hover-100) !important; } .group:hover .group-hover\:bg-button-success-hover-200{ background-color: var(--button-success-hover-200) !important; } .group:hover .group-hover\:bg-button-success-hover-300{ background-color: var(--button-success-hover-300) !important; } .group:hover .group-hover\:bg-button-success-hover-400{ background-color: var(--button-success-hover-400) !important; } .group:hover .group-hover\:bg-button-success-hover-50{ background-color: var(--button-success-hover-50) !important; } .group:hover .group-hover\:bg-button-success-hover-500{ background-color: var(--button-success-hover) !important; } .group:hover .group-hover\:bg-button-success-hover-600{ background-color: var(--button-success-hover-600) !important; } .group:hover .group-hover\:bg-button-success-hover-700{ background-color: var(--button-success-hover-700) !important; } .group:hover .group-hover\:bg-button-success-hover-800{ background-color: var(--button-success-hover-800) !important; } .group:hover .group-hover\:bg-button-success-hover-900{ background-color: var(--button-success-hover-900) !important; } .group:hover .group-hover\:bg-button-success-hover-dark{ background-color: var(--button-success-hover-900) !important; } .group:hover .group-hover\:bg-button-success-hover-light{ background-color: var(--button-success-hover-50) !important; } .group:hover .group-hover\:bg-button-success-text-hover{ background-color: var(--button-success-text-hover) !important; } .group:hover .group-hover\:bg-button-success-text-hover-100{ background-color: var(--button-success-text-hover-100) !important; } .group:hover .group-hover\:bg-button-success-text-hover-200{ background-color: var(--button-success-text-hover-200) !important; } .group:hover .group-hover\:bg-button-success-text-hover-300{ background-color: var(--button-success-text-hover-300) !important; } .group:hover .group-hover\:bg-button-success-text-hover-400{ background-color: var(--button-success-text-hover-400) !important; } .group:hover .group-hover\:bg-button-success-text-hover-50{ background-color: var(--button-success-text-hover-50) !important; } .group:hover .group-hover\:bg-button-success-text-hover-500{ background-color: var(--button-success-text-hover) !important; } .group:hover .group-hover\:bg-button-success-text-hover-600{ background-color: var(--button-success-text-hover-600) !important; } .group:hover .group-hover\:bg-button-success-text-hover-700{ background-color: var(--button-success-text-hover-700) !important; } .group:hover .group-hover\:bg-button-success-text-hover-800{ background-color: var(--button-success-text-hover-800) !important; } .group:hover .group-hover\:bg-button-success-text-hover-900{ background-color: var(--button-success-text-hover-900) !important; } .group:hover .group-hover\:bg-button-success-text-hover-dark{ background-color: var(--button-success-text-hover-900) !important; } .group:hover .group-hover\:bg-button-success-text-hover-light{ background-color: var(--button-success-text-hover-50) !important; } .group:hover .group-hover\:bg-button-warning-hover{ background-color: var(--button-warning-hover) !important; } .group:hover .group-hover\:bg-button-warning-hover-100{ background-color: var(--button-warning-hover-100) !important; } .group:hover .group-hover\:bg-button-warning-hover-200{ background-color: var(--button-warning-hover-200) !important; } .group:hover .group-hover\:bg-button-warning-hover-300{ background-color: var(--button-warning-hover-300) !important; } .group:hover .group-hover\:bg-button-warning-hover-400{ background-color: var(--button-warning-hover-400) !important; } .group:hover .group-hover\:bg-button-warning-hover-50{ background-color: var(--button-warning-hover-50) !important; } .group:hover .group-hover\:bg-button-warning-hover-500{ background-color: var(--button-warning-hover) !important; } .group:hover .group-hover\:bg-button-warning-hover-600{ background-color: var(--button-warning-hover-600) !important; } .group:hover .group-hover\:bg-button-warning-hover-700{ background-color: var(--button-warning-hover-700) !important; } .group:hover .group-hover\:bg-button-warning-hover-800{ background-color: var(--button-warning-hover-800) !important; } .group:hover .group-hover\:bg-button-warning-hover-900{ background-color: var(--button-warning-hover-900) !important; } .group:hover .group-hover\:bg-button-warning-hover-dark{ background-color: var(--button-warning-hover-900) !important; } .group:hover .group-hover\:bg-button-warning-hover-light{ background-color: var(--button-warning-hover-50) !important; } .group:hover .group-hover\:bg-button-warning-text-hover{ background-color: var(--button-warning-text-hover) !important; } .group:hover .group-hover\:bg-button-warning-text-hover-100{ background-color: var(--button-warning-text-hover-100) !important; } .group:hover .group-hover\:bg-button-warning-text-hover-200{ background-color: var(--button-warning-text-hover-200) !important; } .group:hover .group-hover\:bg-button-warning-text-hover-300{ background-color: var(--button-warning-text-hover-300) !important; } .group:hover .group-hover\:bg-button-warning-text-hover-400{ background-color: var(--button-warning-text-hover-400) !important; } .group:hover .group-hover\:bg-button-warning-text-hover-50{ background-color: var(--button-warning-text-hover-50) !important; } .group:hover .group-hover\:bg-button-warning-text-hover-500{ background-color: var(--button-warning-text-hover) !important; } .group:hover .group-hover\:bg-button-warning-text-hover-600{ background-color: var(--button-warning-text-hover-600) !important; } .group:hover .group-hover\:bg-button-warning-text-hover-700{ background-color: var(--button-warning-text-hover-700) !important; } .group:hover .group-hover\:bg-button-warning-text-hover-800{ background-color: var(--button-warning-text-hover-800) !important; } .group:hover .group-hover\:bg-button-warning-text-hover-900{ background-color: var(--button-warning-text-hover-900) !important; } .group:hover .group-hover\:bg-button-warning-text-hover-dark{ background-color: var(--button-warning-text-hover-900) !important; } .group:hover .group-hover\:bg-button-warning-text-hover-light{ background-color: var(--button-warning-text-hover-50) !important; } .group:hover .group-hover\:fill-acp-nav-link-hover{ fill: var(--acp-nav-link-hover) !important; } .group:hover .group-hover\:fill-button-danger-hover{ fill: var(--button-danger-hover) !important; } .group:hover .group-hover\:fill-button-danger-hover-100{ fill: var(--button-danger-hover-100) !important; } .group:hover .group-hover\:fill-button-danger-hover-200{ fill: var(--button-danger-hover-200) !important; } .group:hover .group-hover\:fill-button-danger-hover-300{ fill: var(--button-danger-hover-300) !important; } .group:hover .group-hover\:fill-button-danger-hover-400{ fill: var(--button-danger-hover-400) !important; } .group:hover .group-hover\:fill-button-danger-hover-50{ fill: var(--button-danger-hover-50) !important; } .group:hover .group-hover\:fill-button-danger-hover-500{ fill: var(--button-danger-hover) !important; } .group:hover .group-hover\:fill-button-danger-hover-600{ fill: var(--button-danger-hover-600) !important; } .group:hover .group-hover\:fill-button-danger-hover-700{ fill: var(--button-danger-hover-700) !important; } .group:hover .group-hover\:fill-button-danger-hover-800{ fill: var(--button-danger-hover-800) !important; } .group:hover .group-hover\:fill-button-danger-hover-900{ fill: var(--button-danger-hover-900) !important; } .group:hover .group-hover\:fill-button-danger-hover-dark{ fill: var(--button-danger-hover-900) !important; } .group:hover .group-hover\:fill-button-danger-hover-light{ fill: var(--button-danger-hover-50) !important; } .group:hover .group-hover\:fill-button-danger-text-hover{ fill: var(--button-danger-text-hover) !important; } .group:hover .group-hover\:fill-button-danger-text-hover-100{ fill: var(--button-danger-text-hover-100) !important; } .group:hover .group-hover\:fill-button-danger-text-hover-200{ fill: var(--button-danger-text-hover-200) !important; } .group:hover .group-hover\:fill-button-danger-text-hover-300{ fill: var(--button-danger-text-hover-300) !important; } .group:hover .group-hover\:fill-button-danger-text-hover-400{ fill: var(--button-danger-text-hover-400) !important; } .group:hover .group-hover\:fill-button-danger-text-hover-50{ fill: var(--button-danger-text-hover-50) !important; } .group:hover .group-hover\:fill-button-danger-text-hover-500{ fill: var(--button-danger-text-hover) !important; } .group:hover .group-hover\:fill-button-danger-text-hover-600{ fill: var(--button-danger-text-hover-600) !important; } .group:hover .group-hover\:fill-button-danger-text-hover-700{ fill: var(--button-danger-text-hover-700) !important; } .group:hover .group-hover\:fill-button-danger-text-hover-800{ fill: var(--button-danger-text-hover-800) !important; } .group:hover .group-hover\:fill-button-danger-text-hover-900{ fill: var(--button-danger-text-hover-900) !important; } .group:hover .group-hover\:fill-button-danger-text-hover-dark{ fill: var(--button-danger-text-hover-900) !important; } .group:hover .group-hover\:fill-button-danger-text-hover-light{ fill: var(--button-danger-text-hover-50) !important; } .group:hover .group-hover\:fill-button-dark-hover{ fill: var(--button-dark-hover) !important; } .group:hover .group-hover\:fill-button-dark-hover-100{ fill: var(--button-dark-hover-100) !important; } .group:hover .group-hover\:fill-button-dark-hover-200{ fill: var(--button-dark-hover-200) !important; } .group:hover .group-hover\:fill-button-dark-hover-300{ fill: var(--button-dark-hover-300) !important; } .group:hover .group-hover\:fill-button-dark-hover-400{ fill: var(--button-dark-hover-400) !important; } .group:hover .group-hover\:fill-button-dark-hover-50{ fill: var(--button-dark-hover-50) !important; } .group:hover .group-hover\:fill-button-dark-hover-500{ fill: var(--button-dark-hover) !important; } .group:hover .group-hover\:fill-button-dark-hover-600{ fill: var(--button-dark-hover-600) !important; } .group:hover .group-hover\:fill-button-dark-hover-700{ fill: var(--button-dark-hover-700) !important; } .group:hover .group-hover\:fill-button-dark-hover-800{ fill: var(--button-dark-hover-800) !important; } .group:hover .group-hover\:fill-button-dark-hover-900{ fill: var(--button-dark-hover-900) !important; } .group:hover .group-hover\:fill-button-dark-hover-dark{ fill: var(--button-dark-hover-900) !important; } .group:hover .group-hover\:fill-button-dark-hover-light{ fill: var(--button-dark-hover-50) !important; } .group:hover .group-hover\:fill-button-dark-text-hover{ fill: var(--button-dark-text-hover) !important; } .group:hover .group-hover\:fill-button-dark-text-hover-100{ fill: var(--button-dark-text-hover-100) !important; } .group:hover .group-hover\:fill-button-dark-text-hover-200{ fill: var(--button-dark-text-hover-200) !important; } .group:hover .group-hover\:fill-button-dark-text-hover-300{ fill: var(--button-dark-text-hover-300) !important; } .group:hover .group-hover\:fill-button-dark-text-hover-400{ fill: var(--button-dark-text-hover-400) !important; } .group:hover .group-hover\:fill-button-dark-text-hover-50{ fill: var(--button-dark-text-hover-50) !important; } .group:hover .group-hover\:fill-button-dark-text-hover-500{ fill: var(--button-dark-text-hover) !important; } .group:hover .group-hover\:fill-button-dark-text-hover-600{ fill: var(--button-dark-text-hover-600) !important; } .group:hover .group-hover\:fill-button-dark-text-hover-700{ fill: var(--button-dark-text-hover-700) !important; } .group:hover .group-hover\:fill-button-dark-text-hover-800{ fill: var(--button-dark-text-hover-800) !important; } .group:hover .group-hover\:fill-button-dark-text-hover-900{ fill: var(--button-dark-text-hover-900) !important; } .group:hover .group-hover\:fill-button-dark-text-hover-dark{ fill: var(--button-dark-text-hover-900) !important; } .group:hover .group-hover\:fill-button-dark-text-hover-light{ fill: var(--button-dark-text-hover-50) !important; } .group:hover .group-hover\:fill-button-light-hover{ fill: var(--button-light-hover) !important; } .group:hover .group-hover\:fill-button-light-hover-100{ fill: var(--button-light-hover-100) !important; } .group:hover .group-hover\:fill-button-light-hover-200{ fill: var(--button-light-hover-200) !important; } .group:hover .group-hover\:fill-button-light-hover-300{ fill: var(--button-light-hover-300) !important; } .group:hover .group-hover\:fill-button-light-hover-400{ fill: var(--button-light-hover-400) !important; } .group:hover .group-hover\:fill-button-light-hover-50{ fill: var(--button-light-hover-50) !important; } .group:hover .group-hover\:fill-button-light-hover-500{ fill: var(--button-light-hover) !important; } .group:hover .group-hover\:fill-button-light-hover-600{ fill: var(--button-light-hover-600) !important; } .group:hover .group-hover\:fill-button-light-hover-700{ fill: var(--button-light-hover-700) !important; } .group:hover .group-hover\:fill-button-light-hover-800{ fill: var(--button-light-hover-800) !important; } .group:hover .group-hover\:fill-button-light-hover-900{ fill: var(--button-light-hover-900) !important; } .group:hover .group-hover\:fill-button-light-hover-dark{ fill: var(--button-light-hover-900) !important; } .group:hover .group-hover\:fill-button-light-hover-light{ fill: var(--button-light-hover-50) !important; } .group:hover .group-hover\:fill-button-light-text-hover{ fill: var(--button-light-text-hover) !important; } .group:hover .group-hover\:fill-button-light-text-hover-100{ fill: var(--button-light-text-hover-100) !important; } .group:hover .group-hover\:fill-button-light-text-hover-200{ fill: var(--button-light-text-hover-200) !important; } .group:hover .group-hover\:fill-button-light-text-hover-300{ fill: var(--button-light-text-hover-300) !important; } .group:hover .group-hover\:fill-button-light-text-hover-400{ fill: var(--button-light-text-hover-400) !important; } .group:hover .group-hover\:fill-button-light-text-hover-50{ fill: var(--button-light-text-hover-50) !important; } .group:hover .group-hover\:fill-button-light-text-hover-500{ fill: var(--button-light-text-hover) !important; } .group:hover .group-hover\:fill-button-light-text-hover-600{ fill: var(--button-light-text-hover-600) !important; } .group:hover .group-hover\:fill-button-light-text-hover-700{ fill: var(--button-light-text-hover-700) !important; } .group:hover .group-hover\:fill-button-light-text-hover-800{ fill: var(--button-light-text-hover-800) !important; } .group:hover .group-hover\:fill-button-light-text-hover-900{ fill: var(--button-light-text-hover-900) !important; } .group:hover .group-hover\:fill-button-light-text-hover-dark{ fill: var(--button-light-text-hover-900) !important; } .group:hover .group-hover\:fill-button-light-text-hover-light{ fill: var(--button-light-text-hover-50) !important; } .group:hover .group-hover\:fill-button-primary-hover{ fill: var(--button-primary-hover) !important; } .group:hover .group-hover\:fill-button-primary-hover-100{ fill: var(--button-primary-hover-100) !important; } .group:hover .group-hover\:fill-button-primary-hover-200{ fill: var(--button-primary-hover-200) !important; } .group:hover .group-hover\:fill-button-primary-hover-300{ fill: var(--button-primary-hover-300) !important; } .group:hover .group-hover\:fill-button-primary-hover-400{ fill: var(--button-primary-hover-400) !important; } .group:hover .group-hover\:fill-button-primary-hover-50{ fill: var(--button-primary-hover-50) !important; } .group:hover .group-hover\:fill-button-primary-hover-500{ fill: var(--button-primary-hover) !important; } .group:hover .group-hover\:fill-button-primary-hover-600{ fill: var(--button-primary-hover-600) !important; } .group:hover .group-hover\:fill-button-primary-hover-700{ fill: var(--button-primary-hover-700) !important; } .group:hover .group-hover\:fill-button-primary-hover-800{ fill: var(--button-primary-hover-800) !important; } .group:hover .group-hover\:fill-button-primary-hover-900{ fill: var(--button-primary-hover-900) !important; } .group:hover .group-hover\:fill-button-primary-hover-dark{ fill: var(--button-primary-hover-900) !important; } .group:hover .group-hover\:fill-button-primary-hover-light{ fill: var(--button-primary-hover-50) !important; } .group:hover .group-hover\:fill-button-primary-text-hover{ fill: var(--button-primary-text-hover) !important; } .group:hover .group-hover\:fill-button-primary-text-hover-100{ fill: var(--button-primary-text-hover-100) !important; } .group:hover .group-hover\:fill-button-primary-text-hover-200{ fill: var(--button-primary-text-hover-200) !important; } .group:hover .group-hover\:fill-button-primary-text-hover-300{ fill: var(--button-primary-text-hover-300) !important; } .group:hover .group-hover\:fill-button-primary-text-hover-400{ fill: var(--button-primary-text-hover-400) !important; } .group:hover .group-hover\:fill-button-primary-text-hover-50{ fill: var(--button-primary-text-hover-50) !important; } .group:hover .group-hover\:fill-button-primary-text-hover-500{ fill: var(--button-primary-text-hover) !important; } .group:hover .group-hover\:fill-button-primary-text-hover-600{ fill: var(--button-primary-text-hover-600) !important; } .group:hover .group-hover\:fill-button-primary-text-hover-700{ fill: var(--button-primary-text-hover-700) !important; } .group:hover .group-hover\:fill-button-primary-text-hover-800{ fill: var(--button-primary-text-hover-800) !important; } .group:hover .group-hover\:fill-button-primary-text-hover-900{ fill: var(--button-primary-text-hover-900) !important; } .group:hover .group-hover\:fill-button-primary-text-hover-dark{ fill: var(--button-primary-text-hover-900) !important; } .group:hover .group-hover\:fill-button-primary-text-hover-light{ fill: var(--button-primary-text-hover-50) !important; } .group:hover .group-hover\:fill-button-secondary-hover{ fill: var(--button-secondary-hover) !important; } .group:hover .group-hover\:fill-button-secondary-hover-100{ fill: var(--button-secondary-hover-100) !important; } .group:hover .group-hover\:fill-button-secondary-hover-200{ fill: var(--button-secondary-hover-200) !important; } .group:hover .group-hover\:fill-button-secondary-hover-300{ fill: var(--button-secondary-hover-300) !important; } .group:hover .group-hover\:fill-button-secondary-hover-400{ fill: var(--button-secondary-hover-400) !important; } .group:hover .group-hover\:fill-button-secondary-hover-50{ fill: var(--button-secondary-hover-50) !important; } .group:hover .group-hover\:fill-button-secondary-hover-500{ fill: var(--button-secondary-hover) !important; } .group:hover .group-hover\:fill-button-secondary-hover-600{ fill: var(--button-secondary-hover-600) !important; } .group:hover .group-hover\:fill-button-secondary-hover-700{ fill: var(--button-secondary-hover-700) !important; } .group:hover .group-hover\:fill-button-secondary-hover-800{ fill: var(--button-secondary-hover-800) !important; } .group:hover .group-hover\:fill-button-secondary-hover-900{ fill: var(--button-secondary-hover-900) !important; } .group:hover .group-hover\:fill-button-secondary-hover-dark{ fill: var(--button-secondary-hover-900) !important; } .group:hover .group-hover\:fill-button-secondary-hover-light{ fill: var(--button-secondary-hover-50) !important; } .group:hover .group-hover\:fill-button-secondary-text-hover{ fill: var(--button-secondary-text-hover) !important; } .group:hover .group-hover\:fill-button-secondary-text-hover-100{ fill: var(--button-secondary-text-hover-100) !important; } .group:hover .group-hover\:fill-button-secondary-text-hover-200{ fill: var(--button-secondary-text-hover-200) !important; } .group:hover .group-hover\:fill-button-secondary-text-hover-300{ fill: var(--button-secondary-text-hover-300) !important; } .group:hover .group-hover\:fill-button-secondary-text-hover-400{ fill: var(--button-secondary-text-hover-400) !important; } .group:hover .group-hover\:fill-button-secondary-text-hover-50{ fill: var(--button-secondary-text-hover-50) !important; } .group:hover .group-hover\:fill-button-secondary-text-hover-500{ fill: var(--button-secondary-text-hover) !important; } .group:hover .group-hover\:fill-button-secondary-text-hover-600{ fill: var(--button-secondary-text-hover-600) !important; } .group:hover .group-hover\:fill-button-secondary-text-hover-700{ fill: var(--button-secondary-text-hover-700) !important; } .group:hover .group-hover\:fill-button-secondary-text-hover-800{ fill: var(--button-secondary-text-hover-800) !important; } .group:hover .group-hover\:fill-button-secondary-text-hover-900{ fill: var(--button-secondary-text-hover-900) !important; } .group:hover .group-hover\:fill-button-secondary-text-hover-dark{ fill: var(--button-secondary-text-hover-900) !important; } .group:hover .group-hover\:fill-button-secondary-text-hover-light{ fill: var(--button-secondary-text-hover-50) !important; } .group:hover .group-hover\:fill-button-success-hover{ fill: var(--button-success-hover) !important; } .group:hover .group-hover\:fill-button-success-hover-100{ fill: var(--button-success-hover-100) !important; } .group:hover .group-hover\:fill-button-success-hover-200{ fill: var(--button-success-hover-200) !important; } .group:hover .group-hover\:fill-button-success-hover-300{ fill: var(--button-success-hover-300) !important; } .group:hover .group-hover\:fill-button-success-hover-400{ fill: var(--button-success-hover-400) !important; } .group:hover .group-hover\:fill-button-success-hover-50{ fill: var(--button-success-hover-50) !important; } .group:hover .group-hover\:fill-button-success-hover-500{ fill: var(--button-success-hover) !important; } .group:hover .group-hover\:fill-button-success-hover-600{ fill: var(--button-success-hover-600) !important; } .group:hover .group-hover\:fill-button-success-hover-700{ fill: var(--button-success-hover-700) !important; } .group:hover .group-hover\:fill-button-success-hover-800{ fill: var(--button-success-hover-800) !important; } .group:hover .group-hover\:fill-button-success-hover-900{ fill: var(--button-success-hover-900) !important; } .group:hover .group-hover\:fill-button-success-hover-dark{ fill: var(--button-success-hover-900) !important; } .group:hover .group-hover\:fill-button-success-hover-light{ fill: var(--button-success-hover-50) !important; } .group:hover .group-hover\:fill-button-success-text-hover{ fill: var(--button-success-text-hover) !important; } .group:hover .group-hover\:fill-button-success-text-hover-100{ fill: var(--button-success-text-hover-100) !important; } .group:hover .group-hover\:fill-button-success-text-hover-200{ fill: var(--button-success-text-hover-200) !important; } .group:hover .group-hover\:fill-button-success-text-hover-300{ fill: var(--button-success-text-hover-300) !important; } .group:hover .group-hover\:fill-button-success-text-hover-400{ fill: var(--button-success-text-hover-400) !important; } .group:hover .group-hover\:fill-button-success-text-hover-50{ fill: var(--button-success-text-hover-50) !important; } .group:hover .group-hover\:fill-button-success-text-hover-500{ fill: var(--button-success-text-hover) !important; } .group:hover .group-hover\:fill-button-success-text-hover-600{ fill: var(--button-success-text-hover-600) !important; } .group:hover .group-hover\:fill-button-success-text-hover-700{ fill: var(--button-success-text-hover-700) !important; } .group:hover .group-hover\:fill-button-success-text-hover-800{ fill: var(--button-success-text-hover-800) !important; } .group:hover .group-hover\:fill-button-success-text-hover-900{ fill: var(--button-success-text-hover-900) !important; } .group:hover .group-hover\:fill-button-success-text-hover-dark{ fill: var(--button-success-text-hover-900) !important; } .group:hover .group-hover\:fill-button-success-text-hover-light{ fill: var(--button-success-text-hover-50) !important; } .group:hover .group-hover\:fill-button-warning-hover{ fill: var(--button-warning-hover) !important; } .group:hover .group-hover\:fill-button-warning-hover-100{ fill: var(--button-warning-hover-100) !important; } .group:hover .group-hover\:fill-button-warning-hover-200{ fill: var(--button-warning-hover-200) !important; } .group:hover .group-hover\:fill-button-warning-hover-300{ fill: var(--button-warning-hover-300) !important; } .group:hover .group-hover\:fill-button-warning-hover-400{ fill: var(--button-warning-hover-400) !important; } .group:hover .group-hover\:fill-button-warning-hover-50{ fill: var(--button-warning-hover-50) !important; } .group:hover .group-hover\:fill-button-warning-hover-500{ fill: var(--button-warning-hover) !important; } .group:hover .group-hover\:fill-button-warning-hover-600{ fill: var(--button-warning-hover-600) !important; } .group:hover .group-hover\:fill-button-warning-hover-700{ fill: var(--button-warning-hover-700) !important; } .group:hover .group-hover\:fill-button-warning-hover-800{ fill: var(--button-warning-hover-800) !important; } .group:hover .group-hover\:fill-button-warning-hover-900{ fill: var(--button-warning-hover-900) !important; } .group:hover .group-hover\:fill-button-warning-hover-dark{ fill: var(--button-warning-hover-900) !important; } .group:hover .group-hover\:fill-button-warning-hover-light{ fill: var(--button-warning-hover-50) !important; } .group:hover .group-hover\:fill-button-warning-text-hover{ fill: var(--button-warning-text-hover) !important; } .group:hover .group-hover\:fill-button-warning-text-hover-100{ fill: var(--button-warning-text-hover-100) !important; } .group:hover .group-hover\:fill-button-warning-text-hover-200{ fill: var(--button-warning-text-hover-200) !important; } .group:hover .group-hover\:fill-button-warning-text-hover-300{ fill: var(--button-warning-text-hover-300) !important; } .group:hover .group-hover\:fill-button-warning-text-hover-400{ fill: var(--button-warning-text-hover-400) !important; } .group:hover .group-hover\:fill-button-warning-text-hover-50{ fill: var(--button-warning-text-hover-50) !important; } .group:hover .group-hover\:fill-button-warning-text-hover-500{ fill: var(--button-warning-text-hover) !important; } .group:hover .group-hover\:fill-button-warning-text-hover-600{ fill: var(--button-warning-text-hover-600) !important; } .group:hover .group-hover\:fill-button-warning-text-hover-700{ fill: var(--button-warning-text-hover-700) !important; } .group:hover .group-hover\:fill-button-warning-text-hover-800{ fill: var(--button-warning-text-hover-800) !important; } .group:hover .group-hover\:fill-button-warning-text-hover-900{ fill: var(--button-warning-text-hover-900) !important; } .group:hover .group-hover\:fill-button-warning-text-hover-dark{ fill: var(--button-warning-text-hover-900) !important; } .group:hover .group-hover\:fill-button-warning-text-hover-light{ fill: var(--button-warning-text-hover-50) !important; } .group:hover .group-hover\:stroke-button-danger-hover{ stroke: var(--button-danger-hover) !important; } .group:hover .group-hover\:stroke-button-danger-hover-100{ stroke: var(--button-danger-hover-100) !important; } .group:hover .group-hover\:stroke-button-danger-hover-200{ stroke: var(--button-danger-hover-200) !important; } .group:hover .group-hover\:stroke-button-danger-hover-300{ stroke: var(--button-danger-hover-300) !important; } .group:hover .group-hover\:stroke-button-danger-hover-400{ stroke: var(--button-danger-hover-400) !important; } .group:hover .group-hover\:stroke-button-danger-hover-50{ stroke: var(--button-danger-hover-50) !important; } .group:hover .group-hover\:stroke-button-danger-hover-500{ stroke: var(--button-danger-hover) !important; } .group:hover .group-hover\:stroke-button-danger-hover-600{ stroke: var(--button-danger-hover-600) !important; } .group:hover .group-hover\:stroke-button-danger-hover-700{ stroke: var(--button-danger-hover-700) !important; } .group:hover .group-hover\:stroke-button-danger-hover-800{ stroke: var(--button-danger-hover-800) !important; } .group:hover .group-hover\:stroke-button-danger-hover-900{ stroke: var(--button-danger-hover-900) !important; } .group:hover .group-hover\:stroke-button-danger-hover-dark{ stroke: var(--button-danger-hover-900) !important; } .group:hover .group-hover\:stroke-button-danger-hover-light{ stroke: var(--button-danger-hover-50) !important; } .group:hover .group-hover\:stroke-button-danger-text-hover{ stroke: var(--button-danger-text-hover) !important; } .group:hover .group-hover\:stroke-button-danger-text-hover-100{ stroke: var(--button-danger-text-hover-100) !important; } .group:hover .group-hover\:stroke-button-danger-text-hover-200{ stroke: var(--button-danger-text-hover-200) !important; } .group:hover .group-hover\:stroke-button-danger-text-hover-300{ stroke: var(--button-danger-text-hover-300) !important; } .group:hover .group-hover\:stroke-button-danger-text-hover-400{ stroke: var(--button-danger-text-hover-400) !important; } .group:hover .group-hover\:stroke-button-danger-text-hover-50{ stroke: var(--button-danger-text-hover-50) !important; } .group:hover .group-hover\:stroke-button-danger-text-hover-500{ stroke: var(--button-danger-text-hover) !important; } .group:hover .group-hover\:stroke-button-danger-text-hover-600{ stroke: var(--button-danger-text-hover-600) !important; } .group:hover .group-hover\:stroke-button-danger-text-hover-700{ stroke: var(--button-danger-text-hover-700) !important; } .group:hover .group-hover\:stroke-button-danger-text-hover-800{ stroke: var(--button-danger-text-hover-800) !important; } .group:hover .group-hover\:stroke-button-danger-text-hover-900{ stroke: var(--button-danger-text-hover-900) !important; } .group:hover .group-hover\:stroke-button-danger-text-hover-dark{ stroke: var(--button-danger-text-hover-900) !important; } .group:hover .group-hover\:stroke-button-danger-text-hover-light{ stroke: var(--button-danger-text-hover-50) !important; } .group:hover .group-hover\:stroke-button-dark-hover{ stroke: var(--button-dark-hover) !important; } .group:hover .group-hover\:stroke-button-dark-hover-100{ stroke: var(--button-dark-hover-100) !important; } .group:hover .group-hover\:stroke-button-dark-hover-200{ stroke: var(--button-dark-hover-200) !important; } .group:hover .group-hover\:stroke-button-dark-hover-300{ stroke: var(--button-dark-hover-300) !important; } .group:hover .group-hover\:stroke-button-dark-hover-400{ stroke: var(--button-dark-hover-400) !important; } .group:hover .group-hover\:stroke-button-dark-hover-50{ stroke: var(--button-dark-hover-50) !important; } .group:hover .group-hover\:stroke-button-dark-hover-500{ stroke: var(--button-dark-hover) !important; } .group:hover .group-hover\:stroke-button-dark-hover-600{ stroke: var(--button-dark-hover-600) !important; } .group:hover .group-hover\:stroke-button-dark-hover-700{ stroke: var(--button-dark-hover-700) !important; } .group:hover .group-hover\:stroke-button-dark-hover-800{ stroke: var(--button-dark-hover-800) !important; } .group:hover .group-hover\:stroke-button-dark-hover-900{ stroke: var(--button-dark-hover-900) !important; } .group:hover .group-hover\:stroke-button-dark-hover-dark{ stroke: var(--button-dark-hover-900) !important; } .group:hover .group-hover\:stroke-button-dark-hover-light{ stroke: var(--button-dark-hover-50) !important; } .group:hover .group-hover\:stroke-button-dark-text-hover{ stroke: var(--button-dark-text-hover) !important; } .group:hover .group-hover\:stroke-button-dark-text-hover-100{ stroke: var(--button-dark-text-hover-100) !important; } .group:hover .group-hover\:stroke-button-dark-text-hover-200{ stroke: var(--button-dark-text-hover-200) !important; } .group:hover .group-hover\:stroke-button-dark-text-hover-300{ stroke: var(--button-dark-text-hover-300) !important; } .group:hover .group-hover\:stroke-button-dark-text-hover-400{ stroke: var(--button-dark-text-hover-400) !important; } .group:hover .group-hover\:stroke-button-dark-text-hover-50{ stroke: var(--button-dark-text-hover-50) !important; } .group:hover .group-hover\:stroke-button-dark-text-hover-500{ stroke: var(--button-dark-text-hover) !important; } .group:hover .group-hover\:stroke-button-dark-text-hover-600{ stroke: var(--button-dark-text-hover-600) !important; } .group:hover .group-hover\:stroke-button-dark-text-hover-700{ stroke: var(--button-dark-text-hover-700) !important; } .group:hover .group-hover\:stroke-button-dark-text-hover-800{ stroke: var(--button-dark-text-hover-800) !important; } .group:hover .group-hover\:stroke-button-dark-text-hover-900{ stroke: var(--button-dark-text-hover-900) !important; } .group:hover .group-hover\:stroke-button-dark-text-hover-dark{ stroke: var(--button-dark-text-hover-900) !important; } .group:hover .group-hover\:stroke-button-dark-text-hover-light{ stroke: var(--button-dark-text-hover-50) !important; } .group:hover .group-hover\:stroke-button-light-hover{ stroke: var(--button-light-hover) !important; } .group:hover .group-hover\:stroke-button-light-hover-100{ stroke: var(--button-light-hover-100) !important; } .group:hover .group-hover\:stroke-button-light-hover-200{ stroke: var(--button-light-hover-200) !important; } .group:hover .group-hover\:stroke-button-light-hover-300{ stroke: var(--button-light-hover-300) !important; } .group:hover .group-hover\:stroke-button-light-hover-400{ stroke: var(--button-light-hover-400) !important; } .group:hover .group-hover\:stroke-button-light-hover-50{ stroke: var(--button-light-hover-50) !important; } .group:hover .group-hover\:stroke-button-light-hover-500{ stroke: var(--button-light-hover) !important; } .group:hover .group-hover\:stroke-button-light-hover-600{ stroke: var(--button-light-hover-600) !important; } .group:hover .group-hover\:stroke-button-light-hover-700{ stroke: var(--button-light-hover-700) !important; } .group:hover .group-hover\:stroke-button-light-hover-800{ stroke: var(--button-light-hover-800) !important; } .group:hover .group-hover\:stroke-button-light-hover-900{ stroke: var(--button-light-hover-900) !important; } .group:hover .group-hover\:stroke-button-light-hover-dark{ stroke: var(--button-light-hover-900) !important; } .group:hover .group-hover\:stroke-button-light-hover-light{ stroke: var(--button-light-hover-50) !important; } .group:hover .group-hover\:stroke-button-light-text-hover{ stroke: var(--button-light-text-hover) !important; } .group:hover .group-hover\:stroke-button-light-text-hover-100{ stroke: var(--button-light-text-hover-100) !important; } .group:hover .group-hover\:stroke-button-light-text-hover-200{ stroke: var(--button-light-text-hover-200) !important; } .group:hover .group-hover\:stroke-button-light-text-hover-300{ stroke: var(--button-light-text-hover-300) !important; } .group:hover .group-hover\:stroke-button-light-text-hover-400{ stroke: var(--button-light-text-hover-400) !important; } .group:hover .group-hover\:stroke-button-light-text-hover-50{ stroke: var(--button-light-text-hover-50) !important; } .group:hover .group-hover\:stroke-button-light-text-hover-500{ stroke: var(--button-light-text-hover) !important; } .group:hover .group-hover\:stroke-button-light-text-hover-600{ stroke: var(--button-light-text-hover-600) !important; } .group:hover .group-hover\:stroke-button-light-text-hover-700{ stroke: var(--button-light-text-hover-700) !important; } .group:hover .group-hover\:stroke-button-light-text-hover-800{ stroke: var(--button-light-text-hover-800) !important; } .group:hover .group-hover\:stroke-button-light-text-hover-900{ stroke: var(--button-light-text-hover-900) !important; } .group:hover .group-hover\:stroke-button-light-text-hover-dark{ stroke: var(--button-light-text-hover-900) !important; } .group:hover .group-hover\:stroke-button-light-text-hover-light{ stroke: var(--button-light-text-hover-50) !important; } .group:hover .group-hover\:stroke-button-primary-hover{ stroke: var(--button-primary-hover) !important; } .group:hover .group-hover\:stroke-button-primary-hover-100{ stroke: var(--button-primary-hover-100) !important; } .group:hover .group-hover\:stroke-button-primary-hover-200{ stroke: var(--button-primary-hover-200) !important; } .group:hover .group-hover\:stroke-button-primary-hover-300{ stroke: var(--button-primary-hover-300) !important; } .group:hover .group-hover\:stroke-button-primary-hover-400{ stroke: var(--button-primary-hover-400) !important; } .group:hover .group-hover\:stroke-button-primary-hover-50{ stroke: var(--button-primary-hover-50) !important; } .group:hover .group-hover\:stroke-button-primary-hover-500{ stroke: var(--button-primary-hover) !important; } .group:hover .group-hover\:stroke-button-primary-hover-600{ stroke: var(--button-primary-hover-600) !important; } .group:hover .group-hover\:stroke-button-primary-hover-700{ stroke: var(--button-primary-hover-700) !important; } .group:hover .group-hover\:stroke-button-primary-hover-800{ stroke: var(--button-primary-hover-800) !important; } .group:hover .group-hover\:stroke-button-primary-hover-900{ stroke: var(--button-primary-hover-900) !important; } .group:hover .group-hover\:stroke-button-primary-hover-dark{ stroke: var(--button-primary-hover-900) !important; } .group:hover .group-hover\:stroke-button-primary-hover-light{ stroke: var(--button-primary-hover-50) !important; } .group:hover .group-hover\:stroke-button-primary-text-hover{ stroke: var(--button-primary-text-hover) !important; } .group:hover .group-hover\:stroke-button-primary-text-hover-100{ stroke: var(--button-primary-text-hover-100) !important; } .group:hover .group-hover\:stroke-button-primary-text-hover-200{ stroke: var(--button-primary-text-hover-200) !important; } .group:hover .group-hover\:stroke-button-primary-text-hover-300{ stroke: var(--button-primary-text-hover-300) !important; } .group:hover .group-hover\:stroke-button-primary-text-hover-400{ stroke: var(--button-primary-text-hover-400) !important; } .group:hover .group-hover\:stroke-button-primary-text-hover-50{ stroke: var(--button-primary-text-hover-50) !important; } .group:hover .group-hover\:stroke-button-primary-text-hover-500{ stroke: var(--button-primary-text-hover) !important; } .group:hover .group-hover\:stroke-button-primary-text-hover-600{ stroke: var(--button-primary-text-hover-600) !important; } .group:hover .group-hover\:stroke-button-primary-text-hover-700{ stroke: var(--button-primary-text-hover-700) !important; } .group:hover .group-hover\:stroke-button-primary-text-hover-800{ stroke: var(--button-primary-text-hover-800) !important; } .group:hover .group-hover\:stroke-button-primary-text-hover-900{ stroke: var(--button-primary-text-hover-900) !important; } .group:hover .group-hover\:stroke-button-primary-text-hover-dark{ stroke: var(--button-primary-text-hover-900) !important; } .group:hover .group-hover\:stroke-button-primary-text-hover-light{ stroke: var(--button-primary-text-hover-50) !important; } .group:hover .group-hover\:stroke-button-secondary-hover{ stroke: var(--button-secondary-hover) !important; } .group:hover .group-hover\:stroke-button-secondary-hover-100{ stroke: var(--button-secondary-hover-100) !important; } .group:hover .group-hover\:stroke-button-secondary-hover-200{ stroke: var(--button-secondary-hover-200) !important; } .group:hover .group-hover\:stroke-button-secondary-hover-300{ stroke: var(--button-secondary-hover-300) !important; } .group:hover .group-hover\:stroke-button-secondary-hover-400{ stroke: var(--button-secondary-hover-400) !important; } .group:hover .group-hover\:stroke-button-secondary-hover-50{ stroke: var(--button-secondary-hover-50) !important; } .group:hover .group-hover\:stroke-button-secondary-hover-500{ stroke: var(--button-secondary-hover) !important; } .group:hover .group-hover\:stroke-button-secondary-hover-600{ stroke: var(--button-secondary-hover-600) !important; } .group:hover .group-hover\:stroke-button-secondary-hover-700{ stroke: var(--button-secondary-hover-700) !important; } .group:hover .group-hover\:stroke-button-secondary-hover-800{ stroke: var(--button-secondary-hover-800) !important; } .group:hover .group-hover\:stroke-button-secondary-hover-900{ stroke: var(--button-secondary-hover-900) !important; } .group:hover .group-hover\:stroke-button-secondary-hover-dark{ stroke: var(--button-secondary-hover-900) !important; } .group:hover .group-hover\:stroke-button-secondary-hover-light{ stroke: var(--button-secondary-hover-50) !important; } .group:hover .group-hover\:stroke-button-secondary-text-hover{ stroke: var(--button-secondary-text-hover) !important; } .group:hover .group-hover\:stroke-button-secondary-text-hover-100{ stroke: var(--button-secondary-text-hover-100) !important; } .group:hover .group-hover\:stroke-button-secondary-text-hover-200{ stroke: var(--button-secondary-text-hover-200) !important; } .group:hover .group-hover\:stroke-button-secondary-text-hover-300{ stroke: var(--button-secondary-text-hover-300) !important; } .group:hover .group-hover\:stroke-button-secondary-text-hover-400{ stroke: var(--button-secondary-text-hover-400) !important; } .group:hover .group-hover\:stroke-button-secondary-text-hover-50{ stroke: var(--button-secondary-text-hover-50) !important; } .group:hover .group-hover\:stroke-button-secondary-text-hover-500{ stroke: var(--button-secondary-text-hover) !important; } .group:hover .group-hover\:stroke-button-secondary-text-hover-600{ stroke: var(--button-secondary-text-hover-600) !important; } .group:hover .group-hover\:stroke-button-secondary-text-hover-700{ stroke: var(--button-secondary-text-hover-700) !important; } .group:hover .group-hover\:stroke-button-secondary-text-hover-800{ stroke: var(--button-secondary-text-hover-800) !important; } .group:hover .group-hover\:stroke-button-secondary-text-hover-900{ stroke: var(--button-secondary-text-hover-900) !important; } .group:hover .group-hover\:stroke-button-secondary-text-hover-dark{ stroke: var(--button-secondary-text-hover-900) !important; } .group:hover .group-hover\:stroke-button-secondary-text-hover-light{ stroke: var(--button-secondary-text-hover-50) !important; } .group:hover .group-hover\:stroke-button-success-hover{ stroke: var(--button-success-hover) !important; } .group:hover .group-hover\:stroke-button-success-hover-100{ stroke: var(--button-success-hover-100) !important; } .group:hover .group-hover\:stroke-button-success-hover-200{ stroke: var(--button-success-hover-200) !important; } .group:hover .group-hover\:stroke-button-success-hover-300{ stroke: var(--button-success-hover-300) !important; } .group:hover .group-hover\:stroke-button-success-hover-400{ stroke: var(--button-success-hover-400) !important; } .group:hover .group-hover\:stroke-button-success-hover-50{ stroke: var(--button-success-hover-50) !important; } .group:hover .group-hover\:stroke-button-success-hover-500{ stroke: var(--button-success-hover) !important; } .group:hover .group-hover\:stroke-button-success-hover-600{ stroke: var(--button-success-hover-600) !important; } .group:hover .group-hover\:stroke-button-success-hover-700{ stroke: var(--button-success-hover-700) !important; } .group:hover .group-hover\:stroke-button-success-hover-800{ stroke: var(--button-success-hover-800) !important; } .group:hover .group-hover\:stroke-button-success-hover-900{ stroke: var(--button-success-hover-900) !important; } .group:hover .group-hover\:stroke-button-success-hover-dark{ stroke: var(--button-success-hover-900) !important; } .group:hover .group-hover\:stroke-button-success-hover-light{ stroke: var(--button-success-hover-50) !important; } .group:hover .group-hover\:stroke-button-success-text-hover{ stroke: var(--button-success-text-hover) !important; } .group:hover .group-hover\:stroke-button-success-text-hover-100{ stroke: var(--button-success-text-hover-100) !important; } .group:hover .group-hover\:stroke-button-success-text-hover-200{ stroke: var(--button-success-text-hover-200) !important; } .group:hover .group-hover\:stroke-button-success-text-hover-300{ stroke: var(--button-success-text-hover-300) !important; } .group:hover .group-hover\:stroke-button-success-text-hover-400{ stroke: var(--button-success-text-hover-400) !important; } .group:hover .group-hover\:stroke-button-success-text-hover-50{ stroke: var(--button-success-text-hover-50) !important; } .group:hover .group-hover\:stroke-button-success-text-hover-500{ stroke: var(--button-success-text-hover) !important; } .group:hover .group-hover\:stroke-button-success-text-hover-600{ stroke: var(--button-success-text-hover-600) !important; } .group:hover .group-hover\:stroke-button-success-text-hover-700{ stroke: var(--button-success-text-hover-700) !important; } .group:hover .group-hover\:stroke-button-success-text-hover-800{ stroke: var(--button-success-text-hover-800) !important; } .group:hover .group-hover\:stroke-button-success-text-hover-900{ stroke: var(--button-success-text-hover-900) !important; } .group:hover .group-hover\:stroke-button-success-text-hover-dark{ stroke: var(--button-success-text-hover-900) !important; } .group:hover .group-hover\:stroke-button-success-text-hover-light{ stroke: var(--button-success-text-hover-50) !important; } .group:hover .group-hover\:stroke-button-warning-hover{ stroke: var(--button-warning-hover) !important; } .group:hover .group-hover\:stroke-button-warning-hover-100{ stroke: var(--button-warning-hover-100) !important; } .group:hover .group-hover\:stroke-button-warning-hover-200{ stroke: var(--button-warning-hover-200) !important; } .group:hover .group-hover\:stroke-button-warning-hover-300{ stroke: var(--button-warning-hover-300) !important; } .group:hover .group-hover\:stroke-button-warning-hover-400{ stroke: var(--button-warning-hover-400) !important; } .group:hover .group-hover\:stroke-button-warning-hover-50{ stroke: var(--button-warning-hover-50) !important; } .group:hover .group-hover\:stroke-button-warning-hover-500{ stroke: var(--button-warning-hover) !important; } .group:hover .group-hover\:stroke-button-warning-hover-600{ stroke: var(--button-warning-hover-600) !important; } .group:hover .group-hover\:stroke-button-warning-hover-700{ stroke: var(--button-warning-hover-700) !important; } .group:hover .group-hover\:stroke-button-warning-hover-800{ stroke: var(--button-warning-hover-800) !important; } .group:hover .group-hover\:stroke-button-warning-hover-900{ stroke: var(--button-warning-hover-900) !important; } .group:hover .group-hover\:stroke-button-warning-hover-dark{ stroke: var(--button-warning-hover-900) !important; } .group:hover .group-hover\:stroke-button-warning-hover-light{ stroke: var(--button-warning-hover-50) !important; } .group:hover .group-hover\:stroke-button-warning-text-hover{ stroke: var(--button-warning-text-hover) !important; } .group:hover .group-hover\:stroke-button-warning-text-hover-100{ stroke: var(--button-warning-text-hover-100) !important; } .group:hover .group-hover\:stroke-button-warning-text-hover-200{ stroke: var(--button-warning-text-hover-200) !important; } .group:hover .group-hover\:stroke-button-warning-text-hover-300{ stroke: var(--button-warning-text-hover-300) !important; } .group:hover .group-hover\:stroke-button-warning-text-hover-400{ stroke: var(--button-warning-text-hover-400) !important; } .group:hover .group-hover\:stroke-button-warning-text-hover-50{ stroke: var(--button-warning-text-hover-50) !important; } .group:hover .group-hover\:stroke-button-warning-text-hover-500{ stroke: var(--button-warning-text-hover) !important; } .group:hover .group-hover\:stroke-button-warning-text-hover-600{ stroke: var(--button-warning-text-hover-600) !important; } .group:hover .group-hover\:stroke-button-warning-text-hover-700{ stroke: var(--button-warning-text-hover-700) !important; } .group:hover .group-hover\:stroke-button-warning-text-hover-800{ stroke: var(--button-warning-text-hover-800) !important; } .group:hover .group-hover\:stroke-button-warning-text-hover-900{ stroke: var(--button-warning-text-hover-900) !important; } .group:hover .group-hover\:stroke-button-warning-text-hover-dark{ stroke: var(--button-warning-text-hover-900) !important; } .group:hover .group-hover\:stroke-button-warning-text-hover-light{ stroke: var(--button-warning-text-hover-50) !important; } .group:hover .group-hover\:text-acp-nav-link-hover{ color: var(--acp-nav-link-hover) !important; } .group:hover .group-hover\:text-button-danger-hover{ color: var(--button-danger-hover) !important; } .group:hover .group-hover\:text-button-danger-hover-100{ color: var(--button-danger-hover-100) !important; } .group:hover .group-hover\:text-button-danger-hover-200{ color: var(--button-danger-hover-200) !important; } .group:hover .group-hover\:text-button-danger-hover-300{ color: var(--button-danger-hover-300) !important; } .group:hover .group-hover\:text-button-danger-hover-400{ color: var(--button-danger-hover-400) !important; } .group:hover .group-hover\:text-button-danger-hover-50{ color: var(--button-danger-hover-50) !important; } .group:hover .group-hover\:text-button-danger-hover-500{ color: var(--button-danger-hover) !important; } .group:hover .group-hover\:text-button-danger-hover-600{ color: var(--button-danger-hover-600) !important; } .group:hover .group-hover\:text-button-danger-hover-700{ color: var(--button-danger-hover-700) !important; } .group:hover .group-hover\:text-button-danger-hover-800{ color: var(--button-danger-hover-800) !important; } .group:hover .group-hover\:text-button-danger-hover-900{ color: var(--button-danger-hover-900) !important; } .group:hover .group-hover\:text-button-danger-hover-dark{ color: var(--button-danger-hover-900) !important; } .group:hover .group-hover\:text-button-danger-hover-light{ color: var(--button-danger-hover-50) !important; } .group:hover .group-hover\:text-button-danger-text-hover{ color: var(--button-danger-text-hover) !important; } .group:hover .group-hover\:text-button-danger-text-hover-100{ color: var(--button-danger-text-hover-100) !important; } .group:hover .group-hover\:text-button-danger-text-hover-200{ color: var(--button-danger-text-hover-200) !important; } .group:hover .group-hover\:text-button-danger-text-hover-300{ color: var(--button-danger-text-hover-300) !important; } .group:hover .group-hover\:text-button-danger-text-hover-400{ color: var(--button-danger-text-hover-400) !important; } .group:hover .group-hover\:text-button-danger-text-hover-50{ color: var(--button-danger-text-hover-50) !important; } .group:hover .group-hover\:text-button-danger-text-hover-500{ color: var(--button-danger-text-hover) !important; } .group:hover .group-hover\:text-button-danger-text-hover-600{ color: var(--button-danger-text-hover-600) !important; } .group:hover .group-hover\:text-button-danger-text-hover-700{ color: var(--button-danger-text-hover-700) !important; } .group:hover .group-hover\:text-button-danger-text-hover-800{ color: var(--button-danger-text-hover-800) !important; } .group:hover .group-hover\:text-button-danger-text-hover-900{ color: var(--button-danger-text-hover-900) !important; } .group:hover .group-hover\:text-button-danger-text-hover-dark{ color: var(--button-danger-text-hover-900) !important; } .group:hover .group-hover\:text-button-danger-text-hover-light{ color: var(--button-danger-text-hover-50) !important; } .group:hover .group-hover\:text-button-dark-hover{ color: var(--button-dark-hover) !important; } .group:hover .group-hover\:text-button-dark-hover-100{ color: var(--button-dark-hover-100) !important; } .group:hover .group-hover\:text-button-dark-hover-200{ color: var(--button-dark-hover-200) !important; } .group:hover .group-hover\:text-button-dark-hover-300{ color: var(--button-dark-hover-300) !important; } .group:hover .group-hover\:text-button-dark-hover-400{ color: var(--button-dark-hover-400) !important; } .group:hover .group-hover\:text-button-dark-hover-50{ color: var(--button-dark-hover-50) !important; } .group:hover .group-hover\:text-button-dark-hover-500{ color: var(--button-dark-hover) !important; } .group:hover .group-hover\:text-button-dark-hover-600{ color: var(--button-dark-hover-600) !important; } .group:hover .group-hover\:text-button-dark-hover-700{ color: var(--button-dark-hover-700) !important; } .group:hover .group-hover\:text-button-dark-hover-800{ color: var(--button-dark-hover-800) !important; } .group:hover .group-hover\:text-button-dark-hover-900{ color: var(--button-dark-hover-900) !important; } .group:hover .group-hover\:text-button-dark-hover-dark{ color: var(--button-dark-hover-900) !important; } .group:hover .group-hover\:text-button-dark-hover-light{ color: var(--button-dark-hover-50) !important; } .group:hover .group-hover\:text-button-dark-text-hover{ color: var(--button-dark-text-hover) !important; } .group:hover .group-hover\:text-button-dark-text-hover-100{ color: var(--button-dark-text-hover-100) !important; } .group:hover .group-hover\:text-button-dark-text-hover-200{ color: var(--button-dark-text-hover-200) !important; } .group:hover .group-hover\:text-button-dark-text-hover-300{ color: var(--button-dark-text-hover-300) !important; } .group:hover .group-hover\:text-button-dark-text-hover-400{ color: var(--button-dark-text-hover-400) !important; } .group:hover .group-hover\:text-button-dark-text-hover-50{ color: var(--button-dark-text-hover-50) !important; } .group:hover .group-hover\:text-button-dark-text-hover-500{ color: var(--button-dark-text-hover) !important; } .group:hover .group-hover\:text-button-dark-text-hover-600{ color: var(--button-dark-text-hover-600) !important; } .group:hover .group-hover\:text-button-dark-text-hover-700{ color: var(--button-dark-text-hover-700) !important; } .group:hover .group-hover\:text-button-dark-text-hover-800{ color: var(--button-dark-text-hover-800) !important; } .group:hover .group-hover\:text-button-dark-text-hover-900{ color: var(--button-dark-text-hover-900) !important; } .group:hover .group-hover\:text-button-dark-text-hover-dark{ color: var(--button-dark-text-hover-900) !important; } .group:hover .group-hover\:text-button-dark-text-hover-light{ color: var(--button-dark-text-hover-50) !important; } .group:hover .group-hover\:text-button-light-hover{ color: var(--button-light-hover) !important; } .group:hover .group-hover\:text-button-light-hover-100{ color: var(--button-light-hover-100) !important; } .group:hover .group-hover\:text-button-light-hover-200{ color: var(--button-light-hover-200) !important; } .group:hover .group-hover\:text-button-light-hover-300{ color: var(--button-light-hover-300) !important; } .group:hover .group-hover\:text-button-light-hover-400{ color: var(--button-light-hover-400) !important; } .group:hover .group-hover\:text-button-light-hover-50{ color: var(--button-light-hover-50) !important; } .group:hover .group-hover\:text-button-light-hover-500{ color: var(--button-light-hover) !important; } .group:hover .group-hover\:text-button-light-hover-600{ color: var(--button-light-hover-600) !important; } .group:hover .group-hover\:text-button-light-hover-700{ color: var(--button-light-hover-700) !important; } .group:hover .group-hover\:text-button-light-hover-800{ color: var(--button-light-hover-800) !important; } .group:hover .group-hover\:text-button-light-hover-900{ color: var(--button-light-hover-900) !important; } .group:hover .group-hover\:text-button-light-hover-dark{ color: var(--button-light-hover-900) !important; } .group:hover .group-hover\:text-button-light-hover-light{ color: var(--button-light-hover-50) !important; } .group:hover .group-hover\:text-button-light-text-hover{ color: var(--button-light-text-hover) !important; } .group:hover .group-hover\:text-button-light-text-hover-100{ color: var(--button-light-text-hover-100) !important; } .group:hover .group-hover\:text-button-light-text-hover-200{ color: var(--button-light-text-hover-200) !important; } .group:hover .group-hover\:text-button-light-text-hover-300{ color: var(--button-light-text-hover-300) !important; } .group:hover .group-hover\:text-button-light-text-hover-400{ color: var(--button-light-text-hover-400) !important; } .group:hover .group-hover\:text-button-light-text-hover-50{ color: var(--button-light-text-hover-50) !important; } .group:hover .group-hover\:text-button-light-text-hover-500{ color: var(--button-light-text-hover) !important; } .group:hover .group-hover\:text-button-light-text-hover-600{ color: var(--button-light-text-hover-600) !important; } .group:hover .group-hover\:text-button-light-text-hover-700{ color: var(--button-light-text-hover-700) !important; } .group:hover .group-hover\:text-button-light-text-hover-800{ color: var(--button-light-text-hover-800) !important; } .group:hover .group-hover\:text-button-light-text-hover-900{ color: var(--button-light-text-hover-900) !important; } .group:hover .group-hover\:text-button-light-text-hover-dark{ color: var(--button-light-text-hover-900) !important; } .group:hover .group-hover\:text-button-light-text-hover-light{ color: var(--button-light-text-hover-50) !important; } .group:hover .group-hover\:text-button-primary-hover{ color: var(--button-primary-hover) !important; } .group:hover .group-hover\:text-button-primary-hover-100{ color: var(--button-primary-hover-100) !important; } .group:hover .group-hover\:text-button-primary-hover-200{ color: var(--button-primary-hover-200) !important; } .group:hover .group-hover\:text-button-primary-hover-300{ color: var(--button-primary-hover-300) !important; } .group:hover .group-hover\:text-button-primary-hover-400{ color: var(--button-primary-hover-400) !important; } .group:hover .group-hover\:text-button-primary-hover-50{ color: var(--button-primary-hover-50) !important; } .group:hover .group-hover\:text-button-primary-hover-500{ color: var(--button-primary-hover) !important; } .group:hover .group-hover\:text-button-primary-hover-600{ color: var(--button-primary-hover-600) !important; } .group:hover .group-hover\:text-button-primary-hover-700{ color: var(--button-primary-hover-700) !important; } .group:hover .group-hover\:text-button-primary-hover-800{ color: var(--button-primary-hover-800) !important; } .group:hover .group-hover\:text-button-primary-hover-900{ color: var(--button-primary-hover-900) !important; } .group:hover .group-hover\:text-button-primary-hover-dark{ color: var(--button-primary-hover-900) !important; } .group:hover .group-hover\:text-button-primary-hover-light{ color: var(--button-primary-hover-50) !important; } .group:hover .group-hover\:text-button-primary-text-hover{ color: var(--button-primary-text-hover) !important; } .group:hover .group-hover\:text-button-primary-text-hover-100{ color: var(--button-primary-text-hover-100) !important; } .group:hover .group-hover\:text-button-primary-text-hover-200{ color: var(--button-primary-text-hover-200) !important; } .group:hover .group-hover\:text-button-primary-text-hover-300{ color: var(--button-primary-text-hover-300) !important; } .group:hover .group-hover\:text-button-primary-text-hover-400{ color: var(--button-primary-text-hover-400) !important; } .group:hover .group-hover\:text-button-primary-text-hover-50{ color: var(--button-primary-text-hover-50) !important; } .group:hover .group-hover\:text-button-primary-text-hover-500{ color: var(--button-primary-text-hover) !important; } .group:hover .group-hover\:text-button-primary-text-hover-600{ color: var(--button-primary-text-hover-600) !important; } .group:hover .group-hover\:text-button-primary-text-hover-700{ color: var(--button-primary-text-hover-700) !important; } .group:hover .group-hover\:text-button-primary-text-hover-800{ color: var(--button-primary-text-hover-800) !important; } .group:hover .group-hover\:text-button-primary-text-hover-900{ color: var(--button-primary-text-hover-900) !important; } .group:hover .group-hover\:text-button-primary-text-hover-dark{ color: var(--button-primary-text-hover-900) !important; } .group:hover .group-hover\:text-button-primary-text-hover-light{ color: var(--button-primary-text-hover-50) !important; } .group:hover .group-hover\:text-button-secondary-hover{ color: var(--button-secondary-hover) !important; } .group:hover .group-hover\:text-button-secondary-hover-100{ color: var(--button-secondary-hover-100) !important; } .group:hover .group-hover\:text-button-secondary-hover-200{ color: var(--button-secondary-hover-200) !important; } .group:hover .group-hover\:text-button-secondary-hover-300{ color: var(--button-secondary-hover-300) !important; } .group:hover .group-hover\:text-button-secondary-hover-400{ color: var(--button-secondary-hover-400) !important; } .group:hover .group-hover\:text-button-secondary-hover-50{ color: var(--button-secondary-hover-50) !important; } .group:hover .group-hover\:text-button-secondary-hover-500{ color: var(--button-secondary-hover) !important; } .group:hover .group-hover\:text-button-secondary-hover-600{ color: var(--button-secondary-hover-600) !important; } .group:hover .group-hover\:text-button-secondary-hover-700{ color: var(--button-secondary-hover-700) !important; } .group:hover .group-hover\:text-button-secondary-hover-800{ color: var(--button-secondary-hover-800) !important; } .group:hover .group-hover\:text-button-secondary-hover-900{ color: var(--button-secondary-hover-900) !important; } .group:hover .group-hover\:text-button-secondary-hover-dark{ color: var(--button-secondary-hover-900) !important; } .group:hover .group-hover\:text-button-secondary-hover-light{ color: var(--button-secondary-hover-50) !important; } .group:hover .group-hover\:text-button-secondary-text-hover{ color: var(--button-secondary-text-hover) !important; } .group:hover .group-hover\:text-button-secondary-text-hover-100{ color: var(--button-secondary-text-hover-100) !important; } .group:hover .group-hover\:text-button-secondary-text-hover-200{ color: var(--button-secondary-text-hover-200) !important; } .group:hover .group-hover\:text-button-secondary-text-hover-300{ color: var(--button-secondary-text-hover-300) !important; } .group:hover .group-hover\:text-button-secondary-text-hover-400{ color: var(--button-secondary-text-hover-400) !important; } .group:hover .group-hover\:text-button-secondary-text-hover-50{ color: var(--button-secondary-text-hover-50) !important; } .group:hover .group-hover\:text-button-secondary-text-hover-500{ color: var(--button-secondary-text-hover) !important; } .group:hover .group-hover\:text-button-secondary-text-hover-600{ color: var(--button-secondary-text-hover-600) !important; } .group:hover .group-hover\:text-button-secondary-text-hover-700{ color: var(--button-secondary-text-hover-700) !important; } .group:hover .group-hover\:text-button-secondary-text-hover-800{ color: var(--button-secondary-text-hover-800) !important; } .group:hover .group-hover\:text-button-secondary-text-hover-900{ color: var(--button-secondary-text-hover-900) !important; } .group:hover .group-hover\:text-button-secondary-text-hover-dark{ color: var(--button-secondary-text-hover-900) !important; } .group:hover .group-hover\:text-button-secondary-text-hover-light{ color: var(--button-secondary-text-hover-50) !important; } .group:hover .group-hover\:text-button-success-hover{ color: var(--button-success-hover) !important; } .group:hover .group-hover\:text-button-success-hover-100{ color: var(--button-success-hover-100) !important; } .group:hover .group-hover\:text-button-success-hover-200{ color: var(--button-success-hover-200) !important; } .group:hover .group-hover\:text-button-success-hover-300{ color: var(--button-success-hover-300) !important; } .group:hover .group-hover\:text-button-success-hover-400{ color: var(--button-success-hover-400) !important; } .group:hover .group-hover\:text-button-success-hover-50{ color: var(--button-success-hover-50) !important; } .group:hover .group-hover\:text-button-success-hover-500{ color: var(--button-success-hover) !important; } .group:hover .group-hover\:text-button-success-hover-600{ color: var(--button-success-hover-600) !important; } .group:hover .group-hover\:text-button-success-hover-700{ color: var(--button-success-hover-700) !important; } .group:hover .group-hover\:text-button-success-hover-800{ color: var(--button-success-hover-800) !important; } .group:hover .group-hover\:text-button-success-hover-900{ color: var(--button-success-hover-900) !important; } .group:hover .group-hover\:text-button-success-hover-dark{ color: var(--button-success-hover-900) !important; } .group:hover .group-hover\:text-button-success-hover-light{ color: var(--button-success-hover-50) !important; } .group:hover .group-hover\:text-button-success-text-hover{ color: var(--button-success-text-hover) !important; } .group:hover .group-hover\:text-button-success-text-hover-100{ color: var(--button-success-text-hover-100) !important; } .group:hover .group-hover\:text-button-success-text-hover-200{ color: var(--button-success-text-hover-200) !important; } .group:hover .group-hover\:text-button-success-text-hover-300{ color: var(--button-success-text-hover-300) !important; } .group:hover .group-hover\:text-button-success-text-hover-400{ color: var(--button-success-text-hover-400) !important; } .group:hover .group-hover\:text-button-success-text-hover-50{ color: var(--button-success-text-hover-50) !important; } .group:hover .group-hover\:text-button-success-text-hover-500{ color: var(--button-success-text-hover) !important; } .group:hover .group-hover\:text-button-success-text-hover-600{ color: var(--button-success-text-hover-600) !important; } .group:hover .group-hover\:text-button-success-text-hover-700{ color: var(--button-success-text-hover-700) !important; } .group:hover .group-hover\:text-button-success-text-hover-800{ color: var(--button-success-text-hover-800) !important; } .group:hover .group-hover\:text-button-success-text-hover-900{ color: var(--button-success-text-hover-900) !important; } .group:hover .group-hover\:text-button-success-text-hover-dark{ color: var(--button-success-text-hover-900) !important; } .group:hover .group-hover\:text-button-success-text-hover-light{ color: var(--button-success-text-hover-50) !important; } .group:hover .group-hover\:text-button-warning-hover{ color: var(--button-warning-hover) !important; } .group:hover .group-hover\:text-button-warning-hover-100{ color: var(--button-warning-hover-100) !important; } .group:hover .group-hover\:text-button-warning-hover-200{ color: var(--button-warning-hover-200) !important; } .group:hover .group-hover\:text-button-warning-hover-300{ color: var(--button-warning-hover-300) !important; } .group:hover .group-hover\:text-button-warning-hover-400{ color: var(--button-warning-hover-400) !important; } .group:hover .group-hover\:text-button-warning-hover-50{ color: var(--button-warning-hover-50) !important; } .group:hover .group-hover\:text-button-warning-hover-500{ color: var(--button-warning-hover) !important; } .group:hover .group-hover\:text-button-warning-hover-600{ color: var(--button-warning-hover-600) !important; } .group:hover .group-hover\:text-button-warning-hover-700{ color: var(--button-warning-hover-700) !important; } .group:hover .group-hover\:text-button-warning-hover-800{ color: var(--button-warning-hover-800) !important; } .group:hover .group-hover\:text-button-warning-hover-900{ color: var(--button-warning-hover-900) !important; } .group:hover .group-hover\:text-button-warning-hover-dark{ color: var(--button-warning-hover-900) !important; } .group:hover .group-hover\:text-button-warning-hover-light{ color: var(--button-warning-hover-50) !important; } .group:hover .group-hover\:text-button-warning-text-hover{ color: var(--button-warning-text-hover) !important; } .group:hover .group-hover\:text-button-warning-text-hover-100{ color: var(--button-warning-text-hover-100) !important; } .group:hover .group-hover\:text-button-warning-text-hover-200{ color: var(--button-warning-text-hover-200) !important; } .group:hover .group-hover\:text-button-warning-text-hover-300{ color: var(--button-warning-text-hover-300) !important; } .group:hover .group-hover\:text-button-warning-text-hover-400{ color: var(--button-warning-text-hover-400) !important; } .group:hover .group-hover\:text-button-warning-text-hover-50{ color: var(--button-warning-text-hover-50) !important; } .group:hover .group-hover\:text-button-warning-text-hover-500{ color: var(--button-warning-text-hover) !important; } .group:hover .group-hover\:text-button-warning-text-hover-600{ color: var(--button-warning-text-hover-600) !important; } .group:hover .group-hover\:text-button-warning-text-hover-700{ color: var(--button-warning-text-hover-700) !important; } .group:hover .group-hover\:text-button-warning-text-hover-800{ color: var(--button-warning-text-hover-800) !important; } .group:hover .group-hover\:text-button-warning-text-hover-900{ color: var(--button-warning-text-hover-900) !important; } .group:hover .group-hover\:text-button-warning-text-hover-dark{ color: var(--button-warning-text-hover-900) !important; } .group:hover .group-hover\:text-button-warning-text-hover-light{ color: var(--button-warning-text-hover-50) !important; } .group:hover .group-hover\:outline-button-danger-hover{ outline-color: var(--button-danger-hover) !important; } .group:hover .group-hover\:outline-button-danger-hover-100{ outline-color: var(--button-danger-hover-100) !important; } .group:hover .group-hover\:outline-button-danger-hover-200{ outline-color: var(--button-danger-hover-200) !important; } .group:hover .group-hover\:outline-button-danger-hover-300{ outline-color: var(--button-danger-hover-300) !important; } .group:hover .group-hover\:outline-button-danger-hover-400{ outline-color: var(--button-danger-hover-400) !important; } .group:hover .group-hover\:outline-button-danger-hover-50{ outline-color: var(--button-danger-hover-50) !important; } .group:hover .group-hover\:outline-button-danger-hover-500{ outline-color: var(--button-danger-hover) !important; } .group:hover .group-hover\:outline-button-danger-hover-600{ outline-color: var(--button-danger-hover-600) !important; } .group:hover .group-hover\:outline-button-danger-hover-700{ outline-color: var(--button-danger-hover-700) !important; } .group:hover .group-hover\:outline-button-danger-hover-800{ outline-color: var(--button-danger-hover-800) !important; } .group:hover .group-hover\:outline-button-danger-hover-900{ outline-color: var(--button-danger-hover-900) !important; } .group:hover .group-hover\:outline-button-danger-hover-dark{ outline-color: var(--button-danger-hover-900) !important; } .group:hover .group-hover\:outline-button-danger-hover-light{ outline-color: var(--button-danger-hover-50) !important; } .group:hover .group-hover\:outline-button-danger-text-hover{ outline-color: var(--button-danger-text-hover) !important; } .group:hover .group-hover\:outline-button-danger-text-hover-100{ outline-color: var(--button-danger-text-hover-100) !important; } .group:hover .group-hover\:outline-button-danger-text-hover-200{ outline-color: var(--button-danger-text-hover-200) !important; } .group:hover .group-hover\:outline-button-danger-text-hover-300{ outline-color: var(--button-danger-text-hover-300) !important; } .group:hover .group-hover\:outline-button-danger-text-hover-400{ outline-color: var(--button-danger-text-hover-400) !important; } .group:hover .group-hover\:outline-button-danger-text-hover-50{ outline-color: var(--button-danger-text-hover-50) !important; } .group:hover .group-hover\:outline-button-danger-text-hover-500{ outline-color: var(--button-danger-text-hover) !important; } .group:hover .group-hover\:outline-button-danger-text-hover-600{ outline-color: var(--button-danger-text-hover-600) !important; } .group:hover .group-hover\:outline-button-danger-text-hover-700{ outline-color: var(--button-danger-text-hover-700) !important; } .group:hover .group-hover\:outline-button-danger-text-hover-800{ outline-color: var(--button-danger-text-hover-800) !important; } .group:hover .group-hover\:outline-button-danger-text-hover-900{ outline-color: var(--button-danger-text-hover-900) !important; } .group:hover .group-hover\:outline-button-danger-text-hover-dark{ outline-color: var(--button-danger-text-hover-900) !important; } .group:hover .group-hover\:outline-button-danger-text-hover-light{ outline-color: var(--button-danger-text-hover-50) !important; } .group:hover .group-hover\:outline-button-dark-hover{ outline-color: var(--button-dark-hover) !important; } .group:hover .group-hover\:outline-button-dark-hover-100{ outline-color: var(--button-dark-hover-100) !important; } .group:hover .group-hover\:outline-button-dark-hover-200{ outline-color: var(--button-dark-hover-200) !important; } .group:hover .group-hover\:outline-button-dark-hover-300{ outline-color: var(--button-dark-hover-300) !important; } .group:hover .group-hover\:outline-button-dark-hover-400{ outline-color: var(--button-dark-hover-400) !important; } .group:hover .group-hover\:outline-button-dark-hover-50{ outline-color: var(--button-dark-hover-50) !important; } .group:hover .group-hover\:outline-button-dark-hover-500{ outline-color: var(--button-dark-hover) !important; } .group:hover .group-hover\:outline-button-dark-hover-600{ outline-color: var(--button-dark-hover-600) !important; } .group:hover .group-hover\:outline-button-dark-hover-700{ outline-color: var(--button-dark-hover-700) !important; } .group:hover .group-hover\:outline-button-dark-hover-800{ outline-color: var(--button-dark-hover-800) !important; } .group:hover .group-hover\:outline-button-dark-hover-900{ outline-color: var(--button-dark-hover-900) !important; } .group:hover .group-hover\:outline-button-dark-hover-dark{ outline-color: var(--button-dark-hover-900) !important; } .group:hover .group-hover\:outline-button-dark-hover-light{ outline-color: var(--button-dark-hover-50) !important; } .group:hover .group-hover\:outline-button-dark-text-hover{ outline-color: var(--button-dark-text-hover) !important; } .group:hover .group-hover\:outline-button-dark-text-hover-100{ outline-color: var(--button-dark-text-hover-100) !important; } .group:hover .group-hover\:outline-button-dark-text-hover-200{ outline-color: var(--button-dark-text-hover-200) !important; } .group:hover .group-hover\:outline-button-dark-text-hover-300{ outline-color: var(--button-dark-text-hover-300) !important; } .group:hover .group-hover\:outline-button-dark-text-hover-400{ outline-color: var(--button-dark-text-hover-400) !important; } .group:hover .group-hover\:outline-button-dark-text-hover-50{ outline-color: var(--button-dark-text-hover-50) !important; } .group:hover .group-hover\:outline-button-dark-text-hover-500{ outline-color: var(--button-dark-text-hover) !important; } .group:hover .group-hover\:outline-button-dark-text-hover-600{ outline-color: var(--button-dark-text-hover-600) !important; } .group:hover .group-hover\:outline-button-dark-text-hover-700{ outline-color: var(--button-dark-text-hover-700) !important; } .group:hover .group-hover\:outline-button-dark-text-hover-800{ outline-color: var(--button-dark-text-hover-800) !important; } .group:hover .group-hover\:outline-button-dark-text-hover-900{ outline-color: var(--button-dark-text-hover-900) !important; } .group:hover .group-hover\:outline-button-dark-text-hover-dark{ outline-color: var(--button-dark-text-hover-900) !important; } .group:hover .group-hover\:outline-button-dark-text-hover-light{ outline-color: var(--button-dark-text-hover-50) !important; } .group:hover .group-hover\:outline-button-light-hover{ outline-color: var(--button-light-hover) !important; } .group:hover .group-hover\:outline-button-light-hover-100{ outline-color: var(--button-light-hover-100) !important; } .group:hover .group-hover\:outline-button-light-hover-200{ outline-color: var(--button-light-hover-200) !important; } .group:hover .group-hover\:outline-button-light-hover-300{ outline-color: var(--button-light-hover-300) !important; } .group:hover .group-hover\:outline-button-light-hover-400{ outline-color: var(--button-light-hover-400) !important; } .group:hover .group-hover\:outline-button-light-hover-50{ outline-color: var(--button-light-hover-50) !important; } .group:hover .group-hover\:outline-button-light-hover-500{ outline-color: var(--button-light-hover) !important; } .group:hover .group-hover\:outline-button-light-hover-600{ outline-color: var(--button-light-hover-600) !important; } .group:hover .group-hover\:outline-button-light-hover-700{ outline-color: var(--button-light-hover-700) !important; } .group:hover .group-hover\:outline-button-light-hover-800{ outline-color: var(--button-light-hover-800) !important; } .group:hover .group-hover\:outline-button-light-hover-900{ outline-color: var(--button-light-hover-900) !important; } .group:hover .group-hover\:outline-button-light-hover-dark{ outline-color: var(--button-light-hover-900) !important; } .group:hover .group-hover\:outline-button-light-hover-light{ outline-color: var(--button-light-hover-50) !important; } .group:hover .group-hover\:outline-button-light-text-hover{ outline-color: var(--button-light-text-hover) !important; } .group:hover .group-hover\:outline-button-light-text-hover-100{ outline-color: var(--button-light-text-hover-100) !important; } .group:hover .group-hover\:outline-button-light-text-hover-200{ outline-color: var(--button-light-text-hover-200) !important; } .group:hover .group-hover\:outline-button-light-text-hover-300{ outline-color: var(--button-light-text-hover-300) !important; } .group:hover .group-hover\:outline-button-light-text-hover-400{ outline-color: var(--button-light-text-hover-400) !important; } .group:hover .group-hover\:outline-button-light-text-hover-50{ outline-color: var(--button-light-text-hover-50) !important; } .group:hover .group-hover\:outline-button-light-text-hover-500{ outline-color: var(--button-light-text-hover) !important; } .group:hover .group-hover\:outline-button-light-text-hover-600{ outline-color: var(--button-light-text-hover-600) !important; } .group:hover .group-hover\:outline-button-light-text-hover-700{ outline-color: var(--button-light-text-hover-700) !important; } .group:hover .group-hover\:outline-button-light-text-hover-800{ outline-color: var(--button-light-text-hover-800) !important; } .group:hover .group-hover\:outline-button-light-text-hover-900{ outline-color: var(--button-light-text-hover-900) !important; } .group:hover .group-hover\:outline-button-light-text-hover-dark{ outline-color: var(--button-light-text-hover-900) !important; } .group:hover .group-hover\:outline-button-light-text-hover-light{ outline-color: var(--button-light-text-hover-50) !important; } .group:hover .group-hover\:outline-button-primary-hover{ outline-color: var(--button-primary-hover) !important; } .group:hover .group-hover\:outline-button-primary-hover-100{ outline-color: var(--button-primary-hover-100) !important; } .group:hover .group-hover\:outline-button-primary-hover-200{ outline-color: var(--button-primary-hover-200) !important; } .group:hover .group-hover\:outline-button-primary-hover-300{ outline-color: var(--button-primary-hover-300) !important; } .group:hover .group-hover\:outline-button-primary-hover-400{ outline-color: var(--button-primary-hover-400) !important; } .group:hover .group-hover\:outline-button-primary-hover-50{ outline-color: var(--button-primary-hover-50) !important; } .group:hover .group-hover\:outline-button-primary-hover-500{ outline-color: var(--button-primary-hover) !important; } .group:hover .group-hover\:outline-button-primary-hover-600{ outline-color: var(--button-primary-hover-600) !important; } .group:hover .group-hover\:outline-button-primary-hover-700{ outline-color: var(--button-primary-hover-700) !important; } .group:hover .group-hover\:outline-button-primary-hover-800{ outline-color: var(--button-primary-hover-800) !important; } .group:hover .group-hover\:outline-button-primary-hover-900{ outline-color: var(--button-primary-hover-900) !important; } .group:hover .group-hover\:outline-button-primary-hover-dark{ outline-color: var(--button-primary-hover-900) !important; } .group:hover .group-hover\:outline-button-primary-hover-light{ outline-color: var(--button-primary-hover-50) !important; } .group:hover .group-hover\:outline-button-primary-text-hover{ outline-color: var(--button-primary-text-hover) !important; } .group:hover .group-hover\:outline-button-primary-text-hover-100{ outline-color: var(--button-primary-text-hover-100) !important; } .group:hover .group-hover\:outline-button-primary-text-hover-200{ outline-color: var(--button-primary-text-hover-200) !important; } .group:hover .group-hover\:outline-button-primary-text-hover-300{ outline-color: var(--button-primary-text-hover-300) !important; } .group:hover .group-hover\:outline-button-primary-text-hover-400{ outline-color: var(--button-primary-text-hover-400) !important; } .group:hover .group-hover\:outline-button-primary-text-hover-50{ outline-color: var(--button-primary-text-hover-50) !important; } .group:hover .group-hover\:outline-button-primary-text-hover-500{ outline-color: var(--button-primary-text-hover) !important; } .group:hover .group-hover\:outline-button-primary-text-hover-600{ outline-color: var(--button-primary-text-hover-600) !important; } .group:hover .group-hover\:outline-button-primary-text-hover-700{ outline-color: var(--button-primary-text-hover-700) !important; } .group:hover .group-hover\:outline-button-primary-text-hover-800{ outline-color: var(--button-primary-text-hover-800) !important; } .group:hover .group-hover\:outline-button-primary-text-hover-900{ outline-color: var(--button-primary-text-hover-900) !important; } .group:hover .group-hover\:outline-button-primary-text-hover-dark{ outline-color: var(--button-primary-text-hover-900) !important; } .group:hover .group-hover\:outline-button-primary-text-hover-light{ outline-color: var(--button-primary-text-hover-50) !important; } .group:hover .group-hover\:outline-button-secondary-hover{ outline-color: var(--button-secondary-hover) !important; } .group:hover .group-hover\:outline-button-secondary-hover-100{ outline-color: var(--button-secondary-hover-100) !important; } .group:hover .group-hover\:outline-button-secondary-hover-200{ outline-color: var(--button-secondary-hover-200) !important; } .group:hover .group-hover\:outline-button-secondary-hover-300{ outline-color: var(--button-secondary-hover-300) !important; } .group:hover .group-hover\:outline-button-secondary-hover-400{ outline-color: var(--button-secondary-hover-400) !important; } .group:hover .group-hover\:outline-button-secondary-hover-50{ outline-color: var(--button-secondary-hover-50) !important; } .group:hover .group-hover\:outline-button-secondary-hover-500{ outline-color: var(--button-secondary-hover) !important; } .group:hover .group-hover\:outline-button-secondary-hover-600{ outline-color: var(--button-secondary-hover-600) !important; } .group:hover .group-hover\:outline-button-secondary-hover-700{ outline-color: var(--button-secondary-hover-700) !important; } .group:hover .group-hover\:outline-button-secondary-hover-800{ outline-color: var(--button-secondary-hover-800) !important; } .group:hover .group-hover\:outline-button-secondary-hover-900{ outline-color: var(--button-secondary-hover-900) !important; } .group:hover .group-hover\:outline-button-secondary-hover-dark{ outline-color: var(--button-secondary-hover-900) !important; } .group:hover .group-hover\:outline-button-secondary-hover-light{ outline-color: var(--button-secondary-hover-50) !important; } .group:hover .group-hover\:outline-button-secondary-text-hover{ outline-color: var(--button-secondary-text-hover) !important; } .group:hover .group-hover\:outline-button-secondary-text-hover-100{ outline-color: var(--button-secondary-text-hover-100) !important; } .group:hover .group-hover\:outline-button-secondary-text-hover-200{ outline-color: var(--button-secondary-text-hover-200) !important; } .group:hover .group-hover\:outline-button-secondary-text-hover-300{ outline-color: var(--button-secondary-text-hover-300) !important; } .group:hover .group-hover\:outline-button-secondary-text-hover-400{ outline-color: var(--button-secondary-text-hover-400) !important; } .group:hover .group-hover\:outline-button-secondary-text-hover-50{ outline-color: var(--button-secondary-text-hover-50) !important; } .group:hover .group-hover\:outline-button-secondary-text-hover-500{ outline-color: var(--button-secondary-text-hover) !important; } .group:hover .group-hover\:outline-button-secondary-text-hover-600{ outline-color: var(--button-secondary-text-hover-600) !important; } .group:hover .group-hover\:outline-button-secondary-text-hover-700{ outline-color: var(--button-secondary-text-hover-700) !important; } .group:hover .group-hover\:outline-button-secondary-text-hover-800{ outline-color: var(--button-secondary-text-hover-800) !important; } .group:hover .group-hover\:outline-button-secondary-text-hover-900{ outline-color: var(--button-secondary-text-hover-900) !important; } .group:hover .group-hover\:outline-button-secondary-text-hover-dark{ outline-color: var(--button-secondary-text-hover-900) !important; } .group:hover .group-hover\:outline-button-secondary-text-hover-light{ outline-color: var(--button-secondary-text-hover-50) !important; } .group:hover .group-hover\:outline-button-success-hover{ outline-color: var(--button-success-hover) !important; } .group:hover .group-hover\:outline-button-success-hover-100{ outline-color: var(--button-success-hover-100) !important; } .group:hover .group-hover\:outline-button-success-hover-200{ outline-color: var(--button-success-hover-200) !important; } .group:hover .group-hover\:outline-button-success-hover-300{ outline-color: var(--button-success-hover-300) !important; } .group:hover .group-hover\:outline-button-success-hover-400{ outline-color: var(--button-success-hover-400) !important; } .group:hover .group-hover\:outline-button-success-hover-50{ outline-color: var(--button-success-hover-50) !important; } .group:hover .group-hover\:outline-button-success-hover-500{ outline-color: var(--button-success-hover) !important; } .group:hover .group-hover\:outline-button-success-hover-600{ outline-color: var(--button-success-hover-600) !important; } .group:hover .group-hover\:outline-button-success-hover-700{ outline-color: var(--button-success-hover-700) !important; } .group:hover .group-hover\:outline-button-success-hover-800{ outline-color: var(--button-success-hover-800) !important; } .group:hover .group-hover\:outline-button-success-hover-900{ outline-color: var(--button-success-hover-900) !important; } .group:hover .group-hover\:outline-button-success-hover-dark{ outline-color: var(--button-success-hover-900) !important; } .group:hover .group-hover\:outline-button-success-hover-light{ outline-color: var(--button-success-hover-50) !important; } .group:hover .group-hover\:outline-button-success-text-hover{ outline-color: var(--button-success-text-hover) !important; } .group:hover .group-hover\:outline-button-success-text-hover-100{ outline-color: var(--button-success-text-hover-100) !important; } .group:hover .group-hover\:outline-button-success-text-hover-200{ outline-color: var(--button-success-text-hover-200) !important; } .group:hover .group-hover\:outline-button-success-text-hover-300{ outline-color: var(--button-success-text-hover-300) !important; } .group:hover .group-hover\:outline-button-success-text-hover-400{ outline-color: var(--button-success-text-hover-400) !important; } .group:hover .group-hover\:outline-button-success-text-hover-50{ outline-color: var(--button-success-text-hover-50) !important; } .group:hover .group-hover\:outline-button-success-text-hover-500{ outline-color: var(--button-success-text-hover) !important; } .group:hover .group-hover\:outline-button-success-text-hover-600{ outline-color: var(--button-success-text-hover-600) !important; } .group:hover .group-hover\:outline-button-success-text-hover-700{ outline-color: var(--button-success-text-hover-700) !important; } .group:hover .group-hover\:outline-button-success-text-hover-800{ outline-color: var(--button-success-text-hover-800) !important; } .group:hover .group-hover\:outline-button-success-text-hover-900{ outline-color: var(--button-success-text-hover-900) !important; } .group:hover .group-hover\:outline-button-success-text-hover-dark{ outline-color: var(--button-success-text-hover-900) !important; } .group:hover .group-hover\:outline-button-success-text-hover-light{ outline-color: var(--button-success-text-hover-50) !important; } .group:hover .group-hover\:outline-button-warning-hover{ outline-color: var(--button-warning-hover) !important; } .group:hover .group-hover\:outline-button-warning-hover-100{ outline-color: var(--button-warning-hover-100) !important; } .group:hover .group-hover\:outline-button-warning-hover-200{ outline-color: var(--button-warning-hover-200) !important; } .group:hover .group-hover\:outline-button-warning-hover-300{ outline-color: var(--button-warning-hover-300) !important; } .group:hover .group-hover\:outline-button-warning-hover-400{ outline-color: var(--button-warning-hover-400) !important; } .group:hover .group-hover\:outline-button-warning-hover-50{ outline-color: var(--button-warning-hover-50) !important; } .group:hover .group-hover\:outline-button-warning-hover-500{ outline-color: var(--button-warning-hover) !important; } .group:hover .group-hover\:outline-button-warning-hover-600{ outline-color: var(--button-warning-hover-600) !important; } .group:hover .group-hover\:outline-button-warning-hover-700{ outline-color: var(--button-warning-hover-700) !important; } .group:hover .group-hover\:outline-button-warning-hover-800{ outline-color: var(--button-warning-hover-800) !important; } .group:hover .group-hover\:outline-button-warning-hover-900{ outline-color: var(--button-warning-hover-900) !important; } .group:hover .group-hover\:outline-button-warning-hover-dark{ outline-color: var(--button-warning-hover-900) !important; } .group:hover .group-hover\:outline-button-warning-hover-light{ outline-color: var(--button-warning-hover-50) !important; } .group:hover .group-hover\:outline-button-warning-text-hover{ outline-color: var(--button-warning-text-hover) !important; } .group:hover .group-hover\:outline-button-warning-text-hover-100{ outline-color: var(--button-warning-text-hover-100) !important; } .group:hover .group-hover\:outline-button-warning-text-hover-200{ outline-color: var(--button-warning-text-hover-200) !important; } .group:hover .group-hover\:outline-button-warning-text-hover-300{ outline-color: var(--button-warning-text-hover-300) !important; } .group:hover .group-hover\:outline-button-warning-text-hover-400{ outline-color: var(--button-warning-text-hover-400) !important; } .group:hover .group-hover\:outline-button-warning-text-hover-50{ outline-color: var(--button-warning-text-hover-50) !important; } .group:hover .group-hover\:outline-button-warning-text-hover-500{ outline-color: var(--button-warning-text-hover) !important; } .group:hover .group-hover\:outline-button-warning-text-hover-600{ outline-color: var(--button-warning-text-hover-600) !important; } .group:hover .group-hover\:outline-button-warning-text-hover-700{ outline-color: var(--button-warning-text-hover-700) !important; } .group:hover .group-hover\:outline-button-warning-text-hover-800{ outline-color: var(--button-warning-text-hover-800) !important; } .group:hover .group-hover\:outline-button-warning-text-hover-900{ outline-color: var(--button-warning-text-hover-900) !important; } .group:hover .group-hover\:outline-button-warning-text-hover-dark{ outline-color: var(--button-warning-text-hover-900) !important; } .group:hover .group-hover\:outline-button-warning-text-hover-light{ outline-color: var(--button-warning-text-hover-50) !important; } .group:hover .group-hover\:drop-shadow-xl{ --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08)) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .peer:checked ~ .peer-checked\:bg-acp-checkbox-checked{ background-color: var(--acp-checkbox-checked) !important; } .peer:checked ~ .peer-checked\:bg-acp-checkbox-checked-400{ background-color: var(--acp-checkbox-checked-400) !important; } .peer:checked ~ .peer-checked\:bg-auth-checkbox-checked{ background-color: var(--auth-checkbox-checked) !important; } .peer:checked ~ .peer-checked\:bg-auth-checkbox-checked-400{ background-color: var(--auth-checkbox-checked-400) !important; } .peer:checked ~ .peer-checked\:bg-ucp-checkbox-checked{ background-color: var(--ucp-checkbox-checked) !important; } .peer:checked ~ .peer-checked\:bg-ucp-checkbox-checked-400{ background-color: var(--ucp-checkbox-checked-400) !important; } .peer:checked ~ .peer-checked\:after\:translate-x-4::after{ content: var(--tw-content) !important; --tw-translate-x: 1rem !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .peer:checked ~ .peer-checked\:after\:rotate-0::after{ content: var(--tw-content) !important; --tw-rotate: 0deg !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .peer:hover ~ .peer-hover\:block{ display: block !important; } .peer:hover ~ .peer-hover\:after\:scale-95::after{ content: var(--tw-content) !important; --tw-scale-x: .95 !important; --tw-scale-y: .95 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .peer:focus ~ .peer-focus\:outline-none{ outline: 2px solid transparent !important; outline-offset: 2px !important; } .peer:disabled ~ .peer-disabled\:cursor-not-allowed{ cursor: not-allowed !important; } .peer:disabled ~ .peer-disabled\:bg-gray-400{ --tw-bg-opacity: 1 !important; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)) !important; } .peer:disabled ~ .peer-disabled\:after\:translate-x-0::after{ content: var(--tw-content) !important; --tw-translate-x: 0px !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .peer:disabled ~ .peer-disabled\:after\:rotate-180::after{ content: var(--tw-content) !important; --tw-rotate: 180deg !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .peer:disabled ~ .peer-disabled\:after\:cursor-not-allowed::after{ content: var(--tw-content) !important; cursor: not-allowed !important; } .peer:disabled:checked ~ .peer-disabled\:peer-checked\:bg-gray-400{ --tw-bg-opacity: 1 !important; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)) !important; } .aria-selected\:border-button-primary-hover[aria-selected="true"]{ border-color: var(--button-primary-hover) !important; } .aria-selected\:border-primary[aria-selected="true"]{ border-color: var(--primary) !important; } .aria-selected\:text-button-primary[aria-selected="true"]{ color: var(--button-primary) !important; } .aria-selected\:text-primary[aria-selected="true"]{ color: var(--primary) !important; } .dark\:border-\[\#BEBEBE\]:is(.dark *){ --tw-border-opacity: 1 !important; border-color: rgb(190 190 190 / var(--tw-border-opacity, 1)) !important; } .dark\:border-acp-body-bg-300:is(.dark *){ border-color: var(--acp-body-bg-300) !important; } .dark\:border-acp-input-bg-400:is(.dark *){ border-color: var(--acp-input-bg-400) !important; } .dark\:border-auth-input-bg-400:is(.dark *){ border-color: var(--auth-input-bg-400) !important; } .dark\:border-gray-400:is(.dark *){ --tw-border-opacity: 1 !important; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)) !important; } .dark\:border-ucp-body-bg-300:is(.dark *){ border-color: var(--ucp-body-bg-300) !important; } .dark\:border-ucp-input-bg-400:is(.dark *){ border-color: var(--ucp-input-bg-400) !important; } .dark\:bg-acp-body-bg-400:is(.dark *){ background-color: var(--acp-body-bg-400) !important; } .dark\:bg-acp-input-bg-400:is(.dark *){ background-color: var(--acp-input-bg-400) !important; } .dark\:bg-auth-input-bg-400:is(.dark *){ background-color: var(--auth-input-bg-400) !important; } .dark\:bg-gray-800:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important; } .dark\:bg-ucp-body-bg-300:is(.dark *){ background-color: var(--ucp-body-bg-300) !important; } .dark\:bg-ucp-input-bg-400:is(.dark *){ background-color: var(--ucp-input-bg-400) !important; } .dark\:text-acp-text-700:is(.dark *){ color: var(--acp-text-700) !important; } .dark\:text-gray-400:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important; } .dark\:text-white:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } @media (min-width: 576px){ .sm\:ml-64{ margin-left: 16rem !important; } .sm\:inline{ display: inline !important; } .sm\:hidden{ display: none !important; } .sm\:w-1\/3{ width: 33.333333% !important; } .sm\:max-w-4xl{ max-width: 56rem !important; } .sm\:translate-x-0{ --tw-translate-x: 0px !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .sm\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .sm\:items-center{ align-items: center !important; } .sm\:rounded-3xl{ border-radius: 1.5rem !important; } .sm\:p-6{ padding: 1.5rem !important; } .sm\:px-4{ padding-left: 1rem !important; padding-right: 1rem !important; } .sm\:py-2{ padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .sm\:pl-64{ padding-left: 16rem !important; } .sm\:pt-0{ padding-top: 0px !important; } .sm\:text-2xl{ font-size: 1.5rem !important; line-height: 2rem !important; } } @media (min-width: 782px){ .md\:inset-0{ inset: 0px !important; } .md\:mb-0{ margin-bottom: 0px !important; } .md\:ml-3{ margin-left: 0.75rem !important; } .md\:mr-24{ margin-right: 6rem !important; } .md\:block{ display: block !important; } .md\:flex{ display: flex !important; } .md\:w-1\/3{ width: 33.333333% !important; } .md\:w-auto{ width: auto !important; } .md\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .md\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .md\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .md\:flex-row{ flex-direction: row !important; } .md\:flex-col{ flex-direction: column !important; } .md\:flex-nowrap{ flex-wrap: nowrap !important; } .md\:items-center{ align-items: center !important; } .md\:gap-0{ gap: 0px !important; } .md\:gap-10{ gap: 2.5rem !important; } .md\:space-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0 !important; margin-right: calc(0.75rem * var(--tw-space-x-reverse)) !important; margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))) !important; } .md\:space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0 !important; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important; } .md\:rounded-none{ border-radius: 0px !important; } .md\:border-e-8{ border-inline-end-width: 8px !important; } .md\:border-s{ border-inline-start-width: 1px !important; } .md\:border-e-button-primary{ border-inline-end-color: var(--button-primary) !important; } .md\:border-e-transparent{ border-inline-end-color: transparent !important; } .md\:bg-transparent{ background-color: transparent !important; } .md\:text-end{ text-align: end !important; } .md\:text-2xl{ font-size: 1.5rem !important; line-height: 2rem !important; } .md\:font-semibold{ font-weight: 600 !important; } .md\:text-acp-link{ color: var(--acp-link) !important; } .md\:hover\:border-e-button-primary:hover{ border-inline-end-color: var(--button-primary) !important; } .md\:hover\:bg-transparent:hover{ background-color: transparent !important; } .md\:hover\:text-acp-link-hover:hover{ color: var(--acp-link-hover) !important; } } @media (min-width: 992px){ .lg\:ms-2{ margin-inline-start: 0.5rem !important; } .lg\:block{ display: block !important; } .lg\:flex{ display: flex !important; } .lg\:hidden{ display: none !important; } .lg\:w-1\/5{ width: 20% !important; } .lg\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .lg\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .lg\:flex-row{ flex-direction: row !important; } .lg\:gap-8{ gap: 2rem !important; } .lg\:p-8{ padding: 2rem !important; } .lg\:px-14{ padding-left: 3.5rem !important; padding-right: 3.5rem !important; } .lg\:px-5{ padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .lg\:px-8{ padding-left: 2rem !important; padding-right: 2rem !important; } .lg\:py-0\.5{ padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .lg\:py-2{ padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .lg\:pl-3{ padding-left: 0.75rem !important; } .lg\:text-2xl{ font-size: 1.5rem !important; line-height: 2rem !important; } } @media (min-width: 1200px){ .xl\:flex{ display: flex !important; } .xl\:h-full{ height: 100% !important; } .xl\:w-full{ width: 100% !important; } .xl\:max-w-md{ max-width: 28rem !important; } .xl\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } @media (min-width: 1400px){ .\32xl\:block{ display: block !important; } .\32xl\:hidden{ display: none !important; } .\32xl\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } } @media (pointer: coarse){ .touch\:mt-1{ margin-top: 0.25rem !important; } .touch\:block{ display: block !important; } } .rtl\:left-0:where([dir="rtl"], [dir="rtl"] *){ left: 0px !important; } .rtl\:right-auto:where([dir="rtl"], [dir="rtl"] *){ right: auto !important; } .rtl\:items-start:where([dir="rtl"], [dir="rtl"] *){ align-items: flex-start !important; } .rtl\:items-end:where([dir="rtl"], [dir="rtl"] *){ align-items: flex-end !important; }