/*!**************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@aws-amplify/ui/dist/styles.css ***! \**************************************************************************************************************************************************************************************************************************************/ /* * Amplify UI Basic Theme */ :root, [data-amplify-theme] { --amplify-components-alert-align-items: center; --amplify-components-alert-justify-content: space-between; --amplify-components-alert-color: var(--amplify-colors-font-primary); --amplify-components-alert-background-color: var(--amplify-colors-background-tertiary); --amplify-components-alert-padding-block: var(--amplify-space-small); --amplify-components-alert-padding-inline: var(--amplify-space-medium); --amplify-components-alert-icon-size: var(--amplify-font-sizes-xl); --amplify-components-alert-heading-font-size: var(--amplify-font-sizes-medium); --amplify-components-alert-heading-font-weight: var(--amplify-font-weights-bold); --amplify-components-alert-info-color: var(--amplify-colors-font-info); --amplify-components-alert-info-background-color: var(--amplify-colors-background-info); --amplify-components-alert-error-color: var(--amplify-colors-font-error); --amplify-components-alert-error-background-color: var(--amplify-colors-background-error); --amplify-components-alert-warning-color: var(--amplify-colors-font-warning); --amplify-components-alert-warning-background-color: var(--amplify-colors-background-warning); --amplify-components-alert-success-color: var(--amplify-colors-font-success); --amplify-components-alert-success-background-color: var(--amplify-colors-background-success); --amplify-components-authenticator-max-width: 60rem; --amplify-components-authenticator-modal-width: var(--amplify-space-relative-full); --amplify-components-authenticator-modal-height: var(--amplify-space-relative-full); --amplify-components-authenticator-modal-background-color: var(--amplify-colors-overlay-50); --amplify-components-authenticator-modal-top: var(--amplify-space-zero); --amplify-components-authenticator-modal-left: var(--amplify-space-zero); --amplify-components-authenticator-container-width-max: 30rem; --amplify-components-authenticator-router-border-width: var(--amplify-border-widths-small); --amplify-components-authenticator-router-border-style: solid; --amplify-components-authenticator-router-border-color: var(--amplify-colors-border-primary); --amplify-components-authenticator-router-background-color: var(--amplify-colors-background-primary); --amplify-components-authenticator-router-box-shadow: var(--amplify-shadows-medium); --amplify-components-authenticator-footer-padding-bottom: var(--amplify-space-medium); --amplify-components-authenticator-form-padding: var(--amplify-space-xl); --amplify-components-authenticator-state-inactive-background-color: var(--amplify-colors-background-secondary); --amplify-components-authenticator-or-container-color: var(--amplify-colors-neutral-80); --amplify-components-authenticator-or-container-or-line-background-color: var(--amplify-colors-background-primary); --amplify-components-autocomplete-menu-width: 100%; --amplify-components-autocomplete-menu-margin-block-start: var(--amplify-space-xxxs); --amplify-components-autocomplete-menu-background-color: var(--amplify-colors-background-primary); --amplify-components-autocomplete-menu-border-color: var(--amplify-colors-border-primary); --amplify-components-autocomplete-menu-border-width: var(--amplify-border-widths-small); --amplify-components-autocomplete-menu-border-style: solid; --amplify-components-autocomplete-menu-border-radius: var(--amplify-radii-small); --amplify-components-autocomplete-menu-options-display: flex; --amplify-components-autocomplete-menu-options-flex-direction: column; --amplify-components-autocomplete-menu-options-max-height: 300px; --amplify-components-autocomplete-menu-option-background-color: var(--amplify-colors-background-primary); --amplify-components-autocomplete-menu-option-color: currentcolor; --amplify-components-autocomplete-menu-option-cursor: pointer; --amplify-components-autocomplete-menu-option-transition-duration: var(--amplify-time-short); --amplify-components-autocomplete-menu-option-transition-property: background-color, color; --amplify-components-autocomplete-menu-option-transition-timing-function: ease; --amplify-components-autocomplete-menu-option-active-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-autocomplete-menu-option-active-color: var(--amplify-colors-white); --amplify-components-autocomplete-menu-empty-display: flex; --amplify-components-autocomplete-menu-loading-align-items: center; --amplify-components-autocomplete-menu-loading-display: flex; --amplify-components-autocomplete-menu-loading-gap: var(--amplify-space-xxxs); --amplify-components-autocomplete-menu-space-shared-padding-block: var(--amplify-space-xs); --amplify-components-autocomplete-menu-space-shared-padding-inline: var(--amplify-space-small); --amplify-components-badge-color: var(--amplify-colors-font-primary); --amplify-components-badge-line-height: 1; --amplify-components-badge-font-weight: var(--amplify-font-weights-semibold); --amplify-components-badge-font-size: var(--amplify-font-sizes-small); --amplify-components-badge-text-align: center; --amplify-components-badge-padding-vertical: var(--amplify-space-xs); --amplify-components-badge-padding-horizontal: var(--amplify-space-small); --amplify-components-badge-background-color: var(--amplify-colors-background-tertiary); --amplify-components-badge-border-radius: var(--amplify-radii-xl); --amplify-components-badge-info-color: var(--amplify-colors-font-info); --amplify-components-badge-info-background-color: var(--amplify-colors-background-info); --amplify-components-badge-warning-color: var(--amplify-colors-font-warning); --amplify-components-badge-warning-background-color: var(--amplify-colors-background-warning); --amplify-components-badge-success-color: var(--amplify-colors-font-success); --amplify-components-badge-success-background-color: var(--amplify-colors-background-success); --amplify-components-badge-error-color: var(--amplify-colors-font-error); --amplify-components-badge-error-background-color: var(--amplify-colors-background-error); --amplify-components-badge-small-font-size: var(--amplify-font-sizes-xs); --amplify-components-badge-small-padding-vertical: var(--amplify-space-xxs); --amplify-components-badge-small-padding-horizontal: var(--amplify-space-xs); --amplify-components-badge-large-font-size: var(--amplify-font-sizes-medium); --amplify-components-badge-large-padding-vertical: var(--amplify-space-small); --amplify-components-badge-large-padding-horizontal: var(--amplify-space-medium); --amplify-components-breadcrumbs-flex-direction: row; --amplify-components-breadcrumbs-flex-wrap: wrap; --amplify-components-breadcrumbs-gap: 0; --amplify-components-breadcrumbs-color: var(--amplify-colors-font-tertiary); --amplify-components-breadcrumbs-item-flex-direction: row; --amplify-components-breadcrumbs-item-color: inherit; --amplify-components-breadcrumbs-item-font-size: inherit; --amplify-components-breadcrumbs-item-align-items: center; --amplify-components-breadcrumbs-item-line-height: 1; --amplify-components-breadcrumbs-separator-color: inherit; --amplify-components-breadcrumbs-separator-font-size: inherit; --amplify-components-breadcrumbs-separator-padding-inline: var(--amplify-space-xxs); --amplify-components-breadcrumbs-link-color: var(--amplify-components-link-color); --amplify-components-breadcrumbs-link-font-size: inherit; --amplify-components-breadcrumbs-link-font-weight: normal; --amplify-components-breadcrumbs-link-text-decoration: none; --amplify-components-breadcrumbs-link-padding-inline: var(--amplify-space-xs); --amplify-components-breadcrumbs-link-padding-block: var(--amplify-space-xxs); --amplify-components-breadcrumbs-link-current-color: inherit; --amplify-components-breadcrumbs-link-current-font-size: inherit; --amplify-components-breadcrumbs-link-current-font-weight: normal; --amplify-components-breadcrumbs-link-current-text-decoration: none; --amplify-components-button-font-weight: var(--amplify-font-weights-bold); --amplify-components-button-transition-duration: var(--amplify-components-fieldcontrol-transition-duration); --amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size); --amplify-components-button-line-height: var(--amplify-components-fieldcontrol-line-height); --amplify-components-button-padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start); --amplify-components-button-padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end); --amplify-components-button-padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start); --amplify-components-button-padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end); --amplify-components-button-background-color: transparent; --amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-button-border-width: var(--amplify-components-fieldcontrol-border-width); --amplify-components-button-border-style: var(--amplify-components-fieldcontrol-border-style); --amplify-components-button-border-radius: var(--amplify-components-fieldcontrol-border-radius); --amplify-components-button-color: var(--amplify-colors-font-primary); --amplify-components-button-hover-color: var(--amplify-colors-font-focus); --amplify-components-button-hover-background-color: var(--amplify-colors-brand-primary-10); --amplify-components-button-hover-border-color: var(--amplify-colors-brand-primary-60); --amplify-components-button-focus-color: var(--amplify-colors-font-focus); --amplify-components-button-focus-background-color: var(--amplify-colors-brand-primary-10); --amplify-components-button-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --amplify-components-button-active-color: var(--amplify-colors-font-active); --amplify-components-button-active-background-color: var(--amplify-colors-brand-primary-20); --amplify-components-button-active-border-color: var(--amplify-colors-brand-primary-100); --amplify-components-button-loading-color: var(--amplify-colors-font-disabled); --amplify-components-button-loading-background-color: transparent; --amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary); --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-button-disabled-background-color: transparent; --amplify-components-button-disabled-border-color: var(--amplify-colors-border-tertiary); --amplify-components-button-outlined-info-border-color: var(--amplify-colors-blue-60); --amplify-components-button-outlined-info-background-color: transparent; --amplify-components-button-outlined-info-color: var(--amplify-colors-blue-100); --amplify-components-button-outlined-info-hover-border-color: var(--amplify-colors-blue-60); --amplify-components-button-outlined-info-hover-background-color: var(--amplify-colors-blue-10); --amplify-components-button-outlined-info-hover-color: var(--amplify-colors-blue-100); --amplify-components-button-outlined-info-focus-border-color: var(--amplify-colors-blue-100); --amplify-components-button-outlined-info-focus-background-color: var(--amplify-colors-blue-10); --amplify-components-button-outlined-info-focus-color: var(--amplify-colors-blue-100); --amplify-components-button-outlined-info-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-blue-100); --amplify-components-button-outlined-info-active-border-color: var(--amplify-colors-blue-100); --amplify-components-button-outlined-info-active-background-color: var(--amplify-colors-blue-20); --amplify-components-button-outlined-info-active-color: var(--amplify-colors-blue-100); --amplify-components-button-outlined-warning-border-color: var(--amplify-colors-orange-60); --amplify-components-button-outlined-warning-background-color: transparent; --amplify-components-button-outlined-warning-color: var(--amplify-colors-orange-100); --amplify-components-button-outlined-warning-hover-border-color: var(--amplify-colors-orange-60); --amplify-components-button-outlined-warning-hover-background-color: var(--amplify-colors-orange-10); --amplify-components-button-outlined-warning-hover-color: var(--amplify-colors-orange-100); --amplify-components-button-outlined-warning-focus-border-color: var(--amplify-colors-orange-100); --amplify-components-button-outlined-warning-focus-background-color: var(--amplify-colors-orange-10); --amplify-components-button-outlined-warning-focus-color: var(--amplify-colors-orange-100); --amplify-components-button-outlined-warning-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-orange-100); --amplify-components-button-outlined-warning-active-border-color: var(--amplify-colors-orange-100); --amplify-components-button-outlined-warning-active-background-color: var(--amplify-colors-orange-20); --amplify-components-button-outlined-warning-active-color: var(--amplify-colors-orange-100); --amplify-components-button-outlined-success-border-color: var(--amplify-colors-green-60); --amplify-components-button-outlined-success-background-color: transparent; --amplify-components-button-outlined-success-color: var(--amplify-colors-green-100); --amplify-components-button-outlined-success-hover-border-color: var(--amplify-colors-green-60); --amplify-components-button-outlined-success-hover-background-color: var(--amplify-colors-green-10); --amplify-components-button-outlined-success-hover-color: var(--amplify-colors-green-100); --amplify-components-button-outlined-success-focus-border-color: var(--amplify-colors-green-100); --amplify-components-button-outlined-success-focus-background-color: var(--amplify-colors-green-10); --amplify-components-button-outlined-success-focus-color: var(--amplify-colors-green-100); --amplify-components-button-outlined-success-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-green-100); --amplify-components-button-outlined-success-active-border-color: var(--amplify-colors-green-100); --amplify-components-button-outlined-success-active-background-color: var(--amplify-colors-green-20); --amplify-components-button-outlined-success-active-color: var(--amplify-colors-green-100); --amplify-components-button-outlined-error-border-color: var(--amplify-colors-red-60); --amplify-components-button-outlined-error-background-color: transparent; --amplify-components-button-outlined-error-color: var(--amplify-colors-red-100); --amplify-components-button-outlined-error-hover-border-color: var(--amplify-colors-red-60); --amplify-components-button-outlined-error-hover-background-color: var(--amplify-colors-red-10); --amplify-components-button-outlined-error-hover-color: var(--amplify-colors-red-100); --amplify-components-button-outlined-error-focus-border-color: var(--amplify-colors-red-100); --amplify-components-button-outlined-error-focus-background-color: var(--amplify-colors-red-10); --amplify-components-button-outlined-error-focus-color: var(--amplify-colors-red-100); --amplify-components-button-outlined-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-red-100); --amplify-components-button-outlined-error-active-border-color: var(--amplify-colors-red-100); --amplify-components-button-outlined-error-active-background-color: var(--amplify-colors-red-20); --amplify-components-button-outlined-error-active-color: var(--amplify-colors-red-100); --amplify-components-button-outlined-overlay-border-color: var(--amplify-colors-overlay-60); --amplify-components-button-outlined-overlay-background-color: transparent; --amplify-components-button-outlined-overlay-color: var(--amplify-colors-font-primary); --amplify-components-button-outlined-overlay-hover-border-color: var(--amplify-colors-overlay-60); --amplify-components-button-outlined-overlay-hover-background-color: var(--amplify-colors-overlay-5); --amplify-components-button-outlined-overlay-hover-color: var(--amplify-colors-neutral-90); --amplify-components-button-outlined-overlay-focus-border-color: var(--amplify-colors-overlay-90); --amplify-components-button-outlined-overlay-focus-background-color: var(--amplify-colors-overlay-5); --amplify-components-button-outlined-overlay-focus-color: var(--amplify-colors-neutral-90); --amplify-components-button-outlined-overlay-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-overlay-90); --amplify-components-button-outlined-overlay-active-border-color: var(--amplify-colors-overlay-90); --amplify-components-button-outlined-overlay-active-background-color: var(--amplify-colors-overlay-10); --amplify-components-button-outlined-overlay-active-color: var(--amplify-colors-neutral-100); --amplify-components-button-primary-border-color: transparent; --amplify-components-button-primary-border-width: var(--amplify-border-widths-small); --amplify-components-button-primary-border-style: solid; --amplify-components-button-primary-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-button-primary-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-disabled-border-color: transparent; --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-button-primary-loading-border-color: transparent; --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled); --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled); --amplify-components-button-primary-hover-border-color: transparent; --amplify-components-button-primary-hover-background-color: var(--amplify-colors-brand-primary-90); --amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-focus-border-color: transparent; --amplify-components-button-primary-focus-background-color: var(--amplify-colors-brand-primary-90); --amplify-components-button-primary-focus-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --amplify-components-button-primary-active-border-color: transparent; --amplify-components-button-primary-active-background-color: var(--amplify-colors-brand-primary-100); --amplify-components-button-primary-active-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-info-border-color: transparent; --amplify-components-button-primary-info-background-color: var(--amplify-colors-blue-80); --amplify-components-button-primary-info-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-info-hover-border-color: transparent; --amplify-components-button-primary-info-hover-background-color: var(--amplify-colors-blue-90); --amplify-components-button-primary-info-hover-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-info-focus-border-color: transparent; --amplify-components-button-primary-info-focus-background-color: var(--amplify-colors-blue-90); --amplify-components-button-primary-info-focus-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-info-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-blue-100); --amplify-components-button-primary-info-active-border-color: transparent; --amplify-components-button-primary-info-active-background-color: var(--amplify-colors-blue-100); --amplify-components-button-primary-info-active-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-warning-border-color: transparent; --amplify-components-button-primary-warning-background-color: var(--amplify-colors-orange-80); --amplify-components-button-primary-warning-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-warning-hover-border-color: transparent; --amplify-components-button-primary-warning-hover-background-color: var(--amplify-colors-orange-90); --amplify-components-button-primary-warning-hover-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-warning-focus-border-color: transparent; --amplify-components-button-primary-warning-focus-background-color: var(--amplify-colors-orange-90); --amplify-components-button-primary-warning-focus-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-warning-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-orange-100); --amplify-components-button-primary-warning-active-border-color: transparent; --amplify-components-button-primary-warning-active-background-color: var(--amplify-colors-orange-100); --amplify-components-button-primary-warning-active-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-error-border-color: transparent; --amplify-components-button-primary-error-background-color: var(--amplify-colors-red-80); --amplify-components-button-primary-error-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-error-hover-border-color: transparent; --amplify-components-button-primary-error-hover-background-color: var(--amplify-colors-red-90); --amplify-components-button-primary-error-hover-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-error-focus-border-color: transparent; --amplify-components-button-primary-error-focus-background-color: var(--amplify-colors-red-90); --amplify-components-button-primary-error-focus-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-red-100); --amplify-components-button-primary-error-active-border-color: transparent; --amplify-components-button-primary-error-active-background-color: var(--amplify-colors-red-100); --amplify-components-button-primary-error-active-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-success-border-color: transparent; --amplify-components-button-primary-success-background-color: var(--amplify-colors-green-80); --amplify-components-button-primary-success-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-success-hover-border-color: transparent; --amplify-components-button-primary-success-hover-background-color: var(--amplify-colors-green-90); --amplify-components-button-primary-success-hover-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-success-focus-border-color: transparent; --amplify-components-button-primary-success-focus-background-color: var(--amplify-colors-green-90); --amplify-components-button-primary-success-focus-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-success-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-green-100); --amplify-components-button-primary-success-active-border-color: transparent; --amplify-components-button-primary-success-active-background-color: var(--amplify-colors-green-100); --amplify-components-button-primary-success-active-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-overlay-border-color: transparent; --amplify-components-button-primary-overlay-background-color: var(--amplify-colors-overlay-70); --amplify-components-button-primary-overlay-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-overlay-hover-border-color: transparent; --amplify-components-button-primary-overlay-hover-background-color: var(--amplify-colors-overlay-90); --amplify-components-button-primary-overlay-hover-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-overlay-focus-border-color: transparent; --amplify-components-button-primary-overlay-focus-background-color: var(--amplify-colors-overlay-90); --amplify-components-button-primary-overlay-focus-color: var(--amplify-colors-font-inverse); --amplify-components-button-primary-overlay-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-overlay-90); --amplify-components-button-primary-overlay-active-border-color: transparent; --amplify-components-button-primary-overlay-active-background-color: var(--amplify-colors-overlay-90); --amplify-components-button-primary-overlay-active-color: var(--amplify-colors-font-inverse); --amplify-components-button-menu-border-width: var(--amplify-space-zero); --amplify-components-button-menu-background-color: transparent; --amplify-components-button-menu-justify-content: start; --amplify-components-button-menu-hover-color: var(--amplify-colors-font-inverse); --amplify-components-button-menu-hover-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-button-menu-focus-color: var(--amplify-colors-font-inverse); --amplify-components-button-menu-focus-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse); --amplify-components-button-menu-active-background-color: var(--amplify-colors-brand-primary-90); --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-button-link-background-color: transparent; --amplify-components-button-link-border-color: transparent; --amplify-components-button-link-border-width: var(--amplify-border-widths-small); --amplify-components-button-link-color: var(--amplify-colors-font-interactive); --amplify-components-button-link-hover-border-color: transparent; --amplify-components-button-link-hover-background-color: var(--amplify-colors-brand-primary-10); --amplify-components-button-link-hover-color: var(--amplify-colors-font-hover); --amplify-components-button-link-focus-border-color: transparent; --amplify-components-button-link-focus-background-color: var(--amplify-colors-brand-primary-10); --amplify-components-button-link-focus-color: var(--amplify-colors-font-focus); --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --amplify-components-button-link-active-border-color: transparent; --amplify-components-button-link-active-background-color: var(--amplify-colors-brand-primary-20); --amplify-components-button-link-active-color: var(--amplify-colors-font-active); --amplify-components-button-link-disabled-border-color: transparent; --amplify-components-button-link-disabled-background-color: transparent; --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-button-link-loading-border-color: transparent; --amplify-components-button-link-loading-background-color: transparent; --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled); --amplify-components-button-link-info-border-color: transparent; --amplify-components-button-link-info-background-color: transparent; --amplify-components-button-link-info-color: var(--amplify-colors-blue-100); --amplify-components-button-link-info-hover-border-color: transparent; --amplify-components-button-link-info-hover-background-color: var(--amplify-colors-blue-10); --amplify-components-button-link-info-hover-color: var(--amplify-colors-blue-90); --amplify-components-button-link-info-focus-border-color: transparent; --amplify-components-button-link-info-focus-background-color: var(--amplify-colors-blue-10); --amplify-components-button-link-info-focus-color: var(--amplify-colors-blue-100); --amplify-components-button-link-info-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-blue-100); --amplify-components-button-link-info-active-border-color: transparent; --amplify-components-button-link-info-active-background-color: var(--amplify-colors-blue-20); --amplify-components-button-link-info-active-color: var(--amplify-colors-blue-100); --amplify-components-button-link-warning-border-color: transparent; --amplify-components-button-link-warning-background-color: transparent; --amplify-components-button-link-warning-color: var(--amplify-colors-orange-100); --amplify-components-button-link-warning-hover-border-color: transparent; --amplify-components-button-link-warning-hover-background-color: var(--amplify-colors-orange-10); --amplify-components-button-link-warning-hover-color: var(--amplify-colors-orange-90); --amplify-components-button-link-warning-focus-border-color: transparent; --amplify-components-button-link-warning-focus-background-color: var(--amplify-colors-orange-10); --amplify-components-button-link-warning-focus-color: var(--amplify-colors-orange-100); --amplify-components-button-link-warning-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-orange-100); --amplify-components-button-link-warning-active-border-color: transparent; --amplify-components-button-link-warning-active-background-color: var(--amplify-colors-orange-20); --amplify-components-button-link-warning-active-color: var(--amplify-colors-orange-100); --amplify-components-button-link-success-border-color: transparent; --amplify-components-button-link-success-background-color: transparent; --amplify-components-button-link-success-color: var(--amplify-colors-green-100); --amplify-components-button-link-success-hover-border-color: transparent; --amplify-components-button-link-success-hover-background-color: var(--amplify-colors-green-10); --amplify-components-button-link-success-hover-color: var(--amplify-colors-green-90); --amplify-components-button-link-success-focus-border-color: transparent; --amplify-components-button-link-success-focus-background-color: var(--amplify-colors-green-10); --amplify-components-button-link-success-focus-color: var(--amplify-colors-green-100); --amplify-components-button-link-success-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-green-100); --amplify-components-button-link-success-active-border-color: transparent; --amplify-components-button-link-success-active-background-color: var(--amplify-colors-green-20); --amplify-components-button-link-success-active-color: var(--amplify-colors-green-100); --amplify-components-button-link-error-border-color: transparent; --amplify-components-button-link-error-background-color: transparent; --amplify-components-button-link-error-color: var(--amplify-colors-red-100); --amplify-components-button-link-error-hover-border-color: transparent; --amplify-components-button-link-error-hover-background-color: var(--amplify-colors-red-10); --amplify-components-button-link-error-hover-color: var(--amplify-colors-red-90); --amplify-components-button-link-error-focus-border-color: transparent; --amplify-components-button-link-error-focus-background-color: var(--amplify-colors-red-10); --amplify-components-button-link-error-focus-color: var(--amplify-colors-red-100); --amplify-components-button-link-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-red-100); --amplify-components-button-link-error-active-border-color: transparent; --amplify-components-button-link-error-active-background-color: var(--amplify-colors-red-20); --amplify-components-button-link-error-active-color: var(--amplify-colors-red-100); --amplify-components-button-link-overlay-border-color: transparent; --amplify-components-button-link-overlay-background-color: transparent; --amplify-components-button-link-overlay-color: var(--amplify-colors-neutral-100); --amplify-components-button-link-overlay-hover-border-color: transparent; --amplify-components-button-link-overlay-hover-background-color: var(--amplify-colors-overlay-5); --amplify-components-button-link-overlay-hover-color: var(--amplify-colors-overlay-80); --amplify-components-button-link-overlay-focus-border-color: transparent; --amplify-components-button-link-overlay-focus-background-color: var(--amplify-colors-overlay-5); --amplify-components-button-link-overlay-focus-color: var(--amplify-colors-overlay-90); --amplify-components-button-link-overlay-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-overlay-90); --amplify-components-button-link-overlay-active-border-color: transparent; --amplify-components-button-link-overlay-active-background-color: var(--amplify-colors-overlay-10); --amplify-components-button-link-overlay-active-color: var(--amplify-colors-overlay-90); --amplify-components-button-warning-background-color: transparent; --amplify-components-button-warning-border-color: var(--amplify-colors-red-60); --amplify-components-button-warning-border-width: var(--amplify-border-widths-small); --amplify-components-button-warning-color: var(--amplify-colors-red-60); --amplify-components-button-warning-hover-border-color: var(--amplify-colors-red-80); --amplify-components-button-warning-hover-background-color: var(--amplify-colors-red-10); --amplify-components-button-warning-hover-color: var(--amplify-colors-font-error); --amplify-components-button-warning-focus-border-color: var(--amplify-colors-red-80); --amplify-components-button-warning-focus-background-color: var(--amplify-colors-red-10); --amplify-components-button-warning-focus-color: var(--amplify-colors-red-80); --amplify-components-button-warning-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow); --amplify-components-button-warning-active-border-color: var(--amplify-colors-red-100); --amplify-components-button-warning-active-background-color: var(--amplify-colors-red-20); --amplify-components-button-warning-active-color: var(--amplify-colors-red-100); --amplify-components-button-warning-disabled-border-color: var(--amplify-colors-border-tertiary); --amplify-components-button-warning-disabled-background-color: transparent; --amplify-components-button-warning-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-button-warning-loading-border-color: var(--amplify-colors-border-tertiary); --amplify-components-button-warning-loading-background-color: transparent; --amplify-components-button-warning-loading-color: var(--amplify-colors-font-disabled); --amplify-components-button-destructive-border-color: transparent; --amplify-components-button-destructive-border-width: var(--amplify-border-widths-small); --amplify-components-button-destructive-border-style: solid; --amplify-components-button-destructive-background-color: var(--amplify-colors-red-60); --amplify-components-button-destructive-color: var(--amplify-colors-font-inverse); --amplify-components-button-destructive-disabled-border-color: transparent; --amplify-components-button-destructive-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-button-destructive-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-button-destructive-loading-border-color: transparent; --amplify-components-button-destructive-loading-background-color: var(--amplify-colors-background-disabled); --amplify-components-button-destructive-loading-color: var(--amplify-colors-font-disabled); --amplify-components-button-destructive-hover-border-color: transparent; --amplify-components-button-destructive-hover-background-color: var(--amplify-colors-red-80); --amplify-components-button-destructive-hover-color: var(--amplify-colors-font-inverse); --amplify-components-button-destructive-focus-border-color: transparent; --amplify-components-button-destructive-focus-background-color: var(--amplify-colors-red-80); --amplify-components-button-destructive-focus-color: var(--amplify-colors-font-inverse); --amplify-components-button-destructive-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow); --amplify-components-button-destructive-active-border-color: transparent; --amplify-components-button-destructive-active-background-color: var(--amplify-colors-red-100); --amplify-components-button-destructive-active-color: var(--amplify-colors-font-inverse); --amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size); --amplify-components-button-small-padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start); --amplify-components-button-small-padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end); --amplify-components-button-small-padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start); --amplify-components-button-small-padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end); --amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size); --amplify-components-button-large-padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start); --amplify-components-button-large-padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end); --amplify-components-button-large-padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start); --amplify-components-button-large-padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end); --amplify-components-button-loader-wrapper-align-items: center; --amplify-components-button-loader-wrapper-gap: var(--amplify-space-xs); --amplify-components-card-background-color: var(--amplify-colors-background-primary); --amplify-components-card-border-radius: var(--amplify-radii-xs); --amplify-components-card-border-width: 0; --amplify-components-card-border-style: solid; --amplify-components-card-border-color: transparent; --amplify-components-card-box-shadow: none; --amplify-components-card-padding: var(--amplify-space-medium); --amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color); --amplify-components-card-outlined-border-radius: var(--amplify-radii-xs); --amplify-components-card-outlined-border-width: var(--amplify-border-widths-small); --amplify-components-card-outlined-border-style: solid; --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary); --amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow); --amplify-components-card-elevated-background-color: var(--amplify-components-card-background-color); --amplify-components-card-elevated-border-radius: var(--amplify-radii-xs); --amplify-components-card-elevated-border-width: 0; --amplify-components-card-elevated-border-style: solid; --amplify-components-card-elevated-border-color: transparent; --amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium); --amplify-components-checkbox-cursor: pointer; --amplify-components-checkbox-align-items: center; --amplify-components-checkbox-disabled-cursor: not-allowed; --amplify-components-checkbox-button-position: relative; --amplify-components-checkbox-button-align-items: center; --amplify-components-checkbox-button-justify-content: center; --amplify-components-checkbox-button-color: var(--amplify-colors-font-inverse); --amplify-components-checkbox-button-before-width: 100%; --amplify-components-checkbox-button-before-height: 100%; --amplify-components-checkbox-button-before-border-width: var(--amplify-border-widths-medium); --amplify-components-checkbox-button-before-border-radius: 20%; --amplify-components-checkbox-button-before-border-style: solid; --amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary); --amplify-components-checkbox-button-focus-outline-color: var(--amplify-colors-transparent); --amplify-components-checkbox-button-focus-outline-style: solid; --amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium); --amplify-components-checkbox-button-focus-outline-offset: var(--amplify-outline-offsets-medium); --amplify-components-checkbox-button-focus-border-color: var(--amplify-colors-transparent); --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus); --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled); --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error); --amplify-components-checkbox-button-error-focus-border-color: var(--amplify-colors-transparent); --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error); --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-checkbox-icon-border-radius: 20%; --amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0); --amplify-components-checkbox-icon-transform: scale(0); --amplify-components-checkbox-icon-transition-property: all; --amplify-components-checkbox-icon-transition-duration: var(--amplify-time-short); --amplify-components-checkbox-icon-transition-timing-function: ease-in-out; --amplify-components-checkbox-icon-checked-opacity: var(--amplify-opacities-100); --amplify-components-checkbox-icon-checked-transform: scale(1); --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100); --amplify-components-checkbox-icon-indeterminate-transform: scale(1); --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-checkboxfield-align-items: flex-start; --amplify-components-checkboxfield-align-content: center; --amplify-components-checkboxfield-flex-direction: column; --amplify-components-checkboxfield-justify-content: center; --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color); --amplify-components-collection-pagination-current-background-color: var(--amplify-components-pagination-current-background-color); --amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color); --amplify-components-collection-pagination-button-hover-background-color: var(--amplify-components-pagination-button-hover-background-color); --amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color); --amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color); --amplify-components-collection-search-input-color: var(--amplify-components-searchfield-color); --amplify-components-collection-search-button-color: var(--amplify-components-searchfield-button-color); --amplify-components-collection-search-button-active-background-color: var(--amplify-components-searchfield-button-active-background-color); --amplify-components-collection-search-button-active-border-color: var(--amplify-components-searchfield-button-active-border-color); --amplify-components-collection-search-button-active-color: var(--amplify-components-searchfield-button-active-color); --amplify-components-collection-search-button-disabled-background-color: var(--amplify-components-searchfield-button-disabled-background-color); --amplify-components-collection-search-button-disabled-border-color: var(--amplify-components-searchfield-button-disabled-border-color); --amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color); --amplify-components-collection-search-button-focus-background-color: var(--amplify-components-searchfield-button-focus-background-color); --amplify-components-collection-search-button-focus-border-color: var(--amplify-components-searchfield-button-focus-border-color); --amplify-components-collection-search-button-focus-color: var(--amplify-components-searchfield-button-focus-color); --amplify-components-collection-search-button-hover-background-color: var(--amplify-components-searchfield-button-hover-background-color); --amplify-components-collection-search-button-hover-border-color: var(--amplify-components-searchfield-button-hover-border-color); --amplify-components-collection-search-button-hover-color: var(--amplify-components-searchfield-button-hover-color); --amplify-components-copy-font-size: var(--amplify-font-sizes-xs); --amplify-components-copy-gap: var(--amplify-space-relative-medium); --amplify-components-copy-svg-path-fill: var(--amplify-colors-font-primary); --amplify-components-copy-tool-tip-bottom: var(--amplify-space-large); --amplify-components-copy-tool-tip-color: var(--amplify-colors-teal-100); --amplify-components-copy-tool-tip-font-size: var(--amplify-font-sizes-xxs); --amplify-components-countrycodeselect-height: var(--amplify-space-relative-full); --amplify-components-divider-border-style: solid; --amplify-components-divider-border-color: var(--amplify-colors-border-primary); --amplify-components-divider-border-width: var(--amplify-border-widths-medium); --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary); --amplify-components-divider-label-padding-inline: var(--amplify-space-medium); --amplify-components-divider-label-font-size: var(--amplify-font-sizes-small); --amplify-components-divider-label-background-color: var(--amplify-colors-background-primary); --amplify-components-divider-small-border-width: var(--amplify-border-widths-small); --amplify-components-divider-large-border-width: var(--amplify-border-widths-large); --amplify-components-divider-opacity: var(--amplify-opacities-60); --amplify-components-dropzone-background-color: var(--amplify-colors-background-primary); --amplify-components-dropzone-border-radius: var(--amplify-radii-small); --amplify-components-dropzone-border-color: var(--amplify-colors-border-primary); --amplify-components-dropzone-border-style: dashed; --amplify-components-dropzone-border-width: var(--amplify-border-widths-small); --amplify-components-dropzone-color: var(--amplify-colors-font-primary); --amplify-components-dropzone-gap: var(--amplify-space-small); --amplify-components-dropzone-padding-block: var(--amplify-space-xl); --amplify-components-dropzone-padding-inline: var(--amplify-space-large); --amplify-components-dropzone-text-align: center; --amplify-components-dropzone-active-background-color: var(--amplify-colors-brand-primary-10); --amplify-components-dropzone-active-border-radius: var(--amplify-components-dropzone-border-radius); --amplify-components-dropzone-active-border-color: var(--amplify-colors-border-pressed); --amplify-components-dropzone-active-border-style: var(--amplify-components-dropzone-border-style); --amplify-components-dropzone-active-border-width: var(--amplify-components-dropzone-border-width); --amplify-components-dropzone-active-color: var(--amplify-colors-font-primary); --amplify-components-dropzone-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-dropzone-disabled-border-radius: var(--amplify-components-dropzone-border-radius); --amplify-components-dropzone-disabled-border-color: var(--amplify-colors-border-disabled); --amplify-components-dropzone-disabled-border-style: var(--amplify-components-dropzone-border-style); --amplify-components-dropzone-disabled-border-width: var(--amplify-components-dropzone-border-width); --amplify-components-dropzone-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-dropzone-accepted-background-color: var(--amplify-colors-background-success); --amplify-components-dropzone-accepted-border-radius: var(--amplify-components-dropzone-border-radius); --amplify-components-dropzone-accepted-border-color: var(--amplify-colors-border-success); --amplify-components-dropzone-accepted-border-style: var(--amplify-components-dropzone-border-style); --amplify-components-dropzone-accepted-border-width: var(--amplify-components-dropzone-border-width); --amplify-components-dropzone-accepted-color: var(--amplify-colors-font-success); --amplify-components-dropzone-rejected-background-color: var(--amplify-colors-background-error); --amplify-components-dropzone-rejected-border-radius: var(--amplify-components-dropzone-border-radius); --amplify-components-dropzone-rejected-border-color: var(--amplify-colors-border-pressed); --amplify-components-dropzone-rejected-border-style: var(--amplify-components-dropzone-border-style); --amplify-components-dropzone-rejected-border-width: var(--amplify-components-dropzone-border-width); --amplify-components-dropzone-rejected-color: var(--amplify-colors-font-error); --amplify-components-expander-display: block; --amplify-components-expander-background-color: var(--amplify-colors-background-primary); --amplify-components-expander-border-radius: var(--amplify-radii-medium); --amplify-components-expander-box-shadow: var(--amplify-shadows-large); --amplify-components-expander-width: 100%; --amplify-components-expander-item-margin-top: 1px; --amplify-components-expander-item-box-shadow: var(--amplify-shadows-small); --amplify-components-expander-item-border-bottom-left-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-bottom-right-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-top-left-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-top-right-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-start-start-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-start-end-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-end-start-radius: var(--amplify-radii-medium); --amplify-components-expander-item-border-end-end-radius: var(--amplify-radii-medium); --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus); --amplify-components-expander-header-box-shadow: 0 1px 0 var(--amplify-colors-overlay-20); --amplify-components-expander-trigger-min-height: 3rem; --amplify-components-expander-trigger-padding-inline-start: var(--amplify-space-large); --amplify-components-expander-trigger-padding-inline-end: var(--amplify-space-large); --amplify-components-expander-trigger-align-items: center; --amplify-components-expander-trigger-justify-content: space-between; --amplify-components-expander-trigger-hover-background-color: var(--amplify-colors-overlay-10); --amplify-components-expander-content-padding-inline-start: var(--amplify-space-large); --amplify-components-expander-content-padding-inline-end: var(--amplify-space-large); --amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary); --amplify-components-expander-content-text-padding-block-start: var(--amplify-space-medium); --amplify-components-expander-content-text-padding-block-end: var(--amplify-space-medium); --amplify-components-expander-content-open-animation-duration: var(--amplify-time-medium); --amplify-components-expander-content-open-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1); --amplify-components-expander-content-closed-animation-duration: var(--amplify-time-medium); --amplify-components-expander-content-closed-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1); --amplify-components-expander-icon-transition-duration: var(--amplify-time-medium); --amplify-components-expander-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1); --amplify-components-field-gap: var(--amplify-space-xs); --amplify-components-field-font-size: var(--amplify-font-sizes-medium); --amplify-components-field-flex-direction: column; --amplify-components-field-small-gap: var(--amplify-space-xxxs); --amplify-components-field-small-font-size: var(--amplify-font-sizes-small); --amplify-components-field-large-gap: var(--amplify-space-small); --amplify-components-field-large-font-size: var(--amplify-font-sizes-large); --amplify-components-field-label-color: var(--amplify-colors-font-secondary); --amplify-components-fieldcontrol-border-style: solid; --amplify-components-fieldcontrol-border-color: var(--amplify-colors-border-primary); --amplify-components-fieldcontrol-border-width: var(--amplify-border-widths-small); --amplify-components-fieldcontrol-border-radius: var(--amplify-radii-small); --amplify-components-fieldcontrol-color: var(--amplify-colors-font-primary); --amplify-components-fieldcontrol-padding-block-start: var(--amplify-space-xs); --amplify-components-fieldcontrol-padding-block-end: var(--amplify-space-xs); --amplify-components-fieldcontrol-padding-inline-start: var(--amplify-space-medium); --amplify-components-fieldcontrol-padding-inline-end: var(--amplify-space-medium); --amplify-components-fieldcontrol-font-size: var(--amplify-components-field-font-size); --amplify-components-fieldcontrol-line-height: var(--amplify-line-heights-medium); --amplify-components-fieldcontrol-transition-duration: var(--amplify-time-medium); --amplify-components-fieldcontrol-outline-color: var(--amplify-colors-transparent); --amplify-components-fieldcontrol-outline-style: solid; --amplify-components-fieldcontrol-outline-width: var(--amplify-outline-widths-medium); --amplify-components-fieldcontrol-outline-offset: var(--amplify-outline-offsets-medium); --amplify-components-fieldcontrol-small-font-size: var(--amplify-components-field-small-font-size); --amplify-components-fieldcontrol-small-padding-block-start: var(--amplify-space-xxs); --amplify-components-fieldcontrol-small-padding-block-end: var(--amplify-space-xxs); --amplify-components-fieldcontrol-small-padding-inline-start: var(--amplify-space-small); --amplify-components-fieldcontrol-small-padding-inline-end: var(--amplify-space-small); --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size); --amplify-components-fieldcontrol-large-padding-block-start: var(--amplify-space-xs); --amplify-components-fieldcontrol-large-padding-block-end: var(--amplify-space-xs); --amplify-components-fieldcontrol-large-padding-inline-start: var(--amplify-space-medium); --amplify-components-fieldcontrol-large-padding-inline-end: var(--amplify-space-medium); --amplify-components-fieldcontrol-quiet-border-style: none; --amplify-components-fieldcontrol-quiet-border-inline-start: none; --amplify-components-fieldcontrol-quiet-border-inline-end: none; --amplify-components-fieldcontrol-quiet-border-block-start: none; --amplify-components-fieldcontrol-quiet-border-radius: 0; --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus); --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-focus); --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error); --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-error); --amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus); --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-fieldcontrol-disabled-cursor: not-allowed; --amplify-components-fieldcontrol-disabled-border-color: var(--amplify-colors-transparent); --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error); --amplify-components-fieldcontrol-error-color: var(--amplify-colors-font-error); --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error); --amplify-components-fieldgroup-gap: var(--amplify-space-zero); --amplify-components-fieldgroup-vertical-align-items: center; --amplify-components-fieldgroup-outer-align-items: center; --amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error); --amplify-components-fieldmessages-error-font-size: var(--amplify-font-sizes-small); --amplify-components-fieldmessages-description-color: var(--amplify-colors-font-secondary); --amplify-components-fieldmessages-description-font-style: italic; --amplify-components-fieldmessages-description-font-size: var(--amplify-font-sizes-small); --amplify-components-fieldset-background-color: transparent; --amplify-components-fieldset-border-radius: var(--amplify-radii-xs); --amplify-components-fieldset-flex-direction: column; --amplify-components-fieldset-gap: var(--amplify-components-field-gap); --amplify-components-fieldset-legend-color: var(--amplify-colors-font-primary); --amplify-components-fieldset-legend-font-size: var(--amplify-components-field-font-size); --amplify-components-fieldset-legend-font-weight: var(--amplify-font-weights-bold); --amplify-components-fieldset-legend-line-height: var(--amplify-line-heights-medium); --amplify-components-fieldset-legend-small-font-size: var(--amplify-components-field-small-font-size); --amplify-components-fieldset-legend-large-font-size: var(--amplify-components-field-large-font-size); --amplify-components-fieldset-outlined-padding: var(--amplify-space-medium); --amplify-components-fieldset-outlined-border-color: var(--amplify-colors-neutral-40); --amplify-components-fieldset-outlined-border-width: var(--amplify-border-widths-small); --amplify-components-fieldset-outlined-border-style: solid; --amplify-components-fieldset-outlined-small-padding: var(--amplify-space-small); --amplify-components-fieldset-outlined-large-padding: var(--amplify-space-large); --amplify-components-fieldset-small-gap: var(--amplify-components-field-small-gap); --amplify-components-fieldset-large-gap: var(--amplify-components-field-large-gap); --amplify-components-fileuploader-dropzone-background-color: var(--amplify-colors-background-primary); --amplify-components-fileuploader-dropzone-border-radius: var(--amplify-radii-small); --amplify-components-fileuploader-dropzone-border-color: var(--amplify-colors-border-primary); --amplify-components-fileuploader-dropzone-border-style: dashed; --amplify-components-fileuploader-dropzone-border-width: var(--amplify-border-widths-small); --amplify-components-fileuploader-dropzone-gap: var(--amplify-space-small); --amplify-components-fileuploader-dropzone-padding-block: var(--amplify-space-xl); --amplify-components-fileuploader-dropzone-padding-inline: var(--amplify-space-large); --amplify-components-fileuploader-dropzone-text-align: center; --amplify-components-fileuploader-dropzone-active-background-color: var(--amplify-colors-brand-primary-10); --amplify-components-fileuploader-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius); --amplify-components-fileuploader-dropzone-active-border-color: var(--amplify-colors-border-pressed); --amplify-components-fileuploader-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style); --amplify-components-fileuploader-dropzone-active-border-width: var(--amplify-border-widths-medium); --amplify-components-fileuploader-dropzone-icon-color: var(--amplify-colors-border-primary); --amplify-components-fileuploader-dropzone-icon-font-size: var(--amplify-font-sizes-xxl); --amplify-components-fileuploader-dropzone-text-color: var(--amplify-colors-font-tertiary); --amplify-components-fileuploader-dropzone-text-font-size: var(--amplify-font-sizes-medium); --amplify-components-fileuploader-dropzone-text-font-weight: var(--amplify-font-weights-bold); --amplify-components-fileuploader-file-background-color: var(--amplify-colors-background-primary); --amplify-components-fileuploader-file-border-radius: var(--amplify-radii-small); --amplify-components-fileuploader-file-border-color: var(--amplify-colors-border-primary); --amplify-components-fileuploader-file-border-style: solid; --amplify-components-fileuploader-file-border-width: var(--amplify-border-widths-small); --amplify-components-fileuploader-file-padding-block: var(--amplify-space-xs); --amplify-components-fileuploader-file-padding-inline: var(--amplify-space-small); --amplify-components-fileuploader-file-gap: var(--amplify-space-small); --amplify-components-fileuploader-file-align-items: baseline; --amplify-components-fileuploader-file-name-font-size: var(--amplify-font-sizes-medium); --amplify-components-fileuploader-file-name-font-weight: var(--amplify-font-weights-bold); --amplify-components-fileuploader-file-name-color: var(--amplify-colors-font-primary); --amplify-components-fileuploader-file-size-font-size: var(--amplify-font-sizes-small); --amplify-components-fileuploader-file-size-font-weight: var(--amplify-font-weights-normal); --amplify-components-fileuploader-file-size-color: var(--amplify-colors-font-tertiary); --amplify-components-fileuploader-file-image-width: var(--amplify-space-xxl); --amplify-components-fileuploader-file-image-height: var(--amplify-space-xxl); --amplify-components-fileuploader-file-image-background-color: var(--amplify-colors-background-secondary); --amplify-components-fileuploader-file-image-color: var(--amplify-colors-font-tertiary); --amplify-components-fileuploader-file-image-border-radius: var(--amplify-radii-small); --amplify-components-fileuploader-loader-stroke-linecap: round; --amplify-components-fileuploader-loader-stroke-empty: var(--amplify-colors-border-secondary); --amplify-components-fileuploader-loader-stroke-filled: var(--amplify-components-loader-stroke-filled); --amplify-components-fileuploader-loader-stroke-width: var(--amplify-border-widths-large); --amplify-components-fileuploader-previewer-background-color: var(--amplify-colors-background-primary); --amplify-components-fileuploader-previewer-border-color: var(--amplify-colors-border-primary); --amplify-components-fileuploader-previewer-border-style: solid; --amplify-components-fileuploader-previewer-border-width: var(--amplify-border-widths-small); --amplify-components-fileuploader-previewer-border-radius: var(--amplify-radii-small); --amplify-components-fileuploader-previewer-padding-block: var(--amplify-space-zero); --amplify-components-fileuploader-previewer-padding-inline: var(--amplify-space-zero); --amplify-components-fileuploader-previewer-max-height: 40rem; --amplify-components-fileuploader-previewer-max-width: auto; --amplify-components-fileuploader-previewer-text-font-size: var(--amplify-font-sizes-medium); --amplify-components-fileuploader-previewer-text-font-weight: var(--amplify-font-weights-bold); --amplify-components-fileuploader-previewer-text-color: var(--amplify-colors-font-primary); --amplify-components-fileuploader-previewer-body-padding-block: var(--amplify-space-medium); --amplify-components-fileuploader-previewer-body-padding-inline: var(--amplify-space-medium); --amplify-components-fileuploader-previewer-body-gap: var(--amplify-space-small); --amplify-components-fileuploader-previewer-footer-border-color: var(--amplify-colors-border-secondary); --amplify-components-fileuploader-previewer-footer-border-style: solid; --amplify-components-fileuploader-previewer-footer-border-width: var(--amplify-border-widths-small); --amplify-components-fileuploader-previewer-footer-padding-block: var(--amplify-space-medium); --amplify-components-fileuploader-previewer-footer-padding-inline: var(--amplify-space-medium); --amplify-components-fileuploader-previewer-footer-justify-content: space-between; --amplify-components-flex-gap: var(--amplify-space-medium); --amplify-components-flex-justify-content: normal; --amplify-components-flex-align-items: stretch; --amplify-components-flex-align-content: normal; --amplify-components-flex-flex-wrap: nowrap; --amplify-components-heading-1-font-size: var(--amplify-font-sizes-xxxxl); --amplify-components-heading-1-font-weight: var(--amplify-font-weights-light); --amplify-components-heading-2-font-size: var(--amplify-font-sizes-xxxl); --amplify-components-heading-2-font-weight: var(--amplify-font-weights-normal); --amplify-components-heading-3-font-size: var(--amplify-font-sizes-xxl); --amplify-components-heading-3-font-weight: var(--amplify-font-weights-medium); --amplify-components-heading-4-font-size: var(--amplify-font-sizes-xl); --amplify-components-heading-4-font-weight: var(--amplify-font-weights-semibold); --amplify-components-heading-5-font-size: var(--amplify-font-sizes-large); --amplify-components-heading-5-font-weight: var(--amplify-font-weights-bold); --amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium); --amplify-components-heading-6-font-weight: var(--amplify-font-weights-extrabold); --amplify-components-heading-color: var(--amplify-colors-font-primary); --amplify-components-heading-line-height: var(--amplify-line-heights-small); --amplify-components-icon-line-height: 1; --amplify-components-icon-height: 1em; --amplify-components-highlightmatch-highlighted-font-weight: var(--amplify-font-weights-bold); --amplify-components-image-max-width: 100%; --amplify-components-image-height: auto; --amplify-components-image-object-fit: initial; --amplify-components-image-object-position: initial; --amplify-components-inappmessaging-banner-height: 150px ; --amplify-components-inappmessaging-banner-width: 400px ; --amplify-components-inappmessaging-button-background-color: #e8e8e8; --amplify-components-inappmessaging-button-border-radius: 5px; --amplify-components-inappmessaging-button-color: black; --amplify-components-inappmessaging-dialog-height: 50vh; --amplify-components-inappmessaging-dialog-min-height: 400px; --amplify-components-inappmessaging-dialog-min-width: 400px; --amplify-components-inappmessaging-dialog-width: 30vw; --amplify-components-inappmessaging-header-font-size: var(--amplify-font-sizes-medium); --amplify-components-inappmessaging-header-font-weight: var(--amplify-font-weights-extrabold); --amplify-components-input-color: var(--amplify-components-fieldcontrol-color); --amplify-components-input-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-input-font-size: var(--amplify-components-fieldcontrol-font-size); --amplify-components-input-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color); --amplify-components-link-active-color: var(--amplify-colors-font-active); --amplify-components-link-color: var(--amplify-colors-font-interactive); --amplify-components-link-focus-color: var(--amplify-colors-font-focus); --amplify-components-link-hover-color: var(--amplify-colors-font-hover); --amplify-components-link-visited-color: var(--amplify-colors-font-interactive); --amplify-components-liveness-camera-module-background-color: var(--amplify-colors-black); --amplify-components-loader-width: var(--amplify-font-sizes-medium); --amplify-components-loader-height: var(--amplify-font-sizes-medium); --amplify-components-loader-font-size: var(--amplify-font-sizes-xs); --amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20); --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80); --amplify-components-loader-stroke-linecap: round; --amplify-components-loader-animation-duration: 1s; --amplify-components-loader-small-width: var(--amplify-font-sizes-small); --amplify-components-loader-small-height: var(--amplify-font-sizes-small); --amplify-components-loader-small-font-size: var(--amplify-font-sizes-xxs); --amplify-components-loader-large-width: var(--amplify-font-sizes-large); --amplify-components-loader-large-height: var(--amplify-font-sizes-large); --amplify-components-loader-large-font-size: var(--amplify-font-sizes-small); --amplify-components-loader-linear-width: 100%; --amplify-components-loader-linear-min-width: 5rem; --amplify-components-loader-linear-font-size: var(--amplify-font-sizes-xxs); --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-xxs); --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80); --amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20); --amplify-components-loader-linear-stroke-linecap: round; --amplify-components-loader-linear-animation-duration: 1s; --amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-xxxs); --amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-xxxs); --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-xs); --amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-xs); --amplify-components-loader-text-fill: var(--amplify-colors-font-primary); --amplify-components-menu-background-color: var(--amplify-colors-background-primary); --amplify-components-menu-border-radius: var(--amplify-radii-medium); --amplify-components-menu-border-width: var(--amplify-border-widths-small); --amplify-components-menu-border-style: solid; --amplify-components-menu-border-color: var(--amplify-colors-border-primary); --amplify-components-menu-box-shadow: var(--amplify-shadows-large); --amplify-components-menu-flex-direction: column; --amplify-components-menu-gap: var(--amplify-space-zero); --amplify-components-menu-max-width: 30rem; --amplify-components-menu-min-width: 14rem; --amplify-components-menu-small-width: var(--amplify-font-sizes-medium); --amplify-components-menu-small-height: var(--amplify-font-sizes-medium); --amplify-components-menu-large-width: var(--amplify-font-sizes-xxxl); --amplify-components-menu-large-height: var(--amplify-font-sizes-xxxl); --amplify-components-menu-item-min-height: 2.5rem; --amplify-components-menu-item-padding-inline-start: var(--amplify-space-medium); --amplify-components-menu-item-padding-inline-end: var(--amplify-space-medium); --amplify-components-message-align-items: center; --amplify-components-message-background-color: var(--amplify-colors-background-tertiary); --amplify-components-message-border-color: transparent; --amplify-components-message-border-style: solid; --amplify-components-message-border-width: var(--amplify-border-widths-small); --amplify-components-message-border-radius: var(--amplify-radii-xs); --amplify-components-message-color: var(--amplify-colors-font-primary); --amplify-components-message-justify-content: flex-start; --amplify-components-message-padding-block: var(--amplify-space-small); --amplify-components-message-padding-inline: var(--amplify-space-medium); --amplify-components-message-line-height: var(--amplify-line-heights-small); --amplify-components-message-icon-size: var(--amplify-font-sizes-xl); --amplify-components-message-heading-font-size: var(--amplify-font-sizes-medium); --amplify-components-message-heading-font-weight: var(--amplify-font-weights-bold); --amplify-components-message-dismiss-gap: var(--amplify-space-xxs); --amplify-components-message-plain-color: var(--amplify-colors-font-primary); --amplify-components-message-plain-background-color: var(--amplify-colors-background-primary); --amplify-components-message-plain-border-color: transparent; --amplify-components-message-plain-info-color: var(--amplify-colors-font-info); --amplify-components-message-plain-info-background-color: var(--amplify-colors-background-primary); --amplify-components-message-plain-info-border-color: transparent; --amplify-components-message-plain-error-color: var(--amplify-colors-font-error); --amplify-components-message-plain-error-background-color: var(--amplify-colors-background-primary); --amplify-components-message-plain-error-border-color: transparent; --amplify-components-message-plain-success-color: var(--amplify-colors-font-success); --amplify-components-message-plain-success-background-color: var(--amplify-colors-background-primary); --amplify-components-message-plain-success-border-color: transparent; --amplify-components-message-plain-warning-color: var(--amplify-colors-font-warning); --amplify-components-message-plain-warning-background-color: var(--amplify-colors-background-primary); --amplify-components-message-plain-warning-border-color: transparent; --amplify-components-message-outlined-color: var(--amplify-colors-font-primary); --amplify-components-message-outlined-background-color: var(--amplify-colors-background-primary); --amplify-components-message-outlined-border-color: var(--amplify-colors-border-primary); --amplify-components-message-outlined-info-color: var(--amplify-colors-font-info); --amplify-components-message-outlined-info-background-color: var(--amplify-colors-background-primary); --amplify-components-message-outlined-info-border-color: var(--amplify-colors-border-info); --amplify-components-message-outlined-error-color: var(--amplify-colors-font-error); --amplify-components-message-outlined-error-background-color: var(--amplify-colors-background-primary); --amplify-components-message-outlined-error-border-color: var(--amplify-colors-border-error); --amplify-components-message-outlined-success-color: var(--amplify-colors-font-success); --amplify-components-message-outlined-success-background-color: var(--amplify-colors-background-primary); --amplify-components-message-outlined-success-border-color: var(--amplify-colors-border-success); --amplify-components-message-outlined-warning-color: var(--amplify-colors-font-warning); --amplify-components-message-outlined-warning-background-color: var(--amplify-colors-background-primary); --amplify-components-message-outlined-warning-border-color: var(--amplify-colors-border-warning); --amplify-components-message-filled-color: var(--amplify-colors-font-primary); --amplify-components-message-filled-background-color: var(--amplify-colors-background-secondary); --amplify-components-message-filled-border-color: transparent; --amplify-components-message-filled-info-color: var(--amplify-colors-font-info); --amplify-components-message-filled-info-background-color: var(--amplify-colors-background-info); --amplify-components-message-filled-info-border-color: transparent; --amplify-components-message-filled-error-color: var(--amplify-colors-font-error); --amplify-components-message-filled-error-background-color: var(--amplify-colors-background-error); --amplify-components-message-filled-error-border-color: transparent; --amplify-components-message-filled-success-color: var(--amplify-colors-font-success); --amplify-components-message-filled-success-background-color: var(--amplify-colors-background-success); --amplify-components-message-filled-success-border-color: transparent; --amplify-components-message-filled-warning-color: var(--amplify-colors-font-warning); --amplify-components-message-filled-warning-background-color: var(--amplify-colors-background-warning); --amplify-components-message-filled-warning-border-color: transparent; --amplify-components-pagination-current-align-items: center; --amplify-components-pagination-current-justify-content: center; --amplify-components-pagination-current-color: var(--amplify-colors-font-inverse); --amplify-components-pagination-current-font-size: var(--amplify-font-sizes-small); --amplify-components-pagination-current-background-color: var(--amplify-colors-overlay-40); --amplify-components-pagination-button-color: var(--amplify-colors-font-primary); --amplify-components-pagination-button-padding-inline-start: var(--amplify-space-xxs); --amplify-components-pagination-button-padding-inline-end: var(--amplify-space-xxs); --amplify-components-pagination-button-transition-property: background-color; --amplify-components-pagination-button-transition-duration: var(--amplify-time-medium); --amplify-components-pagination-button-hover-background-color: var(--amplify-colors-overlay-10); --amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary); --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-pagination-ellipsis-align-items: baseline; --amplify-components-pagination-ellipsis-justify-content: center; --amplify-components-pagination-ellipsis-padding-inline-start: var(--amplify-space-xs); --amplify-components-pagination-ellipsis-padding-inline-end: var(--amplify-space-xs); --amplify-components-pagination-item-container-margin-left: var(--amplify-space-xxxs); --amplify-components-pagination-item-container-margin-right: var(--amplify-space-xxxs); --amplify-components-pagination-item-shared-height: var(--amplify-font-sizes-xxl); --amplify-components-pagination-item-shared-min-width: var(--amplify-font-sizes-xxl); --amplify-components-pagination-item-shared-border-radius: var(--amplify-font-sizes-medium); --amplify-components-passwordfield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-passwordfield-button-color: var(--amplify-components-button-color); --amplify-components-passwordfield-button-active-background-color: var(--amplify-components-button-active-background-color); --amplify-components-passwordfield-button-active-border-color: var(--amplify-components-button-active-border-color); --amplify-components-passwordfield-button-active-color: var(--amplify-components-button-active-color); --amplify-components-passwordfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color); --amplify-components-passwordfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color); --amplify-components-passwordfield-button-disabled-color: var(--amplify-components-button-disabled-color); --amplify-components-passwordfield-button-focus-background-color: var(--amplify-components-button-focus-background-color); --amplify-components-passwordfield-button-focus-border-color: var(--amplify-components-button-focus-border-color); --amplify-components-passwordfield-button-focus-color: var(--amplify-components-button-focus-color); --amplify-components-passwordfield-button-hover-background-color: var(--amplify-components-button-hover-background-color); --amplify-components-passwordfield-button-hover-border-color: var(--amplify-components-button-hover-border-color); --amplify-components-passwordfield-button-hover-color: var(--amplify-components-button-hover-color); --amplify-components-phonenumberfield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-phonenumberfield-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-phonenumberfield-font-size: var(--amplify-components-fieldcontrol-font-size); --amplify-components-phonenumberfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color); --amplify-components-placeholder-border-radius: var(--amplify-radii-small); --amplify-components-placeholder-transition-duration: var(--amplify-time-long); --amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary); --amplify-components-placeholder-end-color: var(--amplify-colors-background-tertiary); --amplify-components-placeholder-small-height: var(--amplify-space-small); --amplify-components-placeholder-default-height: var(--amplify-space-medium); --amplify-components-placeholder-large-height: var(--amplify-space-large); --amplify-components-radio-align-items: center; --amplify-components-radio-justify-content: flex-start; --amplify-components-radio-gap: inherit; --amplify-components-radio-disabled-cursor: not-allowed; --amplify-components-radio-button-align-items: center; --amplify-components-radio-button-justify-content: center; --amplify-components-radio-button-width: var(--amplify-font-sizes-medium); --amplify-components-radio-button-height: var(--amplify-font-sizes-medium); --amplify-components-radio-button-box-sizing: border-box; --amplify-components-radio-button-border-width: var(--amplify-border-widths-medium); --amplify-components-radio-button-border-style: solid; --amplify-components-radio-button-border-radius: 50%; --amplify-components-radio-button-border-color: var(--amplify-colors-border-primary); --amplify-components-radio-button-color: var(--amplify-colors-background-primary); --amplify-components-radio-button-background-color: var(--amplify-colors-background-primary); --amplify-components-radio-button-transition-property: all; --amplify-components-radio-button-transition-duration: var(--amplify-time-medium); --amplify-components-radio-button-outline-color: var(--amplify-colors-transparent); --amplify-components-radio-button-outline-style: solid; --amplify-components-radio-button-outline-width: var(--amplify-outline-widths-medium); --amplify-components-radio-button-outline-offset: var(--amplify-outline-offsets-medium); --amplify-components-radio-button-padding: var(--amplify-border-widths-medium); --amplify-components-radio-button-small-width: var(--amplify-font-sizes-small); --amplify-components-radio-button-small-height: var(--amplify-font-sizes-small); --amplify-components-radio-button-large-width: var(--amplify-font-sizes-large); --amplify-components-radio-button-large-height: var(--amplify-font-sizes-large); --amplify-components-radio-button-checked-color: var(--amplify-colors-brand-primary-80); --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled); --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --amplify-components-radio-button-error-border-color: var(--amplify-colors-border-error); --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow); --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled); --amplify-components-radio-button-disabled-background-color: var(--amplify-colors-background-primary); --amplify-components-radio-label-color: var(--amplify-components-text-color); --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-radiogroup-radio-border-width: var(--amplify-components-radio-button-border-width); --amplify-components-radiogroup-radio-border-color: var(--amplify-components-radio-button-border-color); --amplify-components-radiogroup-radio-background-color: var(--amplify-components-radio-button-background-color); --amplify-components-radiogroup-radio-checked-color: var(--amplify-components-radio-button-checked-color); --amplify-components-radiogroup-radio-label-color: var(--amplify-components-radio-label-color); --amplify-components-radiogroup-label-color: var(--amplify-components-field-label-color); --amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl); --amplify-components-rating-default-size: var(--amplify-font-sizes-xl); --amplify-components-rating-small-size: var(--amplify-font-sizes-small); --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80); --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary); --amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-searchfield-button-color: var(--amplify-components-button-color); --amplify-components-searchfield-button-background-color: var(--amplify-colors-background-primary); --amplify-components-searchfield-button-active-background-color: var(--amplify-components-button-active-background-color); --amplify-components-searchfield-button-active-border-color: var(--amplify-components-button-active-border-color); --amplify-components-searchfield-button-active-color: var(--amplify-components-button-active-color); --amplify-components-searchfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color); --amplify-components-searchfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color); --amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color); --amplify-components-searchfield-button-focus-background-color: var(--amplify-components-button-focus-background-color); --amplify-components-searchfield-button-focus-border-color: var(--amplify-components-button-focus-border-color); --amplify-components-searchfield-button-focus-color: var(--amplify-components-button-focus-color); --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color); --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color); --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color); --amplify-components-select-padding-inline-end: var(--amplify-space-xxl); --amplify-components-select-wrapper-flex: 1; --amplify-components-select-wrapper-display: block; --amplify-components-select-wrapper-position: relative; --amplify-components-select-wrapper-cursor: pointer; --amplify-components-select-icon-wrapper-align-items: center; --amplify-components-select-icon-wrapper-position: absolute; --amplify-components-select-icon-wrapper-top: 50%; --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium); --amplify-components-select-icon-wrapper-transform: translateY(-50%); --amplify-components-select-icon-wrapper-pointer-events: none; --amplify-components-select-icon-wrapper-small-right: var(--amplify-space-xs); --amplify-components-select-icon-wrapper-large-right: var(--amplify-space-medium); --amplify-components-select-option-background-color: var(--amplify-colors-background-primary); --amplify-components-select-option-color: var(--amplify-colors-font-primary); --amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-select-white-space: nowrap; --amplify-components-select-min-width: 6.5rem; --amplify-components-select-small-min-width: 5.5rem; --amplify-components-select-small-padding-inline-end: var(--amplify-space-xl); --amplify-components-select-large-min-width: 7.5rem; --amplify-components-select-large-padding-inline-end: var(--amplify-space-xxl); --amplify-components-selectfield-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-selectfield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-selectfield-flex-direction: column; --amplify-components-selectfield-font-size: var(--amplify-components-fieldcontrol-font-size); --amplify-components-selectfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color); --amplify-components-selectfield-label-color: var(--amplify-components-field-label-color); --amplify-components-sliderfield-padding-block: var(--amplify-space-xs); --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary); --amplify-components-sliderfield-track-border-radius: 9999px; --amplify-components-sliderfield-track-height: 0.375rem; --amplify-components-sliderfield-track-min-width: 10rem; --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-sliderfield-range-border-radius: 9999px; --amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-sliderfield-thumb-width: 1.25rem; --amplify-components-sliderfield-thumb-height: 1.25rem; --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary); --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small); --amplify-components-sliderfield-thumb-border-radius: 50%; --amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-medium); --amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary); --amplify-components-sliderfield-thumb-border-style: solid; --amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-sliderfield-thumb-disabled-border-color: transparent; --amplify-components-sliderfield-thumb-disabled-box-shadow: none; --amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary); --amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus); --amplify-components-sliderfield-thumb-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-sliderfield-thumb-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus); --amplify-components-sliderfield-small-track-height: 0.25rem; --amplify-components-sliderfield-small-thumb-width: 1rem; --amplify-components-sliderfield-small-thumb-height: 1rem; --amplify-components-sliderfield-large-track-height: 0.625rem; --amplify-components-sliderfield-large-thumb-width: 1.5rem; --amplify-components-sliderfield-large-thumb-height: 1.5rem; --amplify-components-stepperfield-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-stepperfield-flex-direction: column; --amplify-components-stepperfield-input-color: var(--amplify-components-fieldcontrol-color); --amplify-components-stepperfield-input-font-size: var(--amplify-components-fieldcontrol-font-size); --amplify-components-stepperfield-input-text-align: center; --amplify-components-stepperfield-button-color: var(--amplify-components-button-color); --amplify-components-stepperfield-button-background-color: var(--amplify-colors-transparent); --amplify-components-stepperfield-button-active-color: var(--amplify-components-button-active-color); --amplify-components-stepperfield-button-active-background-color: var(--amplify-components-button-active-background-color); --amplify-components-stepperfield-button-focus-color: var(--amplify-components-button-focus-color); --amplify-components-stepperfield-button-focus-background-color: var(--amplify-components-button-focus-background-color); --amplify-components-stepperfield-button-disabled-color: var(--amplify-components-button-disabled-color); --amplify-components-stepperfield-button-disabled-background-color: var(--amplify-components-fieldcontrol-disabled-background-color); --amplify-components-stepperfield-button-hover-color: var(--amplify-components-button-hover-color); --amplify-components-stepperfield-button-hover-background-color: var(--amplify-components-button-hover-background-color); --amplify-components-storagemanager-dropzone-background-color: var(--amplify-colors-background-primary); --amplify-components-storagemanager-dropzone-border-radius: var(--amplify-radii-small); --amplify-components-storagemanager-dropzone-border-color: var(--amplify-colors-border-primary); --amplify-components-storagemanager-dropzone-border-style: dashed; --amplify-components-storagemanager-dropzone-border-width: var(--amplify-border-widths-small); --amplify-components-storagemanager-dropzone-gap: var(--amplify-space-small); --amplify-components-storagemanager-dropzone-padding-block: var(--amplify-space-xl); --amplify-components-storagemanager-dropzone-padding-inline: var(--amplify-space-large); --amplify-components-storagemanager-dropzone-text-align: center; --amplify-components-storagemanager-dropzone-active-background-color: var(--amplify-colors-brand-primary-10); --amplify-components-storagemanager-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius); --amplify-components-storagemanager-dropzone-active-border-color: var(--amplify-colors-border-pressed); --amplify-components-storagemanager-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style); --amplify-components-storagemanager-dropzone-active-border-width: var(--amplify-border-widths-medium); --amplify-components-storagemanager-dropzone-icon-color: var(--amplify-colors-border-primary); --amplify-components-storagemanager-dropzone-icon-font-size: var(--amplify-font-sizes-xxl); --amplify-components-storagemanager-dropzone-text-color: var(--amplify-colors-font-tertiary); --amplify-components-storagemanager-dropzone-text-font-size: var(--amplify-font-sizes-medium); --amplify-components-storagemanager-dropzone-text-font-weight: var(--amplify-font-weights-bold); --amplify-components-storagemanager-file-background-color: var(--amplify-colors-background-primary); --amplify-components-storagemanager-file-border-radius: var(--amplify-radii-small); --amplify-components-storagemanager-file-border-color: var(--amplify-colors-border-primary); --amplify-components-storagemanager-file-border-style: solid; --amplify-components-storagemanager-file-border-width: var(--amplify-border-widths-small); --amplify-components-storagemanager-file-padding-block: var(--amplify-space-xs); --amplify-components-storagemanager-file-padding-inline: var(--amplify-space-small); --amplify-components-storagemanager-file-gap: var(--amplify-space-small); --amplify-components-storagemanager-file-align-items: baseline; --amplify-components-storagemanager-file-name-font-size: var(--amplify-font-sizes-medium); --amplify-components-storagemanager-file-name-font-weight: var(--amplify-font-weights-bold); --amplify-components-storagemanager-file-name-color: var(--amplify-colors-font-primary); --amplify-components-storagemanager-file-size-font-size: var(--amplify-font-sizes-small); --amplify-components-storagemanager-file-size-font-weight: var(--amplify-font-weights-normal); --amplify-components-storagemanager-file-size-color: var(--amplify-colors-font-tertiary); --amplify-components-storagemanager-file-image-width: var(--amplify-space-xxl); --amplify-components-storagemanager-file-image-height: var(--amplify-space-xxl); --amplify-components-storagemanager-file-image-background-color: var(--amplify-colors-background-secondary); --amplify-components-storagemanager-file-image-color: var(--amplify-colors-font-tertiary); --amplify-components-storagemanager-file-image-border-radius: var(--amplify-radii-small); --amplify-components-storagemanager-loader-stroke-linecap: round; --amplify-components-storagemanager-loader-stroke-empty: var(--amplify-colors-border-secondary); --amplify-components-storagemanager-loader-stroke-filled: var(--amplify-components-loader-stroke-filled); --amplify-components-storagemanager-loader-stroke-width: var(--amplify-border-widths-large); --amplify-components-storagemanager-previewer-background-color: var(--amplify-colors-background-primary); --amplify-components-storagemanager-previewer-border-color: var(--amplify-colors-border-primary); --amplify-components-storagemanager-previewer-border-style: solid; --amplify-components-storagemanager-previewer-border-width: var(--amplify-border-widths-small); --amplify-components-storagemanager-previewer-border-radius: var(--amplify-radii-small); --amplify-components-storagemanager-previewer-padding-block: var(--amplify-space-zero); --amplify-components-storagemanager-previewer-padding-inline: var(--amplify-space-zero); --amplify-components-storagemanager-previewer-max-height: 40rem; --amplify-components-storagemanager-previewer-max-width: auto; --amplify-components-storagemanager-previewer-text-font-size: var(--amplify-font-sizes-medium); --amplify-components-storagemanager-previewer-text-font-weight: var(--amplify-font-weights-bold); --amplify-components-storagemanager-previewer-text-color: var(--amplify-colors-font-primary); --amplify-components-storagemanager-previewer-body-padding-block: var(--amplify-space-medium); --amplify-components-storagemanager-previewer-body-padding-inline: var(--amplify-space-medium); --amplify-components-storagemanager-previewer-body-gap: var(--amplify-space-small); --amplify-components-storagemanager-previewer-footer-justify-content: flex-end; --amplify-components-storagemanager-filelist-flex-direction: column; --amplify-components-storagemanager-filelist-gap: var(--amplify-space-small); --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60); --amplify-components-switchfield-focused-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus); --amplify-components-switchfield-font-size: var(--amplify-font-sizes-medium); --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large); --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small); --amplify-components-switchfield-label-padding: var(--amplify-space-xs); --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary); --amplify-components-switchfield-thumb-border-color: transparent; --amplify-components-switchfield-thumb-border-width: var(--amplify-border-widths-small); --amplify-components-switchfield-thumb-border-style: solid; --amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl); --amplify-components-switchfield-thumb-checked-transform: var(--amplify-transforms-slide-x-medium); --amplify-components-switchfield-thumb-transition-duration: var(--amplify-time-medium); --amplify-components-switchfield-thumb-width: var(--amplify-space-relative-medium); --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-quaternary); --amplify-components-switchfield-track-border-radius: var(--amplify-radii-xxxl); --amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-switchfield-track-height: var(--amplify-space-relative-medium); --amplify-components-switchfield-track-padding: var(--amplify-outline-widths-medium); --amplify-components-switchfield-track-transition-duration: var(--amplify-time-short); --amplify-components-switchfield-track-width: var(--amplify-space-relative-xl); --amplify-components-switchfield-track-error-background-color: var(--amplify-colors-background-error); --amplify-components-table-border-collapse: collapse; --amplify-components-table-display: table; --amplify-components-table-width: 100%; --amplify-components-table-head-display: table-header-group; --amplify-components-table-head-vertical-align: middle; --amplify-components-table-body-display: table-row-group; --amplify-components-table-body-vertical-align: middle; --amplify-components-table-foot-display: table-footer-group; --amplify-components-table-foot-vertical-align: middle; --amplify-components-table-row-display: table-row; --amplify-components-table-row-vertical-align: middle; --amplify-components-table-row-hover-background-color: var(--amplify-colors-background-tertiary); --amplify-components-table-row-striped-background-color: var(--amplify-colors-background-secondary); --amplify-components-table-header-border-color: var(--amplify-colors-border-tertiary); --amplify-components-table-header-border-style: solid; --amplify-components-table-header-border-width: var(--amplify-border-widths-small); --amplify-components-table-header-color: var(--amplify-colors-font-primary); --amplify-components-table-header-display: table-cell; --amplify-components-table-header-font-size: var(--amplify-font-sizes-medium); --amplify-components-table-header-font-weight: var(--amplify-font-weights-bold); --amplify-components-table-header-padding: var(--amplify-space-medium); --amplify-components-table-header-vertical-align: middle; --amplify-components-table-header-large-font-size: var(--amplify-font-sizes-large); --amplify-components-table-header-large-padding: var(--amplify-space-large); --amplify-components-table-header-small-font-size: var(--amplify-font-sizes-small); --amplify-components-table-header-small-padding: var(--amplify-space-xs); --amplify-components-table-data-border-color: var(--amplify-colors-border-tertiary); --amplify-components-table-data-border-style: solid; --amplify-components-table-data-border-width: var(--amplify-border-widths-small); --amplify-components-table-data-color: var(--amplify-colors-font-primary); --amplify-components-table-data-display: table-cell; --amplify-components-table-data-font-size: var(--amplify-font-sizes-medium); --amplify-components-table-data-font-weight: var(--amplify-font-weights-normal); --amplify-components-table-data-padding: var(--amplify-space-medium); --amplify-components-table-data-vertical-align: middle; --amplify-components-table-data-large-font-size: var(--amplify-font-sizes-large); --amplify-components-table-data-large-padding: var(--amplify-space-large); --amplify-components-table-data-small-font-size: var(--amplify-font-sizes-small); --amplify-components-table-data-small-padding: var(--amplify-space-xs); --amplify-components-table-caption-caption-side: bottom; --amplify-components-table-caption-color: var(--amplify-colors-font-primary); --amplify-components-table-caption-display: table-caption; --amplify-components-table-caption-font-size: var(--amplify-font-sizes-medium); --amplify-components-table-caption-text-align: center; --amplify-components-table-caption-word-break: break-all; --amplify-components-table-caption-large-font-size: var(--amplify-font-sizes-large); --amplify-components-table-caption-small-font-size: var(--amplify-font-sizes-small); --amplify-components-tabs-background-color: transparent; --amplify-components-tabs-border-color: var(--amplify-colors-border-secondary); --amplify-components-tabs-border-style: solid; --amplify-components-tabs-border-width: var(--amplify-border-widths-medium); --amplify-components-tabs-gap: 0; --amplify-components-tabs-item-background-color: transparent; --amplify-components-tabs-item-border-color: var(--amplify-colors-border-secondary); --amplify-components-tabs-item-border-style: solid; --amplify-components-tabs-item-border-width: var(--amplify-border-widths-medium); --amplify-components-tabs-item-color: var(--amplify-colors-font-secondary); --amplify-components-tabs-item-font-size: var(--amplify-font-sizes-medium); --amplify-components-tabs-item-font-weight: var(--amplify-font-weights-bold); --amplify-components-tabs-item-padding-vertical: var(--amplify-space-small); --amplify-components-tabs-item-padding-horizontal: var(--amplify-space-medium); --amplify-components-tabs-item-text-align: center; --amplify-components-tabs-item-transition-duration: var(--amplify-time-medium); --amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover); --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus); --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive); --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive); --amplify-components-tabs-item-active-background-color: transparent; --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-tabs-item-disabled-background-color: transparent; --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary); --amplify-components-text-color: var(--amplify-colors-font-primary); --amplify-components-text-primary-color: var(--amplify-colors-font-primary); --amplify-components-text-secondary-color: var(--amplify-colors-font-secondary); --amplify-components-text-tertiary-color: var(--amplify-colors-font-tertiary); --amplify-components-text-error-color: var(--amplify-colors-font-error); --amplify-components-text-warning-color: var(--amplify-colors-font-warning); --amplify-components-text-success-color: var(--amplify-colors-font-success); --amplify-components-text-info-color: var(--amplify-colors-font-info); --amplify-components-textareafield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-textareafield-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-textareafield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color); --amplify-components-textfield-color: var(--amplify-components-fieldcontrol-color); --amplify-components-textfield-border-color: var(--amplify-components-fieldcontrol-border-color); --amplify-components-textfield-font-size: var(--amplify-components-fieldcontrol-font-size); --amplify-components-textfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color); --amplify-components-togglebutton-border-color: var(--amplify-colors-border-primary); --amplify-components-togglebutton-color: var(--amplify-colors-font-primary); --amplify-components-togglebutton-hover-background-color: var(--amplify-colors-overlay-10); --amplify-components-togglebutton-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-togglebutton-focus-color: var(--amplify-colors-font-primary); --amplify-components-togglebutton-active-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-disabled-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-disabled); --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-togglebutton-pressed-border-color: var(--amplify-colors-border-pressed); --amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary); --amplify-components-togglebutton-pressed-background-color: var(--amplify-colors-overlay-20); --amplify-components-togglebutton-pressed-hover-background-color: var(--amplify-colors-overlay-30); --amplify-components-togglebutton-primary-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-primary-border-width: var(--amplify-border-widths-small); --amplify-components-togglebutton-primary-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-togglebutton-primary-focus-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --amplify-components-togglebutton-primary-focus-color: var(--amplify-colors-font-primary); --amplify-components-togglebutton-primary-hover-background-color: var(--amplify-colors-overlay-10); --amplify-components-togglebutton-primary-hover-color: var(--amplify-colors-font-primary); --amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled); --amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled); --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-brand-primary-80); --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-brand-primary-80); --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary); --amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus); --amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary); --amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-brand-primary-60); --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-brand-primary-60); --amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-brand-primary-60); --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary); --amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50); --amplify-components-togglebutton-link-hover-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-hover-color: var(--amplify-colors-overlay-50); --amplify-components-togglebutton-link-focus-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-focus-color: var(--amplify-colors-overlay-50); --amplify-components-togglebutton-link-disabled-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-togglebutton-link-pressed-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-pressed-color: var(--amplify-colors-overlay-90); --amplify-components-togglebutton-link-pressed-focus-background-color: var(--amplify-colors-transparent); --amplify-components-togglebutton-link-pressed-focus-color: var(--amplify-colors-overlay-90); --amplify-components-togglebutton-link-pressed-hover-color: var(--amplify-colors-overlay-90); --amplify-components-togglebutton-link-pressed-hover-background-color: var(--amplify-colors-transparent); --amplify-components-togglebuttongroup-align-items: center; --amplify-components-togglebuttongroup-align-content: center; --amplify-components-togglebuttongroup-justify-content: flex-start; --amplify-border-widths-small: 1px; --amplify-border-widths-medium: 2px; --amplify-border-widths-large: 3px; --amplify-colors-red-10: hsl(0, 75%, 95%); --amplify-colors-red-20: hsl(0, 75%, 85%); --amplify-colors-red-40: hsl(0, 75%, 75%); --amplify-colors-red-60: hsl(0, 50%, 50%); --amplify-colors-red-80: hsl(0, 95%, 30%); --amplify-colors-red-90: hsl(0, 100%, 20%); --amplify-colors-red-100: hsl(0, 100%, 15%); --amplify-colors-orange-10: hsl(30, 75%, 95%); --amplify-colors-orange-20: hsl(30, 75%, 85%); --amplify-colors-orange-40: hsl(30, 75%, 75%); --amplify-colors-orange-60: hsl(30, 50%, 50%); --amplify-colors-orange-80: hsl(30, 95%, 30%); --amplify-colors-orange-90: hsl(30, 100%, 20%); --amplify-colors-orange-100: hsl(30, 100%, 15%); --amplify-colors-yellow-10: hsl(60, 75%, 95%); --amplify-colors-yellow-20: hsl(60, 75%, 85%); --amplify-colors-yellow-40: hsl(60, 75%, 75%); --amplify-colors-yellow-60: hsl(60, 50%, 50%); --amplify-colors-yellow-80: hsl(60, 95%, 30%); --amplify-colors-yellow-90: hsl(60, 100%, 20%); --amplify-colors-yellow-100: hsl(60, 100%, 15%); --amplify-colors-green-10: hsl(130, 60%, 95%); --amplify-colors-green-20: hsl(130, 60%, 90%); --amplify-colors-green-40: hsl(130, 44%, 63%); --amplify-colors-green-60: hsl(130, 43%, 46%); --amplify-colors-green-80: hsl(130, 33%, 37%); --amplify-colors-green-90: hsl(130, 27%, 29%); --amplify-colors-green-100: hsl(130, 22%, 23%); --amplify-colors-teal-10: hsl(190, 75%, 95%); --amplify-colors-teal-20: hsl(190, 75%, 85%); --amplify-colors-teal-40: hsl(190, 70%, 70%); --amplify-colors-teal-60: hsl(190, 50%, 50%); --amplify-colors-teal-80: hsl(190, 95%, 30%); --amplify-colors-teal-90: hsl(190, 100%, 20%); --amplify-colors-teal-100: hsl(190, 100%, 15%); --amplify-colors-blue-10: hsl(220, 95%, 95%); --amplify-colors-blue-20: hsl(220, 85%, 85%); --amplify-colors-blue-40: hsl(220, 70%, 70%); --amplify-colors-blue-60: hsl(220, 50%, 50%); --amplify-colors-blue-80: hsl(220, 95%, 30%); --amplify-colors-blue-90: hsl(220, 100%, 20%); --amplify-colors-blue-100: hsl(220, 100%, 15%); --amplify-colors-purple-10: hsl(300, 95%, 95%); --amplify-colors-purple-20: hsl(300, 85%, 85%); --amplify-colors-purple-40: hsl(300, 70%, 70%); --amplify-colors-purple-60: hsl(300, 50%, 50%); --amplify-colors-purple-80: hsl(300, 95%, 30%); --amplify-colors-purple-90: hsl(300, 100%, 20%); --amplify-colors-purple-100: hsl(300, 100%, 15%); --amplify-colors-pink-10: hsl(340, 95%, 95%); --amplify-colors-pink-20: hsl(340, 90%, 85%); --amplify-colors-pink-40: hsl(340, 70%, 70%); --amplify-colors-pink-60: hsl(340, 50%, 50%); --amplify-colors-pink-80: hsl(340, 95%, 30%); --amplify-colors-pink-90: hsl(340, 100%, 20%); --amplify-colors-pink-100: hsl(340, 100%, 15%); --amplify-colors-neutral-10: hsl(210, 5%, 98%); --amplify-colors-neutral-20: hsl(210, 5%, 94%); --amplify-colors-neutral-40: hsl(210, 5%, 87%); --amplify-colors-neutral-60: hsl(210, 10%, 58%); --amplify-colors-neutral-80: hsl(210, 10%, 40%); --amplify-colors-neutral-90: hsl(210, 25%, 25%); --amplify-colors-neutral-100: hsl(210, 50%, 10%); --amplify-colors-brand-primary-10: var(--amplify-colors-teal-10); --amplify-colors-brand-primary-20: var(--amplify-colors-teal-20); --amplify-colors-brand-primary-40: var(--amplify-colors-teal-40); --amplify-colors-brand-primary-60: var(--amplify-colors-teal-60); --amplify-colors-brand-primary-80: var(--amplify-colors-teal-80); --amplify-colors-brand-primary-90: var(--amplify-colors-teal-90); --amplify-colors-brand-primary-100: var(--amplify-colors-teal-100); --amplify-colors-brand-secondary-10: var(--amplify-colors-purple-10); --amplify-colors-brand-secondary-20: var(--amplify-colors-purple-20); --amplify-colors-brand-secondary-40: var(--amplify-colors-purple-40); --amplify-colors-brand-secondary-60: var(--amplify-colors-purple-60); --amplify-colors-brand-secondary-80: var(--amplify-colors-purple-80); --amplify-colors-brand-secondary-90: var(--amplify-colors-purple-90); --amplify-colors-brand-secondary-100: var(--amplify-colors-purple-100); --amplify-colors-font-primary: var(--amplify-colors-neutral-100); --amplify-colors-font-secondary: var(--amplify-colors-neutral-90); --amplify-colors-font-tertiary: var(--amplify-colors-neutral-80); --amplify-colors-font-disabled: var(--amplify-colors-neutral-60); --amplify-colors-font-inverse: var(--amplify-colors-white); --amplify-colors-font-interactive: var(--amplify-colors-brand-primary-80); --amplify-colors-font-hover: var(--amplify-colors-brand-primary-90); --amplify-colors-font-focus: var(--amplify-colors-brand-primary-100); --amplify-colors-font-active: var(--amplify-colors-brand-primary-100); --amplify-colors-font-info: var(--amplify-colors-blue-90); --amplify-colors-font-warning: var(--amplify-colors-orange-90); --amplify-colors-font-error: var(--amplify-colors-red-90); --amplify-colors-font-success: var(--amplify-colors-green-90); --amplify-colors-background-primary: var(--amplify-colors-white); --amplify-colors-background-secondary: var(--amplify-colors-neutral-10); --amplify-colors-background-tertiary: var(--amplify-colors-neutral-20); --amplify-colors-background-quaternary: var(--amplify-colors-neutral-60); --amplify-colors-background-disabled: var(--amplify-colors-background-tertiary); --amplify-colors-background-info: var(--amplify-colors-blue-10); --amplify-colors-background-warning: var(--amplify-colors-orange-10); --amplify-colors-background-error: var(--amplify-colors-red-10); --amplify-colors-background-success: var(--amplify-colors-green-10); --amplify-colors-border-primary: var(--amplify-colors-neutral-60); --amplify-colors-border-secondary: var(--amplify-colors-neutral-40); --amplify-colors-border-tertiary: var(--amplify-colors-neutral-20); --amplify-colors-border-disabled: var(--amplify-colors-border-tertiary); --amplify-colors-border-pressed: var(--amplify-colors-brand-primary-100); --amplify-colors-border-focus: var(--amplify-colors-brand-primary-100); --amplify-colors-border-error: var(--amplify-colors-red-80); --amplify-colors-border-info: var(--amplify-colors-blue-80); --amplify-colors-border-success: var(--amplify-colors-green-80); --amplify-colors-border-warning: var(--amplify-colors-orange-80); --amplify-colors-shadow-primary: hsla(210, 50%, 10%, 0.25); --amplify-colors-shadow-secondary: hsla(210, 50%, 10%, 0.15); --amplify-colors-shadow-tertiary: hsla(210, 50%, 10%, 0.05); --amplify-colors-overlay-5: hsla(0, 0%, 0%, 0.05); --amplify-colors-overlay-10: hsla(0, 0%, 0%, 0.1); --amplify-colors-overlay-20: hsla(0, 0%, 0%, 0.2); --amplify-colors-overlay-30: hsla(0, 0%, 0%, 0.3); --amplify-colors-overlay-40: hsla(0, 0%, 0%, 0.4); --amplify-colors-overlay-50: hsla(0, 0%, 0%, 0.5); --amplify-colors-overlay-60: hsla(0, 0%, 0%, 0.6); --amplify-colors-overlay-70: hsla(0, 0%, 0%, 0.7); --amplify-colors-overlay-80: hsla(0, 0%, 0%, 0.8); --amplify-colors-overlay-90: hsla(0, 0%, 0%, 0.9); --amplify-colors-black: hsl(0, 0%, 0%); --amplify-colors-white: hsl(0, 0%, 100%); --amplify-colors-transparent: transparent; --amplify-fonts-default-variable: "InterVariable", "Inter var", "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif; --amplify-fonts-default-static: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif; --amplify-font-sizes-xxxs: 0.375rem; --amplify-font-sizes-xxs: 0.5rem; --amplify-font-sizes-xs: 0.75rem; --amplify-font-sizes-small: 0.875rem; --amplify-font-sizes-medium: 1rem; --amplify-font-sizes-large: 1.25rem; --amplify-font-sizes-xl: 1.5rem; --amplify-font-sizes-xxl: 2rem; --amplify-font-sizes-xxxl: 2.5rem; --amplify-font-sizes-xxxxl: 3rem; --amplify-font-weights-hairline: 100; --amplify-font-weights-thin: 200; --amplify-font-weights-light: 300; --amplify-font-weights-normal: 400; --amplify-font-weights-medium: 500; --amplify-font-weights-semibold: 600; --amplify-font-weights-bold: 700; --amplify-font-weights-extrabold: 800; --amplify-font-weights-black: 900; --amplify-line-heights-small: 1.25; --amplify-line-heights-medium: 1.5; --amplify-line-heights-large: 2; --amplify-opacities-0: 0; --amplify-opacities-10: 0.1; --amplify-opacities-20: 0.2; --amplify-opacities-30: 0.3; --amplify-opacities-40: 0.4; --amplify-opacities-50: 0.5; --amplify-opacities-60: 0.6; --amplify-opacities-70: 0.7; --amplify-opacities-80: 0.8; --amplify-opacities-90: 0.9; --amplify-opacities-100: 1; --amplify-outline-offsets-small: 1px; --amplify-outline-offsets-medium: 2px; --amplify-outline-offsets-large: 3px; --amplify-outline-widths-small: 1px; --amplify-outline-widths-medium: 2px; --amplify-outline-widths-large: 3px; --amplify-radii-xs: 0.125rem; --amplify-radii-small: 0.25rem; --amplify-radii-medium: 0.5rem; --amplify-radii-large: 1rem; --amplify-radii-xl: 2rem; --amplify-radii-xxl: 4rem; --amplify-radii-xxxl: 8rem; --amplify-shadows-small: 0px 2px 4px var(--amplify-colors-shadow-tertiary); --amplify-shadows-medium: 0px 2px 6px var(--amplify-colors-shadow-secondary); --amplify-shadows-large: 0px 4px 12px var(--amplify-colors-shadow-primary); --amplify-space-zero: 0; --amplify-space-xxxs: 0.25rem; --amplify-space-xxs: 0.375rem; --amplify-space-xs: 0.5rem; --amplify-space-small: 0.75rem; --amplify-space-medium: 1rem; --amplify-space-large: 1.5rem; --amplify-space-xl: 2.0rem; --amplify-space-xxl: 3.0rem; --amplify-space-xxxl: 4.5rem; --amplify-space-relative-xxxs: 0.25em; --amplify-space-relative-xxs: 0.375em; --amplify-space-relative-xs: 0.5em; --amplify-space-relative-small: 0.75em; --amplify-space-relative-medium: 1em; --amplify-space-relative-large: 1.5em; --amplify-space-relative-xl: 2.0em; --amplify-space-relative-xxl: 3.0em; --amplify-space-relative-xxxl: 4.5em; --amplify-space-relative-full: 100%; --amplify-time-short: 100ms; --amplify-time-medium: 250ms; --amplify-time-long: 500ms; --amplify-transforms-slide-x-small: translateX(0.5em); --amplify-transforms-slide-x-medium: translateX(1em); --amplify-transforms-slide-x-large: translateX(2em); } html, [data-amplify-theme] { font-family: var(--amplify-fonts-default-static); } @supports (font-variation-settings: normal) { html, [data-amplify-theme] { font-family: var(--amplify-fonts-default-variable); } } html:focus-within { scroll-behavior: smooth; } body { min-height: 100vh; text-rendering: optimizeSpeed; line-height: var(--amplify-line-heights-medium); } * { box-sizing: border-box; } input, button, textarea, select { font: inherit; } @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } } [class*=amplify] { all: unset; /* protect against external styles */ box-sizing: border-box; /* set box-sizing after unset above */ } .amplify-flex { align-content: var(--amplify-components-flex-align-content); align-items: var(--amplify-components-flex-align-items); display: flex; flex-wrap: var(--amplify-components-flex-flex-wrap); gap: var(--amplify-components-flex-gap); justify-content: var(--amplify-components-flex-justify-content); } .amplify-grid { display: grid; } .amplify-scrollview { display: block; overflow: auto; } .amplify-text { display: block; color: var(--amplify-components-text-color); } b.amplify-text, em.amplify-text, i.amplify-text, span.amplify-text, strong.amplify-text { display: inline; } .amplify-text--truncated { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .amplify-text--primary { color: var(--amplify-components-text-primary-color); } .amplify-text--secondary { color: var(--amplify-components-text-secondary-color); } .amplify-text--tertiary { color: var(--amplify-components-text-tertiary-color); } .amplify-text--error { color: var(--amplify-components-text-error-color); } .amplify-text--info { color: var(--amplify-components-text-info-color); } .amplify-text--success { color: var(--amplify-components-text-success-color); } .amplify-text--warning { color: var(--amplify-components-text-warning-color); } .amplify-badge { background-color: var(--amplify-components-badge-background-color); border-radius: var(--amplify-components-badge-border-radius); color: var(--amplify-components-badge-color); display: inline-flex; font-size: var(--amplify-components-badge-font-size); font-weight: var(--amplify-components-badge-font-weight); line-height: var(--amplify-components-badge-line-height); padding: var(--amplify-components-badge-padding-vertical) var(--amplify-components-badge-padding-horizontal); text-align: var(--amplify-components-badge-text-align); } .amplify-badge--info { color: var(--amplify-components-badge-info-color); background-color: var(--amplify-components-badge-info-background-color); } .amplify-badge--error { color: var(--amplify-components-badge-error-color); background-color: var(--amplify-components-badge-error-background-color); } .amplify-badge--warning { color: var(--amplify-components-badge-warning-color); background-color: var(--amplify-components-badge-warning-background-color); } .amplify-badge--success { color: var(--amplify-components-badge-success-color); background-color: var(--amplify-components-badge-success-background-color); } .amplify-badge--small { font-size: var(--amplify-components-badge-small-font-size); padding: var(--amplify-components-badge-small-padding-vertical) var(--amplify-components-badge-small-padding-horizontal); } .amplify-badge--large { font-size: var(--amplify-components-badge-large-font-size); padding: var(--amplify-components-badge-large-padding-vertical) var(--amplify-components-badge-large-padding-horizontal); } /* * Button base styles */ .amplify-button { --amplify-internal-button-background-color: var( --amplify-components-button-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-border-color ); --amplify-internal-button-color: var(--amplify-components-button-color); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-focus-box-shadow ); --amplify-internal-button-border-width: var( --amplify-components-button-border-width ); align-items: center; background-color: var(--amplify-internal-button-background-color); border-color: var(--amplify-internal-button-border-color); border-radius: var(--amplify-components-button-border-radius); border-style: var(--amplify-components-button-border-style); border-width: var(--amplify-internal-button-border-width); box-sizing: border-box; color: var(--amplify-internal-button-color); cursor: pointer; display: inline-flex; font-size: var(--amplify-components-button-font-size); font-weight: var(--amplify-components-button-font-weight); justify-content: center; line-height: var(--amplify-components-button-line-height); padding-block-start: var(--amplify-components-button-padding-block-start); padding-block-end: var(--amplify-components-button-padding-block-end); padding-inline-start: var(--amplify-components-button-padding-inline-start); padding-inline-end: var(--amplify-components-button-padding-inline-end); transition: all var(--amplify-components-button-transition-duration); -webkit-user-select: none; user-select: none; --amplify-internal-button-disabled-color: var( --amplify-components-button-disabled-color ); --amplify-internal-button-disabled-background-color: var( --amplify-components-button-disabled-background-color ); --amplify-internal-button-disabled-border-color: var( --amplify-components-button-disabled-border-color ); --amplify-internal-button-disabled-text-decoration: initial; --amplify-internal-button-loading-background-color: var( --amplify-components-button-loading-background-color ); --amplify-internal-button-loading-border-color: var( --amplify-components-button-loading-border-color ); --amplify-internal-button-loading-color: var( --amplify-components-button-loading-color ); --amplify-internal-button-loading-text-decoration: initial; } .amplify-button:hover { --amplify-internal-button-background-color: var( --amplify-components-button-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-hover-color ); } .amplify-button:focus { --amplify-internal-button-background-color: var( --amplify-components-button-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-focus-color ); box-shadow: var(--amplify-internal-button-focus-box-shadow); } .amplify-button:active { --amplify-internal-button-background-color: var( --amplify-components-button-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-active-color ); } .amplify-button--fullwidth { width: 100%; } .amplify-button--outlined--info { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-info-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-info-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-info-color ); } .amplify-button--outlined--info:hover { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-info-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-info-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-info-hover-color ); } .amplify-button--outlined--info:focus { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-info-focus-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-info-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-info-focus-color ); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-info-focus-box-shadow ); } .amplify-button--outlined--info:active { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-info-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-info-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-info-active-color ); } .amplify-button--outlined--warning { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-warning-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-warning-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-warning-color ); } .amplify-button--outlined--warning:hover { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-warning-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-warning-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-warning-hover-color ); } .amplify-button--outlined--warning:focus { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-warning-focus-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-warning-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-warning-focus-color ); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-warning-focus-box-shadow ); } .amplify-button--outlined--warning:active { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-warning-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-warning-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-warning-active-color ); } .amplify-button--outlined--error { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-error-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-error-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-error-color ); } .amplify-button--outlined--error:hover { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-error-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-error-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-error-hover-color ); } .amplify-button--outlined--error:focus { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-error-focus-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-error-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-error-focus-color ); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-error-focus-box-shadow ); } .amplify-button--outlined--error:active { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-error-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-error-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-error-active-color ); } .amplify-button--outlined--success { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-success-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-success-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-success-color ); } .amplify-button--outlined--success:hover { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-success-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-success-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-success-hover-color ); } .amplify-button--outlined--success:focus { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-success-focus-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-success-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-success-focus-color ); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-success-focus-box-shadow ); } .amplify-button--outlined--success:active { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-success-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-success-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-success-active-color ); } .amplify-button--outlined--overlay { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-overlay-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-overlay-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-overlay-color ); } .amplify-button--outlined--overlay:hover { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-overlay-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-overlay-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-overlay-hover-color ); } .amplify-button--outlined--overlay:focus { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-overlay-focus-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-overlay-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-overlay-focus-color ); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-overlay-focus-box-shadow ); } .amplify-button--outlined--overlay:active { --amplify-internal-button-background-color: var( --amplify-components-button-outlined-overlay-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-outlined-overlay-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-outlined-overlay-active-color ); } .amplify-button--menu { border-width: var(--amplify-components-button-menu-border-width); background-color: var(--amplify-components-button-menu-background-color); justify-content: var(--amplify-components-button-menu-justify-content); --amplify-internal-button-disabled-color: var( --amplify-components-button-menu-disabled-color ); } .amplify-button--menu:hover { color: var(--amplify-components-button-menu-hover-color); background-color: var(--amplify-components-button-menu-hover-background-color); } .amplify-button--menu:focus { box-shadow: none; color: var(--amplify-components-button-menu-focus-color); background-color: var(--amplify-components-button-menu-focus-background-color); } .amplify-button--menu:active { color: var(--amplify-components-button-menu-active-color); background-color: var(--amplify-components-button-menu-active-background-color); } .amplify-button--primary { --amplify-internal-button-border-width: var( --amplify-components-button-primary-border-width ); --amplify-internal-button-background-color: var( --amplify-components-button-primary-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-color ); --amplify-internal-button-disabled-border-color: var( --amplify-components-button-primary-disabled-border-color ); --amplify-internal-button-disabled-background-color: var( --amplify-components-button-primary-disabled-background-color ); --amplify-internal-button-disabled-color: var( --amplify-components-button-primary-disabled-color ); --amplify-internal-button-loading-background-color: var( --amplify-components-button-primary-loading-background-color ); --amplify-internal-button-loading-border-color: var( --amplify-components-button-primary-loading-border-color ); --amplify-internal-button-loading-color: var( --amplify-components-button-primary-loading-color ); } .amplify-button--primary:hover { --amplify-internal-button-background-color: var( --amplify-components-button-primary-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-hover-color ); } .amplify-button--primary:focus { --amplify-internal-button-background-color: var( --amplify-components-button-primary-focus-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-focus-color ); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-focus-box-shadow ); } .amplify-button--primary:active { --amplify-internal-button-background-color: var( --amplify-components-button-primary-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-active-color ); } .amplify-button--primary--info { --amplify-internal-button-background-color: var( --amplify-components-button-primary-info-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-info-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-info-color ); } .amplify-button--primary--info:hover { --amplify-internal-button-background-color: var( --amplify-components-button-primary-info-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-info-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-info-hover-color ); } .amplify-button--primary--info:focus { --amplify-internal-button-background-color: var( --amplify-components-button-primary-info-focus-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-info-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-info-focus-color ); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-info-focus-box-shadow ); } .amplify-button--primary--info:active { --amplify-internal-button-background-color: var( --amplify-components-button-primary-info-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-info-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-info-active-color ); } .amplify-button--primary--warning { --amplify-internal-button-background-color: var( --amplify-components-button-primary-warning-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-warning-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-warning-color ); } .amplify-button--primary--warning:hover { --amplify-internal-button-background-color: var( --amplify-components-button-primary-warning-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-warning-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-warning-hover-color ); } .amplify-button--primary--warning:focus { --amplify-internal-button-background-color: var( --amplify-components-button-primary-warning-focus-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-warning-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-warning-focus-color ); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-warning-focus-box-shadow ); } .amplify-button--primary--warning:active { --amplify-internal-button-background-color: var( --amplify-components-button-primary-warning-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-warning-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-warning-active-color ); } .amplify-button--primary--error { --amplify-internal-button-background-color: var( --amplify-components-button-primary-error-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-error-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-error-color ); } .amplify-button--primary--error:hover { --amplify-internal-button-background-color: var( --amplify-components-button-primary-error-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-error-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-error-hover-color ); } .amplify-button--primary--error:focus { --amplify-internal-button-background-color: var( --amplify-components-button-primary-error-focus-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-error-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-error-focus-color ); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-error-focus-box-shadow ); } .amplify-button--primary--error:active { --amplify-internal-button-background-color: var( --amplify-components-button-primary-error-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-error-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-error-active-color ); } .amplify-button--primary--success { --amplify-internal-button-background-color: var( --amplify-components-button-primary-success-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-success-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-success-color ); } .amplify-button--primary--success:hover { --amplify-internal-button-background-color: var( --amplify-components-button-primary-success-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-success-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-success-hover-color ); } .amplify-button--primary--success:focus { --amplify-internal-button-background-color: var( --amplify-components-button-primary-success-focus-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-success-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-success-focus-color ); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-success-focus-box-shadow ); } .amplify-button--primary--success:active { --amplify-internal-button-background-color: var( --amplify-components-button-primary-success-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-success-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-success-active-color ); } .amplify-button--primary--overlay { --amplify-internal-button-background-color: var( --amplify-components-button-primary-overlay-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-overlay-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-overlay-color ); } .amplify-button--primary--overlay:hover { --amplify-internal-button-background-color: var( --amplify-components-button-primary-overlay-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-overlay-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-overlay-hover-color ); } .amplify-button--primary--overlay:focus { --amplify-internal-button-background-color: var( --amplify-components-button-primary-overlay-focus-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-overlay-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-overlay-focus-color ); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-overlay-focus-box-shadow ); } .amplify-button--primary--overlay:active { --amplify-internal-button-background-color: var( --amplify-components-button-primary-overlay-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-primary-overlay-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-primary-overlay-active-color ); } .amplify-button--link { --amplify-internal-button-border-width: var( --amplify-components-button-link-border-width ); --amplify-internal-button-background-color: var( --amplify-components-button-link-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-color ); --amplify-internal-button-disabled-border-color: var( --amplify-components-button-link-disabled-border-color ); --amplify-internal-button-disabled-background-color: var( --amplify-components-button-link-disabled-background-color ); --amplify-internal-button-disabled-color: var( --amplify-components-button-link-disabled-color ); --amplify-internal-button-loading-background-color: var( --amplify-components-button-link-loading-background-color ); --amplify-internal-button-loading-border-color: var( --amplify-components-button-link-loading-border-color ); --amplify-internal-button-loading-color: var( --amplify-components-button-link-loading-color ); } .amplify-button--link:hover { --amplify-internal-button-background-color: var( --amplify-components-button-link-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-hover-color ); } .amplify-button--link:focus { --amplify-internal-button-background-color: var( --amplify-components-button-link-focus-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-focus-color ); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-focus-box-shadow ); } .amplify-button--link:active { --amplify-internal-button-background-color: var( --amplify-components-button-link-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-active-color ); } .amplify-button--link--info { --amplify-internal-button-background-color: var( --amplify-components-button-link-info-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-info-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-info-color ); } .amplify-button--link--info:hover { --amplify-internal-button-background-color: var( --amplify-components-button-link-info-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-info-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-info-hover-color ); } .amplify-button--link--info:focus { --amplify-internal-button-background-color: var( --amplify-components-button-link-info-focus-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-info-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-info-focus-color ); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-info-focus-box-shadow ); } .amplify-button--link--info:active { --amplify-internal-button-background-color: var( --amplify-components-button-link-info-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-info-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-info-active-color ); } .amplify-button--link--warning { --amplify-internal-button-background-color: var( --amplify-components-button-link-warning-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-warning-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-warning-color ); } .amplify-button--link--warning:hover { --amplify-internal-button-background-color: var( --amplify-components-button-link-warning-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-warning-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-warning-hover-color ); } .amplify-button--link--warning:focus { --amplify-internal-button-background-color: var( --amplify-components-button-link-warning-focus-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-warning-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-warning-focus-color ); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-warning-focus-box-shadow ); } .amplify-button--link--warning:active { --amplify-internal-button-background-color: var( --amplify-components-button-link-warning-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-warning-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-warning-active-color ); } .amplify-button--link--error { --amplify-internal-button-background-color: var( --amplify-components-button-link-error-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-error-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-error-color ); } .amplify-button--link--error:hover { --amplify-internal-button-background-color: var( --amplify-components-button-link-error-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-error-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-error-hover-color ); } .amplify-button--link--error:focus { --amplify-internal-button-background-color: var( --amplify-components-button-link-error-focus-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-error-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-error-focus-color ); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-error-focus-box-shadow ); } .amplify-button--link--error:active { --amplify-internal-button-background-color: var( --amplify-components-button-link-error-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-error-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-error-active-color ); } .amplify-button--link--success { --amplify-internal-button-background-color: var( --amplify-components-button-link-success-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-success-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-success-color ); } .amplify-button--link--success:hover { --amplify-internal-button-background-color: var( --amplify-components-button-link-success-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-success-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-success-hover-color ); } .amplify-button--link--success:focus { --amplify-internal-button-background-color: var( --amplify-components-button-link-success-focus-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-success-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-success-focus-color ); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-success-focus-box-shadow ); } .amplify-button--link--success:active { --amplify-internal-button-background-color: var( --amplify-components-button-link-success-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-success-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-success-active-color ); } .amplify-button--link--overlay { --amplify-internal-button-background-color: var( --amplify-components-button-link-overlay-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-overlay-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-overlay-color ); } .amplify-button--link--overlay:hover { --amplify-internal-button-background-color: var( --amplify-components-button-link-overlay-hover-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-overlay-hover-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-overlay-hover-color ); } .amplify-button--link--overlay:focus { --amplify-internal-button-background-color: var( --amplify-components-button-link-overlay-focus-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-overlay-focus-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-overlay-focus-color ); --amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-overlay-focus-box-shadow ); } .amplify-button--link--overlay:active { --amplify-internal-button-background-color: var( --amplify-components-button-link-overlay-active-background-color ); --amplify-internal-button-border-color: var( --amplify-components-button-link-overlay-active-border-color ); --amplify-internal-button-color: var( --amplify-components-button-link-overlay-active-color ); } .amplify-button--destructive { border-width: var(--amplify-components-button-destructive-border-width); background-color: var(--amplify-components-button-destructive-background-color); border-color: var(--amplify-components-button-destructive-border-color); color: var(--amplify-components-button-destructive-color); --amplify-internal-button-disabled-border-color: var( --amplify-components-button-destructive-disabled-border-color ); --amplify-internal-button-disabled-background-color: var( --amplify-components-button-destructive-disabled-background-color ); --amplify-internal-button-disabled-color: var( --amplify-components-button-destructive-disabled-color ); --amplify-internal-button-loading-background-color: var( --amplify-components-button-destructive-loading-background-color ); --amplify-internal-button-loading-border-color: var( --amplify-components-button-destructive-loading-border-color ); --amplify-internal-button-loading-color: var( --amplify-components-button-destructive-loading-color ); } .amplify-button--destructive:hover { background-color: var(--amplify-components-button-destructive-hover-background-color); border-color: var(--amplify-components-button-destructive-hover-border-color); color: var(--amplify-components-button-destructive-hover-color); } .amplify-button--destructive:focus { background-color: var(--amplify-components-button-destructive-focus-background-color); border-color: var(--amplify-components-button-destructive-focus-border-color); color: var(--amplify-components-button-destructive-focus-color); box-shadow: var(--amplify-components-button-destructive-focus-box-shadow); } .amplify-button--destructive:active { background-color: var(--amplify-components-button-destructive-active-background-color); border-color: var(--amplify-components-button-destructive-active-border-color); color: var(--amplify-components-button-destructive-active-color); } .amplify-button--warning { background-color: var(--amplify-components-button-warning-background-color); border-color: var(--amplify-components-button-warning-border-color); border-width: var(--amplify-components-button-warning-border-width); color: var(--amplify-components-button-warning-color); --amplify-internal-button-disabled-text-decoration: none; --amplify-internal-button-disabled-border-color: var( --amplify-components-button-warning-disabled-border-color ); --amplify-internal-button-disabled-background-color: var( --amplify-components-button-warning-disabled-background-color ); --amplify-internal-button-disabled-color: var( --amplify-components-button-warning-disabled-color ); --amplify-internal-button-loading-background-color: var( --amplify-components-button-warning-loading-background-color ); --amplify-internal-button-loading-border-color: var( --amplify-components-button-warning-loading-border-color ); --amplify-internal-button-loading-color: var( --amplify-components-button-warning-loading-color ); --amplify-internal-button-loading-text-decoration: none; } .amplify-button--warning:hover { background-color: var(--amplify-components-button-warning-hover-background-color); border-color: var(--amplify-components-button-warning-hover-border-color); color: var(--amplify-components-button-warning-hover-color); } .amplify-button--warning:focus { background-color: var(--amplify-components-button-warning-focus-background-color); border-color: var(--amplify-components-button-warning-focus-border-color); color: var(--amplify-components-button-warning-focus-color); box-shadow: var(--amplify-components-button-warning-focus-box-shadow); } .amplify-button--warning:active { background-color: var(--amplify-components-button-warning-active-background-color); border-color: var(--amplify-components-button-warning-active-border-color); color: var(--amplify-components-button-warning-active-color); } .amplify-button--small { font-size: var(--amplify-components-button-small-font-size); padding-block-start: var(--amplify-components-button-small-padding-block-start); padding-block-end: var(--amplify-components-button-small-padding-block-end); padding-inline-start: var(--amplify-components-button-small-padding-inline-start); padding-inline-end: var(--amplify-components-button-small-padding-inline-end); } .amplify-button--large { font-size: var(--amplify-components-button-large-font-size); padding-block-start: var(--amplify-components-button-large-padding-block-start); padding-block-end: var(--amplify-components-button-large-padding-block-end); padding-inline-start: var(--amplify-components-button-large-padding-inline-start); padding-inline-end: var(--amplify-components-button-large-padding-inline-end); } .amplify-button--disabled { background-color: var(--amplify-internal-button-disabled-background-color); border-color: var(--amplify-internal-button-disabled-border-color); color: var(--amplify-internal-button-disabled-color); -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration); text-decoration: var(--amplify-internal-button-disabled-text-decoration); cursor: not-allowed; } .amplify-button--disabled:hover { background-color: var(--amplify-internal-button-disabled-background-color); border-color: var(--amplify-internal-button-disabled-border-color); color: var(--amplify-internal-button-disabled-color); -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration); text-decoration: var(--amplify-internal-button-disabled-text-decoration); } .amplify-button--disabled :focus { background-color: var(--amplify-internal-button-disabled-background-color); border-color: var(--amplify-internal-button-disabled-border-color); color: var(--amplify-internal-button-disabled-color); -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration); text-decoration: var(--amplify-internal-button-disabled-text-decoration); } .amplify-button--disabled:active { background-color: var(--amplify-internal-button-disabled-background-color); border-color: var(--amplify-internal-button-disabled-border-color); color: var(--amplify-internal-button-disabled-color); -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration); text-decoration: var(--amplify-internal-button-disabled-text-decoration); } .amplify-button--loading { background-color: var(--amplify-internal-button-loading-background-color); border-color: var(--amplify-internal-button-loading-border-color); color: var(--amplify-components-button-loading-color); -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration); text-decoration: var(--amplify-internal-button-loading-text-decoration); } .amplify-button--loading:hover { background-color: var(--amplify-internal-button-loading-background-color); border-color: var(--amplify-internal-button-loading-border-color); color: var(--amplify-components-button-loading-color); -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration); text-decoration: var(--amplify-internal-button-loading-text-decoration); } .amplify-button--loading:focus { background-color: var(--amplify-internal-button-loading-background-color); border-color: var(--amplify-internal-button-loading-border-color); color: var(--amplify-components-button-loading-color); -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration); text-decoration: var(--amplify-internal-button-loading-text-decoration); } .amplify-button--loading:active { background-color: var(--amplify-internal-button-loading-background-color); border-color: var(--amplify-internal-button-loading-border-color); color: var(--amplify-components-button-loading-color); -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration); text-decoration: var(--amplify-internal-button-loading-text-decoration); } .amplify-button__loader-wrapper { align-items: var(--amplify-components-button-loader-wrapper-align-items); gap: var(--amplify-components-button-loader-wrapper-gap); } @media (prefers-reduced-motion: reduce) { .amplify-button { transition: none; } } .amplify-dropzone { display: block; background-color: var(--amplify-components-dropzone-background-color); border-color: var(--amplify-components-dropzone-border-color); border-width: var(--amplify-components-dropzone-border-width); border-style: var(--amplify-components-dropzone-border-style); border-radius: var(--amplify-components-dropzone-border-radius); color: var(--amplify-components-dropzone-color); padding-block: var(--amplify-components-dropzone-padding-block); padding-inline: var(--amplify-components-dropzone-padding-inline); text-align: var(--amplify-components-dropzone-text-align); } .amplify-dropzone--disabled { cursor: not-allowed; background-color: var(--amplify-components-dropzone-disabled-background-color); border-color: var(--amplify-components-dropzone-disabled-border-color); border-width: var(--amplify-components-dropzone-disabled-border-width); border-style: var(--amplify-components-dropzone-disabled-border-style); border-radius: var(--amplify-components-dropzone-disabled-border-radius); color: var(--amplify-components-dropzone-disabled-color); } .amplify-dropzone--active { background-color: var(--amplify-components-dropzone-active-background-color); border-color: var(--amplify-components-dropzone-active-border-color); border-width: var(--amplify-components-dropzone-active-border-width); border-style: var(--amplify-components-dropzone-active-border-style); border-radius: var(--amplify-components-dropzone-active-border-radius); color: var(--amplify-components-dropzone-active-color); } .amplify-dropzone--rejected { background-color: var(--amplify-components-dropzone-rejected-background-color); border-color: var(--amplify-components-dropzone-rejected-border-color); border-width: var(--amplify-components-dropzone-rejected-border-width); border-style: var(--amplify-components-dropzone-rejected-border-style); border-radius: var(--amplify-components-dropzone-rejected-border-radius); color: var(--amplify-components-dropzone-rejected-color); } .amplify-dropzone--accepted { background-color: var(--amplify-components-dropzone-accepted-background-color); border-color: var(--amplify-components-dropzone-accepted-border-color); border-width: var(--amplify-components-dropzone-accepted-border-width); border-style: var(--amplify-components-dropzone-accepted-border-style); border-radius: var(--amplify-components-dropzone-accepted-border-radius); color: var(--amplify-components-dropzone-accepted-color); } .amplify-field__description { color: var(--amplify-components-fieldmessages-description-color); font-style: var(--amplify-components-fieldmessages-description-font-style); font-size: var(--amplify-components-fieldmessages-description-font-size); } .amplify-field__error-message { color: var(--amplify-components-fieldmessages-error-color); font-size: var(--amplify-components-fieldmessages-error-font-size); } .amplify-heading { color: var(--amplify-components-heading-color); line-height: var(--amplify-components-heading-line-height); display: block; } .amplify-heading--truncated { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .amplify-heading--1 { font-size: var(--amplify-components-heading-1-font-size); font-weight: var(--amplify-components-heading-1-font-weight); } .amplify-heading--2 { font-size: var(--amplify-components-heading-2-font-size); font-weight: var(--amplify-components-heading-2-font-weight); } .amplify-heading--3 { font-size: var(--amplify-components-heading-3-font-size); font-weight: var(--amplify-components-heading-3-font-weight); } .amplify-heading--4 { font-size: var(--amplify-components-heading-4-font-size); font-weight: var(--amplify-components-heading-4-font-weight); } .amplify-heading--5 { font-size: var(--amplify-components-heading-5-font-size); font-weight: var(--amplify-components-heading-5-font-weight); } .amplify-heading--6 { font-size: var(--amplify-components-heading-6-font-size); font-weight: var(--amplify-components-heading-6-font-weight); } /* * Icon base styles */ .amplify-icon { display: inline-block; vertical-align: middle; fill: currentColor; height: var(--amplify-components-icon-height); line-height: var(--amplify-components-icon-line-height); } .amplify-icon > svg { height: var(--amplify-components-icon-height); width: var(--amplify-components-icon-height); } .amplify-highlightmatch__highlighted { font-weight: var(--amplify-components-highlightmatch-highlighted-font-weight); } .amplify-input { box-sizing: border-box; color: var(--amplify-components-fieldcontrol-color); font-size: var(--amplify-components-fieldcontrol-font-size); line-height: var(--amplify-components-fieldcontrol-line-height); padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end); transition: all var(--amplify-components-fieldcontrol-transition-duration); width: 100%; border-color: var(--amplify-components-fieldcontrol-border-color); border-radius: var(--amplify-components-fieldcontrol-border-radius); border-style: var(--amplify-components-fieldcontrol-border-style); border-width: var(--amplify-components-fieldcontrol-border-width); outline-color: var(--amplify-components-fieldcontrol-outline-color); outline-style: var(--amplify-components-fieldcontrol-outline-style); outline-width: var(--amplify-components-fieldcontrol-outline-width); outline-offset: var(--amplify-components-fieldcontrol-outline-offset); -webkit-user-select: text; user-select: text; display: inline-block; --amplify-components-fieldcontrol-color: var( --amplify-components-input-color ); --amplify-components-fieldcontrol-border-color: var( --amplify-components-input-border-color ); --amplify-components-fieldcontrol-font-size: var( --amplify-components-input-font-size ); --amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-input-focus-border-color ); } .amplify-input:focus { border-color: var(--amplify-components-fieldcontrol-focus-border-color); box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); } .amplify-input--small { font-size: var(--amplify-components-fieldcontrol-small-font-size); padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end); } .amplify-input--large { font-size: var(--amplify-components-fieldcontrol-large-font-size); padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end); } .amplify-input--error { border-color: var(--amplify-components-fieldcontrol-error-border-color); } .amplify-input--error:focus { border-color: var(--amplify-components-fieldcontrol-error-border-color); box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow); } .amplify-input[disabled] { color: var(--amplify-components-fieldcontrol-disabled-color); cursor: var(--amplify-components-fieldcontrol-disabled-cursor); border-color: var(--amplify-components-fieldcontrol-disabled-border-color); background-color: var(--amplify-components-fieldcontrol-disabled-background-color); } .amplify-input--quiet { border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start); border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start); border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end); border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius); } .amplify-input--quiet:focus { border-block-end-color: var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color); box-shadow: var(--amplify-components-fieldcontrol-quiet-focus-box-shadow); } .amplify-input--quiet[aria-invalid=true] { border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color); } .amplify-input--quiet[aria-invalid=true]:focus { box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow); } .amplify-textarea { box-sizing: border-box; color: var(--amplify-components-fieldcontrol-color); font-size: var(--amplify-components-fieldcontrol-font-size); line-height: var(--amplify-components-fieldcontrol-line-height); padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end); transition: all var(--amplify-components-fieldcontrol-transition-duration); width: 100%; border-color: var(--amplify-components-fieldcontrol-border-color); border-radius: var(--amplify-components-fieldcontrol-border-radius); border-style: var(--amplify-components-fieldcontrol-border-style); border-width: var(--amplify-components-fieldcontrol-border-width); outline-color: var(--amplify-components-fieldcontrol-outline-color); outline-style: var(--amplify-components-fieldcontrol-outline-style); outline-width: var(--amplify-components-fieldcontrol-outline-width); outline-offset: var(--amplify-components-fieldcontrol-outline-offset); -webkit-user-select: text; user-select: text; white-space: pre-wrap; } .amplify-textarea:focus { border-color: var(--amplify-components-fieldcontrol-focus-border-color); box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); } .amplify-textarea--small { font-size: var(--amplify-components-fieldcontrol-small-font-size); padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end); } .amplify-textarea--large { font-size: var(--amplify-components-fieldcontrol-large-font-size); padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end); } .amplify-textarea--error { border-color: var(--amplify-components-fieldcontrol-error-border-color); } .amplify-textarea--error:focus { border-color: var(--amplify-components-fieldcontrol-error-border-color); box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow); } .amplify-textarea[disabled] { color: var(--amplify-components-fieldcontrol-disabled-color); cursor: var(--amplify-components-fieldcontrol-disabled-cursor); border-color: var(--amplify-components-fieldcontrol-disabled-border-color); background-color: var(--amplify-components-fieldcontrol-disabled-background-color); } .amplify-textarea--quiet { border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start); border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start); border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end); border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius); } .amplify-textarea--quiet:focus { border-block-end-color: var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color); box-shadow: var(--amplify-components-fieldcontrol-quiet-focus-box-shadow); } .amplify-textarea--quiet[aria-invalid=true] { border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color); } .amplify-textarea--quiet[aria-invalid=true]:focus { box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow); } .amplify-image { height: var(--amplify-components-image-height); max-width: var(--amplify-components-image-max-width); object-fit: var(--amplify-components-image-object-fit); object-position: var(--amplify-components-image-object-position); overflow: clip; } .amplify-link { color: var(--amplify-components-link-color); -webkit-text-decoration: var(--amplify-components-link-text-decoration); text-decoration: var(--amplify-components-link-text-decoration); cursor: pointer; } .amplify-link:visited { color: var(--amplify-components-link-visited-color); -webkit-text-decoration: var(--amplify-components-link-visited-text-decoration); text-decoration: var(--amplify-components-link-visited-text-decoration); } .amplify-link:active { color: var(--amplify-components-link-active-color); -webkit-text-decoration: var(--amplify-components-link-active-text-decoration); text-decoration: var(--amplify-components-link-active-text-decoration); } .amplify-link:focus { color: var(--amplify-components-link-focus-color); -webkit-text-decoration: var(--amplify-components-link-focus-text-decoration); text-decoration: var(--amplify-components-link-focus-text-decoration); } .amplify-link:hover { color: var(--amplify-components-link-hover-color); -webkit-text-decoration: var(--amplify-components-link-hover-text-decoration); text-decoration: var(--amplify-components-link-hover-text-decoration); } .amplify-loader { width: var(--amplify-components-loader-width); height: var(--amplify-components-loader-height); font-size: var(--amplify-components-loader-font-size); fill: none; stroke: var(--amplify-components-loader-stroke-empty); --amplify-internal-loader-linear-font-size: var( --amplify-components-loader-linear-font-size ); --amplify-internal-loader-linear-stroke-width: var( --amplify-components-loader-linear-stroke-width ); } .amplify-loader circle:last-of-type { transform-origin: center center; animation-name: amplify-loader-circular; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: var(--amplify-components-loader-animation-duration); stroke: var(--amplify-components-loader-stroke-filled); stroke-linecap: var(--amplify-components-loader-stroke-linecap); } @media (prefers-reduced-motion) { .amplify-loader circle:last-of-type { animation: none; stroke-dasharray: 100% 200%; stroke-dashoffset: 50%; } } .amplify-loader line:last-of-type { stroke: var(--amplify-components-loader-linear-stroke-filled); stroke-dasharray: 50% 200%; animation-name: amplify-loader-linear; animation-duration: var(--amplify-components-loader-linear-animation-duration); animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion) { .amplify-loader line:last-of-type { animation: none; stroke-dashoffset: -50%; } } .amplify-loader--small { width: var(--amplify-components-loader-small-width); height: var(--amplify-components-loader-small-height); font-size: var(--amplify-components-loader-small-font-size); --amplify-internal-loader-linear-stroke-width: var( --amplify-components-loader-linear-small-stroke-width ); --amplify-internal-loader-linear-font-size: var( --amplify-components-loader-linear-small-font-size ); } .amplify-loader--large { width: var(--amplify-components-loader-large-width); height: var(--amplify-components-loader-large-height); font-size: var(--amplify-components-loader-large-font-size); --amplify-internal-loader-linear-stroke-width: var( --amplify-components-loader-linear-large-stroke-width ); --amplify-internal-loader-linear-font-size: var( --amplify-components-loader-linear-large-font-size ); } .amplify-loader--linear { width: var(--amplify-components-loader-linear-width); min-width: var(--amplify-components-loader-linear-min-width); stroke: var(--amplify-components-loader-linear-stroke-empty); stroke-linecap: var(--amplify-components-loader-linear-stroke-linecap); stroke-width: var(--amplify-internal-loader-linear-stroke-width); font-size: var(--amplify-internal-loader-linear-font-size); } .amplify-loader--determinate circle:last-of-type { animation: none; transform: rotate(-90deg); } .amplify-loader--determinate line:last-of-type { animation: none; stroke-dashoffset: 0%; stroke-dasharray: none; } .amplify-loader__percentage-text { fill: var(--amplify-components-loader-text-fill); stroke: none; } @keyframes amplify-loader-circular { 0% { stroke-dasharray: 100% 200%; transform: rotate(120deg); } 50% { stroke-dasharray: 20% 400%; } 100% { stroke-dasharray: 100% 200%; transform: rotate(480deg); } } @keyframes amplify-loader-linear { 0% { stroke-dashoffset: 200%; } 100% { stroke-dashoffset: -50%; } } .amplify-placeholder { animation-direction: alternate; animation-duration: var(--amplify-components-placeholder-transition-duration); animation-iteration-count: infinite; animation-name: amplify-placeholder-loading; border-radius: var(--amplify-components-placeholder-border-radius); height: var(--amplify-components-placeholder-default-height); width: 100%; display: block; } .amplify-placeholder--small { height: var(--amplify-components-placeholder-small-height); } .amplify-placeholder--large { height: var(--amplify-components-placeholder-large-height); } @keyframes amplify-placeholder-loading { 0% { background-color: var(--amplify-components-placeholder-start-color); } 100% { background-color: var(--amplify-components-placeholder-end-color); } } @media (prefers-reduced-motion: reduce) { .amplify-placeholder { animation: none; background-color: var(--amplify-components-placeholder-end-color); } } [data-amplify-copy] { display: flex; font-size: var(--amplify-components-copy-font-size); gap: var(--amplify-components-copy-gap); justify-content: center; align-items: center; word-break: break-all; } [data-amplify-copy-svg] { cursor: pointer; position: relative; } [data-amplify-copy-svg] path { fill: var(--amplify-components-copy-svg-path-fill); } [data-amplify-copy-svg]:hover [data-amplify-copy-tooltip] { visibility: visible; font-size: var(--amplify-components-copy-tool-tip-font-size); } [data-amplify-copy-tooltip] { visibility: hidden; position: absolute; bottom: var(--amplify-components-copy-tool-tip-bottom); color: var(--amplify-components-copy-tool-tip-color); } .amplify-alert { align-items: var(--amplify-components-alert-align-items); background-color: var(--amplify-components-alert-background-color); color: var(--amplify-components-alert-color); justify-content: var(--amplify-components-alert-justify-content); padding-block: var(--amplify-components-alert-padding-block); padding-inline: var(--amplify-components-alert-padding-inline); } .amplify-alert--info { color: var(--amplify-components-alert-info-color); background-color: var(--amplify-components-alert-info-background-color); } .amplify-alert--error { color: var(--amplify-components-alert-error-color); background-color: var(--amplify-components-alert-error-background-color); } .amplify-alert--warning { color: var(--amplify-components-alert-warning-color); background-color: var(--amplify-components-alert-warning-background-color); } .amplify-alert--success { color: var(--amplify-components-alert-success-color); background-color: var(--amplify-components-alert-success-background-color); } .amplify-alert__icon { font-size: var(--amplify-components-alert-icon-size); line-height: 1; } .amplify-alert__heading { display: block; font-weight: var(--amplify-components-alert-heading-font-weight); font-size: var(--amplify-components-alert-heading-font-size); } .amplify-alert__body { color: inherit; display: block; } .amplify-alert__dismiss { color: inherit; } .amplify-autocomplete__menu__option, .amplify-autocomplete__menu--loading, .amplify-autocomplete__menu--empty { padding-block: var(--amplify-components-autocomplete-menu-space-shared-padding-block); padding-inline: var(--amplify-components-autocomplete-menu-space-shared-padding-inline); } .amplify-autocomplete { position: relative; display: block; } .amplify-autocomplete__menu { position: absolute; z-index: 999999; width: var(--amplify-components-autocomplete-menu-width); margin-block-start: var(--amplify-components-autocomplete-menu-margin-block-start); background-color: var(--amplify-components-autocomplete-menu-background-color); border-color: var(--amplify-components-autocomplete-menu-border-color); border-width: var(--amplify-components-autocomplete-menu-border-width); border-style: var(--amplify-components-autocomplete-menu-border-style); border-radius: var(--amplify-components-autocomplete-menu-border-radius); } .amplify-autocomplete__menu--empty { display: var(--amplify-components-autocomplete-menu-empty-display); } .amplify-autocomplete__menu--loading { display: var(--amplify-components-autocomplete-menu-loading-display); align-items: var(--amplify-components-autocomplete-menu-loading-align-items); gap: var(--amplify-components-autocomplete-menu-loading-gap); } .amplify-autocomplete__menu__options { position: relative; overscroll-behavior: contain; display: var(--amplify-components-autocomplete-menu-options-display); flex-direction: var(--amplify-components-autocomplete-menu-options-flex-direction); max-height: var(--amplify-components-autocomplete-menu-options-max-height); } .amplify-autocomplete__menu__option { background-color: var(--amplify-components-autocomplete-menu-option-background-color); color: var(--amplify-components-autocomplete-menu-option-color); cursor: var(--amplify-components-autocomplete-menu-option-cursor); transition-duration: var(--amplify-components-autocomplete-menu-option-transition-duration); transition-property: var(--amplify-components-autocomplete-menu-option-transition-property); transition-timing-function: var(--amplify-components-autocomplete-menu-option-transition-timing-function); } .amplify-autocomplete__menu__option--active { background-color: var(--amplify-components-autocomplete-menu-option-active-background-color); color: var(--amplify-components-autocomplete-menu-option-active-color); } /* Center by default */ [data-amplify-authenticator] { display: grid; } [data-amplify-authenticator][data-variation=modal] { overflow-y: auto; width: var(--amplify-components-authenticator-modal-width); height: var(--amplify-components-authenticator-modal-height); background-color: var(--amplify-components-authenticator-modal-background-color); position: fixed; top: var(--amplify-components-authenticator-modal-top); left: var(--amplify-components-authenticator-modal-left); /* Having a z-index at least "wins" by default */ z-index: 1; } [data-amplify-authenticator] [data-amplify-container] { place-self: center; } @media (min-width: 30rem) { [data-amplify-authenticator] [data-amplify-container] { width: var(--amplify-components-authenticator-container-width-max); } } [data-amplify-authenticator] [data-amplify-router] { background-color: var(--amplify-components-authenticator-router-background-color); box-shadow: var(--amplify-components-authenticator-router-box-shadow); border-color: var(--amplify-components-authenticator-router-border-color); border-width: var(--amplify-components-authenticator-router-border-width); border-style: var(--amplify-components-authenticator-router-border-style); } [data-amplify-authenticator] [data-amplify-footer] { padding-bottom: var(--amplify-components-authenticator-footer-padding-bottom); text-align: center; } [data-amplify-authenticator] [data-amplify-form] { padding: var(--amplify-components-authenticator-form-padding); } [data-amplify-authenticator] [data-state=inactive] { background-color: var(--amplify-components-authenticator-state-inactive-background-color); } @media (max-width: 26rem) { [data-amplify-authenticator] [data-amplify-sign-up-errors] { font-size: 0.688rem; } } .amplify-authenticator__column { display: flex; flex-direction: column; } .amplify-authenticator__subtitle { margin-bottom: var(--amplify-space-medium); } .amplify-authenticator__heading { font-size: var(--amplify-font-sizes-xl); } .amplify-authenticator__federated-text { align-self: center; } .amplify-breadcrumbs__list { display: flex; flex-wrap: var(--amplify-components-breadcrumbs-flex-wrap); flex-direction: var(--amplify-components-breadcrumbs-flex-direction); gap: var(--amplify-components-breadcrumbs-gap); color: var(--amplify-components-breadcrumbs-color); } .amplify-breadcrumbs__item { display: inline-flex; flex-direction: var(--amplify-components-breadcrumbs-item-flex-direction); align-items: var(--amplify-components-breadcrumbs-item-align-items); line-height: var(--amplify-components-breadcrumbs-item-line-height); color: var(--amplify-components-breadcrumbs-item-color); font-size: var(--amplify-components-breadcrumbs-item-font-size); } .amplify-breadcrumbs__separator { color: var(--amplify-components-breadcrumbs-separator-color); font-size: var(--amplify-components-breadcrumbs-separator-font-size); padding-inline: var(--amplify-components-breadcrumbs-separator-padding-inline); } .amplify-breadcrumbs__link { color: var(--amplify-components-breadcrumbs-link-color); font-size: var(--amplify-components-breadcrumbs-link-font-size); font-weight: var(--amplify-components-breadcrumbs-link-font-weight); padding-inline: var(--amplify-components-breadcrumbs-link-padding-inline); padding-block: var(--amplify-components-breadcrumbs-link-padding-block); -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration); text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration); } .amplify-breadcrumbs__link--current { color: var(--amplify-components-breadcrumbs-link-current-color); font-size: var(--amplify-components-breadcrumbs-link-current-font-size); font-weight: var(--amplify-components-breadcrumbs-link-current-font-weight); -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration); text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration); } .amplify-card { background-color: var(--amplify-components-card-background-color); border-radius: var(--amplify-components-card-border-radius); border-width: var(--amplify-components-card-border-width); border-style: var(--amplify-components-card-border-style); border-color: var(--amplify-components-card-border-color); box-shadow: var(--amplify-components-card-box-shadow); display: block; padding: var(--amplify-components-card-padding); } .amplify-card--outlined { background-color: var(--amplify-components-card-outlined-background-color); border-radius: var(--amplify-components-card-outlined-border-radius); border-width: var(--amplify-components-card-outlined-border-width); border-style: var(--amplify-components-card-outlined-border-style); border-color: var(--amplify-components-card-outlined-border-color); box-shadow: var(--amplify-components-card-outlined-box-shadow); } .amplify-card--elevated { background-color: var(--amplify-components-card-elevated-background-color); border-radius: var(--amplify-components-card-elevated-border-radius); border-width: var(--amplify-components-card-elevated-border-width); border-style: var(--amplify-components-card-elevated-border-style); border-color: var(--amplify-components-card-elevated-border-color); box-shadow: var(--amplify-components-card-elevated-box-shadow); } .amplify-collection { flex-direction: column; } .amplify-collection-pagination { justify-content: center; --amplify-components-pagination-current-color: var( --amplify-components-collection-pagination-current-color ); --amplify-components-pagination-current-background-color: var( --amplify-components-collection-pagination-current-background-color ); --amplify-components-pagination-button-color: var( --amplify-components-collection-pagination-button-color ); --amplify-components-pagination-button-hover-color: var( --amplify-components-collection-pagination-button-hover-color ); --amplify-components-pagination-button-hover-background-color: var( --amplify-components-collection-pagination-button-hover-background-color ); --amplify-components-pagination-button-disabled-color: var( --amplify-components-collection-pagination-button-disabled-color ); } .amplify-collection-search { flex-direction: row; justify-content: center; --amplify-components-searchfield-input-color: var( --amplify-components-collection-search-input-color ); --amplify-components-searchfield-button-color: var( --amplify-components-collection-search-button-color ); --amplify-components-searchfield-button-active-background-color: var( --amplify-components-collection-search-button-active-background-color ); --amplify-components-searchfield-button-active-border-color: var( --amplify-components-collection-search-button-active-border-color ); --amplify-components-searchfield-button-active-color: var( --amplify-components-collection-search-button-active-color ); --amplify-components-searchfield-button-disabled-background-color: var( --amplify-components-collection-search-button-disabled-background-color ); --amplify-components-searchfield-button-disabled-border-color: var( --amplify-components-collection-search-button-disabled-border-color ); --amplify-components-searchfield-button-disabled-color: var( --amplify-components-collection-search-button-disabled-color ); --amplify-components-searchfield-button-focus-background-color: var( --amplify-components-collection-search-button-focus-background-color ); --amplify-components-searchfield-button-focus-border-color: var( --amplify-components-collection-search-button-focus-border-color ); --amplify-components-searchfield-button-focus-color: var( --amplify-components-collection-search-button-focus-color ); --amplify-components-searchfield-button-hover-background-color: var( --amplify-components-collection-search-button-hover-background-color ); --amplify-components-searchfield-button-hover-border-color: var( --amplify-components-collection-search-button-hover-border-color ); --amplify-components-searchfield-button-hover-color: var( --amplify-components-collection-search-button-hover-color ); } .amplify-checkbox { cursor: var(--amplify-components-checkbox-cursor); align-items: var(--amplify-components-checkbox-align-items); flex-direction: row-reverse; gap: inherit; position: relative; } .amplify-checkbox--disabled { cursor: var(--amplify-components-checkbox-disabled-cursor); } .amplify-checkbox__button { position: var(--amplify-components-checkbox-button-position); align-items: var(--amplify-components-checkbox-button-align-items); justify-content: var(--amplify-components-checkbox-button-justify-content); color: var(--amplify-components-checkbox-button-color); --amplify-internal-checkbox_button-focused-before-border-color: var( --amplify-components-checkbox-button-focus-border-color ); --amplify-internal-checkbox_button-focused-before-box-shadow: var( --amplify-components-checkbox-button-focus-box-shadow ); } .amplify-checkbox__button::before { content: ""; display: inline-block; position: absolute; box-sizing: border-box; width: var(--amplify-components-checkbox-button-before-width); height: var(--amplify-components-checkbox-button-before-height); border-width: var(--amplify-components-checkbox-button-before-border-width); border-radius: var(--amplify-components-checkbox-button-before-border-radius); border-style: var(--amplify-components-checkbox-button-before-border-style); border-color: var(--amplify-components-checkbox-button-before-border-color); } .amplify-checkbox__button--focused::before { outline-color: var(--amplify-components-checkbox-button-focus-outline-color); outline-style: var(--amplify-components-checkbox-button-focus-outline-style); outline-width: var(--amplify-components-checkbox-button-focus-outline-width); outline-offset: var(--amplify-components-checkbox-button-focus-outline-offset); border-color: var(--amplify-internal-checkbox_button-focused-before-border-color); box-shadow: var(--amplify-internal-checkbox_button-focused-before-box-shadow); } .amplify-checkbox__button--error { --amplify-internal-checkbox_button-focused-before-border-color: var( --amplify-components-checkbox-button-error-focus-border-color ); --amplify-internal-checkbox_button-focused-before-box-shadow: var( --amplify-components-checkbox-button-error-focus-box-shadow ); } .amplify-checkbox__button--error::before { border-color: var(--amplify-components-checkbox-button-error-border-color); } .amplify-checkbox__button--disabled::before { border-color: var(--amplify-components-checkbox-button-disabled-border-color); } .amplify-checkbox__icon { line-height: 1; width: 1em; height: 1em; background-color: var(--amplify-components-checkbox-icon-background-color); opacity: var(--amplify-components-checkbox-icon-opacity); transform: var(--amplify-components-checkbox-icon-transform); border-radius: var(--amplify-components-checkbox-icon-border-radius); transition-property: var(--amplify-components-checkbox-icon-transition-property); transition-duration: var(--amplify-components-checkbox-icon-transition-duration); transition-timing-function: var(--amplify-components-checkbox-icon-transition-timing-function); --amplify-internal-checkbox-icon-disabled-background-color: var( --amplify-components-checkbox-icon-background-color ); } .amplify-checkbox__icon--checked { opacity: var(--amplify-components-checkbox-icon-checked-opacity); transform: var(--amplify-components-checkbox-icon-checked-transform); --amplify-internal-checkbox-icon-disabled-background-color: var( --amplify-components-checkbox-icon-checked-disabled-background-color ); } .amplify-checkbox__icon--indeterminate { opacity: var(--amplify-components-checkbox-icon-indeterminate-opacity); transform: var(--amplify-components-checkbox-icon-indeterminate-transform); --amplify-internal-checkbox-icon-disabled-background-color: var( --amplify-components-checkbox-icon-indeterminate-disabled-background-color ); } .amplify-checkbox__icon--disabled { background-color: var(--amplify-internal-checkbox-icon-disabled-background-color); } .amplify-checkbox__label[data-disabled=true] { color: var(--amplify-components-checkbox-label-disabled-color); } .amplify-checkboxfield { align-content: var(--amplify-components-checkboxfield-align-content); align-items: var(--amplify-components-checkboxfield-align-items); flex-direction: var(--amplify-components-checkboxfield-flex-direction); justify-content: var(--amplify-components-checkboxfield-justify-content); } .amplify-dialcodeselect { height: var(--amplify-components-countrycodeselect-height); } .amplify-divider { border-color: var(--amplify-components-divider-border-color); border-style: var(--amplify-components-divider-border-style); border-width: 0; opacity: var(--amplify-components-divider-opacity); padding: 0; display: block; --amplify-internal-divider-size: var( --amplify-components-divider-border-width ); position: relative; text-align: center; } .amplify-divider--small { --amplify-internal-divider-size: var( --amplify-components-divider-small-border-width ); } .amplify-divider--large { --amplify-internal-divider-size: var( --amplify-components-divider-large-border-width ); } .amplify-divider--horizontal { width: 100%; border-bottom-width: var(--amplify-internal-divider-size); } .amplify-divider--vertical { border-left-width: var(--amplify-internal-divider-size); } .amplify-divider--label { display: flex; justify-content: center; } .amplify-divider--label::after { content: attr(data-label); position: absolute; transform: translateY(-50%); font-size: var(--amplify-components-divider-label-font-size); padding-inline: var(--amplify-components-divider-label-padding-inline); background-color: var(--amplify-components-divider-label-background-color); color: var(--amplify-components-divider-label-color); } .amplify-divider--label[aria-orientation=vertical] { flex-direction: column; } .amplify-divider--label[aria-orientation=vertical]::after { top: auto; transform: translateX(-50%); padding-block: 0; padding-inline: 0; } .amplify-expander { display: block; background-color: var(--amplify-components-expander-background-color); border-radius: var(--amplify-components-expander-border-radius); box-shadow: var(--amplify-components-expander-box-shadow); width: var(--amplify-components-expander-width); } .amplify-expander__item { display: block; overflow: hidden; box-shadow: var(--amplify-components-expander-item-box-shadow); } .amplify-expander__item:first-of-type { border-start-start-radius: var(--amplify-components-expander-item-border-start-start-radius); border-start-end-radius: var(--amplify-components-expander-item-border-start-end-radius); } @supports not (border-start-start-radius: var(--amplify-components-expander-item-border-start-start-radius)) { .amplify-expander__item:first-of-type { border-top-left-radius: var(--amplify-components-expander-item-border-top-left-radius); border-top-right-radius: var(--amplify-components-expander-item-border-top-right-radius); } } .amplify-expander__item:last-of-type { box-shadow: none; border-end-start-radius: var(--amplify-components-expander-item-border-end-start-radius); border-end-end-radius: var(--amplify-components-expander-item-border-end-end-radius); } @supports not (border-end-start-radius: var(--amplify-components-expander-item-border-end-start-radius)) { .amplify-expander__item:last-of-type { border-bottom-left-radius: var(--amplify-components-expander-item-border-bottom-left-radius); border-bottom-right-radius: var(--amplify-components-expander-item-border-bottom-right-radius); } } .amplify-expander__item:focus-within { box-shadow: var(--amplify-components-expander-item-focus-box-shadow); } .amplify-expander__header { display: flex; box-shadow: var(--amplify-components-expander-header-box-shadow); } .amplify-expander__trigger { flex: 1; display: flex; min-height: var(--amplify-components-expander-trigger-min-height); padding-inline-start: var(--amplify-components-expander-trigger-padding-inline-start); padding-inline-end: var(--amplify-components-expander-trigger-padding-inline-end); align-items: var(--amplify-components-expander-trigger-align-items); justify-content: var(--amplify-components-expander-trigger-justify-content); } .amplify-expander__trigger:hover { background-color: var(--amplify-components-expander-trigger-hover-background-color); } .amplify-expander__content { display: block; padding-inline-start: var(--amplify-components-expander-content-padding-inline-start); padding-inline-end: var(--amplify-components-expander-content-padding-inline-end); } .amplify-expander__content[data-state=open] { animation-name: amplify-expander-slide-down; animation-duration: var(--amplify-components-expander-content-open-animation-duration); animation-timing-function: var(--amplify-components-expander-content-open-animation-timing-function); } .amplify-expander__content[data-state=closed] { animation-name: amplify-expander-slide-up; animation-duration: var(--amplify-components-expander-content-closed-animation-duration); animation-timing-function: var(--amplify-components-expander-content-closed-animation-timing-function); } .amplify-expander__content__text { display: block; color: var(--amplify-components-expander-content-text-color); padding-block-start: var(--amplify-components-expander-content-text-padding-block-start); padding-block-end: var(--amplify-components-expander-content-text-padding-block-end); } .amplify-expander__icon { transition-property: transform; transition-duration: var(--amplify-components-expander-icon-transition-duration); transition-timing-function: var(--amplify-components-expander-icon-transition-timing-function); } [data-state=open] .amplify-expander__icon { transform: rotate(180deg); } @keyframes amplify-expander-slide-down { from { height: 0; } to { height: auto; } } @keyframes amplify-expander-slide-up { from { height: auto; } to { height: 0; } } .amplify-field { font-size: var(--amplify-components-field-font-size); gap: var(--amplify-components-field-gap); flex-direction: var(--amplify-components-field-flex-direction); } .amplify-field--small { font-size: var(--amplify-components-field-small-font-size); gap: var(--amplify-components-field-small-gap); } .amplify-field--large { font-size: var(--amplify-components-field-large-font-size); gap: var(--amplify-components-field-large-gap); } .amplify-label { color: var(--amplify-components-field-label-color); } .amplify-field-group__outer-end .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-end .amplify-field-group__control, .amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child), .amplify-field-group__outer-start--quiet .amplify-field-group__control, .amplify-field-group__outer-start .amplify-field-group__control:not(:first-child), .amplify-field-group :not(:first-child) .amplify-input { border-start-start-radius: 0; border-end-start-radius: 0; } @supports not (border-start-start-radius: 0) { .amplify-field-group__outer-end .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-end .amplify-field-group__control, .amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child), .amplify-field-group__outer-start--quiet .amplify-field-group__control, .amplify-field-group__outer-start .amplify-field-group__control:not(:first-child), .amplify-field-group :not(:first-child) .amplify-input { border-top-left-radius: 0; border-bottom-left-radius: 0; } } .amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select, .amplify-field-group__outer-end--quiet .amplify-field-group__control, .amplify-field-group__outer-end .amplify-field-group__control:not(:last-child), .amplify-field-group__outer-start .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-start .amplify-field-group__control, .amplify-field-group :not(:last-child) .amplify-input { border-end-end-radius: 0; border-start-end-radius: 0; } @supports not (border-end-end-radius: 0) { .amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select, .amplify-field-group__outer-end--quiet .amplify-field-group__control, .amplify-field-group__outer-end .amplify-field-group__control:not(:last-child), .amplify-field-group__outer-start .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-start .amplify-field-group__control, .amplify-field-group :not(:last-child) .amplify-input { border-bottom-right-radius: 0; border-top-right-radius: 0; } } .amplify-field-group { gap: var(--amplify-components-fieldgroup-gap); align-self: stretch; } .amplify-field-group--horizontal { flex-direction: row; } .amplify-field-group--vertical { flex-direction: column; align-items: var(--amplify-components-fieldgroup-vertical-align-items); } .amplify-field-group__outer-start, .amplify-field-group__outer-end { display: flex; flex-shrink: 0; align-items: var(--amplify-components-fieldgroup-outer-align-items); } .amplify-field-group__outer-start .amplify-field-group__control, .amplify-field-group__outer-end .amplify-field-group__control { height: 100%; } /** * Outer field group components */ .amplify-field-group__outer-start .amplify-field-group__control:not(:focus) { border-inline-end-color: transparent; } .amplify-field-group__outer-start .amplify-field-group__control:focus { z-index: 1; } .amplify-field-group__outer-start--quiet .amplify-field-group__control:not(:focus) { border-block-start-color: transparent; border-inline-start-color: transparent; } .amplify-field-group__outer-end .amplify-field-group__control:not(:focus) { border-inline-start-color: transparent; } .amplify-field-group__outer-end .amplify-field-group__control:focus { z-index: 1; } .amplify-field-group__outer-end--quiet .amplify-field-group__control:not(:focus) { border-block-start-color: transparent; border-inline-end-color: transparent; } /** * Inner field group components */ .amplify-field-group__field-wrapper { position: relative; width: 100%; } .amplify-field-group__field-wrapper--vertical { width: -moz-fit-content; width: fit-content; } .amplify-field-group__inner-end, .amplify-field-group__inner-start { position: absolute; top: 0; height: 100%; pointer-events: none; } .amplify-field-group__inner-end .amplify-button, .amplify-field-group__inner-start .amplify-button { pointer-events: all; height: 100%; } .amplify-field-group__inner-end { right: 0; left: auto; } .amplify-field-group__inner-start { right: auto; left: 0; } html[dir=rtl] .amplify-field-group__inner-end { right: auto; left: 0; } html[dir=rtl] .amplify-field-group__inner-start { left: auto; right: 0; } .amplify-field-group--has-inner-end .amplify-input { padding-inline-end: calc(var(--amplify-components-fieldcontrol-padding-inline-end) * 3); } .amplify-field-group--has-inner-start .amplify-input { padding-inline-start: calc(var(--amplify-components-fieldcontrol-padding-inline-start) * 3); } /** * Inner icon (non-button) component styling requires additional styling */ .amplify-field-group__icon:not(.amplify-field-group__icon-button) { display: flex; padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-start); flex-direction: column; justify-content: center; height: 100%; } .amplify-fieldset { background-color: var(--amplify-components-fieldset-background-color); border-radius: var(--amplify-components-fieldset-border-radius); flex-direction: var(--amplify-components-fieldset-flex-direction); gap: var(--amplify-components-fieldset-gap); /* Sizes */ /* Variations */ } .amplify-fieldset--small { gap: var(--amplify-components-fieldset-small-gap); } .amplify-fieldset--large { gap: var(--amplify-components-fieldset-large-gap); } .amplify-fieldset--outlined { border: var(--amplify-components-fieldset-outlined-border-width) var(--amplify-components-fieldset-outlined-border-style) var(--amplify-components-fieldset-outlined-border-color); padding: var(--amplify-components-fieldset-outlined-padding); } .amplify-fieldset--outlined.amplify-fieldset--small { padding: var(--amplify-components-fieldset-outlined-small-padding); } .amplify-fieldset--outlined.amplify-fieldset--large { padding: var(--amplify-components-fieldset-outlined-large-padding); } .amplify-fieldset__legend { color: var(--amplify-components-fieldset-legend-color); font-weight: var(--amplify-components-fieldset-legend-font-weight); line-height: var(--amplify-components-fieldset-legend-line-height); font-size: var(--amplify-components-fieldset-legend-font-size); } .amplify-fieldset__legend--small { font-size: var(--amplify-components-fieldset-legend-small-font-size); } .amplify-fieldset__legend--large { font-size: var(--amplify-components-fieldset-legend-large-font-size); } .amplify-liveness-cancel-container { z-index: 2; position: absolute; top: var(--amplify-space-medium); right: var(--amplify-space-medium); } .amplify-liveness-cancel-button { background-color: var(--amplify-colors-background-primary); } .amplify-liveness-fade-out { animation-name: amplify-liveness-animation-fadeout; animation-duration: 1s; animation-fill-mode: forwards; } @keyframes amplify-liveness-animation-fadeout { from { opacity: 1; } to { opacity: 0; } } .amplify-liveness-camera-module { flex-direction: column; align-items: center; justify-content: center; background-color: var(--amplify-components-liveness-camera-module-background-color); border: 1px solid var(--amplify-colors-neutral-40); position: relative; } .amplify-liveness-camera-module--mobile { position: fixed; top: 0; left: 0; height: 100%; width: 100%; } .amplify-liveness-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .amplify-liveness-freshness-canvas { height: 100%; width: 100%; position: fixed; top: 0; left: 0; pointer-events: none; z-index: 1; } .amplify-liveness-loader { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .amplify-liveness-oval-canvas { flex-direction: column; position: absolute; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; } .amplify-liveness-oval-canvas--mobile { position: fixed; } .amplify-liveness-video-anchor { position: relative; width: 100%; } .amplify-liveness-recording-icon-container { z-index: 1; position: absolute; top: var(--amplify-space-medium); left: var(--amplify-space-medium); } .amplify-liveness-recording-icon { flex-direction: column; align-items: center; background-color: var(--amplify-colors-background-primary); padding: var(--amplify-space-xxs); gap: var(--amplify-space-xxs); border-radius: var(--amplify-radii-small); } .amplify-liveness-instruction-overlay { z-index: 1; } .amplify-liveness-countdown-container { background-color: var(--amplify-colors-background-primary); border-radius: 100%; padding: var(--amplify-space-xs); } .amplify-liveness-instruction-list { flex-direction: column; } .amplify-liveness-instruction-list li { display: flex; } .amplify-liveness-toast { background-color: var(--amplify-colors-background-primary); padding: var(--amplify-space-small); border-radius: var(--amplify-radii-medium); } .amplify-liveness-toast__message { color: var(--amplify-colors-font-primary); text-align: center; flex-direction: column; } .amplify-liveness-toast--large { font-size: var(--amplify-font-sizes-xl); } .amplify-liveness-toast--primary { background-color: var(--amplify-colors-brand-primary-80); } .amplify-liveness-toast--primary .amplify-liveness-toast__message { color: var(--amplify-colors-font-inverse); text-align: center; flex-direction: column; } .amplify-liveness-toast__container { gap: var(--amplify-space-xs); flex-direction: column; align-items: center; } .amplify-liveness-toast--error { background-color: var(--amplify-colors-red-80); } .amplify-liveness-toast--error .amplify-liveness-toast__message { color: var(--amplify-colors-font-inverse); } .amplify-liveness-match-indicator { display: block; width: min(70%, 200px); position: relative; --amplify-liveness-match-indicator-transition: transform 0.2s linear; } .amplify-liveness-match-indicator__bar { --percentage: 0; display: block; width: 100%; height: var(--amplify-space-medium); border-radius: var(--amplify-radii-medium); background: var(--amplify-colors-white); position: relative; overflow: hidden; /* This translateZ transform fixes in issue in Safari where the bar::after element doesn't appear clipped from overflow: hidden here */ transform: translateZ(0); border: 1px solid var(--amplify-colors-border-tertiary); } .amplify-liveness-match-indicator__pin { --percentage: 0; display: block; width: 100%; position: absolute; top: 50%; left: 0; transform: translate(var(--percentage), 0); transition: var(--amplify-liveness-match-indicator-transition); } .amplify-liveness-match-indicator__bar:after { position: absolute; content: ""; width: 100%; height: 100%; background: var(--amplify-colors-brand-primary-40); left: -100%; transform: translate(var(--percentage), 0); transition: var(--amplify-liveness-match-indicator-transition); } .amplify-liveness-match-indicator__pin:after { --height: var(--amplify-space-xl); position: absolute; content: ""; width: var(--amplify-space-small); height: var(--height); border-radius: var(--amplify-radii-medium); background: var(--amplify-colors-brand-primary-80); left: 0; top: 0; transform: translate(-50%, calc(var(--height) / 2 * -1)); } .amplify-liveness-figures { flex-wrap: wrap; } .amplify-liveness-figure { flex-direction: column; gap: 0; } .amplify-liveness-figure__caption { padding: var(--amplify-space-xxs); } .amplify-liveness-figure__caption--success { background-color: var(--amplify-colors-background-success); color: var(--amplify-colors-font-success); } .amplify-liveness-figure__caption--error { background-color: var(--amplify-colors-background-error); color: var(--amplify-colors-font-error); } .amplify-liveness-figure__image { background-color: #fff; border: 1px solid var(--amplify-colors-border-primary); position: relative; display: flex; justify-content: center; } .amplify-liveness-figure__image svg { display: block; } .amplify-liveness-figure__image--success { border-color: var(--amplify-colors-green-90); } .amplify-liveness-figure__image--error { border-color: var(--amplify-colors-border-error); } .amplify-liveness-figure__icon { position: absolute; left: 0; top: 0; } .amplify-liveness-landscape-error-modal { background-color: var(--amplify-colors-background-primary); direction: column; text-align: center; align-items: center; justify-content: center; width: 100%; } .amplify-liveness-landscape-error-modal__header { font-size: large; font-weight: var(--amplify-font-weights-bold); } .amplify-liveness-landscape-error-modal__button { justify-content: center; } .amplify-liveness-start-screen-header { display: flex; flex-direction: column; } .amplify-liveness-start-screen-header__heading { color: var(--amplify-colors-font-primary); font-weight: var(--amplify-font-weights-bold); } .amplify-liveness-start-screen-header__body { color: var(--amplify-colors-font-primary); } .amplify-liveness-start-screen-warning { color: var(--amplify-colors-orange-80); background-color: var(--amplify-colors-orange-20); align-items: center; } .amplify-liveness-start-screen-instructions__heading { color: var(--amplify-colors-font-primary); font-weight: var(--amplify-font-weights-bold); } .amplify-liveness-overlay-opaque { background-color: var(--amplify-colors-overlay-40); } .amplify-liveness-overlay { flex-direction: column; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: var(--amplify-space-xl); } .amplify-liveness-error-modal { gap: var(--amplify-space-xs); align-items: center; justify-content: center; color: var(--amplify-colors-font-error); } .amplify-liveness-error-modal__heading { font-weight: var(--amplify-font-weights-bold); } .amplify-liveness-hint__text { align-items: center; gap: var(--amplify-space-xs); } .amplify-liveness-popover { position: relative; cursor: pointer; } .amplify-liveness-popover__anchor { position: absolute; top: 26px; left: 3px; z-index: 3; border-style: solid; border-width: 0 9px 9px 9px; border-color: transparent transparent var(--amplify-colors-background-primary) transparent; } .amplify-liveness-popover__anchor-secondary { position: absolute; top: 24px; left: 2px; z-index: 2; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent var(--amplify-colors-border-secondary) transparent; } .amplify-liveness-popover__container { position: absolute; background-color: var(--amplify-colors-background-primary); color: var(--amplify-colors-font-primary); flex-direction: row; font-size: var(--amplify-font-sizes-xs); padding: var(--amplify-space-small); top: 33px; width: 240px; border: 1px solid var(--amplify-colors-border-secondary); border-radius: 2px; } .amplify-fileuploader__dropzone { background-color: var(--amplify-components-fileuploader-dropzone-background-color); border-color: var(--amplify-components-fileuploader-dropzone-border-color); border-radius: var(--amplify-components-fileuploader-dropzone-border-radius); border-style: var(--amplify-components-fileuploader-dropzone-border-style); border-width: var(--amplify-components-fileuploader-dropzone-border-width); text-align: var(--amplify-components-fileuploader-dropzone-text-align); padding-block: var(--amplify-components-fileuploader-dropzone-padding-block); padding-inline: var(--amplify-components-fileuploader-dropzone-padding-inline); display: flex; flex-direction: column; align-items: center; gap: var(--amplify-components-fileuploader-dropzone-gap); } .amplify-fileuploader__dropzone--small { flex-direction: row; justify-content: center; } .amplify-fileuploader__dropzone--active { border-color: var(--amplify-components-fileuploader-dropzone-active-border-color); border-width: var(--amplify-components-fileuploader-dropzone-active-border-width); background-color: var(--amplify-components-fileuploader-dropzone-active-background-color); } .amplify-fileuploader__dropzone__icon { font-size: var(--amplify-components-fileuploader-dropzone-icon-font-size); color: var(--amplify-components-fileuploader-dropzone-icon-color); } .amplify-fileuploader__dropzone__text { color: var(--amplify-components-fileuploader-dropzone-text-color); font-size: var(--amplify-components-fileuploader-dropzone-text-font-size); font-weight: var(--amplify-components-fileuploader-dropzone-text-font-weight); } .amplify-fileuploader__file { position: relative; border-width: var(--amplify-components-fileuploader-file-border-width); border-style: var(--amplify-components-fileuploader-file-border-style); border-color: var(--amplify-components-fileuploader-file-border-color); border-radius: var(--amplify-components-fileuploader-file-border-radius); display: flex; flex-direction: column; padding-inline: var(--amplify-components-fileuploader-file-padding-inline); padding-block: var(--amplify-components-fileuploader-file-padding-block); align-items: var(--amplify-components-fileuploader-file-align-items); } .amplify-fileuploader__file__wrapper { width: 100%; display: flex; flex-direction: row; align-items: center; gap: var(--amplify-components-fileuploader-file-gap); } .amplify-fileuploader__file__name { text-overflow: ellipsis; overflow: hidden; font-weight: var(--amplify-components-fileuploader-file-name-font-weight); font-size: var(--amplify-components-fileuploader-file-name-font-size); color: var(--amplify-components-fileuploader-file-name-color); } .amplify-fileuploader__file__size { font-weight: var(--amplify-components-fileuploader-file-size-font-weight); font-size: var(--amplify-components-fileuploader-file-size-font-size); color: var(--amplify-components-fileuploader-file-size-color); } .amplify-fileuploader__file__main { flex: 1; white-space: nowrap; overflow: hidden; } .amplify-fileuploader__file__image { position: relative; display: flex; align-items: center; justify-content: center; width: var(--amplify-components-fileuploader-file-image-width); height: var(--amplify-components-fileuploader-file-image-height); background-color: var(--amplify-components-fileuploader-file-image-background-color); border-radius: var(--amplify-components-fileuploader-file-image-border-radius); color: var(--amplify-components-fileuploader-file-image-color); } .amplify-fileuploader__file__image img { max-height: 100%; } .amplify-fileuploader__file__status--error { color: var(--amplify-colors-font-error); font-size: var(--amplify-components-fileuploader-file-size-font-size); } .amplify-fileuploader__file__status--success { color: var(--amplify-colors-font-success); } .amplify-fileuploader__loader { stroke-linecap: var(--amplify-components-fileuploader-loader-stroke-linecap); stroke: var(--amplify-components-fileuploader-loader-stroke-empty); stroke-width: var(--amplify-components-fileuploader-loader-stroke-width); height: var(--amplify-components-fileuploader-loader-stroke-width); --amplify-components-loader-linear-stroke-filled: var( --amplify-components-fileuploader-loader-stroke-filled ); overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; } .amplify-fileuploader__previewer { display: block; max-width: var(--amplify-components-fileuploader-previewer-max-width); background-color: var(--amplify-components-fileuploader-previewer-background-color); border-width: var(--amplify-components-fileuploader-previewer-border-width); border-style: var(--amplify-components-fileuploader-previewer-border-style); border-color: var(--amplify-components-fileuploader-previewer-border-color); border-radius: var(--amplify-components-fileuploader-previewer-border-radius); padding-inline: var(--amplify-components-fileuploader-previewer-padding-inline); padding-block: var(--amplify-components-fileuploader-previewer-padding-block); } .amplify-fileuploader__previewer__text { font-weight: var(--amplify-components-fileuploader-previewer-text-font-weight); font-size: var(--amplify-components-fileuploader-previewer-text-font-size); color: var(--amplify-components-fileuploader-previewer-text-color); } .amplify-fileuploader__previewer__body { display: flex; flex-direction: column; max-height: var(--amplify-components-fileuploader-previewer-max-height); max-width: var(--amplify-components-fileuploader-previewer-max-width); overflow: auto; gap: var(--amplify-components-fileuploader-previewer-body-gap); padding-inline: var(--amplify-components-fileuploader-previewer-body-padding-inline); padding-block: var(--amplify-components-fileuploader-previewer-body-padding-block); } .amplify-fileuploader__previewer__footer { max-width: var(--amplify-components-fileuploader-previewer-max-width); border-top-width: var(--amplify-components-fileuploader-previewer-footer-border-width); border-top-style: var(--amplify-components-fileuploader-previewer-footer-border-style); border-top-color: var(--amplify-components-fileuploader-previewer-footer-border-color); padding-inline: var(--amplify-components-fileuploader-previewer-footer-padding-inline); padding-block: var(--amplify-components-fileuploader-previewer-footer-padding-block); position: relative; display: flex; flex-direction: row; justify-content: var(--amplify-components-fileuploader-previewer-footer-justify-content); } .amplify-fileuploader__previewer__footer__actions { display: flex; flex-direction: row; gap: var(--amplify-space-small); } .amplify-menu-content-wrapper { z-index: 999999; } .amplify-menu-trigger { display: flex; justify-content: center; align-items: center; } .amplify-menu-content { background-color: var(--amplify-components-menu-background-color); border-radius: var(--amplify-components-menu-border-radius); box-shadow: var(--amplify-components-menu-box-shadow); flex-direction: var(--amplify-components-menu-flex-direction); gap: var(--amplify-components-menu-gap); min-width: var(--amplify-components-menu-min-width); max-width: var(--amplify-components-menu-max-width); border-color: var(--amplify-components-menu-border-color); border-width: var(--amplify-components-menu-border-width); border-style: var(--amplify-components-menu-border-style); } .amplify-menu-content__item { min-height: var(--amplify-components-menu-item-min-height); padding-inline-start: var(--amplify-components-menu-item-padding-inline-start); padding-inline-end: var(--amplify-components-menu-item-padding-inline-end); } .amplify-menu-content__item:not(:first-child):not(:last-child) { border-radius: 0; } .amplify-menu-content__item:first-child { border-end-end-radius: 0; border-end-start-radius: 0; } @supports not (border-end-end-radius: 0) { .amplify-menu-content__item:first-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } .amplify-menu-content__item:last-child { border-start-end-radius: 0; border-start-start-radius: 0; } @supports not (border-end-end-radius: 0) { .amplify-menu-content__item:last-child { border-top-right-radius: 0; border-top-left-radius: 0; } } .amplify-message { align-items: var(--amplify-components-message-align-items); background-color: var(--amplify-components-message-background-color); color: var(--amplify-components-message-color); justify-content: var(--amplify-components-message-justify-content); padding-block: var(--amplify-components-message-padding-block); padding-inline: var(--amplify-components-message-padding-inline); border-color: var(--amplify-components-message-border-color); border-radius: var(--amplify-components-message-border-radius); border-style: var(--amplify-components-message-border-style); border-width: var(--amplify-components-message-border-width); line-height: var(--amplify-components-message-line-height); } .amplify-message--plain { background-color: var(--amplify-components-message-plain-background-color); border-color: var(--amplify-components-message-plain-border-color); color: var(--amplify-components-message-plain-color); } .amplify-message--plain.amplify-message--info { background-color: var(--amplify-components-message-plain-info-background-color); border-color: var(--amplify-components-message-plain-info-border-color); color: var(--amplify-components-message-plain-info-color); } .amplify-message--plain.amplify-message--error { background-color: var(--amplify-components-message-plain-error-background-color); border-color: var(--amplify-components-message-plain-error-border-color); color: var(--amplify-components-message-plain-error-color); } .amplify-message--plain.amplify-message--warning { background-color: var(--amplify-components-message-plain-warning-background-color); border-color: var(--amplify-components-message-plain-warning-border-color); color: var(--amplify-components-message-plain-warning-color); } .amplify-message--plain.amplify-message--success { background-color: var(--amplify-components-message-plain-success-background-color); border-color: var(--amplify-components-message-plain-success-border-color); color: var(--amplify-components-message-plain-success-color); } .amplify-message--outlined { background-color: var(--amplify-components-message-outlined-background-color); border-color: var(--amplify-components-message-outlined-border-color); color: var(--amplify-components-message-outlined-color); } .amplify-message--outlined.amplify-message--info { background-color: var(--amplify-components-message-outlined-info-background-color); border-color: var(--amplify-components-message-outlined-info-border-color); color: var(--amplify-components-message-outlined-info-color); } .amplify-message--outlined.amplify-message--error { background-color: var(--amplify-components-message-outlined-error-background-color); border-color: var(--amplify-components-message-outlined-error-border-color); color: var(--amplify-components-message-outlined-error-color); } .amplify-message--outlined.amplify-message--warning { background-color: var(--amplify-components-message-outlined-warning-background-color); border-color: var(--amplify-components-message-outlined-warning-border-color); color: var(--amplify-components-message-outlined-warning-color); } .amplify-message--outlined.amplify-message--success { background-color: var(--amplify-components-message-outlined-success-background-color); border-color: var(--amplify-components-message-outlined-success-border-color); color: var(--amplify-components-message-outlined-success-color); } .amplify-message--filled { background-color: var(--amplify-components-message-filled-background-color); border-color: var(--amplify-components-message-filled-border-color); color: var(--amplify-components-message-filled-color); } .amplify-message--filled.amplify-message--info { background-color: var(--amplify-components-message-filled-info-background-color); border-color: var(--amplify-components-message-filled-info-border-color); color: var(--amplify-components-message-filled-info-color); } .amplify-message--filled.amplify-message--error { background-color: var(--amplify-components-message-filled-error-background-color); border-color: var(--amplify-components-message-filled-error-border-color); color: var(--amplify-components-message-filled-error-color); } .amplify-message--filled.amplify-message--warning { background-color: var(--amplify-components-message-filled-warning-background-color); border-color: var(--amplify-components-message-filled-warning-border-color); color: var(--amplify-components-message-filled-warning-color); } .amplify-message--filled.amplify-message--success { background-color: var(--amplify-components-message-filled-success-background-color); border-color: var(--amplify-components-message-filled-success-border-color); color: var(--amplify-components-message-filled-success-color); } .amplify-message__icon { font-size: var(--amplify-components-message-icon-size); } .amplify-message__icon > * { display: block; } .amplify-message__heading { font-weight: var(--amplify-components-message-heading-font-weight); font-size: var(--amplify-components-message-heading-font-size); } .amplify-message__content { flex: 1; flex-direction: column; gap: var(--amplify-space-xxxs); } .amplify-message__dismiss { margin-inline-start: auto; gap: var(--amplify-components-message-dismiss-gap); } .amplify-pagination__item-current, .amplify-pagination__item-button { height: var(--amplify-components-pagination-item-shared-height); min-width: var(--amplify-components-pagination-item-shared-min-width); border-radius: var(--amplify-components-pagination-item-shared-border-radius); } .amplify-pagination { list-style-type: none; } .amplify-pagination li { margin-left: var(--amplify-components-pagination-item-container-margin-left); margin-right: var(--amplify-components-pagination-item-container-margin-right); } .amplify-pagination__item-button { display: flex; align-items: center; justify-content: center; font-weight: initial; color: var(--amplify-components-pagination-button-color); padding-inline-start: var(--amplify-components-pagination-button-padding-inline-start); padding-inline-end: var(--amplify-components-pagination-button-padding-inline-end); transition-property: var(--amplify-components-pagination-button-transition-property); transition-duration: var(--amplify-components-pagination-button-transition-duration); } .amplify-pagination__item-button:hover { text-decoration: none; color: var(--amplify-components-pagination-button-hover-color); background-color: var(--amplify-components-pagination-button-hover-background-color); } .amplify-pagination__item-button--disabled { color: var(--amplify-components-pagination-button-disabled-color); pointer-events: none; } .amplify-pagination__item-current { align-items: var(--amplify-components-pagination-current-align-items); justify-content: var(--amplify-components-pagination-current-justify-content); color: var(--amplify-components-pagination-current-color); font-size: var(--amplify-components-pagination-current-font-size); background-color: var(--amplify-components-pagination-current-background-color); } .amplify-pagination__item-ellipsis { align-items: var(--amplify-components-pagination-ellipsis-align-items); justify-content: var(--amplify-components-pagination-ellipsis-justify-content); padding-inline-start: var(--amplify-components-pagination-ellipsis-padding-inline-start); padding-inline-end: var(--amplify-components-pagination-ellipsis-padding-inline-end); } .amplify-passwordfield { --amplify-components-fieldcontrol-color: var( --amplify-components-passwordfield-color ); --amplify-components-button-color: var( --amplify-components-passwordfield-button-color ); --amplify-components-button-active-background-color: var( --amplify-components-passwordfield-button-active-background-color ); --amplify-components-button-active-border-color: var( --amplify-components-passwordfield-button-active-border-color ); --amplify-components-button-active-color: var( --amplify-components-passwordfield-button-active-color ); --amplify-components-button-disabled-background-color: var( --amplify-components-passwordfield-button-disabled-background-color ); --amplify-components-button-disabled-border-color: var( --amplify-components-passwordfield-button-disabled-border-color ); --amplify-components-button-disabled-color: var( --amplify-components-passwordfield-button-disabled-color ); --amplify-components-button-focus-background-color: var( --amplify-components-passwordfield-button-focus-background-color ); --amplify-components-button-focus-border-color: var( --amplify-components-passwordfield-button-focus-border-color ); --amplify-components-button-focus-color: var( --amplify-components-passwordfield-button-focus-color ); --amplify-components-button-hover-background-color: var( --amplify-components-passwordfield-button-hover-background-color ); --amplify-components-button-hover-border-color: var( --amplify-components-passwordfield-button-hover-border-color ); --amplify-components-button-hover-color: var( --amplify-components-passwordfield-button-hover-color ); } .amplify-field__show-password--error { color: var(--amplify-components-fieldcontrol-error-color); border-color: var(--amplify-components-fieldcontrol-error-border-color); } .amplify-phonenumberfield select:not(:focus) { border-right: none; } .amplify-phonenumberfield { --amplify-components-selectfield-color: var( --amplify-components-phonenumberfield-color ); --amplify-components-selectfield-border-color: var( --amplify-components-phonenumberfield-border-color ); --amplify-components-selectfield-font-size: var( --amplify-components-phonenumberfield-font-size ); --amplify-components-selectfield-focus-border-color: var( --amplify-components-phonenumberfield-focus-border-color ); --amplify-components-textfield-color: var( --amplify-components-phonenumberfield-color ); --amplify-components-textfield-border-color: var( --amplify-components-phonenumberfield-border-color ); --amplify-components-textfield-font-size: var( --amplify-components-phonenumberfield-font-size ); --amplify-components-textfield-focus-border-color: var( --amplify-components-phonenumberfield-focus-border-color ); } .amplify-rating { display: inline-flex; position: relative; text-align: left; font-size: var(--amplify-components-rating-default-size); line-height: var(--amplify-components-rating-default-size); } .amplify-rating .amplify-icon { font-size: unset; line-height: unset; height: 1em; } .amplify-rating--small { font-size: var(--amplify-components-rating-small-size); line-height: var(--amplify-components-rating-small-size); } .amplify-rating--large { font-size: var(--amplify-components-rating-large-size); line-height: var(--amplify-components-rating-large-size); } .amplify-rating-filled { fill: currentColor; display: inline-block; flex-shrink: 0; width: 1em; height: 1em; } .amplify-rating-icon-container { position: relative; height: 1em; width: 1em; } .amplify-rating-label { position: absolute; overflow: hidden; height: 1em; width: 1em; } .amplify-rating-icon { width: 1em; height: 1em; display: block; } .amplify-rating-icon-filled { color: var(--amplify-components-rating-filled-color); } .amplify-rating-icon-empty { color: var(--amplify-components-rating-empty-color); } .amplify-radio { align-items: var(--amplify-components-radio-align-items); justify-content: var(--amplify-components-radio-justify-content); gap: inherit; flex-direction: row-reverse; position: relative; --amplify-components-text-color: var(--amplify-components-radio-label-color); } .amplify-radio--disabled { cursor: var(--amplify-components-radio-disabled-cursor); } .amplify-radio__button { flex-shrink: 0; align-items: var(--amplify-components-radio-button-align-items); justify-content: var(--amplify-components-radio-button-justify-content); padding: var(--amplify-components-radio-button-padding); box-sizing: var(--amplify-components-radio-button-box-sizing); border-width: var(--amplify-components-radio-button-border-width); border-style: var(--amplify-components-radio-button-border-style); border-radius: var(--amplify-components-radio-button-border-radius); border-color: var(--amplify-components-radio-button-border-color); color: var(--amplify-components-radio-button-color); background-color: var(--amplify-components-radio-button-background-color); transition-property: var(--amplify-components-radio-button-transition-property); transition-duration: var(--amplify-components-radio-button-transition-duration); width: var(--amplify-components-radio-button-width); height: var(--amplify-components-radio-button-height); outline-color: var(--amplify-components-radio-button-outline-color); outline-style: var(--amplify-components-radio-button-outline-style); outline-width: var(--amplify-components-radio-button-outline-width); outline-offset: var(--amplify-components-radio-button-outline-offset); } .amplify-radio__button::before { content: ""; display: inline-block; width: 100%; height: 100%; border-radius: var(--amplify-components-radio-button-before-border-radius); background-color: currentColor; border-radius: 50%; } .amplify-radio__button--small { width: var(--amplify-components-radio-button-small-width); height: var(--amplify-components-radio-button-small-height); } .amplify-radio__button--large { width: var(--amplify-components-radio-button-large-width); height: var(--amplify-components-radio-button-large-height); } .amplify-radio__input:checked + .amplify-radio__button { color: var(--amplify-components-radio-button-checked-color); } .amplify-radio__input:checked:disabled + .amplify-radio__button { color: var(--amplify-components-radio-button-checked-disabled-color); } .amplify-radio__input:focus + .amplify-radio__button { border-color: var(--amplify-components-radio-button-focus-border-color); box-shadow: var(--amplify-components-radio-button-focus-box-shadow); } .amplify-radio__input[aria-invalid=true] + .amplify-radio__button { border-color: var(--amplify-components-radio-button-error-border-color); } .amplify-radio__input[aria-invalid=true]:focus + .amplify-radio__button { box-shadow: var(--amplify-components-radio-button-error-focus-box-shadow); } .amplify-radio__input:disabled + .amplify-radio__button { border-color: var(--amplify-components-radio-button-disabled-border-color); background-color: var(--amplify-components-radio-button-disabled-background-color); } .amplify-radio__label[data-disabled=true] { color: var(--amplify-components-radio-label-disabled-color); } .amplify-radiogroup { gap: inherit; flex-direction: inherit; align-items: inherit; } .amplify-radiogroupfield { flex-direction: column; align-items: flex-start; --amplify-components-field-label-color: var( --amplify-components-radiogroup-label-color ); --amplify-components-radio-button-border-width: var( --amplify-components-radiogroup-radio-border-width ); --amplify-components-radio-button-border-color: var( --amplify-components-radiogroup-radio-border-color ); --amplify-components-radio-button-background-color: var( --amplify-components-radiogroup-radio-background-color ); --amplify-components-radio-label-color: var( --amplify-components-radiogroup-radio-label-color ); --amplify-components-radio-button-checked-color: var( --amplify-components-radiogroup-radio-checked-color ); } .amplify-searchfield { --amplify-components-fieldcontrol-color: var( --amplify-components-searchfield-input-color ); } .amplify-searchfield__search { color: var(--amplify-components-searchfield-button-color); background-color: var(--amplify-components-searchfield-button-background-color); } .amplify-searchfield__search:active { background-color: var(--amplify-components-button-active-background-color); border-color: var(--amplify-components-button-active-border-color); color: var(--amplify-components-button-active-color); } .amplify-searchfield__search:focus { background-color: var(--amplify-components-searchfield-button-focus-background-color); border-color: var(--amplify-components-searchfield-button-focus-border-color); color: var(--amplify-components-searchfield-button-focus-color); } .amplify-searchfield__search:hover { background-color: var(--amplify-components-searchfield-button-hover-background-color); border-color: var(--amplify-components-searchfield-button-hover-border-color); color: var(--amplify-components-searchfield-button-hover-color); } .amplify-searchfield__search:disabled { background-color: var(--amplify-components-searchfield-button-disabled-background-color); border-color: var(--amplify-components-searchfield-button-disabled-border-color); color: var(--amplify-components-searchfield-button-disabled-color); } .amplify-select__wrapper { flex: var(--amplify-components-select-wrapper-flex); display: var(--amplify-components-select-wrapper-display); position: var(--amplify-components-select-wrapper-position); cursor: var(--amplify-components-select-wrapper-cursor); align-self: stretch; } .amplify-select__icon-wrapper { color: var(--amplify-components-fieldcontrol-color); align-items: var(--amplify-components-select-icon-wrapper-align-items); position: var(--amplify-components-select-icon-wrapper-position); top: var(--amplify-components-select-icon-wrapper-top); right: var(--amplify-components-select-icon-wrapper-right); transform: var(--amplify-components-select-icon-wrapper-transform); pointer-events: var(--amplify-components-select-icon-wrapper-pointer-events); } .amplify-select__icon-wrapper--small { right: var(--amplify-components-select-icon-wrapper-small-right); } .amplify-select__icon-wrapper--large { right: var(--amplify-components-select-icon-wrapper-large-right); } .amplify-select { box-sizing: border-box; color: var(--amplify-components-fieldcontrol-color); font-size: var(--amplify-components-fieldcontrol-font-size); line-height: var(--amplify-components-fieldcontrol-line-height); padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end); transition: all var(--amplify-components-fieldcontrol-transition-duration); width: 100%; border-color: var(--amplify-components-fieldcontrol-border-color); border-radius: var(--amplify-components-fieldcontrol-border-radius); border-style: var(--amplify-components-fieldcontrol-border-style); border-width: var(--amplify-components-fieldcontrol-border-width); outline-color: var(--amplify-components-fieldcontrol-outline-color); outline-style: var(--amplify-components-fieldcontrol-outline-style); outline-width: var(--amplify-components-fieldcontrol-outline-width); outline-offset: var(--amplify-components-fieldcontrol-outline-offset); min-width: var(--amplify-components-select-min-width); padding-inline-end: var(--amplify-components-select-padding-inline-end); white-space: var(--amplify-components-select-white-space); } .amplify-select:focus { border-color: var(--amplify-components-fieldcontrol-focus-border-color); box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); } .amplify-select--small { font-size: var(--amplify-components-fieldcontrol-small-font-size); padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end); } .amplify-select--large { font-size: var(--amplify-components-fieldcontrol-large-font-size); padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start); padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end); padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start); padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end); } .amplify-select--error { border-color: var(--amplify-components-fieldcontrol-error-border-color); } .amplify-select--error:focus { border-color: var(--amplify-components-fieldcontrol-error-border-color); box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow); } .amplify-select[disabled] { color: var(--amplify-components-fieldcontrol-disabled-color); cursor: var(--amplify-components-fieldcontrol-disabled-cursor); border-color: var(--amplify-components-fieldcontrol-disabled-border-color); background-color: var(--amplify-components-fieldcontrol-disabled-background-color); } .amplify-select--quiet { border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start); border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start); border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end); border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius); } .amplify-select--quiet:focus { border-block-end-color: var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color); box-shadow: var(--amplify-components-fieldcontrol-quiet-focus-box-shadow); } .amplify-select--quiet[aria-invalid=true] { border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color); } .amplify-select--quiet[aria-invalid=true]:focus { box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow); } .amplify-select option { color: initial; } .amplify-select option[disabled=""] { color: var(--amplify-components-select-option-disabled-color); } @-moz-document url-prefix() { .amplify-select option { background-color: var(--amplify-components-select-option-background-color); color: var(--amplify-components-select-option-color); } } .amplify-select--small { min-width: var(--amplify-components-select-small-min-width); padding-inline-end: var(--amplify-components-select-small-padding-inline-end); } .amplify-select--large { min-width: var(--amplify-components-select-large-min-width); padding-inline-end: var(--amplify-components-select-large-padding-inline-end); } .amplify-selectfield { flex-direction: var(--amplify-components-selectfield-flex-direction); --amplify-components-fieldcontrol-border-color: var( --amplify-components-selectfield-border-color ); --amplify-components-fieldcontrol-color: var( --amplify-components-selectfield-color ); --amplify-components-fieldcontrol-font-size: var( --amplify-components-selectfield-font-size ); --amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-selectfield-focus-border-color ); --amplify-components-field-label-color: var( --amplify-components-selectfield-label-color ); } .amplify-sliderfield { flex-direction: column; } .amplify-sliderfield__label { display: flex; justify-content: space-between; } .amplify-sliderfield__root { align-items: center; box-sizing: content-box; display: flex; padding-block: var(--amplify-components-sliderfield-padding-block); position: relative; touch-action: none; -webkit-user-select: none; user-select: none; --amplify-internal-sliderfield-root-height: var( --amplify-components-sliderfield-thumb-height ); --amplify-internal-sliderfield-root-width: var( --amplify-components-sliderfield-thumb-height ); } .amplify-sliderfield__root[data-disabled] { cursor: not-allowed; } .amplify-sliderfield__root--horizontal { height: var(--amplify-internal-sliderfield-root-height); } .amplify-sliderfield__root--vertical { flex-direction: column; width: var(--amplify-internal-sliderfield-root-width); } .amplify-sliderfield__root--large { --amplify-internal-sliderfield-root-height: var( --amplify-components-sliderfield-large-thumb-height ); --amplify-internal-sliderfield-root-width: var( --amplify-components-sliderfield-large-thumb-height ); } .amplify-sliderfield__root--small { --amplify-internal-sliderfield-root-height: var( --amplify-components-sliderfield-small-thumb-height ); --amplify-internal-sliderfield-root-width: var( --amplify-components-sliderfield-small-thumb-height ); } .amplify-sliderfield__track { position: relative; flex-grow: 1; border-radius: var(--amplify-components-sliderfield-track-border-radius); background-color: var(--amplify-components-sliderfield-track-background-color); --amplify-internal-sliderfield-track-height: var( --amplify-components-sliderfield-track-height ); --amplify-internal-sliderfield-track-min-width: var( --amplify-components-sliderfield-track-min-width ); --amplify-internal-sliderfield-track-width: var( --amplify-components-sliderfield-track-height ); --amplify-internal-sliderfield-track-min-height: var( --amplify-components-sliderfield-track-min-width ); } .amplify-sliderfield__track--horizontal { height: var(--amplify-internal-sliderfield-track-height); min-width: var(--amplify-internal-sliderfield-track-min-width); } .amplify-sliderfield__track--vertical { width: var(--amplify-internal-sliderfield-track-width); min-height: var(--amplify-internal-sliderfield-track-min-height); } .amplify-sliderfield__track--large { --amplify-internal-sliderfield-track-height: var( --amplify-components-sliderfield-large-track-height ); --amplify-internal-sliderfield-track-width: var( --amplify-components-sliderfield-large-track-height ); } .amplify-sliderfield__track--small { --amplify-internal-sliderfield-track-height: var( --amplify-components-sliderfield-small-track-height ); --amplify-internal-sliderfield-track-width: var( --amplify-components-sliderfield-small-track-height ); } .amplify-sliderfield__range { position: absolute; border-radius: var(--amplify-components-sliderfield-range-border-radius); background-color: var(--amplify-components-sliderfield-range-background-color); } .amplify-sliderfield__range[data-disabled] { background-color: var(--amplify-components-sliderfield-range-disabled-background-color); } .amplify-sliderfield__range--horizontal { height: 100%; } .amplify-sliderfield__range--vertical { width: 100%; } .amplify-sliderfield__thumb { display: block; width: var(--amplify-components-sliderfield-thumb-width); height: var(--amplify-components-sliderfield-thumb-height); background-color: var(--amplify-components-sliderfield-thumb-background-color); box-shadow: var(--amplify-components-sliderfield-thumb-box-shadow); border-radius: var(--amplify-components-sliderfield-thumb-border-radius); border-width: var(--amplify-components-sliderfield-thumb-border-width); border-color: var(--amplify-components-sliderfield-thumb-border-color); border-style: var(--amplify-components-sliderfield-thumb-border-style); } .amplify-sliderfield__thumb:hover { background-color: var(--amplify-components-sliderfield-thumb-hover-background-color); border-color: var(--amplify-components-sliderfield-thumb-hover-border-color); } .amplify-sliderfield__thumb:focus { border-color: var(--amplify-components-sliderfield-thumb-focus-border-color); box-shadow: var(--amplify-components-sliderfield-thumb-focus-box-shadow); } .amplify-sliderfield__thumb[data-disabled] { background-color: var(--amplify-components-sliderfield-thumb-disabled-background-color); border-color: var(--amplify-components-sliderfield-thumb-disabled-border-color); box-shadow: var(--amplify-components-sliderfield-thumb-disabled-box-shadow); } .amplify-sliderfield__thumb--large { width: var(--amplify-components-sliderfield-large-thumb-width); height: var(--amplify-components-sliderfield-large-thumb-height); } .amplify-sliderfield__thumb--small { width: var(--amplify-components-sliderfield-small-thumb-width); height: var(--amplify-components-sliderfield-small-thumb-height); } .amplify-stepperfield { flex-direction: var(--amplify-components-stepperfield-flex-direction); --amplify-components-fieldcontrol-border-color: var( --amplify-components-stepperfield-border-color ); --amplify-components-button-border-color: var( --amplify-components-stepperfield-border-color ); --amplify-components-fieldcontrol-color: var( --amplify-components-stepperfield-input-color ); --amplify-components-fieldcontrol-font-size: var( --amplify-components-stepperfield-input-font-size ); --amplify-components-button-color: var( --amplify-components-stepperfield-button-color ); --amplify-components-button-active-color: var( --amplify-components-stepperfield-button-active-color ); --amplify-components-button-active-background-color: var( --amplify-components-stepperfield-button-active-background-color ); --amplify-components-button-focus-color: var( --amplify-components-stepperfield-button-focus-color ); --amplify-components-button-focus-background-color: var( --amplify-components-stepperfield-button-focus-background-color ); --amplify-components-button-disabled-color: var( --amplify-components-stepperfield-button-disabled-color ); --amplify-components-button-disabled-background-color: var( --amplify-components-stepperfield-button-disabled-background-color ); --amplify-components-button-hover-color: var( --amplify-components-stepperfield-button-hover-color ); --amplify-components-button-hover-background-color: var( --amplify-components-stepperfield-button-hover-background-color ); } .amplify-stepperfield__button--decrease, .amplify-stepperfield__button--increase { background-color: var(--amplify-components-stepperfield-button-background-color); } .amplify-stepperfield__button--decrease--disabled, .amplify-stepperfield__button--increase--disabled { background-color: var(--amplify-components-stepperfield-button-disabled-background-color); } .amplify-stepperfield__button--decrease--quiet, .amplify-stepperfield__button--increase--quiet { border-width: 0 0 var(--amplify-components-button-border-width) 0; border-radius: 0; } .amplify-stepperfield__button--decrease[data-invalid=true] { border-inline-end: none; } .amplify-stepperfield__button--increase[data-invalid=true] { border-inline-start: none; } .amplify-stepperfield__input { -moz-appearance: textfield; text-align: var(--amplify-components-stepperfield-input-text-align); } .amplify-stepperfield__input::-webkit-outer-spin-button, .amplify-stepperfield__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .amplify-stepperfield__input:not(:focus, [aria-invalid=true]) { border-inline-start: none; border-inline-end: none; } .amplify-switchfield { display: inline-block; font-size: var(--amplify-components-switchfield-font-size); cursor: pointer; } .amplify-switchfield--small { font-size: var(--amplify-components-switchfield-small-font-size); } .amplify-switchfield--large { font-size: var(--amplify-components-switchfield-large-font-size); } .amplify-switch__wrapper { display: inline-flex; align-items: center; } .amplify-switch__wrapper--start { flex-direction: row; } .amplify-switch__wrapper--end { flex-direction: row-reverse; } .amplify-switch__wrapper--top { flex-direction: column; } .amplify-switch__wrapper--bottom { flex-direction: column-reverse; } .amplify-switch-track { display: inline-flex; justify-content: flex-start; box-sizing: content-box; border-radius: var(--amplify-components-switchfield-track-border-radius); padding: var(--amplify-components-switchfield-track-padding); width: var(--amplify-components-switchfield-track-width); height: var(--amplify-components-switchfield-track-height); transition-duration: var(--amplify-components-switchfield-track-transition-duration); background-color: var(--amplify-components-switchfield-track-background-color); } .amplify-switch-track--checked { background-color: var(--amplify-components-switchfield-track-checked-background-color); } .amplify-switch-track--disabled { opacity: var(--amplify-components-switchfield-disabled-opacity); cursor: not-allowed; } .amplify-switch-track--focused { box-shadow: var(--amplify-components-switchfield-focused-shadow); } .amplify-switch-track--error { background-color: var(--amplify-components-switchfield-track-error-background-color); } .amplify-switch-thumb { background-color: var(--amplify-components-switchfield-thumb-background-color); transition-duration: var(--amplify-components-switchfield-thumb-transition-duration); border-radius: var(--amplify-components-switchfield-thumb-border-radius); width: var(--amplify-components-switchfield-thumb-width); height: var(--amplify-components-switchfield-thumb-width); border-width: var(--amplify-components-switchfield-thumb-border-width); border-style: var(--amplify-components-switchfield-thumb-border-style); border-color: var(--amplify-components-switchfield-thumb-border-color); overflow-wrap: break-word; } .amplify-switch-thumb--checked { transform: var(--amplify-components-switchfield-thumb-checked-transform); } .amplify-switch-thumb--disabled { cursor: not-allowed; } .amplify-switch-label { padding: var(--amplify-components-switchfield-label-padding); cursor: pointer; } .amplify-table { /** * Default Table primitive stylings */ border-collapse: var(--amplify-components-table-border-collapse); display: var(--amplify-components-table-display); width: var(--amplify-components-table-width); --amplify-internal-table-caption-font-size: var( --amplify-components-table-caption-font-size ); --amplify-internal-table-th-font-size: var( --amplify-components-table-header-font-size ); --amplify-internal-table-th-padding: var( --amplify-components-table-header-padding ); --amplify-internal-table-td-font-size: var( --amplify-components-table-data-font-size ); --amplify-internal-table-td-padding: var( --amplify-components-table-data-padding ); --amplify-internal-table-td-border-width: var( --amplify-components-table-data-border-width ) 0px var(--amplify-components-table-data-border-width) 0px; --amplify-internal-table-th-border-width: var( --amplify-components-table-header-border-width ) 0px var(--amplify-components-table-header-border-width) 0px; /** * Data attribute stylings */ } .amplify-table--small { --amplify-internal-table-caption-font-size: var( --amplify-components-table-caption-small-font-size ); --amplify-internal-table-th-font-size: var( --amplify-components-table-header-small-font-size ); --amplify-internal-table-th-padding: var( --amplify-components-table-header-small-padding ); --amplify-internal-table-td-font-size: var( --amplify-components-table-data-small-font-size ); --amplify-internal-table-td-padding: var( --amplify-components-table-data-small-padding ); } .amplify-table--large { --amplify-internal-table-caption-font-size: var( --amplify-components-table-caption-large-font-size ); --amplify-internal-table-th-font-size: var( --amplify-components-table-header-large-font-size ); --amplify-internal-table-th-padding: var( --amplify-components-table-header-large-padding ); --amplify-internal-table-td-font-size: var( --amplify-components-table-data-large-font-size ); --amplify-internal-table-td-padding: var( --amplify-components-table-data-large-padding ); } .amplify-table--bordered { --amplify-internal-table-td-border-width: var( --amplify-components-table-data-border-width ) var(--amplify-components-table-data-border-width) var(--amplify-components-table-data-border-width) var(--amplify-components-table-data-border-width); --amplify-internal-table-th-border-width: var( --amplify-components-table-header-border-width ) var(--amplify-components-table-header-border-width) var(--amplify-components-table-header-border-width) var(--amplify-components-table-header-border-width); } .amplify-table__caption { caption-side: var(--amplify-components-table-caption-caption-side); color: var(--amplify-components-table-caption-color); display: var(--amplify-components-table-caption-display); font-size: var(--amplify-internal-table-caption-font-size); text-align: var(--amplify-components-table-caption-text-align); word-break: var(--amplify-components-table-caption-word-break); } .amplify-table__head { display: var(--amplify-components-table-head-display); vertical-align: var(--amplify-components-table-head-vertical-align); } .amplify-table__body { display: var(--amplify-components-table-body-display); vertical-align: var(--amplify-components-table-body-vertical-align); } .amplify-table__foot { display: var(--amplify-components-table-foot-display); vertical-align: var(--amplify-components-table-foot-vertical-align); } .amplify-table__row { display: var(--amplify-components-table-row-display); vertical-align: var(--amplify-components-table-row-vertical-align); } .amplify-table__th { border-color: var(--amplify-components-table-header-border-color); border-style: var(--amplify-components-table-header-border-style); border-width: var(--amplify-internal-table-th-border-width); color: var(--amplify-components-table-header-color); display: var(--amplify-components-table-header-display); font-size: var(--amplify-internal-table-th-font-size); font-weight: var(--amplify-components-table-header-font-weight); padding: var(--amplify-internal-table-th-padding); vertical-align: var(--amplify-components-table-header-vertical-align); } .amplify-table__th:first-child { border-left-width: var(--amplify-components-table-header-border-width); } .amplify-table__th:last-child { border-right-width: var(--amplify-components-table-header-border-width); } .amplify-table__td { border-color: var(--amplify-components-table-data-border-color); border-style: var(--amplify-components-table-data-border-style); border-width: var(--amplify-internal-table-td-border-width); color: var(--amplify-components-table-data-color); display: var(--amplify-components-table-data-display); font-size: var(--amplify-internal-table-td-font-size); font-weight: var(--amplify-components-table-data-font-weight); padding: var(--amplify-internal-table-td-padding); vertical-align: var(--amplify-components-table-data-vertical-align); } .amplify-table__td:first-child { border-left-width: var(--amplify-components-table-data-border-width); } .amplify-table__td:last-child { border-right-width: var(--amplify-components-table-data-border-width); } .amplify-table[data-variation=striped] .amplify-table__row:not(.amplify-table__head *):nth-child(odd) { background-color: var(--amplify-components-table-row-striped-background-color); } .amplify-table[data-highlightonhover=true] .amplify-table__row:not(.amplify-table__head *):hover { background-color: var(--amplify-components-table-row-hover-background-color); } .amplify-tabs { background-color: var(--amplify-components-tabs-background-color); box-shadow: var(--amplify-components-tabs-box-shadow); border-width: 0 0 var(--amplify-components-tabs-border-width) 0; border-style: var(--amplify-components-tabs-border-style); border-color: var(--amplify-components-tabs-border-color); gap: var(--amplify-components-tabs-gap); } .amplify-tabs[data-indicator-position=top] { border-width: var(--amplify-components-tabs-border-width) 0 0 0; } .amplify-tabs-item { background-color: var(--amplify-components-tabs-item-background-color); box-sizing: border-box; color: var(--amplify-components-tabs-item-color); font-size: var(--amplify-components-tabs-item-font-size); font-weight: var(--amplify-components-tabs-item-font-weight); padding: var(--amplify-components-tabs-item-padding-vertical) var(--amplify-components-tabs-item-padding-horizontal); text-align: var(--amplify-components-tabs-item-text-align); transition: all var(--amplify-components-tabs-item-transition-duration); border-width: 0 0 var(--amplify-components-tabs-item-border-width) 0; border-style: var(--amplify-components-tabs-item-border-style); border-color: var(--amplify-components-tabs-item-border-color); margin-bottom: calc(-1 * var(--amplify-components-tabs-item-border-width)); } [data-indicator-position=top] > .amplify-tabs-item { border-width: var(--amplify-components-tabs-border-width) 0 0 0; margin-top: calc(-1 * var(--amplify-components-tabs-item-border-width)); margin-bottom: 0; } .amplify-tabs-item[data-state=active] { color: var(--amplify-components-tabs-item-active-color); border-color: var(--amplify-components-tabs-item-active-border-color); background-color: var(--amplify-components-tabs-item-active-background-color); transition-property: none; } .amplify-tabs-item:hover { color: var(--amplify-components-tabs-item-hover-color); cursor: pointer; } .amplify-tabs-item:focus { color: var(--amplify-components-tabs-item-focus-color); } .amplify-tabs-item:focus-visible { outline: var(--amplify-components-tabs-item-border-width) var(--amplify-components-tabs-item-border-style) var(--amplify-components-tabs-item-border-color); } .amplify-tabs-item:active { color: var(--amplify-components-tabs-item-active-color); } .amplify-tabs-item[data-disabled] { background-color: var(--amplify-components-tabs-item-disabled-background-color); color: var(--amplify-components-tabs-item-disabled-color); cursor: not-allowed; } .amplify-tabs-item[data-spacing=equal] { flex: 1 1 0; } .amplify-tabs-item[data-spacing=relative] { flex-grow: 1; } .amplify-textareafield { flex-direction: column; --amplify-components-fieldcontrol-color: var( --amplify-components-textareafield-color ); --amplify-components-fieldcontrol-border-color: var( --amplify-components-textareafield-border-color ); --amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-textareafield-focus-border-color ); } .amplify-textfield { --amplify-components-fieldcontrol-color: var( --amplify-components-textfield-color ); --amplify-components-fieldcontrol-border-color: var( --amplify-components-textfield-border-color ); --amplify-components-fieldcontrol-font-size: var( --amplify-components-textfield-font-size ); --amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-textfield-focus-border-color ); } .amplify-togglebutton { --amplify-internal-togglebutton-background-color: initial; --amplify-internal-togglebutton-border-color: var( --amplify-components-togglebutton-border-color ); --amplify-internal-togglebutton-color: var( --amplify-components-togglebutton-color ); background-color: var(--amplify-internal-togglebutton-background-color); border-color: var(--amplify-internal-togglebutton-border-color); color: var(--amplify-internal-togglebutton-color); --amplify-internal-togglebutton-focus-background-color: var( --amplify-internal-togglebutton-background-color ); --amplify-internal-togglebutton-focus-border-color: var( --amplify-components-togglebutton-focus-border-color ); --amplify-internal-togglebutton-focus-color: var( --amplify-components-togglebutton-focus-color ); --amplify-internal-togglebutton-hover-background-color: var( --amplify-components-togglebutton-hover-background-color ); --amplify-internal-togglebutton-hover-border-color: var( --amplify-internal-togglebutton-border-color ); --amplify-internal-togglebutton-hover-color: var( --amplify-internal-togglebutton-color ); --amplify-internal-togglebutton-active-background-color: var( --amplify-components-togglebutton-active-background-color ); --amplify-internal-togglebutton-disabled-background-color: var( --amplify-components-togglebutton-disabled-background-color ); --amplify-internal-togglebutton-disabled-border-color: var( --amplify-components-togglebutton-disabled-border-color ); --amplify-internal-togglebutton-disabled-color: var( --amplify-components-togglebutton-disabled-color ); } .amplify-togglebutton:focus { background-color: var(--amplify-internal-togglebutton-focus-background-color); border-color: var(--amplify-internal-togglebutton-focus-border-color); color: var(--amplify-internal-togglebutton-focus-color); } .amplify-togglebutton:hover { background-color: var(--amplify-internal-togglebutton-hover-background-color); border-color: var(--amplify-internal-togglebutton-hover-border-color); color: var(--amplify-internal-togglebutton-hover-color); } .amplify-togglebutton:active { background-color: var(--amplify-internal-togglebutton-active-background-color); } .amplify-togglebutton:disabled { background-color: var(--amplify-internal-togglebutton-disabled-background-color); border-color: var(--amplify-internal-togglebutton-disabled-border-color); color: var(--amplify-internal-togglebutton-disabled-color); } .amplify-togglebutton--pressed { --amplify-internal-togglebutton-border-color: var( --amplify-components-togglebutton-pressed-border-color ); --amplify-internal-togglebutton-background-color: var( --amplify-components-togglebutton-pressed-background-color ); --amplify-internal-togglebutton-color: var( --amplify-components-togglebutton-pressed-color ); --amplify-internal-togglebutton-hover-background-color: var( --amplify-components-togglebutton-pressed-hover-background-color ); --amplify-internal-togglebutton-disabled-background-color: var( --amplify-components-togglebutton-pressed-background-color ); --amplify-internal-togglebutton-disabled-border-color: var( --amplify-components-togglebutton-pressed-border-color ); --amplify-internal-togglebutton-disabled-color: var( --amplify-components-togglebutton-pressed-color ); } .amplify-togglebutton--primary { --amplify-internal-togglebutton-primary-background-color: var( --amplify-components-togglebutton-primary-background-color ); --amplify-internal-togglebutton-background-color: var( --amplify-internal-togglebutton-primary-background-color ); --amplify-internal-togglebutton-primary-border-color: var( --amplify-components-togglebutton-border-color ); --amplify-internal-togglebutton-border-color: var( --amplify-internal-togglebutton-primary-border-color ); --amplify-internal-togglebutton-primary-color: var( --amplify-components-togglebutton-color ); --amplify-internal-togglebutton-color: var( --amplify-internal-togglebutton-primary-color ); border-width: var(--amplify-components-togglebutton-primary-border-width); --amplify-internal-togglebutton-primary-focus-background-color: var( --amplify-components-togglebutton-primary-focus-background-color ); --amplify-internal-togglebutton-primary-focus-border-color: var( --amplify-components-togglebutton-primary-focus-border-color ); --amplify-internal-togglebutton-primary-focus-color: var( --amplify-components-togglebutton-primary-focus-color ); --amplify-internal-togglebutton-primary-focus-box-shadow: var( --amplify-components-togglebutton-primary-focus-box-shadow ); --amplify-internal-togglebutton-focus-background-color: var( --amplify-internal-togglebutton-primary-focus-background-color ); --amplify-internal-togglebutton-focus-border-color: var( --amplify-internal-togglebutton-primary-focus-border-color ); --amplify-internal-togglebutton-focus-color: var( --amplify-internal-togglebutton-primary-focus-color ); --amplify-internal-togglebutton-primary-hover-background-color: var( --amplify-components-togglebutton-primary-hover-background-color ); --amplify-internal-togglebutton-primary-hover-border-color: var( --amplify-internal-togglebutton-primary-border-color ); --amplify-internal-togglebutton-primary-hover-color: var( --amplify-components-togglebutton-primary-hover-color ); --amplify-internal-togglebutton-hover-background-color: var( --amplify-internal-togglebutton-primary-hover-background-color ); --amplify-internal-togglebutton-hover-border-color: var( --amplify-internal-togglebutton-primary-hover-border-color ); --amplify-internal-togglebutton-hover-color: var( --amplify-internal-togglebutton-primary-hover-color ); --amplify-internal-togglebutton-primary-disabled-background-color: var( --amplify-components-togglebutton-primary-disabled-background-color ); --amplify-internal-togglebutton-primary-disabled-border-color: var( --amplify-components-togglebutton-primary-disabled-border-color ); --amplify-internal-togglebutton-primary-disabled-color: var( --amplify-components-togglebutton-primary-disabled-color ); --amplify-internal-togglebutton-disabled-background-color: var( --amplify-internal-togglebutton-primary-disabled-background-color ); --amplify-internal-togglebutton-disabled-border-color: var( --amplify-internal-togglebutton-primary-disabled-border-color ); --amplify-internal-togglebutton-disabled-color: var( --amplify-internal-togglebutton-primary-disabled-color ); } .amplify-togglebutton--primary:focus { box-shadow: var(--amplify-internal-togglebutton-primary-focus-box-shadow); } .amplify-togglebutton--pressed { --amplify-internal-togglebutton-primary-background-color: var( --amplify-components-togglebutton-primary-pressed-background-color ); --amplify-internal-togglebutton-primary-border-color: var( --amplify-components-togglebutton-primary-pressed-border-color ); --amplify-internal-togglebutton-primary-color: var( --amplify-components-togglebutton-primary-pressed-color ); --amplify-internal-togglebutton-primary-focus-background-color: var( --amplify-components-togglebutton-primary-pressed-focus-background-color ); --amplify-internal-togglebutton-primary-focus-border-color: var( --amplify-components-togglebutton-primary-pressed-focus-border-color ); --amplify-internal-togglebutton-primary-focus-color: var( --amplify-components-togglebutton-primary-pressed-focus-color ); --amplify-internal-togglebutton-primary-hover-background-color: var( --amplify-components-togglebutton-primary-pressed-hover-background-color ); --amplify-internal-togglebutton-primary-hover-border-color: var( --amplify-components-togglebutton-primary-pressed-hover-border-color ); --amplify-internal-togglebutton-primary-hover-color: var( --amplify-components-togglebutton-primary-pressed-hover-color ); --amplify-internal-togglebutton-primary-disabled-background-color: var( --amplify-components-togglebutton-primary-pressed-background-color ); --amplify-internal-togglebutton-primary-disabled-border-color: var( --amplify-components-togglebutton-primary-pressed-border-color ); --amplify-internal-togglebutton-primary-disabled-color: var( --amplify-components-togglebutton-primary-pressed-color ); } .amplify-togglebutton--pressed:hover { --amplify-internal-togglebutton-primary-focus-box-shadow: var( --amplify-components-togglebutton-primary-pressed-hover-box-shadow ); } .amplify-togglebutton--link { --amplify-internal-togglebutton-link-background-color: var( --amplify-components-togglebutton-link-background-color ); --amplify-internal-togglebutton-link-color: var( --amplify-components-togglebutton-link-color ); --amplify-internal-togglebutton-background-color: var( --amplify-internal-togglebutton-link-background-color ); --amplify-internal-togglebutton-color: var( --amplify-internal-togglebutton-link-color ); --amplify-internal-togglebutton-link-focus-background-color: var( --amplify-components-togglebutton-link-focus-background-color ); --amplify-internal-togglebutton-link-focus-color: var( --amplify-components-togglebutton-link-focus-color ); --amplify-internal-togglebutton-focus-background-color: var( --amplify-internal-togglebutton-link-focus-background-color ); --amplify-internal-togglebutton-focus-color: var( --amplify-internal-togglebutton-link-focus-color ); --amplify-internal-togglebutton-link-hover-background-color: var( --amplify-components-togglebutton-link-hover-background-color ); --amplify-internal-togglebutton-link-hover-color: var( --amplify-components-togglebutton-link-hover-color ); --amplify-internal-togglebutton-hover-background-color: var( --amplify-internal-togglebutton-link-hover-background-color ); --amplify-internal-togglebutton-hover-color: var( --amplify-internal-togglebutton-link-hover-color ); --amplify-internal-togglebutton-link-disabled-color: var( --amplify-components-togglebutton-link-disabled-color ); --amplify-internal-togglebutton-link-disabled-background-color: var( --amplify-components-togglebutton-link-disabled-background-color ); --amplify-internal-togglebutton-disabled-color: var( --amplify-internal-togglebutton-link-disabled-color ); --amplify-internal-togglebutton-disabled-background-color: var( --amplify-internal-togglebutton-link-disabled-background-color ); } .amplify-togglebutton--pressed { --amplify-internal-togglebutton-link-color: var( --amplify-components-togglebutton-link-pressed-color ); --amplify-internal-togglebutton-link-background-color: var( --amplify-components-togglebutton-link-pressed-background-color ); --amplify-internal-togglebutton-link-focus-background-color: var( --amplify-components-togglebutton-link-pressed-focus-background-color ); --amplify-internal-togglebutton-link-focus-color: var( --amplify-components-togglebutton-link-pressed-focus-color ); --amplify-internal-togglebutton-link-hover-background-color: var( --amplify-components-togglebutton-link-pressed-hover-background-color ); --amplify-internal-togglebutton-link-hover-color: var( --amplify-components-togglebutton-link-pressed-hover-color ); --amplify-internal-togglebutton-link-disabled-color: var( --amplify-components-togglebutton-link-pressed-color ); } .amplify-togglebuttongroup { align-items: var(--amplify-components-togglebuttongroup-align-items); align-content: var(--amplify-components-togglebuttongroup-align-content); justify-content: var(--amplify-components-togglebuttongroup-justify-content); gap: 0; } .amplify-togglebuttongroup .amplify-togglebutton:focus, .amplify-togglebuttongroup .amplify-togglebutton.amplify-togglebutton--pressed { z-index: 2; } .amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type) { margin-inline-start: calc(-1 * var(--amplify-components-button-border-width)); border-start-start-radius: 0; border-end-start-radius: 0; } @supports not (border-start-start-radius: 0) { .amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type) { border-top-left-radius: 0; border-bottom-left-radius: 0; } } .amplify-togglebuttongroup .amplify-togglebutton:not(:last-of-type) { border-start-end-radius: 0; border-end-end-radius: 0; } @supports not (border-end-end-radius: 0) { .amplify-togglebuttongroup .amplify-togglebutton:not(:last-of-type) { border-bottom-right-radius: 0; border-top-right-radius: 0; } } .amplify-inappmessaging-backdrop { background-color: var(--amplify-colors-overlay-50); inset: 0; position: fixed; z-index: 1000; } .amplify-inappmessaging-backdrop-content-container { align-items: center; inset: 0; justify-content: center; pointer-events: none; position: fixed; z-index: 1001; } .amplify-inappmessaging-backdrop-content { pointer-events: auto; } .amplify-inappmessaging-bannermessage { box-shadow: var(--amplify-shadows-medium); height: var(--amplify-components-inappmessaging-banner-height); margin: var(--amplify-space-small); max-width: 50%; position: fixed; width: var(--amplify-components-inappmessaging-banner-width); } .amplify-inappmessaging-bannermessage--top { top: 0; } .amplify-inappmessaging-bannermessage--middle { bottom: 0; margin: auto var(--amplify-space-small); top: 0; } .amplify-inappmessaging-bannermessage--bottom { bottom: 0; } .amplify-inappmessaging-bannermessage--left { left: 0; } .amplify-inappmessaging-bannermessage--center { left: 0; margin: var(--amplify-space-small) auto; right: 0; } .amplify-inappmessaging-bannermessage--right { right: 0; } .amplify-inappmessaging-bannermessage--center-middle { inset: 0; margin: auto; } .amplify-inappmessaging-bannermessage--full-width { max-width: initial; width: calc(100% - 2 * var(--amplify-space-small)); } .amplify-inappmessaging-fullscreenmessage { height: var(--amplify-components-inappmessaging-dialog-height); min-height: var(--amplify-components-inappmessaging-dialog-min-height); min-width: var(--amplify-components-inappmessaging-dialog-min-width); width: var(--amplify-components-inappmessaging-dialog-width); } .amplify-inappmessaging-fullscreenmessage--fullscreen { height: auto; inset: 0; position: fixed; width: auto; z-index: 1000; } .amplify-inappmessaging-messagelayout { background-color: var(--amplify-colors-background-primary); flex-direction: column; flex-grow: 1; gap: var(--amplify-space-xxxs); max-width: 100%; padding: var(--amplify-space-medium); } .amplify-inappmessaging-messagelayout__button { border-width: 0; width: 100%; } .amplify-inappmessaging-messagelayout__button, .amplify-inappmessaging-messagelayout__button:active, .amplify-inappmessaging-messagelayout__button:visited, .amplify-inappmessaging-messagelayout__button:hover, .amplify-inappmessaging-messagelayout__button:focus { background-color: var(--amplify-components-inappmessaging-button-background-color); border-radius: var(--amplify-components-inappmessaging-button-border-radius); color: var(--amplify-components-inappmessaging-button-color); } .amplify-inappmessaging-messagelayout__button--dark:active, .amplify-inappmessaging-messagelayout__button--dark:visited, .amplify-inappmessaging-messagelayout__button--light:active, .amplify-inappmessaging-messagelayout__button--light:visited { filter: brightness(100%); } .amplify-inappmessaging-messagelayout__button--dark:hover, .amplify-inappmessaging-messagelayout__button--dark:focus { filter: brightness(120%); } .amplify-inappmessaging-messagelayout__button--light:hover, .amplify-inappmessaging-messagelayout__button--light:focus { filter: brightness(80%); } .amplify-inappmessaging-messagelayout__close-button { color: var(--amplify-colors-neutral-80); } .amplify-inappmessaging-messagelayout__close-button:active, .amplify-inappmessaging-messagelayout__close-button:visited { color: var(--amplify-colors-neutral-80); } .amplify-inappmessaging-messagelayout__close-button:hover, .amplify-inappmessaging-messagelayout__close-button:focus { color: var(--amplify-colors-neutral-100); } .amplify-inappmessaging-messagelayout__content { flex-grow: 1; overflow: hidden; } .amplify-inappmessaging-messagelayout__content--horizontal { flex-direction: row; } .amplify-inappmessaging-messagelayout__content--vertical { flex-direction: column; justify-content: center; } .amplify-inappmessaging-messagelayout__header { flex-shrink: 0; font-size: var(--amplify-components-inappmessaging-header-font-size); font-weight: var(--amplify-components-inappmessaging-header-font-weight); } .amplify-inappmessaging-messagelayout__image-container { align-items: center; display: flex; justify-content: center; position: relative; } .amplify-inappmessaging-messagelayout__image-container img { max-height: 100%; max-width: 100%; object-fit: contain; position: absolute; } .amplify-inappmessaging-messagelayout__image-container--horizontal { max-width: 15%; min-width: 15%; } .amplify-inappmessaging-messagelayout__image-container--vertical { max-height: 40%; min-height: 40%; } .amplify-inappmessaging-messagelayout__text-container { flex-direction: column; overflow-y: auto; gap: var(--amplify-space-xxxs); } .amplify-inappmessaging-messagelayout__text-container--horizontal { flex-grow: 1; } .amplify-inappmessaging-messagelayout__text-container--vertical { flex-grow: 0; } .amplify-inappmessaging-modalmessage { align-items: center; height: initial; inset: 0; justify-content: center; pointer-events: none; position: fixed; width: initial; z-index: 1000; } .amplify-inappmessaging-modalmessage__dialog { box-shadow: var(--amplify-shadows-medium); height: var(--amplify-components-inappmessaging-dialog-height); min-height: var(--amplify-components-inappmessaging-dialog-min-height); min-width: var(--amplify-components-inappmessaging-dialog-min-width); pointer-events: auto; width: var(--amplify-components-inappmessaging-dialog-width); } .amplify-inappmessaging-modalmessage__dialog--full-width { width: 100%; margin: var(--amplify-space-small); } .amplify-fileuploader__dropzone { background-color: var(--amplify-components-fileuploader-dropzone-background-color); border-color: var(--amplify-components-fileuploader-dropzone-border-color); border-radius: var(--amplify-components-fileuploader-dropzone-border-radius); border-style: var(--amplify-components-fileuploader-dropzone-border-style); border-width: var(--amplify-components-fileuploader-dropzone-border-width); text-align: var(--amplify-components-fileuploader-dropzone-text-align); padding-block: var(--amplify-components-fileuploader-dropzone-padding-block); padding-inline: var(--amplify-components-fileuploader-dropzone-padding-inline); display: flex; flex-direction: column; align-items: center; gap: var(--amplify-components-fileuploader-dropzone-gap); } .amplify-fileuploader__dropzone--small { flex-direction: row; justify-content: center; } .amplify-fileuploader__dropzone--active { border-color: var(--amplify-components-fileuploader-dropzone-active-border-color); border-width: var(--amplify-components-fileuploader-dropzone-active-border-width); background-color: var(--amplify-components-fileuploader-dropzone-active-background-color); } .amplify-fileuploader__dropzone__icon { font-size: var(--amplify-components-fileuploader-dropzone-icon-font-size); color: var(--amplify-components-fileuploader-dropzone-icon-color); } .amplify-fileuploader__dropzone__text { color: var(--amplify-components-fileuploader-dropzone-text-color); font-size: var(--amplify-components-fileuploader-dropzone-text-font-size); font-weight: var(--amplify-components-fileuploader-dropzone-text-font-weight); } .amplify-fileuploader__file { position: relative; border-width: var(--amplify-components-fileuploader-file-border-width); border-style: var(--amplify-components-fileuploader-file-border-style); border-color: var(--amplify-components-fileuploader-file-border-color); border-radius: var(--amplify-components-fileuploader-file-border-radius); display: flex; flex-direction: column; padding-inline: var(--amplify-components-fileuploader-file-padding-inline); padding-block: var(--amplify-components-fileuploader-file-padding-block); align-items: var(--amplify-components-fileuploader-file-align-items); } .amplify-fileuploader__file__wrapper { width: 100%; display: flex; flex-direction: row; align-items: center; gap: var(--amplify-components-fileuploader-file-gap); } .amplify-fileuploader__file__name { text-overflow: ellipsis; overflow: hidden; font-weight: var(--amplify-components-fileuploader-file-name-font-weight); font-size: var(--amplify-components-fileuploader-file-name-font-size); color: var(--amplify-components-fileuploader-file-name-color); } .amplify-fileuploader__file__size { font-weight: var(--amplify-components-fileuploader-file-size-font-weight); font-size: var(--amplify-components-fileuploader-file-size-font-size); color: var(--amplify-components-fileuploader-file-size-color); } .amplify-fileuploader__file__main { flex: 1; white-space: nowrap; overflow: hidden; } .amplify-fileuploader__file__image { position: relative; display: flex; align-items: center; justify-content: center; width: var(--amplify-components-fileuploader-file-image-width); height: var(--amplify-components-fileuploader-file-image-height); background-color: var(--amplify-components-fileuploader-file-image-background-color); border-radius: var(--amplify-components-fileuploader-file-image-border-radius); color: var(--amplify-components-fileuploader-file-image-color); } .amplify-fileuploader__file__image img { max-height: 100%; } .amplify-fileuploader__file__status--error { color: var(--amplify-colors-font-error); font-size: var(--amplify-components-fileuploader-file-size-font-size); } .amplify-fileuploader__file__status--success { color: var(--amplify-colors-font-success); } .amplify-fileuploader__loader { stroke-linecap: var(--amplify-components-fileuploader-loader-stroke-linecap); stroke: var(--amplify-components-fileuploader-loader-stroke-empty); stroke-width: var(--amplify-components-fileuploader-loader-stroke-width); height: var(--amplify-components-fileuploader-loader-stroke-width); --amplify-components-loader-linear-stroke-filled: var( --amplify-components-fileuploader-loader-stroke-filled ); overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; } .amplify-fileuploader__previewer { display: block; max-width: var(--amplify-components-fileuploader-previewer-max-width); background-color: var(--amplify-components-fileuploader-previewer-background-color); border-width: var(--amplify-components-fileuploader-previewer-border-width); border-style: var(--amplify-components-fileuploader-previewer-border-style); border-color: var(--amplify-components-fileuploader-previewer-border-color); border-radius: var(--amplify-components-fileuploader-previewer-border-radius); padding-inline: var(--amplify-components-fileuploader-previewer-padding-inline); padding-block: var(--amplify-components-fileuploader-previewer-padding-block); } .amplify-fileuploader__previewer__text { font-weight: var(--amplify-components-fileuploader-previewer-text-font-weight); font-size: var(--amplify-components-fileuploader-previewer-text-font-size); color: var(--amplify-components-fileuploader-previewer-text-color); } .amplify-fileuploader__previewer__body { display: flex; flex-direction: column; max-height: var(--amplify-components-fileuploader-previewer-max-height); max-width: var(--amplify-components-fileuploader-previewer-max-width); overflow: auto; gap: var(--amplify-components-fileuploader-previewer-body-gap); padding-inline: var(--amplify-components-fileuploader-previewer-body-padding-inline); padding-block: var(--amplify-components-fileuploader-previewer-body-padding-block); } .amplify-fileuploader__previewer__footer { max-width: var(--amplify-components-fileuploader-previewer-max-width); border-top-width: var(--amplify-components-fileuploader-previewer-footer-border-width); border-top-style: var(--amplify-components-fileuploader-previewer-footer-border-style); border-top-color: var(--amplify-components-fileuploader-previewer-footer-border-color); padding-inline: var(--amplify-components-fileuploader-previewer-footer-padding-inline); padding-block: var(--amplify-components-fileuploader-previewer-footer-padding-block); position: relative; display: flex; flex-direction: row; justify-content: var(--amplify-components-fileuploader-previewer-footer-justify-content); } .amplify-fileuploader__previewer__footer__actions { display: flex; flex-direction: row; gap: var(--amplify-space-small); } .amplify-storagemanager__dropzone { background-color: var(--amplify-components-storagemanager-dropzone-background-color); border-color: var(--amplify-components-storagemanager-dropzone-border-color); border-radius: var(--amplify-components-storagemanager-dropzone-border-radius); border-style: var(--amplify-components-storagemanager-dropzone-border-style); border-width: var(--amplify-components-storagemanager-dropzone-border-width); text-align: var(--amplify-components-storagemanager-dropzone-text-align); padding-block: var(--amplify-components-storagemanager-dropzone-padding-block); padding-inline: var(--amplify-components-storagemanager-dropzone-padding-inline); display: flex; flex-direction: column; align-items: center; gap: var(--amplify-components-storagemanager-dropzone-gap); } .amplify-storagemanager__dropzone--small { flex-direction: row; justify-content: center; } .amplify-storagemanager__dropzone--active { border-color: var(--amplify-components-storagemanager-dropzone-active-border-color); border-width: var(--amplify-components-storagemanager-dropzone-active-border-width); background-color: var(--amplify-components-storagemanager-dropzone-active-background-color); } .amplify-storagemanager__dropzone__icon { font-size: var(--amplify-components-storagemanager-dropzone-icon-font-size); color: var(--amplify-components-storagemanager-dropzone-icon-color); } .amplify-storagemanager__dropzone__text { color: var(--amplify-components-storagemanager-dropzone-text-color); font-size: var(--amplify-components-storagemanager-dropzone-text-font-size); font-weight: var(--amplify-components-storagemanager-dropzone-text-font-weight); } .amplify-storagemanager__file__list { display: flex; flex-direction: var(--amplify-components-storagemanager-filelist-flex-direction); gap: var(--amplify-components-storagemanager-filelist-gap); } .amplify-storagemanager__file { position: relative; border-width: var(--amplify-components-storagemanager-file-border-width); border-style: var(--amplify-components-storagemanager-file-border-style); border-color: var(--amplify-components-storagemanager-file-border-color); border-radius: var(--amplify-components-storagemanager-file-border-radius); display: flex; flex-direction: column; padding-inline: var(--amplify-components-storagemanager-file-padding-inline); padding-block: var(--amplify-components-storagemanager-file-padding-block); align-items: var(--amplify-components-storagemanager-file-align-items); } .amplify-storagemanager__file__wrapper { width: 100%; display: flex; flex-direction: row; align-items: center; gap: var(--amplify-components-storagemanager-file-gap); } .amplify-storagemanager__file__name { text-overflow: ellipsis; overflow: hidden; font-weight: var(--amplify-components-storagemanager-file-name-font-weight); font-size: var(--amplify-components-storagemanager-file-name-font-size); color: var(--amplify-components-storagemanager-file-name-color); } .amplify-storagemanager__file__size { font-weight: var(--amplify-components-storagemanager-file-size-font-weight); font-size: var(--amplify-components-storagemanager-file-size-font-size); color: var(--amplify-components-storagemanager-file-size-color); } .amplify-storagemanager__file__main { flex: 1; white-space: nowrap; overflow: hidden; } .amplify-storagemanager__file__image { position: relative; display: flex; align-items: center; justify-content: center; width: var(--amplify-components-storagemanager-file-image-width); height: var(--amplify-components-storagemanager-file-image-height); background-color: var(--amplify-components-storagemanager-file-image-background-color); border-radius: var(--amplify-components-storagemanager-file-image-border-radius); color: var(--amplify-components-storagemanager-file-image-color); } .amplify-storagemanager__file__image img { max-height: 100%; } .amplify-storagemanager__file__status--error { color: var(--amplify-colors-font-error); font-size: var(--amplify-components-storagemanager-file-size-font-size); } .amplify-storagemanager__file__status--success { color: var(--amplify-colors-font-success); } .amplify-storagemanager__loader { stroke-linecap: var(--amplify-components-storagemanager-loader-stroke-linecap); stroke: var(--amplify-components-storagemanager-loader-stroke-empty); stroke-width: var(--amplify-components-storagemanager-loader-stroke-width); height: var(--amplify-components-storagemanager-loader-stroke-width); --amplify-components-loader-linear-stroke-filled: var( --amplify-components-storagemanager-loader-stroke-filled ); overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; } .amplify-storagemanager__previewer { display: flex; flex-direction: column; max-width: var(--amplify-components-storagemanager-previewer-max-width); max-height: var(--amplify-components-storagemanager-previewer-max-height); overflow: auto; gap: var(--amplify-components-storagemanager-previewer-body-gap); padding-inline: var(--amplify-components-storagemanager-previewer-body-padding-inline); padding-block: var(--amplify-components-storagemanager-previewer-body-padding-block); background-color: var(--amplify-components-storagemanager-previewer-background-color); border-width: var(--amplify-components-storagemanager-previewer-border-width); border-style: var(--amplify-components-storagemanager-previewer-border-style); border-color: var(--amplify-components-storagemanager-previewer-border-color); border-radius: var(--amplify-components-storagemanager-previewer-border-radius); } .amplify-storagemanager__previewer__text { font-weight: var(--amplify-components-storagemanager-previewer-text-font-weight); font-size: var(--amplify-components-storagemanager-previewer-text-font-size); color: var(--amplify-components-storagemanager-previewer-text-color); } .amplify-storagemanager__previewer__footer { display: flex; flex-direction: row; justify-content: var(--amplify-components-storagemanager-previewer-footer-justify-content); } .amplify-storagemanager__previewer__actions { display: flex; flex-direction: row; gap: var(--amplify-space-small); } [data-label-position=start] { flex-direction: row; } [data-label-position=end] { flex-direction: row-reverse; } [data-label-position=top] { flex-direction: column; } [data-label-position=bottom] { flex-direction: column-reverse; } .amplify-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; fill: transparent; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } /*!******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@aws-amplify/ui-angular/theme.css?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************************/ /** These fonts are added in only temporarily until Angular has it's own theming system */ html { font-family: var(--amplify-fonts-default-static); } @supports (font-variation-settings: normal) { html { font-family: var(--amplify-fonts-default-variable); } } .federated-sign-in-container { flex-direction: column; padding: 0 0 1rem 0; } .federated-sign-in-button { display: block; } .federated-sign-in-button-row { flex-direction: row; justify-content: center; align-items: center; } /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@aws-amplify/ui-angular/theme.css ***! \****************************************************************************************************************************************************************************************************************************************/ /** These fonts are added in only temporarily until Angular has it's own theming system */ html { font-family: var(--amplify-fonts-default-static); } @supports (font-variation-settings: normal) { html { font-family: var(--amplify-fonts-default-variable); } } .federated-sign-in-container { flex-direction: column; padding: 0 0 1rem 0; } .federated-sign-in-button { display: block; } .federated-sign-in-button-row { flex-direction: row; justify-content: center; align-items: center; } /*!********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@techqore/uniqore_ui_library/uniqore-tailwind.css ***! \********************************************************************************************************************************************************************************************************************************************************/ /*! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--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:#3b82f680;--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: }.uq-form-checkbox,.uq-form-radio{appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}.uq-form-checkbox{border-radius:0}.uq-form-radio{border-radius:100%}.uq-form-checkbox:focus,.uq-form-radio:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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)}.uq-form-checkbox:checked,.uq-form-radio:checked{border-color:#0000;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}.uq-form-checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}@media (forced-colors:active) {.uq-form-checkbox:checked{appearance:auto}}.uq-form-radio:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {.uq-form-radio:checked{appearance:auto}}.uq-form-checkbox:checked:focus,.uq-form-checkbox:checked:hover,.uq-form-checkbox:indeterminate,.uq-form-radio:checked:focus,.uq-form-radio:checked:hover{border-color:#0000;background-color:currentColor}.uq-form-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {.uq-form-checkbox:indeterminate{appearance:auto}}.uq-form-checkbox:indeterminate:focus,.uq-form-checkbox:indeterminate:hover{border-color:#0000;background-color:currentColor}.uq-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.uq-pointer-events-none{pointer-events:none}.uq-pointer-events-auto{pointer-events:auto}.uq-invisible{visibility:hidden}.uq-collapse{visibility:collapse}.uq-static{position:static}.uq-fixed{position:fixed}.uq-absolute{position:absolute}.uq-relative{position:relative}.uq-sticky{position:sticky}.uq-inset-0{inset:0}.uq-inset-y-0{top:0;bottom:0}.-uq-bottom-\[15px\]{bottom:-15px}.-uq-left-1\/2{left:-50%}.-uq-left-\[7\.5px\]{left:-7.5px}.-uq-right-\[15px\]{right:-15px}.uq-bottom-0{bottom:0}.uq-bottom-1{bottom:.25rem}.uq-bottom-1\/4{bottom:25%}.uq-bottom-\[115\%\]{bottom:115%}.uq-bottom-\[55px\]{bottom:55px}.uq-left-0{left:0}.uq-left-1\/2{left:50%}.uq-left-1\/4{left:25%}.uq-left-16{left:4rem}.uq-left-3{left:.75rem}.uq-left-7{left:1.75rem}.uq-left-\[10px\]{left:10px}.uq-left-\[37\%\]{left:37%}.uq-left-\[50\%\]{left:50%}.uq-right-0{right:0}.uq-right-1{right:.25rem}.uq-right-16{right:4rem}.uq-right-2{right:.5rem}.uq-right-3{right:.75rem}.uq-right-4{right:1rem}.uq-right-6{right:1.5rem}.uq-right-7{right:1.75rem}.uq-right-8{right:2rem}.uq-right-\[17\%\]{right:17%}.uq-top-0{top:0}.uq-top-1\.5{top:.375rem}.uq-top-1\/2{top:50%}.uq-top-10{top:2.5rem}.uq-top-2{top:.5rem}.uq-top-3{top:.75rem}.uq-top-4{top:1rem}.uq-top-8{top:2rem}.uq-top-\[50\%\]{top:50%}.uq-top-\[55px\]{top:55px}.uq-top-\[60\%\]{top:60%}.uq-top-full{top:100%}.uq-isolate{isolation:isolate}.uq-z-10{z-index:10}.uq-z-20{z-index:20}.uq-z-30{z-index:30}.uq-z-50{z-index:50}.uq-z-\[10000\]{z-index:10000}.uq-z-\[1000\]{z-index:1000}.uq-z-\[1\]{z-index:1}.uq-z-\[2000\]{z-index:2000}.uq-z-\[2\]{z-index:2}.uq-z-\[9999\]{z-index:9999}.uq-order-1{order:1}.uq-col-span-1{grid-column:span 1/span 1}.uq-col-span-2{grid-column:span 2/span 2}.uq-float-right{float:right}.\!uq-m-0{margin:0!important}.-uq-m-2{margin:-.5rem}.uq-m-0{margin:0}.uq-m-1{margin:.25rem}.uq-m-10{margin:2.5rem}.uq-m-2{margin:.5rem}.uq-m-3{margin:.75rem}.uq-m-4{margin:1rem}.uq-m-5{margin:1.25rem}.uq-mx-1{margin-left:.25rem;margin-right:.25rem}.uq-mx-1\.5{margin-left:.375rem;margin-right:.375rem}.uq-mx-2{margin-left:.5rem;margin-right:.5rem}.uq-mx-3{margin-left:.75rem;margin-right:.75rem}.uq-mx-3\.5{margin-left:.875rem;margin-right:.875rem}.uq-mx-4{margin-left:1rem;margin-right:1rem}.uq-mx-\[10px\]{margin-left:10px;margin-right:10px}.uq-mx-\[1px\]{margin-left:1px;margin-right:1px}.uq-mx-auto{margin-left:auto;margin-right:auto}.uq-my-1{margin-top:.25rem;margin-bottom:.25rem}.uq-my-2{margin-top:.5rem;margin-bottom:.5rem}.uq-my-3{margin-top:.75rem;margin-bottom:.75rem}.uq-my-4{margin-top:1rem;margin-bottom:1rem}.uq-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.\!uq-mb-0{margin-bottom:0!important}.\!uq-ml-4{margin-left:1rem!important}.-uq-mb-1{margin-bottom:-.25rem}.-uq-ml-14{margin-left:-3.5rem}.-uq-ml-\[1px\]{margin-left:-1px}.-uq-mt-2{margin-top:-.5rem}.-uq-mt-8{margin-top:-2rem}.-uq-mt-\[3px\]{margin-top:-3px}.uq--ml-2{margin-left:-.5rem}.uq--ml-\[50px\]{margin-left:-50px}.uq--mr-1{margin-right:-.25rem}.uq--mr-1\.5{margin-right:-.375rem}.uq--mr-\[6px\]{margin-right:-6px}.uq--mt-1{margin-top:-.25rem}.uq--mt-2{margin-top:-.5rem}.uq--mt-3{margin-top:-.75rem}.uq--mt-4{margin-top:-1rem}.uq--mt-5{margin-top:-1.25rem}.uq--mt-\[1px\]{margin-top:-1px}.uq--mt-\[3\.5px\]{margin-top:-3.5px}.uq--mt-\[3px\]{margin-top:-3px}.uq--mt-\[50px\]{margin-top:-50px}.uq--mt-\[8px\]{margin-top:-8px}.uq-mb-1{margin-bottom:.25rem}.uq-mb-1\.5{margin-bottom:.375rem}.uq-mb-10{margin-bottom:2.5rem}.uq-mb-2{margin-bottom:.5rem}.uq-mb-2\.5{margin-bottom:.625rem}.uq-mb-3{margin-bottom:.75rem}.uq-mb-4{margin-bottom:1rem}.uq-mb-5{margin-bottom:1.25rem}.uq-mb-6{margin-bottom:1.5rem}.uq-mb-8{margin-bottom:2rem}.uq-mb-\[10px\]{margin-bottom:10px}.uq-mb-\[2px\]{margin-bottom:2px}.uq-ml-0\.5{margin-left:.125rem}.uq-ml-1{margin-left:.25rem}.uq-ml-12{margin-left:3rem}.uq-ml-14{margin-left:3.5rem}.uq-ml-16{margin-left:4rem}.uq-ml-2{margin-left:.5rem}.uq-ml-2\.5{margin-left:.625rem}.uq-ml-3{margin-left:.75rem}.uq-ml-3\.5{margin-left:.875rem}.uq-ml-4{margin-left:1rem}.uq-ml-6{margin-left:1.5rem}.uq-ml-8{margin-left:2rem}.uq-ml-\[-0\.5715rem\]{margin-left:-.5715rem}.uq-ml-\[14px\]{margin-left:14px}.uq-ml-\[30px\]{margin-left:30px}.uq-ml-\[4px\]{margin-left:4px}.uq-ml-\[5px\]{margin-left:5px}.uq-ml-\[70px\]{margin-left:70px}.uq-ml-\[72px\]{margin-left:72px}.uq-ml-auto{margin-left:auto}.uq-mr-0\.5{margin-right:.125rem}.uq-mr-1{margin-right:.25rem}.uq-mr-14{margin-right:3.5rem}.uq-mr-2{margin-right:.5rem}.uq-mr-3{margin-right:.75rem}.uq-mr-3\.5{margin-right:.875rem}.uq-mr-4{margin-right:1rem}.uq-mr-6{margin-right:1.5rem}.uq-mr-8{margin-right:2rem}.uq-mr-\[10px\]{margin-right:10px}.uq-mr-\[12px\]{margin-right:12px}.uq-mr-\[14px\]{margin-right:14px}.uq-mr-\[20px\]{margin-right:20px}.uq-mr-\[30px\]{margin-right:30px}.uq-mr-\[52px\]{margin-right:52px}.uq-mr-\[70px\]{margin-right:70px}.uq-mr-auto{margin-right:auto}.uq-mt-0{margin-top:0}.uq-mt-0\.5{margin-top:.125rem}.uq-mt-1{margin-top:.25rem}.uq-mt-1\.5{margin-top:.375rem}.uq-mt-10{margin-top:2.5rem}.uq-mt-2{margin-top:.5rem}.uq-mt-2\.5{margin-top:.625rem}.uq-mt-3{margin-top:.75rem}.uq-mt-4{margin-top:1rem}.uq-mt-6{margin-top:1.5rem}.uq-mt-8{margin-top:2rem}.uq-mt-\[-11px\]{margin-top:-11px}.uq-mt-\[18px\]{margin-top:18px}.uq-mt-\[2px\]{margin-top:2px}.uq-mt-\[4px\]{margin-top:4px}.uq-mt-\[50px\]{margin-top:50px}.uq-mt-\[5px\]{margin-top:5px}.uq-mt-\[8px\]{margin-top:8px}.uq-block{display:block}.uq-inline-block{display:inline-block}.uq-inline{display:inline}.uq-flex{display:flex}.uq-inline-flex{display:inline-flex}.uq-grid{display:grid}.\!uq-hidden{display:none!important}.uq-hidden{display:none}.\!uq-h-4{height:1rem!important}.\!uq-h-5{height:1.25rem!important}.uq-h-0{height:0}.uq-h-0\.5{height:.125rem}.uq-h-1{height:.25rem}.uq-h-1\.5{height:.375rem}.uq-h-10{height:2.5rem}.uq-h-11{height:2.75rem}.uq-h-12{height:3rem}.uq-h-14{height:3.5rem}.uq-h-16{height:4rem}.uq-h-2{height:.5rem}.uq-h-2\.5{height:.625rem}.uq-h-20{height:5rem}.uq-h-3{height:.75rem}.uq-h-3\.5{height:.875rem}.uq-h-4{height:1rem}.uq-h-4\.5{height:1.125rem}.uq-h-40{height:10rem}.uq-h-5{height:1.25rem}.uq-h-5\.5{height:1.375rem}.uq-h-52{height:13rem}.uq-h-6{height:1.5rem}.uq-h-7{height:1.75rem}.uq-h-8{height:2rem}.uq-h-9{height:2.25rem}.uq-h-96{height:24rem}.uq-h-\[100px\]{height:100px}.uq-h-\[120px\]{height:120px}.uq-h-\[160px\]{height:160px}.uq-h-\[200px\]{height:200px}.uq-h-\[24px\]{height:24px}.uq-h-\[25px\]{height:25px}.uq-h-\[26px\]{height:26px}.uq-h-\[29\.81px\]{height:29.81px}.uq-h-\[30px\]{height:30px}.uq-h-\[36px\]{height:36px}.uq-h-\[37\.81px\]{height:37.81px}.uq-h-\[42px\]{height:42px}.uq-h-\[44px\]{height:44px}.uq-h-\[45\.82px\]{height:45.82px}.uq-h-\[46px\]{height:46px}.uq-h-\[52px\]{height:52px}.uq-h-\[53\.81px\]{height:53.81px}.uq-h-\[56px\]{height:56px}.uq-h-\[5px\]{height:5px}.uq-h-\[60px\]{height:60px}.uq-h-\[61\.8px\]{height:61.8px}.uq-h-\[64px\]{height:64px}.uq-h-\[72px\]{height:72px}.uq-h-\[8px\]{height:8px}.uq-h-\[96px\]{height:96px}.uq-h-\[inherit\]{height:inherit}.uq-h-auto{height:auto}.uq-h-fit{height:-moz-fit-content;height:fit-content}.uq-h-full{height:100%}.uq-h-max{height:max-content}.uq-h-screen{height:100vh}.uq-max-h-24{max-height:6rem}.uq-max-h-full{max-height:100%}.uq-max-h-max{max-height:max-content}.uq-min-h-\[16px\]{min-height:16px}.uq-min-h-\[336px\]{min-height:336px}.uq-min-h-\[4rem\]{min-height:4rem}.uq-min-h-\[500px\]{min-height:500px}.uq-min-h-\[64px\]{min-height:64px}.uq-min-h-fit{min-height:-moz-fit-content;min-height:fit-content}.\!uq-w-11\/12{width:91.666667%!important}.\!uq-w-4{width:1rem!important}.\!uq-w-5{width:1.25rem!important}.\!uq-w-full{width:100%!important}.uq-w-0{width:0}.uq-w-0\.5{width:.125rem}.uq-w-1{width:.25rem}.uq-w-1\.5{width:.375rem}.uq-w-1\/2{width:50%}.uq-w-1\/4{width:25%}.uq-w-10{width:2.5rem}.uq-w-11{width:2.75rem}.uq-w-12{width:3rem}.uq-w-14{width:3.5rem}.uq-w-16{width:4rem}.uq-w-2{width:.5rem}.uq-w-2\.5{width:.625rem}.uq-w-20{width:5rem}.uq-w-28{width:7rem}.uq-w-3{width:.75rem}.uq-w-3\.5{width:.875rem}.uq-w-3\/4{width:75%}.uq-w-4{width:1rem}.uq-w-4\.5{width:1.125rem}.uq-w-40{width:10rem}.uq-w-5{width:1.25rem}.uq-w-5\.5{width:1.375rem}.uq-w-52{width:13rem}.uq-w-6{width:1.5rem}.uq-w-60{width:15rem}.uq-w-7{width:1.75rem}.uq-w-72{width:18rem}.uq-w-8{width:2rem}.uq-w-80{width:20rem}.uq-w-96{width:24rem}.uq-w-\[1000px\]{width:1000px}.uq-w-\[160px\]{width:160px}.uq-w-\[200px\]{width:200px}.uq-w-\[248px\]{width:248px}.uq-w-\[24px\]{width:24px}.uq-w-\[26px\]{width:26px}.uq-w-\[2px\]{width:2px}.uq-w-\[3\%\]{width:3%}.uq-w-\[300px\]{width:300px}.uq-w-\[31\.5px\]{width:31.5px}.uq-w-\[314px\]{width:314px}.uq-w-\[343px\]{width:343px}.uq-w-\[352px\]{width:352px}.uq-w-\[36px\]{width:36px}.uq-w-\[400px\]{width:400px}.uq-w-\[430px\]{width:430px}.uq-w-\[440px\]{width:440px}.uq-w-\[49\%\]{width:49%}.uq-w-\[50\%\]{width:50%}.uq-w-\[500px\]{width:500px}.uq-w-\[5px\]{width:5px}.uq-w-\[672px\]{width:672px}.uq-w-\[700px\]{width:700px}.uq-w-\[72px\]{width:72px}.uq-w-\[750px\]{width:750px}.uq-w-\[794px\]{width:794px}.uq-w-\[800px\]{width:800px}.uq-w-\[80px\]{width:80px}.uq-w-\[80vw\]{width:80vw}.uq-w-\[900px\]{width:900px}.uq-w-\[96px\]{width:96px}.uq-w-\[97\%\]{width:97%}.uq-w-\[inherit\]{width:inherit}.uq-w-auto{width:auto}.uq-w-fit{width:-moz-fit-content;width:fit-content}.uq-w-full{width:100%}.uq-w-max{width:max-content}.uq-w-screen{width:100vw}.uq-min-w-0{min-width:0}.uq-min-w-1{min-width:.25rem}.uq-min-w-1\.5{min-width:.375rem}.uq-min-w-10{min-width:2.5rem}.uq-min-w-12{min-width:12rem}.uq-min-w-2{min-width:.5rem}.uq-min-w-2\.5{min-width:.625rem}.uq-min-w-3{min-width:.75rem}.uq-min-w-3\.5{min-width:.875rem}.uq-min-w-4{min-width:1rem}.uq-min-w-5{min-width:1.25rem}.uq-min-w-52{min-width:13rem}.uq-min-w-\[145px\]{min-width:145px}.uq-min-w-\[30px\]{min-width:30px}.uq-min-w-\[37px\]{min-width:37px}.uq-min-w-\[50\%\]{min-width:50%}.uq-min-w-\[600px\]{min-width:600px}.uq-min-w-full{min-width:100%}.uq-max-w-2xl{max-width:42rem}.uq-max-w-3xl{max-width:48rem}.uq-max-w-\[240px\]{max-width:240px}.uq-max-w-\[288px\]{max-width:288px}.uq-max-w-\[360px\]{max-width:360px}.uq-max-w-\[400px\]{max-width:400px}.uq-max-w-\[500px\]{max-width:500px}.uq-max-w-\[90\%\]{max-width:90%}.uq-max-w-full{max-width:100%}.uq-max-w-sm{max-width:24rem}.uq-max-w-xs{max-width:20rem}.uq-flex-1{flex:1 1 0%}.uq-flex-auto{flex:1 1 auto}.uq-flex-none{flex:none}.uq-flex-shrink-0,.uq-shrink-0{flex-shrink:0}.uq-flex-grow,.uq-grow{flex-grow:1}.uq-table-auto{table-layout:auto}.uq-origin-top{transform-origin:top}.uq--translate-y-1\/2{--tw-translate-y:-50%}.uq--translate-y-1\/2,.uq-translate-x-1\/2{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))}.uq-translate-x-1\/2{--tw-translate-x:50%}.uq-translate-x-3\/4{--tw-translate-x:75%}.uq-translate-x-3\/4,.uq-translate-y-3\/4{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))}.uq-translate-y-3\/4{--tw-translate-y:75%}.uq-scale-100{--tw-scale-x:1;--tw-scale-y:1}.uq-scale-100,.uq-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))}.uq-transform-none{transform:none}.uq-animate-none{animation:none}@keyframes uq-pulse{50%{opacity:.5}}.uq-animate-pulse{animation:uq-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.\!uq-cursor-grabbing{cursor:grabbing!important}.\!uq-cursor-pointer{cursor:pointer!important}.uq-cursor-auto{cursor:auto}.uq-cursor-default{cursor:default}.uq-cursor-grab{cursor:grab}.uq-cursor-move{cursor:move}.uq-cursor-pointer{cursor:pointer}.uq-cursor-se-resize{cursor:se-resize}.uq-cursor-text{cursor:text}.uq-cursor-zoom-in{cursor:zoom-in}.uq-cursor-zoom-out{cursor:zoom-out}.uq-touch-none{touch-action:none}.uq-select-none{-webkit-user-select:none;user-select:none}.uq-resize-none{resize:none}.uq-list-disc{list-style-type:disc}.uq-list-none{list-style-type:none}.uq-appearance-none{appearance:none}.uq-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.uq-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.uq-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.uq-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.uq-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.uq-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.uq-flex-row{flex-direction:row}.uq-flex-col{flex-direction:column}.uq-flex-wrap{flex-wrap:wrap}.uq-flex-nowrap{flex-wrap:nowrap}.uq-content-center{align-content:center}.uq-content-start{align-content:flex-start}.uq-content-end{align-content:flex-end}.uq-content-between{align-content:space-between}.uq-items-start{align-items:flex-start}.uq-items-end{align-items:flex-end}.uq-items-center{align-items:center}.uq-justify-start{justify-content:flex-start}.uq-justify-end{justify-content:flex-end}.uq-justify-center{justify-content:center}.uq-justify-between{justify-content:space-between}.uq-justify-evenly{justify-content:space-evenly}.uq-justify-items-center{justify-items:center}.uq-justify-items-stretch{justify-items:stretch}.uq-gap-3{gap:.75rem}.uq-gap-4{gap:1rem}.uq-gap-4\.5{gap:1.125rem}.uq-gap-px{gap:1px}.uq-gap-x-2{column-gap:.5rem}.uq-gap-x-4{column-gap:1rem}.uq-gap-x-8{column-gap:2rem}.uq-gap-y-16{row-gap:4rem}.uq-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.uq-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.uq-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}.uq-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.uq-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.uq-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.uq-divide-secondary-grey-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(234 236 240/var(--tw-divide-opacity))}.uq-place-self-center{place-self:center}.uq-self-end{align-self:flex-end}.uq-self-center{align-self:center}.uq-overflow-auto{overflow:auto}.uq-overflow-hidden{overflow:hidden}.uq-overflow-clip{overflow:clip}.\!uq-overflow-visible{overflow:visible!important}.uq-overflow-x-auto{overflow-x:auto}.uq-overflow-y-auto{overflow-y:auto}.uq-overflow-x-hidden{overflow-x:hidden}.uq-overflow-y-hidden{overflow-y:hidden}.uq-overflow-y-scroll{overflow-y:scroll}.uq-overscroll-contain{overscroll-behavior:contain}.uq-scroll-auto{scroll-behavior:auto}.uq-truncate{overflow:hidden;white-space:nowrap}.uq-overflow-ellipsis,.uq-text-ellipsis,.uq-truncate{text-overflow:ellipsis}.uq-whitespace-nowrap{white-space:nowrap}.uq-whitespace-pre-wrap{white-space:pre-wrap}.uq-text-wrap{text-wrap:wrap}.uq-text-nowrap{text-wrap:nowrap}.uq-break-all{word-break:break-all}.uq-rounded{border-radius:.25rem}.uq-rounded-2xl{border-radius:1rem}.uq-rounded-3xl{border-radius:1.5rem}.uq-rounded-4xl{border-radius:1.75rem}.uq-rounded-5xl{border-radius:2rem}.uq-rounded-6xl{border-radius:2.25rem}.uq-rounded-7xl{border-radius:2.5rem}.uq-rounded-9xl{border-radius:3rem}.uq-rounded-\[40px\]{border-radius:40px}.uq-rounded-\[50\%\]{border-radius:50%}.uq-rounded-\[inherit\]{border-radius:inherit}.uq-rounded-full{border-radius:9999px}.uq-rounded-lg{border-radius:.5rem}.uq-rounded-md{border-radius:.375rem}.uq-rounded-none{border-radius:0}.uq-rounded-sm{border-radius:.125rem}.uq-rounded-xl{border-radius:.75rem}.uq-rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.uq-rounded-l-\[3px\]{border-top-left-radius:3px;border-bottom-left-radius:3px}.uq-rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.uq-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.uq-rounded-r-\[3px\]{border-top-right-radius:3px;border-bottom-right-radius:3px}.uq-rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.uq-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.uq-rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.uq-rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.uq-rounded-bl-lg{border-bottom-left-radius:.5rem}.uq-rounded-br-lg{border-bottom-right-radius:.5rem}.uq-rounded-tl-lg{border-top-left-radius:.5rem}.uq-rounded-tr-lg{border-top-right-radius:.5rem}.uq-border{border-width:1px}.uq-border-0{border-width:0}.uq-border-2{border-width:2px}.uq-border-4{border-width:4px}.uq-border-8{border-width:8px}.uq-border-\[1px\]{border-width:1px}.uq-border-x-8{border-left-width:8px;border-right-width:8px}.uq-border-y-8{border-top-width:8px;border-bottom-width:8px}.\!uq-border-b-2{border-bottom-width:2px!important}.uq-border-b{border-bottom-width:1px}.uq-border-b-0{border-bottom-width:0}.uq-border-b-2{border-bottom-width:2px}.uq-border-b-8{border-bottom-width:8px}.uq-border-b-\[1px\]{border-bottom-width:1px}.uq-border-l{border-left-width:1px}.uq-border-l-0{border-left-width:0}.uq-border-l-8{border-left-width:8px}.uq-border-r{border-right-width:1px}.uq-border-r-0{border-right-width:0}.uq-border-r-8{border-right-width:8px}.uq-border-t{border-top-width:1px}.uq-border-t-8{border-top-width:8px}.uq-border-solid{border-style:solid}.uq-border-none{border-style:none}.\!uq-border-focus-50{--tw-border-opacity:1!important;border-color:rgb(23 81 193/var(--tw-border-opacity))!important}.\!uq-border-primary-500{--tw-border-opacity:1!important;border-color:rgb(204 51 255/var(--tw-border-opacity))!important}.uq-border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.uq-border-error-200{--tw-border-opacity:1;border-color:rgb(254 205 202/var(--tw-border-opacity))}.uq-border-error-300{--tw-border-opacity:1;border-color:rgb(253 162 155/var(--tw-border-opacity))}.uq-border-error-50{--tw-border-opacity:1;border-color:rgb(254 243 242/var(--tw-border-opacity))}.uq-border-error-600{--tw-border-opacity:1;border-color:rgb(217 45 32/var(--tw-border-opacity))}.uq-border-error-700{--tw-border-opacity:1;border-color:rgb(180 35 24/var(--tw-border-opacity))}.uq-border-green-100{--tw-border-opacity:1;border-color:rgb(209 250 223/var(--tw-border-opacity))}.uq-border-green-200{--tw-border-opacity:1;border-color:rgb(166 244 197/var(--tw-border-opacity))}.uq-border-green-50{--tw-border-opacity:1;border-color:rgb(236 253 243/var(--tw-border-opacity))}.uq-border-green-800{--tw-border-opacity:1;border-color:rgb(5 96 58/var(--tw-border-opacity))}.uq-border-greyBlue-300{--tw-border-opacity:1;border-color:rgb(179 184 219/var(--tw-border-opacity))}.uq-border-greyBlue-50{--tw-border-opacity:1;border-color:rgb(248 249 252/var(--tw-border-opacity))}.uq-border-greyBlue-600{--tw-border-opacity:1;border-color:rgb(62 71 132/var(--tw-border-opacity))}.uq-border-helpPurple-100{--tw-border-opacity:1;border-color:rgb(244 235 255/var(--tw-border-opacity))}.uq-border-helpPurple-300{--tw-border-opacity:1;border-color:rgb(214 187 251/var(--tw-border-opacity))}.uq-border-helpPurple-50{--tw-border-opacity:1;border-color:rgb(249 245 255/var(--tw-border-opacity))}.uq-border-helpPurple-700{--tw-border-opacity:1;border-color:rgb(105 65 198/var(--tw-border-opacity))}.uq-border-indigo-200{--tw-border-opacity:1;border-color:rgb(199 215 254/var(--tw-border-opacity))}.uq-border-indigo-300{--tw-border-opacity:1;border-color:rgb(164 188 253/var(--tw-border-opacity))}.uq-border-indigo-50{--tw-border-opacity:1;border-color:rgb(238 244 255/var(--tw-border-opacity))}.uq-border-indigo-700{--tw-border-opacity:1;border-color:rgb(53 56 205/var(--tw-border-opacity))}.uq-border-info-200{--tw-border-opacity:1;border-color:rgb(185 230 254/var(--tw-border-opacity))}.uq-border-info-300{--tw-border-opacity:1;border-color:rgb(124 212 253/var(--tw-border-opacity))}.uq-border-info-50{--tw-border-opacity:1;border-color:rgb(240 249 255/var(--tw-border-opacity))}.uq-border-info-800{--tw-border-opacity:1;border-color:rgb(6 89 134/var(--tw-border-opacity))}.uq-border-orange-200{--tw-border-opacity:1;border-color:rgb(251 199 145/var(--tw-border-opacity))}.uq-border-orange-300{--tw-border-opacity:1;border-color:rgb(249 174 97/var(--tw-border-opacity))}.uq-border-orange-50{--tw-border-opacity:1;border-color:rgb(255 248 242/var(--tw-border-opacity))}.uq-border-orange-800{--tw-border-opacity:1;border-color:rgb(135 68 0/var(--tw-border-opacity))}.uq-border-pink-200{--tw-border-opacity:1;border-color:rgb(252 206 238/var(--tw-border-opacity))}.uq-border-pink-300{--tw-border-opacity:1;border-color:rgb(250 167 224/var(--tw-border-opacity))}.uq-border-pink-50{--tw-border-opacity:1;border-color:rgb(253 242 250/var(--tw-border-opacity))}.uq-border-pink-800{--tw-border-opacity:1;border-color:rgb(158 22 95/var(--tw-border-opacity))}.uq-border-primary-10{--tw-border-opacity:1;border-color:rgb(254 253 255/var(--tw-border-opacity))}.uq-border-primary-25{--tw-border-opacity:1;border-color:rgb(250 235 255/var(--tw-border-opacity))}.uq-border-primary-300{--tw-border-opacity:1;border-color:rgb(219 112 255/var(--tw-border-opacity))}.uq-border-primary-400{--tw-border-opacity:1;border-color:rgb(212 82 255/var(--tw-border-opacity))}.uq-border-primary-50{--tw-border-opacity:1;border-color:rgb(242 204 255/var(--tw-border-opacity))}.uq-border-primary-500{--tw-border-opacity:1;border-color:rgb(204 51 255/var(--tw-border-opacity))}.uq-border-primary-600{--tw-border-opacity:1;border-color:rgb(173 43 217/var(--tw-border-opacity))}.uq-border-purple-200{--tw-border-opacity:1;border-color:rgb(217 214 254/var(--tw-border-opacity))}.uq-border-purple-300{--tw-border-opacity:1;border-color:rgb(189 180 254/var(--tw-border-opacity))}.uq-border-purple-50{--tw-border-opacity:1;border-color:rgb(244 243 255/var(--tw-border-opacity))}.uq-border-purple-700{--tw-border-opacity:1;border-color:rgb(89 37 220/var(--tw-border-opacity))}.uq-border-rose-200{--tw-border-opacity:1;border-color:rgb(254 205 214/var(--tw-border-opacity))}.uq-border-rose-300{--tw-border-opacity:1;border-color:rgb(254 163 180/var(--tw-border-opacity))}.uq-border-rose-50{--tw-border-opacity:1;border-color:rgb(255 241 243/var(--tw-border-opacity))}.uq-border-rose-800{--tw-border-opacity:1;border-color:rgb(161 16 67/var(--tw-border-opacity))}.uq-border-secondary-blue-200{--tw-border-opacity:1;border-color:rgb(178 221 255/var(--tw-border-opacity))}.uq-border-secondary-blue-50{--tw-border-opacity:1;border-color:rgb(239 248 255/var(--tw-border-opacity))}.uq-border-secondary-blue-800{--tw-border-opacity:1;border-color:rgb(24 73 169/var(--tw-border-opacity))}.uq-border-secondary-grey-100{--tw-border-opacity:1;border-color:rgb(242 244 247/var(--tw-border-opacity))}.uq-border-secondary-grey-200{--tw-border-opacity:1;border-color:rgb(234 236 240/var(--tw-border-opacity))}.uq-border-secondary-grey-300,.uq-border-secondary-grey-350{--tw-border-opacity:1;border-color:rgb(208 213 221/var(--tw-border-opacity))}.uq-border-secondary-grey-400{--tw-border-opacity:1;border-color:rgb(152 162 179/var(--tw-border-opacity))}.uq-border-secondary-grey-50{--tw-border-opacity:1;border-color:rgb(249 250 251/var(--tw-border-opacity))}.uq-border-secondary-grey-600{--tw-border-opacity:1;border-color:rgb(71 84 103/var(--tw-border-opacity))}.uq-border-secondary-grey-700{--tw-border-opacity:1;border-color:rgb(52 64 84/var(--tw-border-opacity))}.uq-border-secondary-grey-900{--tw-border-opacity:1;border-color:rgb(16 24 40/var(--tw-border-opacity))}.uq-border-secondary-lynch-100{--tw-border-opacity:1;border-color:rgb(189 203 209/var(--tw-border-opacity))}.uq-border-secondary-lynch-25{--tw-border-opacity:1;border-color:rgb(235 242 245/var(--tw-border-opacity))}.uq-border-secondary-lynch-50{--tw-border-opacity:1;border-color:rgb(201 212 218/var(--tw-border-opacity))}.uq-border-success-200{--tw-border-opacity:1;border-color:rgb(153 246 224/var(--tw-border-opacity))}.uq-border-success-300{--tw-border-opacity:1;border-color:rgb(95 233 208/var(--tw-border-opacity))}.uq-border-success-50{--tw-border-opacity:1;border-color:rgb(240 253 249/var(--tw-border-opacity))}.uq-border-success-600{--tw-border-opacity:1;border-color:rgb(14 147 132/var(--tw-border-opacity))}.uq-border-success-800{--tw-border-opacity:1;border-color:rgb(18 93 86/var(--tw-border-opacity))}.uq-border-transparent{border-color:#0000}.uq-border-turquoise-100{--tw-border-opacity:1;border-color:rgb(252 255 255/var(--tw-border-opacity))}.uq-border-turquoise-200{--tw-border-opacity:1;border-color:rgb(212 254 250/var(--tw-border-opacity))}.uq-border-warning-200{--tw-border-opacity:1;border-color:rgb(254 223 137/var(--tw-border-opacity))}.uq-border-warning-300{--tw-border-opacity:1;border-color:rgb(254 200 75/var(--tw-border-opacity))}.uq-border-warning-400{--tw-border-opacity:1;border-color:rgb(253 176 34/var(--tw-border-opacity))}.uq-border-warning-50{--tw-border-opacity:1;border-color:rgb(255 250 235/var(--tw-border-opacity))}.uq-border-warning-600{--tw-border-opacity:1;border-color:rgb(220 104 3/var(--tw-border-opacity))}.uq-border-warning-800{--tw-border-opacity:1;border-color:rgb(147 55 13/var(--tw-border-opacity))}.uq-border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.uq-border-yellow-300{--tw-border-opacity:1;border-color:rgb(254 225 114/var(--tw-border-opacity))}.uq-border-yellow-50{--tw-border-opacity:1;border-color:rgb(254 251 232/var(--tw-border-opacity))}.uq-border-yellow-800{--tw-border-opacity:1;border-color:rgb(133 74 14/var(--tw-border-opacity))}.uq-border-x-transparent{border-left-color:#0000;border-right-color:#0000}.uq-border-y-transparent{border-top-color:#0000;border-bottom-color:#0000}.\!uq-border-b-primary-500{--tw-border-opacity:1!important;border-bottom-color:rgb(204 51 255/var(--tw-border-opacity))!important}.uq-border-b-primary-500{--tw-border-opacity:1;border-bottom-color:rgb(204 51 255/var(--tw-border-opacity))}.uq-border-b-secondary-grey-200{--tw-border-opacity:1;border-bottom-color:rgb(234 236 240/var(--tw-border-opacity))}.uq-border-b-secondary-grey-300{--tw-border-opacity:1;border-bottom-color:rgb(208 213 221/var(--tw-border-opacity))}.uq-border-b-secondary-grey-900{--tw-border-opacity:1;border-bottom-color:rgb(16 24 40/var(--tw-border-opacity))}.uq-border-b-white{--tw-border-opacity:1;border-bottom-color:rgb(255 255 255/var(--tw-border-opacity))}.uq-border-l-secondary-grey-300{--tw-border-opacity:1;border-left-color:rgb(208 213 221/var(--tw-border-opacity))}.uq-border-l-secondary-grey-900{--tw-border-opacity:1;border-left-color:rgb(16 24 40/var(--tw-border-opacity))}.uq-border-l-white{--tw-border-opacity:1;border-left-color:rgb(255 255 255/var(--tw-border-opacity))}.uq-border-r-primary-600{--tw-border-opacity:1;border-right-color:rgb(173 43 217/var(--tw-border-opacity))}.uq-border-r-secondary-grey-300{--tw-border-opacity:1;border-right-color:rgb(208 213 221/var(--tw-border-opacity))}.uq-border-r-secondary-grey-900{--tw-border-opacity:1;border-right-color:rgb(16 24 40/var(--tw-border-opacity))}.uq-border-r-secondary-lynch-100{--tw-border-opacity:1;border-right-color:rgb(189 203 209/var(--tw-border-opacity))}.uq-border-r-white{--tw-border-opacity:1;border-right-color:rgb(255 255 255/var(--tw-border-opacity))}.uq-border-t-secondary-grey-100{--tw-border-opacity:1;border-top-color:rgb(242 244 247/var(--tw-border-opacity))}.uq-border-t-secondary-grey-300{--tw-border-opacity:1;border-top-color:rgb(208 213 221/var(--tw-border-opacity))}.uq-border-t-secondary-grey-900{--tw-border-opacity:1;border-top-color:rgb(16 24 40/var(--tw-border-opacity))}.uq-border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity))}.uq-border-opacity-40{--tw-border-opacity:0.4}.uq-border-opacity-\[8\%\]{--tw-border-opacity:8%}.\!uq-bg-green-100{--tw-bg-opacity:1!important;background-color:rgb(209 250 223/var(--tw-bg-opacity))!important}.\!uq-bg-helpPurple-100{--tw-bg-opacity:1!important;background-color:rgb(244 235 255/var(--tw-bg-opacity))!important}.\!uq-bg-orange-100{--tw-bg-opacity:1!important;background-color:rgb(253 234 215/var(--tw-bg-opacity))!important}.\!uq-bg-primary-10{--tw-bg-opacity:1!important;background-color:rgb(254 253 255/var(--tw-bg-opacity))!important}.\!uq-bg-primary-25{--tw-bg-opacity:1!important;background-color:rgb(250 235 255/var(--tw-bg-opacity))!important}.\!uq-bg-primary-500{--tw-bg-opacity:1!important;background-color:rgb(204 51 255/var(--tw-bg-opacity))!important}.\!uq-bg-secondary-grey-100{--tw-bg-opacity:1!important;background-color:rgb(242 244 247/var(--tw-bg-opacity))!important}.\!uq-bg-success-100{--tw-bg-opacity:1!important;background-color:rgb(204 251 239/var(--tw-bg-opacity))!important}.uq-bg-\[\#344054B2\]{background-color:#344054b2}.uq-bg-\[\#D9D9D9\]{--tw-bg-opacity:1;background-color:rgb(217 217 217/var(--tw-bg-opacity))}.uq-bg-\[\#e9ecef\]{--tw-bg-opacity:1;background-color:rgb(233 236 239/var(--tw-bg-opacity))}.uq-bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.uq-bg-brandDeepBlue-50{--tw-bg-opacity:1;background-color:rgb(196 194 206/var(--tw-bg-opacity))}.uq-bg-error-100{--tw-bg-opacity:1;background-color:rgb(254 228 226/var(--tw-bg-opacity))}.uq-bg-error-200{--tw-bg-opacity:1;background-color:rgb(254 205 202/var(--tw-bg-opacity))}.uq-bg-error-25{--tw-bg-opacity:1;background-color:rgb(255 251 250/var(--tw-bg-opacity))}.uq-bg-error-400{--tw-bg-opacity:1;background-color:rgb(249 112 102/var(--tw-bg-opacity))}.uq-bg-error-50{--tw-bg-opacity:1;background-color:rgb(254 243 242/var(--tw-bg-opacity))}.uq-bg-error-500{--tw-bg-opacity:1;background-color:rgb(244 67 54/var(--tw-bg-opacity))}.uq-bg-error-600{--tw-bg-opacity:1;background-color:rgb(217 45 32/var(--tw-bg-opacity))}.uq-bg-error-700{--tw-bg-opacity:1;background-color:rgb(180 35 24/var(--tw-bg-opacity))}.uq-bg-green-100{--tw-bg-opacity:1;background-color:rgb(209 250 223/var(--tw-bg-opacity))}.uq-bg-green-50{--tw-bg-opacity:1;background-color:rgb(236 253 243/var(--tw-bg-opacity))}.uq-bg-green-500{--tw-bg-opacity:1;background-color:rgb(18 183 106/var(--tw-bg-opacity))}.uq-bg-green-700{--tw-bg-opacity:1;background-color:rgb(2 122 72/var(--tw-bg-opacity))}.uq-bg-greenAlternate-500{--tw-bg-opacity:1;background-color:rgb(18 183 106/var(--tw-bg-opacity))}.uq-bg-greyBlue-200{--tw-bg-opacity:1;background-color:rgb(213 217 235/var(--tw-bg-opacity))}.uq-bg-greyBlue-50{--tw-bg-opacity:1;background-color:rgb(248 249 252/var(--tw-bg-opacity))}.uq-bg-greyBlue-500{--tw-bg-opacity:1;background-color:rgb(78 91 166/var(--tw-bg-opacity))}.uq-bg-helpPurple-200{--tw-bg-opacity:1;background-color:rgb(233 215 254/var(--tw-bg-opacity))}.uq-bg-helpPurple-50{--tw-bg-opacity:1;background-color:rgb(249 245 255/var(--tw-bg-opacity))}.uq-bg-helpPurple-600{--tw-bg-opacity:1;background-color:rgb(127 86 217/var(--tw-bg-opacity))}.uq-bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 234 255/var(--tw-bg-opacity))}.uq-bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(199 215 254/var(--tw-bg-opacity))}.uq-bg-indigo-25{--tw-bg-opacity:1;background-color:rgb(245 248 255/var(--tw-bg-opacity))}.uq-bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 244 255/var(--tw-bg-opacity))}.uq-bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(97 114 243/var(--tw-bg-opacity))}.uq-bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(68 76 231/var(--tw-bg-opacity))}.uq-bg-info-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity))}.uq-bg-info-200{--tw-bg-opacity:1;background-color:rgb(185 230 254/var(--tw-bg-opacity))}.uq-bg-info-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity))}.uq-bg-info-500{--tw-bg-opacity:1;background-color:rgb(11 165 236/var(--tw-bg-opacity))}.uq-bg-info-600{--tw-bg-opacity:1;background-color:rgb(0 134 201/var(--tw-bg-opacity))}.uq-bg-info-700{--tw-bg-opacity:1;background-color:rgb(2 106 162/var(--tw-bg-opacity))}.uq-bg-orange-100{--tw-bg-opacity:1;background-color:rgb(253 234 215/var(--tw-bg-opacity))}.uq-bg-orange-200{--tw-bg-opacity:1;background-color:rgb(251 199 145/var(--tw-bg-opacity))}.uq-bg-orange-25{--tw-bg-opacity:1;background-color:rgb(254 250 245/var(--tw-bg-opacity))}.uq-bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 248 242/var(--tw-bg-opacity))}.uq-bg-orange-500{--tw-bg-opacity:1;background-color:rgb(239 104 32/var(--tw-bg-opacity))}.uq-bg-orange-700{--tw-bg-opacity:1;background-color:rgb(185 56 21/var(--tw-bg-opacity))}.uq-bg-pink-200{--tw-bg-opacity:1;background-color:rgb(252 206 238/var(--tw-bg-opacity))}.uq-bg-pink-50{--tw-bg-opacity:1;background-color:rgb(253 242 250/var(--tw-bg-opacity))}.uq-bg-pink-700{--tw-bg-opacity:1;background-color:rgb(193 21 116/var(--tw-bg-opacity))}.uq-bg-primary-10{--tw-bg-opacity:1;background-color:rgb(254 253 255/var(--tw-bg-opacity))}.uq-bg-primary-100{--tw-bg-opacity:1;background-color:rgb(235 161 255/var(--tw-bg-opacity))}.uq-bg-primary-200{--tw-bg-opacity:1;background-color:rgb(227 143 255/var(--tw-bg-opacity))}.uq-bg-primary-25{--tw-bg-opacity:1;background-color:rgb(250 235 255/var(--tw-bg-opacity))}.uq-bg-primary-30{--tw-bg-opacity:1;background-color:rgb(245 216 255/var(--tw-bg-opacity))}.uq-bg-primary-300{--tw-bg-opacity:1;background-color:rgb(219 112 255/var(--tw-bg-opacity))}.uq-bg-primary-400{--tw-bg-opacity:1;background-color:rgb(212 82 255/var(--tw-bg-opacity))}.uq-bg-primary-500{--tw-bg-opacity:1;background-color:rgb(204 51 255/var(--tw-bg-opacity))}.uq-bg-primary-600{--tw-bg-opacity:1;background-color:rgb(173 43 217/var(--tw-bg-opacity))}.uq-bg-primary-700{--tw-bg-opacity:1;background-color:rgb(143 36 179/var(--tw-bg-opacity))}.uq-bg-purple-100{--tw-bg-opacity:1;background-color:rgb(235 233 254/var(--tw-bg-opacity))}.uq-bg-purple-200{--tw-bg-opacity:1;background-color:rgb(217 214 254/var(--tw-bg-opacity))}.uq-bg-purple-50{--tw-bg-opacity:1;background-color:rgb(244 243 255/var(--tw-bg-opacity))}.uq-bg-purple-500{--tw-bg-opacity:1;background-color:rgb(122 90 248/var(--tw-bg-opacity))}.uq-bg-purple-600{--tw-bg-opacity:1;background-color:rgb(105 56 239/var(--tw-bg-opacity))}.uq-bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 232/var(--tw-bg-opacity))}.uq-bg-rose-200{--tw-bg-opacity:1;background-color:rgb(254 205 214/var(--tw-bg-opacity))}.uq-bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 243/var(--tw-bg-opacity))}.uq-bg-rose-700{--tw-bg-opacity:1;background-color:rgb(192 16 72/var(--tw-bg-opacity))}.uq-bg-secondary-blue-100{--tw-bg-opacity:1;background-color:rgb(209 233 255/var(--tw-bg-opacity))}.uq-bg-secondary-blue-25{--tw-bg-opacity:1;background-color:rgb(245 250 255/var(--tw-bg-opacity))}.uq-bg-secondary-blue-50{--tw-bg-opacity:1;background-color:rgb(239 248 255/var(--tw-bg-opacity))}.uq-bg-secondary-blue-500{--tw-bg-opacity:1;background-color:rgb(46 144 250/var(--tw-bg-opacity))}.uq-bg-secondary-blue-700{--tw-bg-opacity:1;background-color:rgb(23 92 211/var(--tw-bg-opacity))}.uq-bg-secondary-grey-100{--tw-bg-opacity:1;background-color:rgb(242 244 247/var(--tw-bg-opacity))}.uq-bg-secondary-grey-200{--tw-bg-opacity:1;background-color:rgb(234 236 240/var(--tw-bg-opacity))}.uq-bg-secondary-grey-25{--tw-bg-opacity:1;background-color:rgb(252 252 253/var(--tw-bg-opacity))}.uq-bg-secondary-grey-300{--tw-bg-opacity:1;background-color:rgb(208 213 221/var(--tw-bg-opacity))}.uq-bg-secondary-grey-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.uq-bg-secondary-grey-500{--tw-bg-opacity:1;background-color:rgb(102 112 133/var(--tw-bg-opacity))}.uq-bg-secondary-grey-600{--tw-bg-opacity:1;background-color:rgb(71 84 103/var(--tw-bg-opacity))}.uq-bg-secondary-grey-700{--tw-bg-opacity:1;background-color:rgb(52 64 84/var(--tw-bg-opacity))}.uq-bg-secondary-grey-900{--tw-bg-opacity:1;background-color:rgb(16 24 40/var(--tw-bg-opacity))}.uq-bg-secondary-lynch-25{--tw-bg-opacity:1;background-color:rgb(235 242 245/var(--tw-bg-opacity))}.uq-bg-secondary-lynch-50{--tw-bg-opacity:1;background-color:rgb(201 212 218/var(--tw-bg-opacity))}.uq-bg-secondary-lynch-500{--tw-bg-opacity:1;background-color:rgb(96 125 139/var(--tw-bg-opacity))}.uq-bg-secondary-lynch-800{--tw-bg-opacity:1;background-color:rgb(27 35 39/var(--tw-bg-opacity))}.uq-bg-success-100{--tw-bg-opacity:1;background-color:rgb(204 251 239/var(--tw-bg-opacity))}.uq-bg-success-200{--tw-bg-opacity:1;background-color:rgb(153 246 224/var(--tw-bg-opacity))}.uq-bg-success-25{--tw-bg-opacity:1;background-color:rgb(246 254 252/var(--tw-bg-opacity))}.uq-bg-success-50{--tw-bg-opacity:1;background-color:rgb(240 253 249/var(--tw-bg-opacity))}.uq-bg-success-500{--tw-bg-opacity:1;background-color:rgb(21 183 158/var(--tw-bg-opacity))}.uq-bg-success-600{--tw-bg-opacity:1;background-color:rgb(14 147 132/var(--tw-bg-opacity))}.uq-bg-success-700{--tw-bg-opacity:1;background-color:rgb(16 117 105/var(--tw-bg-opacity))}.uq-bg-transparent{background-color:initial}.uq-bg-turquoise-100{--tw-bg-opacity:1;background-color:rgb(252 255 255/var(--tw-bg-opacity))}.uq-bg-warning-100{--tw-bg-opacity:1;background-color:rgb(254 240 199/var(--tw-bg-opacity))}.uq-bg-warning-25{--tw-bg-opacity:1;background-color:rgb(255 252 245/var(--tw-bg-opacity))}.uq-bg-warning-300{--tw-bg-opacity:1;background-color:rgb(254 200 75/var(--tw-bg-opacity))}.uq-bg-warning-50{--tw-bg-opacity:1;background-color:rgb(255 250 235/var(--tw-bg-opacity))}.uq-bg-warning-500{--tw-bg-opacity:1;background-color:rgb(247 144 9/var(--tw-bg-opacity))}.uq-bg-warning-600{--tw-bg-opacity:1;background-color:rgb(220 104 3/var(--tw-bg-opacity))}.uq-bg-warning-700{--tw-bg-opacity:1;background-color:rgb(181 71 8/var(--tw-bg-opacity))}.uq-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.uq-bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(254 238 149/var(--tw-bg-opacity))}.uq-bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 251 232/var(--tw-bg-opacity))}.uq-bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 170 8/var(--tw-bg-opacity))}.uq-bg-yellow-700{--tw-bg-opacity:1;background-color:rgb(161 92 7/var(--tw-bg-opacity))}.uq-bg-opacity-60{--tw-bg-opacity:0.6}.uq-bg-opacity-80{--tw-bg-opacity:0.8}.uq-bg-gradient-90{background-image:linear-gradient(90deg,#fff0,#fff6,#fff0)}.uq-bg-cover{background-size:cover}.uq-bg-fixed{background-attachment:fixed}.uq-bg-clip-content{background-clip:content-box}.uq-bg-\[50\%\]{background-position:50%}.uq-object-contain{object-fit:contain}.\!uq-p-0{padding:0!important}.uq-p-0{padding:0}.uq-p-1{padding:.25rem}.uq-p-1\.5{padding:.375rem}.uq-p-2{padding:.5rem}.uq-p-2\.5{padding:.625rem}.uq-p-3{padding:.75rem}.uq-p-3\.5{padding:.875rem}.uq-p-4{padding:1rem}.uq-p-5{padding:1.25rem}.uq-p-6{padding:1.5rem}.uq-p-\[22px\]{padding:22px}.uq-p-\[2px\]{padding:2px}.uq-px-0{padding-left:0;padding-right:0}.uq-px-0\.5{padding-left:.125rem;padding-right:.125rem}.uq-px-1{padding-left:.25rem;padding-right:.25rem}.uq-px-1\.5{padding-left:.375rem;padding-right:.375rem}.uq-px-2{padding-left:.5rem;padding-right:.5rem}.uq-px-2\.5{padding-left:.625rem;padding-right:.625rem}.uq-px-3{padding-left:.75rem;padding-right:.75rem}.uq-px-3\.5{padding-left:.875rem;padding-right:.875rem}.uq-px-4{padding-left:1rem;padding-right:1rem}.uq-px-4\.5{padding-left:1.125rem;padding-right:1.125rem}.uq-px-5{padding-left:1.25rem;padding-right:1.25rem}.uq-px-6{padding-left:1.5rem;padding-right:1.5rem}.uq-px-7{padding-left:1.75rem;padding-right:1.75rem}.uq-px-8{padding-left:2rem;padding-right:2rem}.uq-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.uq-py-1{padding-top:.25rem;padding-bottom:.25rem}.uq-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.uq-py-16{padding-top:4rem;padding-bottom:4rem}.uq-py-2{padding-top:.5rem;padding-bottom:.5rem}.uq-py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.uq-py-3{padding-top:.75rem;padding-bottom:.75rem}.uq-py-4{padding-top:1rem;padding-bottom:1rem}.uq-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.uq-py-\[22px\]{padding-top:22px;padding-bottom:22px}.\!uq-pb-0{padding-bottom:0!important}.\!uq-pb-\[15px\]{padding-bottom:15px!important}.\!uq-pt-0{padding-top:0!important}.uq-pb-0{padding-bottom:0}.uq-pb-1{padding-bottom:.25rem}.uq-pb-12{padding-bottom:3rem}.uq-pb-2{padding-bottom:.5rem}.uq-pb-3{padding-bottom:.75rem}.uq-pb-3\.5{padding-bottom:.875rem}.uq-pb-4{padding-bottom:1rem}.uq-pb-5{padding-bottom:1.25rem}.uq-pb-6{padding-bottom:1.5rem}.uq-pl-1{padding-left:.25rem}.uq-pl-10{padding-left:2.5rem}.uq-pl-2{padding-left:.5rem}.uq-pl-2\.5{padding-left:.625rem}.uq-pl-3\.5{padding-left:.875rem}.uq-pl-4{padding-left:1rem}.uq-pl-6{padding-left:1.5rem}.uq-pl-8{padding-left:2rem}.uq-pl-\[41px\]{padding-left:41px}.uq-pr-0{padding-right:0}.uq-pr-10{padding-right:2.5rem}.uq-pr-12{padding-right:3rem}.uq-pr-2{padding-right:.5rem}.uq-pr-3{padding-right:.75rem}.uq-pr-3\.5{padding-right:.875rem}.uq-pr-4{padding-right:1rem}.uq-pr-6{padding-right:1.5rem}.uq-pr-8{padding-right:2rem}.uq-pt-1\.5{padding-top:.375rem}.uq-pt-2{padding-top:.5rem}.uq-pt-2\.5{padding-top:.625rem}.uq-pt-3{padding-top:.75rem}.uq-pt-3\.5{padding-top:.875rem}.uq-pt-4{padding-top:1rem}.uq-pt-4\.5{padding-top:1.125rem}.uq-pt-40{padding-top:10rem}.uq-pt-5{padding-top:1.25rem}.uq-pt-6{padding-top:1.5rem}.uq-pt-8{padding-top:2rem}.uq-pt-\[2px\]{padding-top:2px}.uq-pt-\[3px\]{padding-top:3px}.uq-text-center{text-align:center}.uq-font-inter{font-family:Inter}.uq-font-sans{font-family:sans-serif}.uq-text-1\.5xl{font-size:22px}.uq-text-2xl{font-size:1.5rem;line-height:2rem}.uq-text-3xl{font-size:1.875rem;line-height:2.25rem}.uq-text-4xl{font-size:2.25rem;line-height:2.5rem}.uq-text-6xl{font-size:3.75rem;line-height:1}.uq-text-\[0\.375rem\]{font-size:.375rem}.uq-text-\[100px\]{font-size:100px}.uq-text-\[10px\]{font-size:10px}.uq-text-\[11px\]{font-size:11px}.uq-text-\[16px\]{font-size:16px}.uq-text-\[18px\]{font-size:18px}.uq-text-\[5px\]{font-size:5px}.uq-text-\[8px\]{font-size:8px}.uq-text-base{font-size:1rem;line-height:1.5rem}.uq-text-lg{font-size:1.125rem;line-height:1.75rem}.uq-text-sm{font-size:.875rem;line-height:1.25rem}.uq-text-xl{font-size:1.25rem;line-height:1.75rem}.uq-text-xs{font-size:.75rem;line-height:1rem}.uq-font-black{font-weight:900}.uq-font-bold{font-weight:700}.uq-font-medium{font-weight:500}.uq-font-normal{font-weight:400}.uq-font-semibold{font-weight:600}.uq-normal-case{text-transform:none}.uq-italic{font-style:italic}.uq-leading-4{line-height:1rem}.uq-leading-4\.5{line-height:18px}.uq-leading-5{line-height:1.25rem}.uq-leading-5\.5{line-height:22px}.uq-leading-6{line-height:1.5rem}.uq-leading-\[1\]{line-height:1}.uq-leading-\[5px\]{line-height:5px}.uq-leading-none{line-height:1}.\!uq-text-primary-500{--tw-text-opacity:1!important;color:rgb(204 51 255/var(--tw-text-opacity))!important}.\!uq-text-secondary-grey-500{--tw-text-opacity:1!important;color:rgb(102 112 133/var(--tw-text-opacity))!important}.\!uq-text-secondary-grey-800{--tw-text-opacity:1!important;color:rgb(29 41 57/var(--tw-text-opacity))!important}.\!uq-text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.uq-text-error-25{--tw-text-opacity:1;color:rgb(255 251 250/var(--tw-text-opacity))}.uq-text-error-500{--tw-text-opacity:1;color:rgb(244 67 54/var(--tw-text-opacity))}.uq-text-error-600{--tw-text-opacity:1;color:rgb(217 45 32/var(--tw-text-opacity))}.uq-text-error-700{--tw-text-opacity:1;color:rgb(180 35 24/var(--tw-text-opacity))}.uq-text-error-800{--tw-text-opacity:1;color:rgb(145 32 24/var(--tw-text-opacity))}.uq-text-error-900{--tw-text-opacity:1;color:rgb(122 39 26/var(--tw-text-opacity))}.uq-text-green-25{--tw-text-opacity:1;color:rgb(246 254 249/var(--tw-text-opacity))}.uq-text-green-700{--tw-text-opacity:1;color:rgb(2 122 72/var(--tw-text-opacity))}.uq-text-green-800{--tw-text-opacity:1;color:rgb(5 96 58/var(--tw-text-opacity))}.uq-text-greyBlue-25{--tw-text-opacity:1;color:rgb(252 252 253/var(--tw-text-opacity))}.uq-text-greyBlue-700{--tw-text-opacity:1;color:rgb(54 63 114/var(--tw-text-opacity))}.uq-text-helpPurple-25{--tw-text-opacity:1;color:rgb(252 250 255/var(--tw-text-opacity))}.uq-text-helpPurple-700{--tw-text-opacity:1;color:rgb(105 65 198/var(--tw-text-opacity))}.uq-text-helpPurple-800{--tw-text-opacity:1;color:rgb(83 56 158/var(--tw-text-opacity))}.uq-text-indigo-25{--tw-text-opacity:1;color:rgb(245 248 255/var(--tw-text-opacity))}.uq-text-indigo-700{--tw-text-opacity:1;color:rgb(53 56 205/var(--tw-text-opacity))}.uq-text-indigo-800{--tw-text-opacity:1;color:rgb(45 49 166/var(--tw-text-opacity))}.uq-text-info-25{--tw-text-opacity:1;color:rgb(245 251 255/var(--tw-text-opacity))}.uq-text-info-700{--tw-text-opacity:1;color:rgb(2 106 162/var(--tw-text-opacity))}.uq-text-info-800{--tw-text-opacity:1;color:rgb(6 89 134/var(--tw-text-opacity))}.uq-text-orange-25{--tw-text-opacity:1;color:rgb(254 250 245/var(--tw-text-opacity))}.uq-text-orange-700{--tw-text-opacity:1;color:rgb(185 56 21/var(--tw-text-opacity))}.uq-text-orange-800{--tw-text-opacity:1;color:rgb(135 68 0/var(--tw-text-opacity))}.uq-text-orange-900{--tw-text-opacity:1;color:rgb(119 41 23/var(--tw-text-opacity))}.uq-text-pink-25{--tw-text-opacity:1;color:rgb(254 246 251/var(--tw-text-opacity))}.uq-text-pink-700{--tw-text-opacity:1;color:rgb(193 21 116/var(--tw-text-opacity))}.uq-text-pink-800{--tw-text-opacity:1;color:rgb(158 22 95/var(--tw-text-opacity))}.uq-text-primary-300{--tw-text-opacity:1;color:rgb(219 112 255/var(--tw-text-opacity))}.uq-text-primary-400{--tw-text-opacity:1;color:rgb(212 82 255/var(--tw-text-opacity))}.uq-text-primary-500{--tw-text-opacity:1;color:rgb(204 51 255/var(--tw-text-opacity))}.uq-text-primary-600{--tw-text-opacity:1;color:rgb(173 43 217/var(--tw-text-opacity))}.uq-text-primary-700{--tw-text-opacity:1;color:rgb(143 36 179/var(--tw-text-opacity))}.uq-text-primary-900{--tw-text-opacity:1;color:rgb(82 20 102/var(--tw-text-opacity))}.uq-text-purple-25{--tw-text-opacity:1;color:rgb(250 250 255/var(--tw-text-opacity))}.uq-text-purple-700{--tw-text-opacity:1;color:rgb(89 37 220/var(--tw-text-opacity))}.uq-text-purple-800{--tw-text-opacity:1;color:rgb(74 31 184/var(--tw-text-opacity))}.uq-text-rose-25{--tw-text-opacity:1;color:rgb(255 245 246/var(--tw-text-opacity))}.uq-text-rose-700{--tw-text-opacity:1;color:rgb(192 16 72/var(--tw-text-opacity))}.uq-text-rose-800{--tw-text-opacity:1;color:rgb(161 16 67/var(--tw-text-opacity))}.uq-text-secondary-blue-25{--tw-text-opacity:1;color:rgb(245 250 255/var(--tw-text-opacity))}.uq-text-secondary-blue-400{--tw-text-opacity:1;color:rgb(83 177 253/var(--tw-text-opacity))}.uq-text-secondary-blue-700{--tw-text-opacity:1;color:rgb(23 92 211/var(--tw-text-opacity))}.uq-text-secondary-blue-800{--tw-text-opacity:1;color:rgb(24 73 169/var(--tw-text-opacity))}.uq-text-secondary-blue-900{--tw-text-opacity:1;color:rgb(25 65 133/var(--tw-text-opacity))}.uq-text-secondary-grey-200{--tw-text-opacity:1;color:rgb(234 236 240/var(--tw-text-opacity))}.uq-text-secondary-grey-25{--tw-text-opacity:1;color:rgb(252 252 253/var(--tw-text-opacity))}.uq-text-secondary-grey-300,.uq-text-secondary-grey-350{--tw-text-opacity:1;color:rgb(208 213 221/var(--tw-text-opacity))}.uq-text-secondary-grey-400{--tw-text-opacity:1;color:rgb(152 162 179/var(--tw-text-opacity))}.uq-text-secondary-grey-500{--tw-text-opacity:1;color:rgb(102 112 133/var(--tw-text-opacity))}.uq-text-secondary-grey-600{--tw-text-opacity:1;color:rgb(71 84 103/var(--tw-text-opacity))}.uq-text-secondary-grey-700{--tw-text-opacity:1;color:rgb(52 64 84/var(--tw-text-opacity))}.uq-text-secondary-grey-800{--tw-text-opacity:1;color:rgb(29 41 57/var(--tw-text-opacity))}.uq-text-secondary-grey-900{--tw-text-opacity:1;color:rgb(16 24 40/var(--tw-text-opacity))}.uq-text-secondary-lynch-50{--tw-text-opacity:1;color:rgb(201 212 218/var(--tw-text-opacity))}.uq-text-secondary-lynch-500{--tw-text-opacity:1;color:rgb(96 125 139/var(--tw-text-opacity))}.uq-text-secondary-lynch-700{--tw-text-opacity:1;color:rgb(50 65 73/var(--tw-text-opacity))}.uq-text-secondary-lynch-800{--tw-text-opacity:1;color:rgb(27 35 39/var(--tw-text-opacity))}.uq-text-secondary-lynch-900{--tw-text-opacity:1;color:rgb(4 6 6/var(--tw-text-opacity))}.uq-text-success-25{--tw-text-opacity:1;color:rgb(246 254 252/var(--tw-text-opacity))}.uq-text-success-500{--tw-text-opacity:1;color:rgb(21 183 158/var(--tw-text-opacity))}.uq-text-success-600{--tw-text-opacity:1;color:rgb(14 147 132/var(--tw-text-opacity))}.uq-text-success-700{--tw-text-opacity:1;color:rgb(16 117 105/var(--tw-text-opacity))}.uq-text-success-800{--tw-text-opacity:1;color:rgb(18 93 86/var(--tw-text-opacity))}.uq-text-success-900{--tw-text-opacity:1;color:rgb(19 78 72/var(--tw-text-opacity))}.uq-text-turquoise-800{--tw-text-opacity:1;color:rgb(4 171 157/var(--tw-text-opacity))}.uq-text-warning-25{--tw-text-opacity:1;color:rgb(255 252 245/var(--tw-text-opacity))}.uq-text-warning-500{--tw-text-opacity:1;color:rgb(247 144 9/var(--tw-text-opacity))}.uq-text-warning-600{--tw-text-opacity:1;color:rgb(220 104 3/var(--tw-text-opacity))}.uq-text-warning-700{--tw-text-opacity:1;color:rgb(181 71 8/var(--tw-text-opacity))}.uq-text-warning-800{--tw-text-opacity:1;color:rgb(147 55 13/var(--tw-text-opacity))}.uq-text-warning-900{--tw-text-opacity:1;color:rgb(122 46 14/var(--tw-text-opacity))}.uq-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.uq-text-yellow-25{--tw-text-opacity:1;color:rgb(254 253 240/var(--tw-text-opacity))}.uq-text-yellow-700{--tw-text-opacity:1;color:rgb(161 92 7/var(--tw-text-opacity))}.uq-text-yellow-800{--tw-text-opacity:1;color:rgb(133 74 14/var(--tw-text-opacity))}.uq-underline{text-decoration-line:underline}.uq-no-underline{text-decoration-line:none}.uq-accent-primary-10{accent-color:#fefdff}.uq-opacity-0{opacity:0}.uq-opacity-10{opacity:.1}.uq-opacity-100{opacity:1}.uq-opacity-30{opacity:.3}.uq-opacity-40{opacity:.4}.uq-opacity-50{opacity:.5}.uq-opacity-70{opacity:.7}.uq-opacity-8{opacity:.08}.uq-shadow-\[0_0_0_2px_white\,0_12px_16px_-4px_rgba\(16\,24\,40\,0\.08\)\,0_4px_6px_-2px_rgba\(16\,24\,40\,0\.03\)\]{--tw-shadow:0 0 0 2px #fff,0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color),0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.uq-shadow-\[0_0_0_3px_white\,0_12px_16px_-4px_rgba\(16\,24\,40\,0\.08\)\,0_4px_6px_-2px_rgba\(16\,24\,40\,0\.03\)\]{--tw-shadow:0 0 0 3px #fff,0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;--tw-shadow-colored:0 0 0 3px var(--tw-shadow-color),0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.uq-shadow-\[0_0_0_4px_white\,0_12px_16px_-4px_rgba\(16\,24\,40\,0\.08\)\,0_4px_6px_-2px_rgba\(16\,24\,40\,0\.03\)\]{--tw-shadow:0 0 0 4px #fff,0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;--tw-shadow-colored:0 0 0 4px var(--tw-shadow-color),0 12px 16px -4px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.uq-shadow-lg{--tw-shadow:0px 12px 16px -4px #10182814,0px 4px 6px -2px #10182808;--tw-shadow-colored:0px 12px 16px -4px var(--tw-shadow-color),0px 4px 6px -2px var(--tw-shadow-color)}.uq-shadow-lg,.uq-shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.uq-shadow-md{--tw-shadow:0px 4px 8px -2px #1018281a,0px 2px 4px -2px #1018280f;--tw-shadow-colored:0px 4px 8px -2px var(--tw-shadow-color),0px 2px 4px -2px var(--tw-shadow-color)}.uq-shadow-sm{--tw-shadow:0px 1px 3px #1018281a,0px 1px 2px #1018280f;--tw-shadow-colored:0px 1px 3px var(--tw-shadow-color),0px 1px 2px var(--tw-shadow-color)}.uq-shadow-sm,.uq-shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.uq-shadow-xl{--tw-shadow:0px 20px 24px -4px #10182814,0px 8px 8px -4px #10182808;--tw-shadow-colored:0px 20px 24px -4px var(--tw-shadow-color),0px 8px 8px -4px var(--tw-shadow-color)}.uq-shadow-xs{--tw-shadow:0px 1px 2px #1018280d;--tw-shadow-colored:0px 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.uq-shadow-black{--tw-shadow-color:#000;--tw-shadow:var(--tw-shadow-colored)}.uq-shadow-secondary-grey-50{--tw-shadow-color:#f9fafb;--tw-shadow:var(--tw-shadow-colored)}.\!uq-outline-none{outline:2px solid #0000!important;outline-offset:2px!important}.uq-outline-none{outline:2px solid #0000;outline-offset:2px}.uq-outline-focus-25{outline-color:#bfcbf6}.uq-ring-0{--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(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)}.uq-ring-1,.uq-ring-\[1px\]{--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,0 0 #0000)}.\!uq-ring-primary-500{--tw-ring-opacity:1!important;--tw-ring-color:rgb(204 51 255/var(--tw-ring-opacity))!important}.uq-ring-\[\#1751C1\],.uq-ring-focus-50{--tw-ring-opacity:1;--tw-ring-color:rgb(23 81 193/var(--tw-ring-opacity))}.uq-ring-primary-500{--tw-ring-opacity:1;--tw-ring-color:rgb(204 51 255/var(--tw-ring-opacity))}.uq-ring-secondary-grey-200{--tw-ring-opacity:1;--tw-ring-color:rgb(234 236 240/var(--tw-ring-opacity))}.uq-ring-offset-0{--tw-ring-offset-width:0px}.uq-ring-offset-1{--tw-ring-offset-width:1px}.uq-drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px #0000000a) drop-shadow(0 4px 3px #0000001a)}.uq-drop-shadow-lg,.uq-grayscale{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)}.uq-grayscale{--tw-grayscale:grayscale(100%)}.uq-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)}.uq-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uq-transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uq-transition-none{transition-property:none}.uq-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uq-transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.uq-duration-150,.uq-transition-shadow{transition-duration:.15s}.uq-duration-200{transition-duration:.2s}.uq-duration-300{transition-duration:.3s}.uq-ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.uq-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[key\:string\]{key:string}.placeholder\:uq-text-base::placeholder{font-size:1rem;line-height:1.5rem}.placeholder\:uq-text-sm::placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\:uq-text-secondary-grey-300::placeholder{--tw-text-opacity:1;color:rgb(208 213 221/var(--tw-text-opacity))}.placeholder\:uq-text-secondary-grey-500::placeholder{--tw-text-opacity:1;color:rgb(102 112 133/var(--tw-text-opacity))}.before\:uq-bottom-auto:before{content:var(--tw-content);bottom:auto}.before\:uq-top-full:before{content:var(--tw-content);top:100%}.before\:uq-border-b-transparent:before{content:var(--tw-content);border-bottom-color:#0000}.after\:uq-absolute:after{content:var(--tw-content);position:absolute}.after\:uq-left-0:after{content:var(--tw-content);left:0}.after\:uq-left-1\/2:after{content:var(--tw-content);left:50%}.after\:uq-left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:uq-right-0:after{content:var(--tw-content);right:0}.after\:uq-top-0:after{content:var(--tw-content);top:0}.after\:uq-top-0\.5:after{content:var(--tw-content);top:.125rem}.after\:uq-top-full:after{content:var(--tw-content);top:100%}.after\:uq-z-10:after{content:var(--tw-content);z-index:10}.after\:-uq-ml-1:after{content:var(--tw-content);margin-left:-.25rem}.after\:uq-h-4:after{content:var(--tw-content);height:1rem}.after\:uq-h-5:after{content:var(--tw-content);height:1.25rem}.after\:uq-h-full:after{content:var(--tw-content);height:100%}.after\:uq-w-4:after{content:var(--tw-content);width:1rem}.after\:uq-w-5:after{content:var(--tw-content);width:1.25rem}.after\:uq-translate-x-\[-100\%\]:after{content:var(--tw-content);--tw-translate-x:-100%;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))}@keyframes uq-tripleLength{0%{content:var(--tw-content);transform:translateX(-100%)}to{content:var(--tw-content);transform:translateX(100%)}}.after\:uq-animate-glide:after{content:var(--tw-content);animation:uq-tripleLength 1.2s infinite}.after\:uq-rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:uq-border:after{content:var(--tw-content);border-width:1px}.after\:uq-border-4:after{content:var(--tw-content);border-width:4px}.after\:uq-border-solid:after{content:var(--tw-content);border-style:solid}.after\:uq-border-secondary-grey-300:after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(208 213 221/var(--tw-border-opacity))}.after\:uq-border-b-transparent:after{content:var(--tw-content);border-bottom-color:#0000}.after\:uq-border-l-transparent:after{content:var(--tw-content);border-left-color:#0000}.after\:uq-border-r-transparent:after{content:var(--tw-content);border-right-color:#0000}.after\:uq-border-t-\[\#555\]:after{content:var(--tw-content);--tw-border-opacity:1;border-top-color:rgb(85 85 85/var(--tw-border-opacity))}.after\:uq-bg-white:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.after\:uq-bg-gradient-90:after{content:var(--tw-content);background-image:linear-gradient(90deg,#fff0,#fff6,#fff0)}.after\:uq-transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:uq-content-\[\"\"\]:after,.after\:uq-content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:uq-rounded-l-lg:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.first\:uq-pl-0:first-child{padding-left:0}.last\:uq-mr-0:last-child{margin-right:0}.last\:uq-rounded-r-lg:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.last\:uq-pr-0:last-child{padding-right:0}.odd\:uq-bg-secondary-grey-50:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.checked\:uq-rounded:checked{border-radius:.25rem}.checked\:uq-border:checked{border-width:1px}.checked\:uq-border-solid:checked{border-style:solid}.checked\:uq-border-primary-500:checked{--tw-border-opacity:1;border-color:rgb(204 51 255/var(--tw-border-opacity))}.checked\:uq-bg-primary-500:checked{--tw-bg-opacity:1;background-color:rgb(204 51 255/var(--tw-bg-opacity))}.focus-within\:uq-border-\[2px\]:focus-within{border-width:2px}.focus-within\:uq-border-focus-50:focus-within{--tw-border-opacity:1;border-color:rgb(23 81 193/var(--tw-border-opacity))}.focus-within\:uq-border-primary-500:focus-within{--tw-border-opacity:1;border-color:rgb(204 51 255/var(--tw-border-opacity))}.focus-within\:uq-border-secondary-grey-300:focus-within{--tw-border-opacity:1;border-color:rgb(208 213 221/var(--tw-border-opacity))}.hover\:uq-z-50:hover{z-index:50}.hover\:uq-cursor-default:hover{cursor:default}.hover\:uq-cursor-pointer:hover{cursor:pointer}.hover\:uq-rounded-lg:hover{border-radius:.5rem}.hover\:uq-rounded-md:hover{border-radius:.375rem}.hover\:uq-border-b-2:hover{border-bottom-width:2px}.hover\:uq-border-error-600:hover{--tw-border-opacity:1;border-color:rgb(217 45 32/var(--tw-border-opacity))}.hover\:uq-border-orange-400:hover{--tw-border-opacity:1;border-color:rgb(247 149 48/var(--tw-border-opacity))}.hover\:uq-border-primary-500:hover{--tw-border-opacity:1;border-color:rgb(204 51 255/var(--tw-border-opacity))}.hover\:uq-border-primary-600:hover{--tw-border-opacity:1;border-color:rgb(173 43 217/var(--tw-border-opacity))}.hover\:uq-border-secondary-grey-300:hover{--tw-border-opacity:1;border-color:rgb(208 213 221/var(--tw-border-opacity))}.hover\:uq-border-secondary-grey-400:hover{--tw-border-opacity:1;border-color:rgb(152 162 179/var(--tw-border-opacity))}.hover\:uq-border-secondary-lynch-600:hover{--tw-border-opacity:1;border-color:rgb(73 95 106/var(--tw-border-opacity))}.hover\:uq-border-white:hover{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.hover\:uq-border-r-primary-600:hover{--tw-border-opacity:1;border-right-color:rgb(173 43 217/var(--tw-border-opacity))}.hover\:uq-border-opacity-40:hover{--tw-border-opacity:0.4}.hover\:\!uq-bg-primary-25:hover{--tw-bg-opacity:1!important;background-color:rgb(250 235 255/var(--tw-bg-opacity))!important}.hover\:uq-bg-orange-300:hover{--tw-bg-opacity:1;background-color:rgb(249 174 97/var(--tw-bg-opacity))}.hover\:uq-bg-primary-25:hover{--tw-bg-opacity:1;background-color:rgb(250 235 255/var(--tw-bg-opacity))}.hover\:uq-bg-primary-30:hover{--tw-bg-opacity:1;background-color:rgb(245 216 255/var(--tw-bg-opacity))}.hover\:uq-bg-primary-500:hover{--tw-bg-opacity:1;background-color:rgb(204 51 255/var(--tw-bg-opacity))}.hover\:uq-bg-primary-600:hover{--tw-bg-opacity:1;background-color:rgb(173 43 217/var(--tw-bg-opacity))}.hover\:uq-bg-secondary-grey-100:hover{--tw-bg-opacity:1;background-color:rgb(242 244 247/var(--tw-bg-opacity))}.hover\:uq-bg-secondary-grey-25:hover{--tw-bg-opacity:1;background-color:rgb(252 252 253/var(--tw-bg-opacity))}.hover\:uq-bg-secondary-grey-300:hover{--tw-bg-opacity:1;background-color:rgb(208 213 221/var(--tw-bg-opacity))}.hover\:uq-bg-secondary-grey-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:uq-bg-secondary-lynch-600:hover{--tw-bg-opacity:1;background-color:rgb(73 95 106/var(--tw-bg-opacity))}.hover\:uq-bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:uq-font-medium:hover{font-weight:500}.hover\:\!uq-text-white:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.hover\:uq-text-orange-900:hover{--tw-text-opacity:1;color:rgb(119 41 23/var(--tw-text-opacity))}.hover\:uq-text-primary-500:hover{--tw-text-opacity:1;color:rgb(204 51 255/var(--tw-text-opacity))}.hover\:uq-text-primary-600:hover{--tw-text-opacity:1;color:rgb(173 43 217/var(--tw-text-opacity))}.hover\:uq-text-secondary-grey-300:hover{--tw-text-opacity:1;color:rgb(208 213 221/var(--tw-text-opacity))}.hover\:uq-text-secondary-grey-500:hover{--tw-text-opacity:1;color:rgb(102 112 133/var(--tw-text-opacity))}.hover\:uq-text-secondary-grey-700:hover{--tw-text-opacity:1;color:rgb(52 64 84/var(--tw-text-opacity))}.hover\:uq-text-secondary-grey-900:hover{--tw-text-opacity:1;color:rgb(16 24 40/var(--tw-text-opacity))}.hover\:uq-text-secondary-lynch-600:hover{--tw-text-opacity:1;color:rgb(73 95 106/var(--tw-text-opacity))}.hover\:uq-opacity-100:hover{opacity:1}.hover\:uq-shadow-sm:hover{--tw-shadow:0px 1px 3px #1018281a,0px 1px 2px #1018280f;--tw-shadow-colored:0px 1px 3px var(--tw-shadow-color),0px 1px 2px var(--tw-shadow-color)}.hover\:uq-shadow-sm:hover,.hover\:uq-shadow-xs:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:uq-shadow-xs:hover{--tw-shadow:0px 1px 2px #1018280d;--tw-shadow-colored:0px 1px 2px var(--tw-shadow-color)}.hover\:uq-shadow-\[\#1018280d\]:hover{--tw-shadow-color:#1018280d;--tw-shadow:var(--tw-shadow-colored)}.checked\:hover\:uq-bg-primary-500:hover:checked{--tw-bg-opacity:1;background-color:rgb(204 51 255/var(--tw-bg-opacity))}.focus\:uq-z-10:focus{z-index:10}.focus\:uq-z-\[51\]:focus{z-index:51}.focus\:uq-rounded-lg:focus{border-radius:.5rem}.focus\:uq-border:focus{border-width:1px}.focus\:uq-border-t:focus{border-top-width:1px}.focus\:uq-border-none:focus{border-style:none}.focus\:\!uq-border-white:focus{--tw-border-opacity:1!important;border-color:rgb(255 255 255/var(--tw-border-opacity))!important}.focus\:uq-border-focus-50:focus{--tw-border-opacity:1;border-color:rgb(23 81 193/var(--tw-border-opacity))}.focus\:uq-border-primary-500:focus{--tw-border-opacity:1;border-color:rgb(204 51 255/var(--tw-border-opacity))}.focus\:uq-border-secondary-grey-200:focus{--tw-border-opacity:1;border-color:rgb(234 236 240/var(--tw-border-opacity))}.focus\:uq-border-secondary-grey-300:focus{--tw-border-opacity:1;border-color:rgb(208 213 221/var(--tw-border-opacity))}.focus\:uq-border-transparent:focus{border-color:#0000}.focus\:uq-bg-primary-10:focus{--tw-bg-opacity:1;background-color:rgb(254 253 255/var(--tw-bg-opacity))}.focus\:uq-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:uq-outline-0:focus{outline-width:0}.focus\:uq-outline-error-300:focus{outline-color:#fda29b}.focus\:\!uq-ring-\[1px\]: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(1px + 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\:uq-ring-0:focus{--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(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:uq-ring-0:focus,.focus\:uq-ring-4:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:uq-ring-4:focus{--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)}.focus\:uq-ring-\[1px\]:focus{--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,0 0 #0000)}.focus\:uq-ring-\[\#EAEEFB\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(234 238 251/var(--tw-ring-opacity))}.focus\:uq-ring-focus-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(23 81 193/var(--tw-ring-opacity))}.focus\:uq-ring-primary-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(204 51 255/var(--tw-ring-opacity))}.focus\:uq-ring-secondary-grey-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(234 236 240/var(--tw-ring-opacity))}.focus\:uq-ring-offset-0:focus{--tw-ring-offset-width:0px}.focus\:uq-ring-offset-1:focus{--tw-ring-offset-width:1px}.focus-visible\:uq-inset-1:focus-visible{inset:.25rem}.focus-visible\:uq-rounded-lg:focus-visible{border-radius:.5rem}.focus-visible\:uq-border-\[1px\]:focus-visible,.focus-visible\:uq-border:focus-visible{border-width:1px}.focus-visible\:uq-border-error-300:focus-visible{--tw-border-opacity:1;border-color:rgb(253 162 155/var(--tw-border-opacity))}.focus-visible\:uq-border-error-600:focus-visible{--tw-border-opacity:1;border-color:rgb(217 45 32/var(--tw-border-opacity))}.focus-visible\:uq-border-focus:focus-visible{--tw-border-opacity:1;border-color:rgb(191 203 246/var(--tw-border-opacity))}.focus-visible\:uq-border-primary-500:focus-visible{--tw-border-opacity:1;border-color:rgb(204 51 255/var(--tw-border-opacity))}.focus-visible\:uq-border-white:focus-visible{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.focus-visible\:uq-outline:focus-visible{outline-style:solid}.focus-visible\:uq-outline-\[1px\]:focus-visible{outline-width:1px}.focus-visible\:uq-outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:uq-outline-\[\#1751C1\]:focus-visible{outline-color:#1751c1}.focus-visible\:uq-outline-primary-500:focus-visible{outline-color:#c3f}.focus-visible\:uq-ring-0:focus-visible{--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(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus-visible\:uq-ring-0:focus-visible,.focus-visible\:uq-ring-2:focus-visible{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:uq-ring-2:focus-visible{--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)}.focus-visible\:uq-ring-4:focus-visible{--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)}.focus-visible\:uq-ring-\[1px\]:focus-visible{--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,0 0 #0000)}.focus-visible\:uq-ring-\[\#EAEEFB\]:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(234 238 251/var(--tw-ring-opacity))}.focus-visible\:uq-ring-transparent:focus-visible{--tw-ring-color:#0000}.active\:uq-border:active{border-width:1px}.active\:uq-border-b-2:active{border-bottom-width:2px}.active\:uq-border-primary-500:active{--tw-border-opacity:1;border-color:rgb(204 51 255/var(--tw-border-opacity))}.active\:uq-bg-primary-500:active{--tw-bg-opacity:1;background-color:rgb(204 51 255/var(--tw-bg-opacity))}.active\:hover\:uq-border-secondary-grey-500:hover:active{--tw-border-opacity:1;border-color:rgb(102 112 133/var(--tw-border-opacity))}.active\:hover\:\!uq-text-secondary-grey-800:hover:active{--tw-text-opacity:1!important;color:rgb(29 41 57/var(--tw-text-opacity))!important}.active\:hover\:uq-text-secondary-grey-800:hover:active{--tw-text-opacity:1;color:rgb(29 41 57/var(--tw-text-opacity))}.enabled\:hover\:uq-border-error-100:hover:enabled{--tw-border-opacity:1;border-color:rgb(254 228 226/var(--tw-border-opacity))}.enabled\:hover\:uq-border-error-400:hover:enabled{--tw-border-opacity:1;border-color:rgb(249 112 102/var(--tw-border-opacity))}.enabled\:hover\:uq-border-error-500:hover:enabled{--tw-border-opacity:1;border-color:rgb(244 67 54/var(--tw-border-opacity))}.enabled\:hover\:uq-border-error-600:hover:enabled{--tw-border-opacity:1;border-color:rgb(217 45 32/var(--tw-border-opacity))}.enabled\:hover\:uq-border-error-700:hover:enabled{--tw-border-opacity:1;border-color:rgb(180 35 24/var(--tw-border-opacity))}.enabled\:hover\:uq-border-primary-10:hover:enabled{--tw-border-opacity:1;border-color:rgb(254 253 255/var(--tw-border-opacity))}.enabled\:hover\:uq-border-primary-400:hover:enabled{--tw-border-opacity:1;border-color:rgb(212 82 255/var(--tw-border-opacity))}.enabled\:hover\:uq-border-primary-500:hover:enabled{--tw-border-opacity:1;border-color:rgb(204 51 255/var(--tw-border-opacity))}.enabled\:hover\:uq-border-primary-600:hover:enabled{--tw-border-opacity:1;border-color:rgb(173 43 217/var(--tw-border-opacity))}.enabled\:hover\:uq-border-secondary-grey-400:hover:enabled{--tw-border-opacity:1;border-color:rgb(152 162 179/var(--tw-border-opacity))}.enabled\:hover\:uq-border-secondary-lynch-100:hover:enabled{--tw-border-opacity:1;border-color:rgb(189 203 209/var(--tw-border-opacity))}.enabled\:hover\:uq-bg-error-100:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 228 226/var(--tw-bg-opacity))}.enabled\:hover\:uq-bg-error-25:hover:enabled{--tw-bg-opacity:1;background-color:rgb(255 251 250/var(--tw-bg-opacity))}.enabled\:hover\:uq-bg-error-700:hover:enabled{--tw-bg-opacity:1;background-color:rgb(180 35 24/var(--tw-bg-opacity))}.enabled\:hover\:uq-bg-primary-10:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 253 255/var(--tw-bg-opacity))}.enabled\:hover\:uq-bg-primary-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(173 43 217/var(--tw-bg-opacity))}.enabled\:hover\:uq-bg-secondary-grey-25:hover:enabled{--tw-bg-opacity:1;background-color:rgb(252 252 253/var(--tw-bg-opacity))}.enabled\:hover\:uq-bg-secondary-grey-50:hover:enabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.enabled\:hover\:uq-bg-secondary-lynch-100:hover:enabled{--tw-bg-opacity:1;background-color:rgb(189 203 209/var(--tw-bg-opacity))}.enabled\:hover\:uq-bg-secondary-lynch-25:hover:enabled{--tw-bg-opacity:1;background-color:rgb(235 242 245/var(--tw-bg-opacity))}.enabled\:hover\:uq-text-error-600:hover:enabled{--tw-text-opacity:1;color:rgb(217 45 32/var(--tw-text-opacity))}.enabled\:hover\:uq-text-error-700:hover:enabled{--tw-text-opacity:1;color:rgb(180 35 24/var(--tw-text-opacity))}.enabled\:hover\:uq-text-error-800:hover:enabled{--tw-text-opacity:1;color:rgb(145 32 24/var(--tw-text-opacity))}.enabled\:hover\:uq-text-primary-600:hover:enabled{--tw-text-opacity:1;color:rgb(173 43 217/var(--tw-text-opacity))}.enabled\:hover\:uq-text-secondary-blue-800:hover:enabled{--tw-text-opacity:1;color:rgb(24 73 169/var(--tw-text-opacity))}.enabled\:hover\:uq-text-secondary-grey-600:hover:enabled{--tw-text-opacity:1;color:rgb(71 84 103/var(--tw-text-opacity))}.enabled\:hover\:uq-text-secondary-lynch-600:hover:enabled{--tw-text-opacity:1;color:rgb(73 95 106/var(--tw-text-opacity))}.enabled\:hover\:uq-text-secondary-lynch-900:hover:enabled{--tw-text-opacity:1;color:rgb(4 6 6/var(--tw-text-opacity))}.enabled\:hover\:uq-text-success-600:hover:enabled{--tw-text-opacity:1;color:rgb(14 147 132/var(--tw-text-opacity))}.enabled\:hover\:uq-text-warning-600:hover:enabled{--tw-text-opacity:1;color:rgb(220 104 3/var(--tw-text-opacity))}.enabled\:hover\:uq-shadow-md:hover:enabled{--tw-shadow:0px 4px 8px -2px #1018281a,0px 2px 4px -2px #1018280f;--tw-shadow-colored:0px 4px 8px -2px var(--tw-shadow-color),0px 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\:hover\:uq-shadow-error-100\/10:hover:enabled{--tw-shadow-color:#fee4e21a;--tw-shadow:var(--tw-shadow-colored)}.enabled\:hover\:uq-shadow-error-700\/10:hover:enabled{--tw-shadow-color:#b423181a;--tw-shadow:var(--tw-shadow-colored)}.enabled\:hover\:uq-shadow-primary-10\/10:hover:enabled{--tw-shadow-color:#fefdff1a;--tw-shadow:var(--tw-shadow-colored)}.enabled\:hover\:uq-shadow-primary-600\/10:hover:enabled{--tw-shadow-color:#ad2bd91a;--tw-shadow:var(--tw-shadow-colored)}.enabled\:hover\:uq-shadow-secondary-lynch-100\/10:hover:enabled{--tw-shadow-color:#bdcbd11a;--tw-shadow:var(--tw-shadow-colored)}.enabled\:hover\:uq-shadow-secondary-lynch-25\/10:hover:enabled{--tw-shadow-color:#ebf2f51a;--tw-shadow:var(--tw-shadow-colored)}.enabled\:focus-visible\:uq-ring-4:focus-visible:enabled{--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)}.enabled\:focus-visible\:uq-ring-error-400\/50:focus-visible:enabled{--tw-ring-color:#f9706680}.enabled\:active\:\!uq-border-solid:active:enabled{border-style:solid!important}.enabled\:active\:\!uq-border-error-25:active:enabled{--tw-border-opacity:1!important;border-color:rgb(255 251 250/var(--tw-border-opacity))!important}.enabled\:active\:\!uq-border-primary-25:active:enabled{--tw-border-opacity:1!important;border-color:rgb(250 235 255/var(--tw-border-opacity))!important}.enabled\:active\:\!uq-border-secondary-grey-50:active:enabled{--tw-border-opacity:1!important;border-color:rgb(249 250 251/var(--tw-border-opacity))!important}.enabled\:active\:\!uq-border-secondary-lynch-50:active:enabled{--tw-border-opacity:1!important;border-color:rgb(201 212 218/var(--tw-border-opacity))!important}.enabled\:active\:uq-border-error-200:active:enabled{--tw-border-opacity:1;border-color:rgb(254 205 202/var(--tw-border-opacity))}.enabled\:active\:uq-border-error-500:active:enabled{--tw-border-opacity:1;border-color:rgb(244 67 54/var(--tw-border-opacity))}.enabled\:active\:uq-border-error-800:active:enabled{--tw-border-opacity:1;border-color:rgb(145 32 24/var(--tw-border-opacity))}.enabled\:active\:uq-border-primary-25:active:enabled{--tw-border-opacity:1;border-color:rgb(250 235 255/var(--tw-border-opacity))}.enabled\:active\:uq-border-primary-500:active:enabled{--tw-border-opacity:1;border-color:rgb(204 51 255/var(--tw-border-opacity))}.enabled\:active\:uq-border-primary-700:active:enabled{--tw-border-opacity:1;border-color:rgb(143 36 179/var(--tw-border-opacity))}.enabled\:active\:uq-border-secondary-grey-500:active:enabled{--tw-border-opacity:1;border-color:rgb(102 112 133/var(--tw-border-opacity))}.enabled\:active\:uq-border-secondary-lynch-200:active:enabled{--tw-border-opacity:1;border-color:rgb(165 184 193/var(--tw-border-opacity))}.enabled\:active\:uq-bg-error-100:active:enabled{--tw-bg-opacity:1;background-color:rgb(254 228 226/var(--tw-bg-opacity))}.enabled\:active\:uq-bg-error-25:active:enabled{--tw-bg-opacity:1;background-color:rgb(255 251 250/var(--tw-bg-opacity))}.enabled\:active\:uq-bg-error-700:active:enabled{--tw-bg-opacity:1;background-color:rgb(180 35 24/var(--tw-bg-opacity))}.enabled\:active\:uq-bg-primary-10:active:enabled{--tw-bg-opacity:1;background-color:rgb(254 253 255/var(--tw-bg-opacity))}.enabled\:active\:uq-bg-primary-25:active:enabled{--tw-bg-opacity:1;background-color:rgb(250 235 255/var(--tw-bg-opacity))}.enabled\:active\:uq-bg-primary-600:active:enabled{--tw-bg-opacity:1;background-color:rgb(173 43 217/var(--tw-bg-opacity))}.enabled\:active\:uq-bg-secondary-grey-25:active:enabled{--tw-bg-opacity:1;background-color:rgb(252 252 253/var(--tw-bg-opacity))}.enabled\:active\:uq-bg-secondary-grey-50:active:enabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.enabled\:active\:uq-bg-secondary-lynch-100:active:enabled{--tw-bg-opacity:1;background-color:rgb(189 203 209/var(--tw-bg-opacity))}.enabled\:active\:uq-bg-secondary-lynch-25:active:enabled{--tw-bg-opacity:1;background-color:rgb(235 242 245/var(--tw-bg-opacity))}.enabled\:active\:uq-text-error-600:active:enabled{--tw-text-opacity:1;color:rgb(217 45 32/var(--tw-text-opacity))}.enabled\:active\:uq-text-error-800:active:enabled{--tw-text-opacity:1;color:rgb(145 32 24/var(--tw-text-opacity))}.enabled\:active\:uq-text-primary-600:active:enabled{--tw-text-opacity:1;color:rgb(173 43 217/var(--tw-text-opacity))}.enabled\:active\:uq-text-secondary-blue-800:active:enabled{--tw-text-opacity:1;color:rgb(24 73 169/var(--tw-text-opacity))}.enabled\:active\:uq-text-secondary-grey-600:active:enabled{--tw-text-opacity:1;color:rgb(71 84 103/var(--tw-text-opacity))}.enabled\:active\:uq-text-secondary-lynch-600:active:enabled{--tw-text-opacity:1;color:rgb(73 95 106/var(--tw-text-opacity))}.enabled\:active\:uq-text-secondary-lynch-900:active:enabled{--tw-text-opacity:1;color:rgb(4 6 6/var(--tw-text-opacity))}.enabled\:active\:uq-text-success-600:active:enabled{--tw-text-opacity:1;color:rgb(14 147 132/var(--tw-text-opacity))}.enabled\:active\:uq-text-warning-600:active:enabled{--tw-text-opacity:1;color:rgb(220 104 3/var(--tw-text-opacity))}.disabled\:uq-border-secondary-grey-300:disabled{--tw-border-opacity:1;border-color:rgb(208 213 221/var(--tw-border-opacity))}.disabled\:uq-border-secondary-grey-400:disabled{--tw-border-opacity:1;border-color:rgb(152 162 179/var(--tw-border-opacity))}.disabled\:uq-border-opacity-70:disabled{--tw-border-opacity:0.7}.disabled\:uq-bg-secondary-grey-50:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.disabled\:uq-text-secondary-grey-300:disabled{--tw-text-opacity:1;color:rgb(208 213 221/var(--tw-text-opacity))}.disabled\:uq-text-secondary-grey-500:disabled{--tw-text-opacity:1;color:rgb(102 112 133/var(--tw-text-opacity))}.disabled\:uq-opacity-20:disabled{opacity:.2}.disabled\:uq-opacity-40:disabled{opacity:.4}.disabled\:uq-opacity-8:disabled{opacity:.08}.disabled\:placeholder\:uq-text-secondary-grey-300:disabled::placeholder{--tw-text-opacity:1;color:rgb(208 213 221/var(--tw-text-opacity))}.uq-group:hover .group-hover\:uq-visible{visibility:visible}.uq-group:hover .group-hover\:uq-inline-block{display:inline-block}.uq-group:hover .group-hover\:uq-inline{display:inline}.uq-group:hover .group-hover\:uq-hidden{display:none}.uq-group:hover .group-hover\:uq-border-primary-600{--tw-border-opacity:1;border-color:rgb(173 43 217/var(--tw-border-opacity))}.uq-group:hover .group-hover\:uq-border-secondary-grey-400{--tw-border-opacity:1;border-color:rgb(152 162 179/var(--tw-border-opacity))}.uq-group:hover .group-hover\:uq-bg-primary-600{--tw-bg-opacity:1;background-color:rgb(173 43 217/var(--tw-bg-opacity))}.uq-group:hover .group-hover\:uq-bg-secondary-grey-400{--tw-bg-opacity:1;background-color:rgb(152 162 179/var(--tw-bg-opacity))}.uq-group:hover .group-hover\:uq-text-primary-600{--tw-text-opacity:1;color:rgb(173 43 217/var(--tw-text-opacity))}.uq-group:hover .group-hover\:uq-text-primary-700{--tw-text-opacity:1;color:rgb(143 36 179/var(--tw-text-opacity))}.uq-group:hover .group-hover\:uq-text-secondary-grey-600{--tw-text-opacity:1;color:rgb(71 84 103/var(--tw-text-opacity))}.uq-group:hover .group-hover\:uq-text-secondary-grey-800{--tw-text-opacity:1;color:rgb(29 41 57/var(--tw-text-opacity))}.uq-group:hover .group-hover\:uq-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.uq-group:hover .focus\:group-hover\:uq-border-secondary-grey-500:focus{--tw-border-opacity:1;border-color:rgb(102 112 133/var(--tw-border-opacity))}.uq-group:hover .enabled\:group-hover\:uq-border-primary-500:enabled{--tw-border-opacity:1;border-color:rgb(204 51 255/var(--tw-border-opacity))}.uq-group:hover .enabled\:group-hover\:uq-border-primary-600:enabled{--tw-border-opacity:1;border-color:rgb(173 43 217/var(--tw-border-opacity))}.uq-group:hover .enabled\:group-hover\:\!uq-bg-primary-25:enabled{--tw-bg-opacity:1!important;background-color:rgb(250 235 255/var(--tw-bg-opacity))!important}.uq-group:hover .enabled\:group-hover\:uq-text-primary-600:enabled{--tw-text-opacity:1;color:rgb(173 43 217/var(--tw-text-opacity))}.uq-peer:checked~.peer-checked\:uq-bg-primary-500{--tw-bg-opacity:1;background-color:rgb(204 51 255/var(--tw-bg-opacity))}.uq-peer:checked~.peer-checked\:after\:uq-translate-x-full:after{content:var(--tw-content);--tw-translate-x:100%;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))}.uq-peer:checked~.peer-checked\:after\:uq-border-white:after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.uq-peer:checked~.peer-checked\:hover\:uq-bg-primary-700:hover{--tw-bg-opacity:1;background-color:rgb(143 36 179/var(--tw-bg-opacity))}.uq-peer:focus~.peer-focus\:uq-outline-none{outline:2px solid #0000;outline-offset:2px}.uq-peer:focus~.peer-focus\:uq-ring-2{--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,0 0 #0000)}.uq-peer:focus~.peer-focus\:uq-ring-\[\#1751C1\]{--tw-ring-opacity:1;--tw-ring-color:rgb(23 81 193/var(--tw-ring-opacity))}.uq-peer:focus~.peer-focus\:uq-ring-offset-2{--tw-ring-offset-width:2px}.uq-peer:disabled~.peer-disabled\:uq-cursor-default{cursor:default}.uq-peer:disabled~.peer-disabled\:hover\:uq-bg-secondary-grey-100:hover,.uq-peer:disabled~.peer-disabled\:uq-bg-secondary-grey-100{--tw-bg-opacity:1;background-color:rgb(242 244 247/var(--tw-bg-opacity))}.uq-peer:disabled:checked~.peer-disabled\:peer-checked\:hover\:uq-bg-primary-50:hover,.uq-peer:disabled:checked~.peer-disabled\:peer-checked\:uq-bg-primary-50{--tw-bg-opacity:1;background-color:rgb(242 204 255/var(--tw-bg-opacity))}@media (min-width:640px){.sm\:uq-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:uq-flex-row{flex-direction:row}.sm\:uq-rounded-lg{border-radius:.5rem}.sm\:uq-px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:uq-py-5{padding-top:1.25rem;padding-bottom:1.25rem}}@media (min-width:1024px){.lg\:uq-h-\[55px\]{height:55px}.lg\:uq-w-\[75px\]{width:75px}}@media (min-width:1280px){.xl\:uq-max-w-none{max-width:none}.xl\:uq-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:uq-px-8{padding-left:2rem;padding-right:2rem}}@media (min-width:1536px){.\32xl\:uq-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:uq-border-secondary-grey-600{--tw-border-opacity:1;border-color:rgb(71 84 103/var(--tw-border-opacity))}.dark\:uq-bg-secondary-grey-700{--tw-bg-opacity:1;background-color:rgb(52 64 84/var(--tw-bg-opacity))}.uq-peer:focus~.dark\:peer-focus\:uq-ring-secondary-blue-800{--tw-ring-opacity:1;--tw-ring-color:rgb(24 73 169/var(--tw-ring-opacity))}}.\[\&\:not\(\:first-child\)\]\:uq-border-l:not(:first-child){border-left-width:1px}.\[\&\:not\(\:first-child\)\]\:uq-border-solid:not(:first-child){border-style:solid}.\[\&\:not\(\:first-child\)\]\:uq-border-secondary-grey-200:not(:first-child){--tw-border-opacity:1;border-color:rgb(234 236 240/var(--tw-border-opacity))}.\[\&\>\*\:nth-child\(even\)\]\:uq-bg-secondary-grey-50>:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.\[\&\>\*\:nth-child\(odd\)\]\:uq-bg-white>:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.\[\&_td\]\:uq-px-6 td{padding-left:1.5rem;padding-right:1.5rem}.\[\&_td\]\:uq-py-3 td{padding-top:.75rem;padding-bottom:.75rem}.\[\&_td\]\:uq-text-left td{text-align:left}.\[\&_th\]\:uq-px-6 th{padding-left:1.5rem;padding-right:1.5rem}.\[\&_th\]\:uq-py-3 th{padding-top:.75rem;padding-bottom:.75rem}.\[\&_th\]\:uq-text-left th{text-align:left}.\[\&_th\]\:uq-align-text-top th{vertical-align:text-top} /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/themes/lara-light-blue/theme.css ***! \*********************************************************************************************************************************************************************************************************************************************************/ :root { --surface-a:#ffffff; --surface-b:#f8f9fa; --surface-c:#e9ecef; --surface-d:#dee2e6; --surface-e:#ffffff; --surface-f:#ffffff; --text-color:#495057; --text-color-secondary:#6c757d; --primary-color:#3B82F6; --primary-color-text:#ffffff; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #ffffff; --surface-50: #FAFAFA; --surface-100: #F5F5F5; --surface-200: #EEEEEE; --surface-300: #E0E0E0; --surface-400: #BDBDBD; --surface-500: #9E9E9E; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; --gray-50: #FAFAFA; --gray-100: #F5F5F5; --gray-200: #EEEEEE; --gray-300: #E0E0E0; --gray-400: #BDBDBD; --gray-500: #9E9E9E; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; --content-padding:1.25rem; --inline-spacing:0.5rem; --border-radius:6px; --surface-ground:#eff3f8; --surface-section:#ffffff; --surface-card:#ffffff; --surface-overlay:#ffffff; --surface-border:#dfe7ef; --surface-hover:#f6f9fc; --focus-ring: 0 0 0 0.2rem #BFDBFE; --maskbg: rgba(0, 0, 0, 0.4); color-scheme: light; } * { box-sizing: border-box; } .p-component { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: normal; } .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } .p-disabled, .p-component:disabled { opacity: 0.6; } .p-error { color: #e24c4c; } .p-text-secondary { color: #6c757d; } .pi { font-size: 1rem; } .p-link { font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; border-radius: 6px; } .p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } @keyframes p-component-overlay-enter-animation { from { background-color: transparent; } to { background-color: var(--maskbg); } } @keyframes p-component-overlay-leave-animation { from { background-color: var(--maskbg); } to { background-color: transparent; } } :root { --blue-50:#f5f9ff; --blue-100:#d0e1fd; --blue-200:#abc9fb; --blue-300:#85b2f9; --blue-400:#609af8; --blue-500:#3b82f6; --blue-600:#326fd1; --blue-700:#295bac; --blue-800:#204887; --blue-900:#183462; --green-50:#f4fcf7; --green-100:#caf1d8; --green-200:#a0e6ba; --green-300:#76db9b; --green-400:#4cd07d; --green-500:#22c55e; --green-600:#1da750; --green-700:#188a42; --green-800:#136c34; --green-900:#0e4f26; --yellow-50:#fefbf3; --yellow-100:#faedc4; --yellow-200:#f6de95; --yellow-300:#f2d066; --yellow-400:#eec137; --yellow-500:#eab308; --yellow-600:#c79807; --yellow-700:#a47d06; --yellow-800:#816204; --yellow-900:#5e4803; --cyan-50:#f3fbfd; --cyan-100:#c3edf5; --cyan-200:#94e0ed; --cyan-300:#65d2e4; --cyan-400:#35c4dc; --cyan-500:#06b6d4; --cyan-600:#059bb4; --cyan-700:#047f94; --cyan-800:#036475; --cyan-900:#024955; --pink-50:#fef6fa; --pink-100:#fad3e7; --pink-200:#f7b0d3; --pink-300:#f38ec0; --pink-400:#f06bac; --pink-500:#ec4899; --pink-600:#c93d82; --pink-700:#a5326b; --pink-800:#822854; --pink-900:#5e1d3d; --indigo-50:#f7f7fe; --indigo-100:#dadafc; --indigo-200:#bcbdf9; --indigo-300:#9ea0f6; --indigo-400:#8183f4; --indigo-500:#6366f1; --indigo-600:#5457cd; --indigo-700:#4547a9; --indigo-800:#363885; --indigo-900:#282960; --teal-50:#f3fbfb; --teal-100:#c7eeea; --teal-200:#9ae0d9; --teal-300:#6dd3c8; --teal-400:#41c5b7; --teal-500:#14b8a6; --teal-600:#119c8d; --teal-700:#0e8174; --teal-800:#0b655b; --teal-900:#084a42; --orange-50:#fff8f3; --orange-100:#feddc7; --orange-200:#fcc39b; --orange-300:#fba86f; --orange-400:#fa8e42; --orange-500:#f97316; --orange-600:#d46213; --orange-700:#ae510f; --orange-800:#893f0c; --orange-900:#642e09; --bluegray-50:#f7f8f9; --bluegray-100:#dadee3; --bluegray-200:#bcc3cd; --bluegray-300:#9fa9b7; --bluegray-400:#818ea1; --bluegray-500:#64748b; --bluegray-600:#556376; --bluegray-700:#465161; --bluegray-800:#37404c; --bluegray-900:#282e38; --purple-50:#fbf7ff; --purple-100:#ead6fd; --purple-200:#dab6fc; --purple-300:#c996fa; --purple-400:#b975f9; --purple-500:#a855f7; --purple-600:#8f48d2; --purple-700:#763cad; --purple-800:#5c2f88; --purple-900:#432263; --red-50:#fff5f5; --red-100:#ffd0ce; --red-200:#ffaca7; --red-300:#ff8780; --red-400:#ff6259; --red-500:#ff3d32; --red-600:#d9342b; --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; --primary-50:#f5f9ff; --primary-100:#d0e1fd; --primary-200:#abc9fb; --primary-300:#85b2f9; --primary-400:#609af8; --primary-500:#3b82f6; --primary-600:#326fd1; --primary-700:#295bac; --primary-800:#204887; --primary-900:#183462; } .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.75rem; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.375rem 0.75rem; gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { border-color: #3B82F6; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #495057; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; background: #EFF6FF; color: #1D4ED8; border-radius: 6px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e24c4c; } .p-autocomplete-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-autocomplete-panel .p-autocomplete-items { padding: 0.75rem 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { color: #495057; background: #e9ecef; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { padding: 0.75rem 1.25rem; color: #495057; background: transparent; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; } p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { color: #6c757d; right: 0.75rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #6c757d; right: 3.75rem; } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #e24c4c; } .p-datepicker { padding: 0.5rem; background: #ffffff; color: #495057; border: 1px solid #ced4da; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { background: #ffffff; } .p-datepicker .p-datepicker-header { padding: 0.5rem; color: #495057; background: #ffffff; font-weight: 600; margin: 0; border-bottom: 1px solid #dee2e6; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus, .p-datepicker .p-datepicker-header .p-datepicker-next:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #495057; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #3B82F6; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; } .p-datepicker table { font-size: 1rem; margin: 0.5rem 0; } .p-datepicker table th { padding: 0.5rem; } .p-datepicker table th > span { width: 2.5rem; height: 2.5rem; } .p-datepicker table td { padding: 0.5rem; } .p-datepicker table td > span { width: 2.5rem; height: 2.5rem; border-radius: 50%; transition: box-shadow 0.2s; border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker table td.p-datepicker-today > span { background: #ced4da; color: #495057; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; border-top: 1px solid #dee2e6; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { border-top: 1px solid #dee2e6; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-datepicker .p-timepicker button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; } .p-datepicker .p-timepicker span { font-size: 1.25rem; } .p-datepicker .p-timepicker > div { padding: 0 0.5rem; } .p-datepicker.p-datepicker-timeonly .p-timepicker { border-top: 0 none; } .p-datepicker .p-monthpicker { margin: 0.5rem 0; } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; transition: box-shadow 0.2s; border-radius: 6px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; } .p-datepicker .p-yearpicker .p-yearpicker-year { padding: 0.5rem; transition: box-shadow 0.2s; border-radius: 6px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #dee2e6; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; padding-bottom: 0; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { padding-left: 0; border-left: 0 none; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { padding-right: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { background: #e9ecef; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } p-calendar.p-calendar-clearable .p-calendar-clear-icon { color: #6c757d; right: 0.75rem; } p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { color: #6c757d; right: 3.75rem; } @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; } } .p-cascadeselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { border-color: #3B82F6; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-cascadeselect .p-cascadeselect-label { background: transparent; border: 0 none; padding: 0.75rem 0.75rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { color: #6c757d; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; color: #6c757d; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-cascadeselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-cascadeselect-panel .p-cascadeselect-items { padding: 0.75rem 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #e24c4c; } .p-input-filled .p-cascadeselect { background: #e9ecef; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { background-color: #e9ecef; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { color: #6c757d; right: 3rem; } .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; padding: 0.25rem 0 0.25rem 0.5rem; } .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } .p-checkbox { width: 22px; height: 22px; } .p-checkbox .p-checkbox-box { border: 2px solid #ced4da; background: #ffffff; width: 22px; height: 22px; color: #495057; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; color: #ffffff; font-size: 14px; } .p-checkbox .p-checkbox-box.p-highlight { border-color: #3B82F6; background: #3B82F6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #3B82F6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #1D4ED8; background: #1D4ED8; color: #ffffff; } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e24c4c; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #e9ecef; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #3B82F6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #e9ecef; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #1D4ED8; } .p-checkbox-label { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { border-color: #3B82F6; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; background: #EFF6FF; color: #1D4ED8; border-radius: 6px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-input-token { padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #495057; padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #e24c4c; } p-chips.p-chips-clearable .p-inputtext { padding-right: 1.75rem; } p-chips.p-chips-clearable .p-chips-clear-icon { color: #6c757d; right: 0.75rem; } .p-colorpicker-preview, .p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } .p-colorpicker-overlay-panel { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { border-color: #3B82F6; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; } .p-dropdown .p-dropdown-label { background: transparent; border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; } .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; color: #6c757d; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-dropdown .p-dropdown-clear-icon { color: #6c757d; right: 3rem; } .p-dropdown-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { padding-right: 1.75rem; margin-right: -1.75rem; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.75rem; color: #6c757d; } .p-dropdown-panel .p-dropdown-items { padding: 0.75rem 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { padding: 0.75rem 1.25rem; color: #495057; background: transparent; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; } p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #e24c4c; } .p-input-filled .p-dropdown { background: #e9ecef; } .p-input-filled .p-dropdown:not(.p-disabled):hover { background-color: #e9ecef; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #ffffff; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } .p-editor-container .p-editor-toolbar { background: #f8f9fa; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-editor-container .p-editor-toolbar.ql-snow { border: 1px solid #dee2e6; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { fill: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; color: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { stroke: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { fill: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; padding: 0.75rem 0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { color: #495057; background: #e9ecef; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.75rem 1.25rem; } .p-editor-container .p-editor-content { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .p-editor-content.ql-snow { border: 1px solid #dee2e6; } .p-editor-container .p-editor-content .ql-editor { background: #ffffff; color: #495057; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus { color: #495057; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { stroke: #495057; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { fill: #495057; } .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { color: #3B82F6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { stroke: #3B82F6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { fill: #3B82F6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { color: #3B82F6; } .p-inputgroup-addon { background: #e9ecef; color: #6c757d; border-top: 1px solid #ced4da; border-left: 1px solid #ced4da; border-bottom: 1px solid #ced4da; padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { border-right: 1px solid #ced4da; } .p-inputgroup > .p-component, .p-inputgroup > .p-element, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, .p-inputgroup > .p-element + .p-inputgroup-addon, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, .p-inputgroup > .p-element:focus, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, .p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, .p-inputgroup > .p-element:focus ~ label, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } .p-inputgroup-addon:first-child, .p-inputgroup button:first-child, .p-inputgroup input:first-child, .p-inputgroup > .p-inputwrapper:first-child > .p-component, .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .p-inputgroup-addon:last-child, .p-inputgroup button:last-child, .p-inputgroup input:last-child, .p-inputgroup > .p-inputwrapper:last-child > .p-component, .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 3rem; } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e24c4c; } p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { color: #6c757d; right: 0.75rem; } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #e24c4c; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2.5rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { color: #6c757d; right: 0.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 3.75rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 3.75rem; } .p-inputswitch { width: 3rem; height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { background: #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } .p-inputswitch .p-inputswitch-slider:before { background: #ffffff; width: 1.25rem; height: 1.25rem; left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #b6bfc8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #3B82F6; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #2563eb; } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { border-color: #e24c4c; } .p-inputtext { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #495057; background: #ffffff; padding: 0.75rem 0.75rem; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 6px; } .p-inputtext:enabled:hover { border-color: #3B82F6; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-inputtext.ng-dirty.ng-invalid { border-color: #e24c4c; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } .p-float-label > label { left: 0.75rem; color: #6c757d; transition-duration: 0.2s; } .p-float-label > .ng-invalid.ng-dirty + label { color: #e24c4c; } .p-input-icon-left > i:first-of-type { left: 0.75rem; color: #6c757d; } .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; } .p-input-icon-left.p-float-label > label { left: 2.5rem; } .p-input-icon-right > i:last-of-type { right: 0.75rem; color: #6c757d; } .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } ::-webkit-input-placeholder { color: #6c757d; } :-moz-placeholder { color: #6c757d; } ::-moz-placeholder { color: #6c757d; } :-ms-input-placeholder { color: #6c757d; } .p-input-filled .p-inputtext { background-color: #e9ecef; } .p-input-filled .p-inputtext:enabled:hover { background-color: #e9ecef; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.65625rem 0.65625rem; } .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } .p-listbox { background: #ffffff; color: #495057; border: 1px solid #ced4da; border-radius: 6px; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-listbox .p-listbox-header .p-listbox-filter { padding-right: 1.75rem; } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.75rem; color: #6c757d; } .p-listbox .p-listbox-header .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list { padding: 0.75rem 0; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.75rem 1.25rem; color: #495057; background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e24c4c; } .p-multiselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { border-color: #3B82F6; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; } .p-multiselect.p-multiselect-chip .p-multiselect-label { gap: 0.5rem; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; background: #EFF6FF; color: #1D4ED8; border-radius: 6px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; color: #6c757d; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } .p-multiselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { padding-right: 1.75rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.75rem; color: #6c757d; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close { margin-left: 0.5rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.75rem 1.25rem; color: #495057; background: transparent; } p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #e24c4c; } .p-input-filled .p-multiselect { background: #e9ecef; } .p-input-filled .p-multiselect:not(.p-disabled):hover { background-color: #e9ecef; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } p-multiselect.p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.75rem; } p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { color: #6c757d; right: 3rem; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #e24c4c; } .p-password-panel { padding: 1.25rem; background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; background: #dee2e6; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #ea5455; } .p-password-panel .p-password-meter .p-password-strength.medium { background: #ff9f42; } .p-password-panel .p-password-meter .p-password-strength.strong { background: #29c76f; } p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } p-password.p-password-clearable .p-password-clear-icon { color: #6c757d; right: 0.75rem; } p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } p-password.p-password-clearable.p-password-mask .p-password-clear-icon { color: #6c757d; right: 2.5rem; } .p-radiobutton { width: 22px; height: 22px; } .p-radiobutton .p-radiobutton-box { border: 2px solid #ced4da; background: #ffffff; width: 22px; height: 22px; color: #495057; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { border-color: #3B82F6; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #3B82F6; background: #3B82F6; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #1D4ED8; background: #1D4ED8; color: #ffffff; } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #e24c4c; } .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #e9ecef; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { background-color: #e9ecef; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #3B82F6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #1D4ED8; } .p-radiobutton-label { margin-left: 0.5rem; } .p-rating .p-rating-icon { color: #495057; margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } .p-rating .p-rating-icon.p-rating-cancel { color: #ea5455; } .p-rating .p-rating-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-rating .p-rating-icon:first-child { margin-left: 0; } .p-rating .p-rating-icon.pi-star-fill { color: #3B82F6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { color: #3B82F6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { color: #e73d3e; } .p-selectbutton .p-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #343a40; } .p-selectbutton .p-button.p-highlight { background: #3B82F6; border-color: #3B82F6; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { background: #2563eb; border-color: #2563eb; color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #e24c4c; } .p-slider { background: #dee2e6; border: 0 none; border-radius: 6px; } .p-slider.p-slider-horizontal { height: 0.286rem; } .p-slider.p-slider-horizontal .p-slider-handle { margin-top: -0.5715rem; margin-left: -0.5715rem; } .p-slider.p-slider-vertical { width: 0.286rem; } .p-slider.p-slider-vertical .p-slider-handle { margin-left: -0.5715rem; margin-bottom: -0.5715rem; } .p-slider .p-slider-handle { height: 1.143rem; width: 1.143rem; background: #ffffff; border: 2px solid #3B82F6; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-slider .p-slider-range { background: #3B82F6; } .p-slider:not(.p-disabled) .p-slider-handle:hover { background: #3B82F6; border-color: #3B82F6; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { transition: width 0.2s; } .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; } .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } .p-togglebutton.p-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #343a40; } .p-togglebutton.p-button.p-highlight { background: #3B82F6; border-color: #3B82F6; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { background: #2563eb; border-color: #2563eb; color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #e24c4c; } .p-treeselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { border-color: #3B82F6; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { color: #6c757d; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; background: #dee2e6; color: #495057; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; color: #6c757d; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #e24c4c; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; } .p-treeselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-treeselect-panel .p-treeselect-header { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { margin-right: 0.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { padding-right: 1.75rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { right: 0.75rem; color: #6c757d; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { padding-right: 3.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { right: 2.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.75rem 1.25rem; color: #495057; background: transparent; } .p-input-filled .p-treeselect { background: #e9ecef; } .p-input-filled .p-treeselect:not(.p-disabled):hover { background-color: #e9ecef; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { color: #6c757d; right: 3rem; } .p-button { color: #ffffff; background: #3B82F6; border: 1px solid #3B82F6; padding: 0.75rem 1.25rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-button:enabled:hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } .p-button:enabled:active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; } .p-button.p-button-outlined { background-color: transparent; color: #3B82F6; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border: 1px solid; } .p-button.p-button-outlined:enabled:active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { color: #6c757d; border-color: #6c757d; } .p-button.p-button-outlined.p-button-plain:enabled:hover { background: #e9ecef; color: #6c757d; } .p-button.p-button-outlined.p-button-plain:enabled:active { background: #dee2e6; color: #6c757d; } .p-button.p-button-text { background-color: transparent; color: #3B82F6; border-color: transparent; } .p-button.p-button-text:enabled:hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border-color: transparent; } .p-button.p-button-text:enabled:active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border-color: transparent; } .p-button.p-button-text.p-button-plain { color: #6c757d; } .p-button.p-button-text.p-button-plain:enabled:hover { background: #e9ecef; color: #6c757d; } .p-button.p-button-text.p-button-plain:enabled:active { background: #dee2e6; color: #6c757d; } .p-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-button .p-button-label { transition-duration: 0.2s; } .p-button .p-button-icon-left { margin-right: 0.5rem; } .p-button .p-button-icon-right { margin-left: 0.5rem; } .p-button .p-button-icon-bottom { margin-top: 0.5rem; } .p-button .p-button-icon-top { margin-bottom: 0.5rem; } .p-button .p-badge { margin-left: 0.5rem; min-width: 1rem; height: 1rem; line-height: 1rem; color: #3B82F6; background-color: #ffffff; } .p-button.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { border-radius: 2rem; } .p-button.p-button-icon-only { width: 3rem; padding: 0.75rem 0; } .p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { border-radius: 50%; height: 3rem; } .p-button.p-button-sm { font-size: 0.875rem; padding: 0.65625rem 1.09375rem; } .p-button.p-button-sm .p-button-icon { font-size: 0.875rem; } .p-button.p-button-lg { font-size: 1.25rem; padding: 0.9375rem 1.5625rem; } .p-button.p-button-lg .p-button-icon { font-size: 1.25rem; } .p-button.p-button-loading-label-only .p-button-label { margin-left: 0.5rem; } .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } .p-fluid .p-button { width: 100%; } .p-fluid .p-button-icon-only { width: 3rem; } .p-fluid .p-buttonset { display: flex; } .p-fluid .p-buttonset .p-button { flex: 1; } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #64748B; border: 1px solid #64748B; } .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #475569; color: #ffffff; border-color: #475569; } .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #E2E8F0; } .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #334155; color: #ffffff; border-color: #334155; } .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #64748B; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(100, 116, 139, 0.04); color: #64748B; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(100, 116, 139, 0.16); color: #64748B; border: 1px solid; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #64748B; border-color: transparent; } .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; color: #64748B; } .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { background: rgba(100, 116, 139, 0.16); border-color: transparent; color: #64748B; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #3B82F6; border: 1px solid #3B82F6; } .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #2563EB; color: #ffffff; border-color: #2563EB; } .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; } .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #3B82F6; border: 1px solid; } .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border: 1px solid; } .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border: 1px solid; } .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #3B82F6; border-color: transparent; } .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { background: rgba(59, 130, 246, 0.04); border-color: transparent; color: #3B82F6; } .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { background: rgba(59, 130, 246, 0.16); border-color: transparent; color: #3B82F6; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #22C55E; border: 1px solid #22C55E; } .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #16A34A; color: #ffffff; border-color: #16A34A; } .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #BBF7D0; } .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #15803D; color: #ffffff; border-color: #15803D; } .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #22C55E; border: 1px solid; } .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(34, 197, 94, 0.04); color: #22C55E; border: 1px solid; } .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(34, 197, 94, 0.16); color: #22C55E; border: 1px solid; } .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #22C55E; border-color: transparent; } .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; color: #22C55E; } .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { background: rgba(34, 197, 94, 0.16); border-color: transparent; color: #22C55E; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #ffffff; background: #F59E0B; border: 1px solid #F59E0B; } .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #D97706; color: #ffffff; border-color: #D97706; } .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #FDE68A; } .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #B45309; color: #ffffff; border-color: #B45309; } .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #F59E0B; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { background: rgba(245, 158, 11, 0.04); color: #F59E0B; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(245, 158, 11, 0.16); color: #F59E0B; border: 1px solid; } .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #F59E0B; border-color: transparent; } .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { background: rgba(245, 158, 11, 0.04); border-color: transparent; color: #F59E0B; } .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { background: rgba(245, 158, 11, 0.16); border-color: transparent; color: #F59E0B; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #A855F7; border: 1px solid #A855F7; } .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { background: #9333EA; color: #ffffff; border-color: #9333EA; } .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #E9D5FF; } .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { background: #7E22CE; color: #ffffff; border-color: #7E22CE; } .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #A855F7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(168, 85, 247, 0.04); color: #A855F7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(168, 85, 247, 0.16); color: #A855F7; border: 1px solid; } .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #A855F7; border-color: transparent; } .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; color: #A855F7; } .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { background: rgba(168, 85, 247, 0.16); border-color: transparent; color: #A855F7; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #EF4444; border: 1px solid #EF4444; } .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #DC2626; color: #ffffff; border-color: #DC2626; } .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #FECACA; } .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #B91C1C; color: #ffffff; border-color: #B91C1C; } .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #EF4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(239, 68, 68, 0.04); color: #EF4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(239, 68, 68, 0.16); color: #EF4444; border: 1px solid; } .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #EF4444; border-color: transparent; } .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; color: #EF4444; } .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { background: rgba(239, 68, 68, 0.16); border-color: transparent; color: #EF4444; } .p-button.p-button-link { color: #1D4ED8; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; color: #1D4ED8; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { text-decoration: underline; } .p-button.p-button-link:enabled:focus { background: transparent; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; color: #1D4ED8; border-color: transparent; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; } .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { font-size: 1.3rem; } .p-speeddial-action { width: 3rem; height: 3rem; background: #495057; color: #fff; } .p-speeddial-action:hover { background: #022354; color: #fff; } .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } .p-speeddial-circle .p-speeddial-item, .p-speeddial-semi-circle .p-speeddial-item, .p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, .p-speeddial-semi-circle .p-speeddial-item:first-child, .p-speeddial-semi-circle .p-speeddial-item:last-child, .p-speeddial-quarter-circle .p-speeddial-item:first-child, .p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } .p-splitbutton { border-radius: 6px; } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; color: #3B82F6; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; } .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #6c757d; border-color: #6c757d; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { background: #e9ecef; color: #6c757d; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { background: #dee2e6; color: #6c757d; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; color: #3B82F6; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #6c757d; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { background: #e9ecef; color: #6c757d; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { background: #dee2e6; color: #6c757d; } .p-splitbutton.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-splitbutton.p-button-rounded { border-radius: 2rem; } .p-splitbutton.p-button-rounded > .p-button { border-radius: 2rem; } .p-splitbutton.p-button-sm > .p-button { font-size: 0.875rem; padding: 0.65625rem 1.09375rem; } .p-splitbutton.p-button-sm > .p-button .p-button-icon { font-size: 0.875rem; } .p-splitbutton.p-button-lg > .p-button { font-size: 1.25rem; padding: 0.9375rem 1.5625rem; } .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #64748B; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(100, 116, 139, 0.04); color: #64748B; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(100, 116, 139, 0.16); color: #64748B; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; color: #64748B; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; color: #64748B; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; color: #64748B; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #3B82F6; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; color: #3B82F6; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(59, 130, 246, 0.04); border-color: transparent; color: #3B82F6; } .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(59, 130, 246, 0.16); border-color: transparent; color: #3B82F6; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #22C55E; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(34, 197, 94, 0.04); color: #22C55E; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(34, 197, 94, 0.16); color: #22C55E; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; color: #22C55E; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; color: #22C55E; } .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; color: #22C55E; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #F59E0B; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(245, 158, 11, 0.04); color: #F59E0B; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(245, 158, 11, 0.16); color: #F59E0B; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; color: #F59E0B; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(245, 158, 11, 0.04); border-color: transparent; color: #F59E0B; } .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(245, 158, 11, 0.16); border-color: transparent; color: #F59E0B; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #A855F7; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(168, 85, 247, 0.04); color: #A855F7; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(168, 85, 247, 0.16); color: #A855F7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; color: #A855F7; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; color: #A855F7; } .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; color: #A855F7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #EF4444; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(239, 68, 68, 0.04); color: #EF4444; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(239, 68, 68, 0.16); color: #EF4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; color: #EF4444; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; color: #EF4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; color: #EF4444; } .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-carousel .p-carousel-content .p-carousel-prev:focus, .p-carousel .p-carousel-content .p-carousel-next:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-carousel .p-carousel-indicators { padding: 1rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator { margin-right: 0.5rem; margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { background-color: #ced4da; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { background: #adb5bd; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-datatable-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; border: 1px solid #dee2e6; border-width: 0 0 1px 0; font-weight: 700; color: #343a40; background: #f8f9fa; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; border: 1px solid #dee2e6; border-width: 0 0 1px 0; font-weight: 700; color: #343a40; background: #f8f9fa; } .p-datatable .p-sortable-column .p-sortable-column-icon { color: #343a40; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #1D4ED8; background: #EFF6FF; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { background: #e9ecef; color: #343a40; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #343a40; } .p-datatable .p-sortable-column.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #1D4ED8; } .p-datatable .p-sortable-column.p-highlight:hover { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #1D4ED8; } .p-datatable .p-sortable-column:focus { box-shadow: inset 0 0 0 0.15rem #BFDBFE; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #495057; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr:focus { outline: 0.15rem solid #BFDBFE; outline-offset: 0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #EFF6FF; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #EFF6FF; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-datatable .p-column-resizer-helper { background: #3B82F6; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { background: #f8f9fa; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f8f9fa; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; } .p-datatable.p-datatable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-footer { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-paginator-top { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-paginator-bottom { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px 0 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { border-width: 0 0 0 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { color: #1D4ED8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { color: #1D4ED8; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-footer { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-dataview-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { background: #ffffff; color: #495057; border: 0 none; padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { border: solid #dee2e6; border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .p-dataview .p-dataview-loading-icon { font-size: 2rem; } .p-dataview .p-dataview-emptymessage { padding: 1.25rem; } .p-column-filter-row .p-column-filter-menu-button, .p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } .p-column-filter-menu-button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: #e9ecef; color: #343a40; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #EFF6FF; color: #1D4ED8; } .p-column-filter-menu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-column-filter-clear-button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-column-filter-clear-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-column-filter-overlay { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); min-width: 12.5rem; } .p-column-filter-overlay .p-column-filter-row-items { padding: 0.75rem 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; border-bottom: 1px solid #dee2e6; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { margin-top: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { border-bottom: 0 none; } .p-column-filter-overlay-menu .p-column-filter-add-rule { padding: 0.75rem 1.25rem; } .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } .fc { /* FullCalendar 4 */ /* FullCalendar 5 */ } .fc.fc-unthemed .fc-view-container th { background: #f8f9fa; border: 1px solid #dee2e6; color: #343a40; } .fc.fc-unthemed .fc-view-container td.fc-widget-content { background: #ffffff; border: 1px solid #dee2e6; color: #495057; } .fc.fc-unthemed .fc-view-container td.fc-head-container { border: 1px solid #dee2e6; } .fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #dee2e6; } .fc.fc-unthemed .fc-view-container .fc-event { background: #2563eb; border: 1px solid #2563eb; color: #ffffff; } .fc.fc-unthemed .fc-view-container .fc-divider { background: #f8f9fa; border: 1px solid #dee2e6; } .fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #3B82F6; border: 1px solid #3B82F6; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; display: flex; align-items: center; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: "\e900"; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: "\e901"; } .fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #3B82F6; border-color: #3B82F6; color: #ffffff; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #2563eb; border-color: #2563eb; color: #ffffff; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; z-index: 1; } .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { border-color: #dee2e6; } .fc.fc-theme-standard .fc-view-harness th { background: #f8f9fa; border-color: #dee2e6; color: #343a40; } .fc.fc-theme-standard .fc-view-harness td { color: #495057; border-color: #dee2e6; } .fc.fc-theme-standard .fc-view-harness .fc-view { background: #ffffff; } .fc.fc-theme-standard .fc-view-harness .fc-popover { background: none; border: 0 none; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { border: 1px solid #dee2e6; padding: 1.25rem; background: #f8f9fa; color: #343a40; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { opacity: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; font-family: "PrimeIcons" !important; font-size: 1rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { content: "\e90b"; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { padding: 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0 none; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { color: #ffffff; background: #2563eb; border-color: #2563eb; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { color: #ffffff; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { background: #2563eb; border-color: #2563eb; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { background: #e9ecef; color: #495057; } .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { background: #f8f9fa; } .fc.fc-theme-standard .fc-toolbar .fc-button { color: #ffffff; background: #3B82F6; border: 1px solid #3B82F6; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { opacity: 0.6; color: #ffffff; background: #3B82F6; border: 1px solid #3B82F6; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: "\e900"; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: "\e901"; } .fc.fc-theme-standard .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #3B82F6; border-color: #3B82F6; color: #ffffff; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #2563eb; border-color: #2563eb; color: #ffffff; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; z-index: 1; } .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .fc.fc-theme-standard a { color: #495057; } .fc.fc-theme-standard .fc-highlight { color: #1D4ED8; background: #EFF6FF; } .p-orderlist .p-orderlist-controls { padding: 1.25rem; } .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; } .p-orderlist .p-orderlist-filter-container { padding: 1.25rem; background: #ffffff; border: 1px solid #dee2e6; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { padding-right: 1.75rem; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { right: 0.75rem; color: #6c757d; } .p-orderlist .p-orderlist-list { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 1.25rem; color: #495057; } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #fcfcfc; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #e9ecef; } .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border: 0 none; color: #495057; background: #ffffff; margin: 0; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #70aeff; } .p-organizationchart .p-organizationchart-line-down { background: #dee2e6; } .p-organizationchart .p-organizationchart-line-left { border-right: 1px solid #dee2e6; border-color: #dee2e6; } .p-organizationchart .p-organizationchart-line-top { border-top: 1px solid #dee2e6; border-color: #dee2e6; } .p-organizationchart .p-organizationchart-node-content { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 1.25rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { background: inherit; color: inherit; border-radius: 50%; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-paginator { background: #ffffff; color: #6c757d; border: solid #e9ecef; border-width: 0; padding: 0.5rem 1rem; border-radius: 6px; } .p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #6c757d; min-width: 3rem; height: 3rem; margin: 0.143rem; transition: box-shadow 0.2s; border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: transparent; color: #343a40; } .p-paginator .p-paginator-first { border-top-left-radius: 50%; border-bottom-left-radius: 50%; } .p-paginator .p-paginator-last { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } .p-paginator .p-dropdown { margin-left: 0.5rem; margin-right: 0.5rem; height: 3rem; } .p-paginator .p-dropdown .p-dropdown-label { padding-right: 0; } .p-paginator .p-paginator-page-input { margin-left: 0.5rem; margin-right: 0.5rem; } .p-paginator .p-paginator-page-input .p-inputtext { max-width: 3rem; } .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; color: #6c757d; min-width: 3rem; height: 3rem; margin: 0.143rem; padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; color: #6c757d; min-width: 3rem; height: 3rem; margin: 0.143rem; transition: box-shadow 0.2s; border-radius: 50%; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background: #EFF6FF; border-color: #EFF6FF; color: #1D4ED8; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #e9ecef; border-color: transparent; color: #343a40; } .p-picklist .p-picklist-buttons { padding: 1.25rem; } .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; } .p-picklist .p-picklist-filter-container { padding: 1.25rem; background: #ffffff; border: 1px solid #dee2e6; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { padding-right: 1.75rem; } .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { right: 0.75rem; color: #6c757d; } .p-picklist .p-picklist-list { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 1.25rem; color: #495057; } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: #fcfcfc; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #e9ecef; } .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border: 0 none; color: #495057; background: #ffffff; margin: 0; } .p-timeline .p-timeline-event-marker { border: 2px solid #3B82F6; border-radius: 50%; width: 1rem; height: 1rem; background-color: #ffffff; } .p-timeline .p-timeline-event-connector { background-color: #dee2e6; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, .p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } .p-tree { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 1.25rem; border-radius: 6px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; transition: box-shadow 0.2s; padding: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; color: #6c757d; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { background: #e9ecef; color: #495057; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; } .p-tree .p-tree-filter-container .p-tree-filter { width: 100%; padding-right: 1.75rem; } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.75rem; color: #6c757d; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; } .p-tree .p-tree-loading-icon { font-size: 2rem; } .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { background-color: #8cbeff; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 6px; border: 1px solid #dee2e6; background-color: #ffffff; color: #495057; padding: 0.5rem; transition: box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { background-color: #EFF6FF; color: #1D4ED8; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #1D4ED8; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { color: #6c757d; margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { background-color: inherit; color: inherit; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-treetable-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; border: 1px solid #dee2e6; border-width: 0 0 1px 0; font-weight: 700; color: #343a40; background: #f8f9fa; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; border: 1px solid #dee2e6; border-width: 0 0 1px 0; font-weight: 700; color: #343a40; background: #f8f9fa; } .p-treetable .p-sortable-column { outline-color: #BFDBFE; } .p-treetable .p-sortable-column .p-sortable-column-icon { color: #343a40; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #1D4ED8; background: #EFF6FF; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { background: #e9ecef; color: #343a40; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #343a40; } .p-treetable .p-sortable-column.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #1D4ED8; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #495057; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { color: #495057; } .p-treetable .p-treetable-tbody > tr:focus { outline: 0.15rem solid #BFDBFE; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { background: #EFF6FF; color: #1D4ED8; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { color: #1D4ED8; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { color: #1D4ED8; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { color: #495057; } .p-treetable .p-column-resizer-helper { background: #3B82F6; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { background: #f8f9fa; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; } .p-treetable.p-treetable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-footer { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-top { border-width: 0 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-bottom { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { border-width: 1px; } .p-treetable.p-treetable-sm .p-treetable-header { padding: 0.875rem 0.875rem; } .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-footer { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-lg .p-treetable-header { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } .p-virtualscroller .p-virtualscroller-header { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-virtualscroller .p-virtualscroller-content { background: #ffffff; color: #495057; border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { background: #f8f9fa; color: #343a40; border: 1px solid #dee2e6; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; border: 1px solid #dee2e6; color: #6c757d; background: #f8f9fa; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #e9ecef; border-color: #dee2e6; color: #343a40; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { background: #f8f9fa; border-color: #dee2e6; color: #343a40; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-color: #dee2e6; background: #e9ecef; color: #343a40; } .p-accordion .p-accordion-content { padding: 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } .p-card { background: #ffffff; color: #495057; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-card .p-card-body { padding: 1.25rem; } .p-card .p-card-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; } .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; color: #6c757d; } .p-card .p-card-content { padding: 1.25rem 0; } .p-card .p-card-footer { padding: 1.25rem 0 0 0; } .p-divider .p-divider-content { background-color: #ffffff; } .p-divider.p-divider-horizontal { margin: 1.25rem 0; padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { border-top: 1px #dee2e6; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; } .p-divider.p-divider-vertical { margin: 0 1.25rem; padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { border-left: 1px #dee2e6; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; border: 1px solid #dee2e6; color: #343a40; background: #f8f9fa; font-weight: 700; border-radius: 6px; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.25rem; color: #343a40; border-radius: 6px; transition: box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #e9ecef; border-color: #dee2e6; color: #343a40; } .p-fieldset .p-fieldset-content { padding: 1.25rem; } .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1.25rem; background: #f8f9fa; color: #343a40; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-panel .p-panel-header .p-panel-title { font-weight: 700; } .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-panel .p-panel-header .p-panel-header-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; } .p-panel .p-panel-content { padding: 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0 none; } .p-panel .p-panel-icons-end { order: 2; margin-left: auto; } .p-panel .p-panel-icons-start { order: 0; margin-right: 0.5rem; } .p-panel .p-panel-icons-center { order: 2; width: 100%; text-align: center; } .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; } .p-splitter { border: 1px solid #dee2e6; background: #ffffff; border-radius: 6px; color: #495057; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; background: #f8f9fa; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #dee2e6; } .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #dee2e6; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { border: solid #dee2e6; border-width: 0 0 2px 0; border-color: transparent transparent #dee2e6 transparent; background: #ffffff; color: #6c757d; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; transition: box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; border-color: #adb5bd; color: #6c757d; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; border-color: #3B82F6; color: #3B82F6; } .p-tabview .p-tabview-left-icon { margin-right: 0.5rem; } .p-tabview .p-tabview-right-icon { margin-left: 0.5rem; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; color: #3B82F6; width: 3rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } .p-tabview .p-tabview-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tabview .p-tabview-panels { background: #ffffff; padding: 1.25rem; border: 0 none; color: #495057; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-toolbar { background: #f8f9fa; border: 1px solid #dee2e6; padding: 1.25rem; border-radius: 6px; } .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } .p-confirm-popup { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .p-confirm-popup .p-confirm-popup-content { padding: 1.25rem; } .p-confirm-popup .p-confirm-popup-footer { text-align: right; padding: 0.75rem 1.25rem; } .p-confirm-popup .p-confirm-popup-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-confirm-popup .p-confirm-popup-footer button:last-child { margin: 0; } .p-confirm-popup:after { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup:before { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:after { border-top-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:before { border-top-color: #ffffff; } .p-confirm-popup .p-confirm-popup-icon { font-size: 1.5rem; } .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } .p-dialog { border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); border: 0 none; } .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; color: #343a40; padding: 1.5rem; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-dialog .p-dialog-header .p-dialog-title { font-weight: 700; font-size: 1.25rem; } .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { background: #ffffff; color: #495057; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; color: #495057; padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-dialog .p-dialog-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { font-size: 2rem; } .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } .p-overlaypanel { background: #ffffff; color: #495057; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .p-overlaypanel .p-overlaypanel-content { padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { background: #3B82F6; color: #ffffff; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; position: absolute; top: -1rem; right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #2563eb; color: #ffffff; } .p-overlaypanel:after { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-overlaypanel:before { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #f2f2f2; } .p-overlaypanel.p-overlaypanel-flipped:after { border-top-color: #ffffff; } .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } .p-sidebar { background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .p-sidebar .p-sidebar-header { padding: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; } .p-sidebar .p-sidebar-content { padding: 1.25rem; } .p-sidebar .p-sidebar-footer { padding: 1.25rem; } .p-tooltip .p-tooltip-text { background: #495057; color: #ffffff; padding: 0.75rem 0.75rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { border-right-color: #495057; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { border-left-color: #495057; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { border-top-color: #495057; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #495057; } .p-fileupload .p-fileupload-buttonbar { background: #f8f9fa; padding: 1.25rem; border: 1px solid #dee2e6; color: #343a40; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-fileupload .p-fileupload-buttonbar .p-button { margin-right: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; border: 1px solid #dee2e6; color: #495057; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-fileupload .p-progressbar { height: 0.25rem; } .p-fileupload .p-fileupload-row > div { padding: 1rem 1rem; } .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } .p-fileupload-choose:not(.p-disabled):hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } .p-fileupload-choose:not(.p-disabled):active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; } .p-breadcrumb { background: #ffffff; border: 1px solid #dee2e6; border-radius: 6px; padding: 1rem; } .p-breadcrumb ul li .p-menuitem-link { transition: box-shadow 0.2s; border-radius: 6px; } .p-breadcrumb ul li .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { color: #495057; } .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { color: #6c757d; } .p-breadcrumb ul li.p-breadcrumb-chevron { margin: 0 0.5rem 0 0.5rem; color: #495057; } .p-breadcrumb ul li:last-child .p-menuitem-text { color: #495057; } .p-breadcrumb ul li:last-child .p-menuitem-icon { color: #6c757d; } .p-contextmenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; width: 12.5rem; } .p-contextmenu .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-contextmenu .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-contextmenu .p-menuitem { margin: 0; } .p-contextmenu .p-menuitem:last-child { margin: 0; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #EFF6FF; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-contextmenu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; } .p-contextmenu .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-dock .p-dock-list { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } .p-dock .p-dock-item { padding: 0.5rem; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; width: 100%; } .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { margin: 0 auto; } .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { overflow-y: auto; height: 100%; } .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { margin: auto 0; } .p-dock .p-dock-list .p-dock-item { transform: none; margin: 0; } } .p-megamenu { padding: 0.5rem; background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 6px; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 6px; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #6c757d; margin-left: 0.5rem; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { background: #EFF6FF; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #1D4ED8; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #1D4ED8; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #1D4ED8; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-megamenu .p-megamenu-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-megamenu .p-megamenu-submenu { padding: 0.25rem 0; width: 12.5rem; } .p-megamenu .p-megamenu-submenu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-megamenu .p-megamenu-submenu .p-menuitem { margin: 0; } .p-megamenu .p-megamenu-submenu .p-menuitem:last-child { margin: 0; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #EFF6FF; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; } .p-megamenu.p-megamenu-vertical .p-menuitem { margin: 0; } .p-megamenu.p-megamenu-vertical .p-menuitem:last-child { margin: 0; } .p-megamenu .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-menu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 6px; width: 12.5rem; } .p-menu .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-menu.p-menu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #343a40; background: #ffffff; font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menu .p-menuitem { margin: 0; } .p-menu .p-menuitem:last-child { margin: 0; } .p-menu .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-menubar { padding: 0.5rem; background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 6px; } .p-menubar .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 6px; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #6c757d; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { background: #EFF6FF; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #1D4ED8; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #1D4ED8; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #1D4ED8; } .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 12.5rem; } .p-menubar .p-submenu-list .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar .p-submenu-list .p-menuitem { margin: 0; } .p-menubar .p-submenu-list .p-menuitem:last-child { margin: 0; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #EFF6FF; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-menubar .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } @media screen and (max-width: 960px) { .p-menubar { position: relative; } .p-menubar .p-menubar-button { display: flex; width: 2rem; height: 2rem; color: #6c757d; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { color: #6c757d; background: #e9ecef; } .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-menubar .p-menubar-root-list { position: absolute; display: none; padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 100%; } .p-menubar .p-menubar-root-list .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar .p-menubar-root-list > .p-menuitem { width: 100%; position: static; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } .p-menubar .p-menubar-root-list .p-submenu-list { width: 100%; position: static; box-shadow: none; border: 0 none; } .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } .p-menubar .p-menubar-root-list .p-menuitem { width: 100%; position: static; } .p-menubar .p-menubar-root-list ul li a { padding-left: 2.25rem; } .p-menubar .p-menubar-root-list ul li ul li a { padding-left: 3.75rem; } .p-menubar .p-menubar-root-list ul li ul li ul li a { padding-left: 5.25rem; } .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { padding-left: 6.75rem; } .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { padding-left: 8.25rem; } .p-menubar.p-menubar-mobile-active .p-menubar-root-list { display: flex; flex-direction: column; top: 100%; left: 0; z-index: 1; } } .p-panelmenu .p-panelmenu-header > a { padding: 1.25rem; border: 1px solid #dee2e6; color: #6c757d; background: #f8f9fa; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header > a:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { background: #e9ecef; border-color: #dee2e6; color: #343a40; } .p-panelmenu .p-panelmenu-header.p-highlight { margin-bottom: 0; } .p-panelmenu .p-panelmenu-header.p-highlight > a { background: #f8f9fa; border-color: #dee2e6; color: #343a40; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { border-color: #dee2e6; background: #e9ecef; color: #343a40; } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; border: 1px solid #dee2e6; background: #ffffff; color: #495057; margin-bottom: 4px; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } .p-panelmenu .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-slidemenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 6px; width: 12.5rem; } .p-slidemenu .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-slidemenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-slidemenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-slidemenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-slidemenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { background: #EFF6FF; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { color: #1D4ED8; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { color: #1D4ED8; } .p-slidemenu .p-slidemenu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { font-size: 0.875rem; } .p-slidemenu .p-slidemenu-backward { padding: 0.75rem 1.25rem; color: #495057; } .p-slidemenu .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; border-radius: 6px; background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { color: #495057; border: 1px solid #e9ecef; background: #ffffff; min-width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.143rem; z-index: 1; border-radius: 50%; } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; color: #6c757d; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #EFF6FF; color: #1D4ED8; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; color: #495057; } .p-steps .p-steps-item:before { content: " "; border-top: 1px solid #dee2e6; width: 100%; top: 50%; left: 0; display: block; position: absolute; margin-top: -1rem; } .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dee2e6; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { border: solid #dee2e6; border-width: 0 0 2px 0; border-color: transparent transparent #dee2e6 transparent; background: #ffffff; color: #6c757d; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; transition: box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; border-color: #adb5bd; color: #6c757d; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; border-color: #3B82F6; color: #3B82F6; } .p-tabmenu .p-tabmenu-left-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-right-icon { margin-left: 0.5rem; } .p-tabmenu .p-tabmenu-nav-btn.p-link { background: #ffffff; color: #3B82F6; width: 3rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 6px; width: 12.5rem; } .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1.25rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-tieredmenu.p-tieredmenu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-menuitem { margin: 0; } .p-tieredmenu .p-menuitem:last-child { margin: 0; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #EFF6FF; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-tieredmenu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; } .p-tieredmenu .p-menuitem-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 6px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; border-radius: 6px; } .p-inline-message.p-inline-message-info { background: #e9e9ff; border: solid #696cff; border-width: 0px; color: #696cff; } .p-inline-message.p-inline-message-info .p-inline-message-icon { color: #696cff; } .p-inline-message.p-inline-message-success { background: #e4f8f0; border: solid #1ea97c; border-width: 0px; color: #1ea97c; } .p-inline-message.p-inline-message-success .p-inline-message-icon { color: #1ea97c; } .p-inline-message.p-inline-message-warn { background: #fff2e2; border: solid #cc8925; border-width: 0px; color: #cc8925; } .p-inline-message.p-inline-message-warn .p-inline-message-icon { color: #cc8925; } .p-inline-message.p-inline-message-error { background: #ffe7e6; border: solid #ff5757; border-width: 0px; color: #ff5757; } .p-inline-message.p-inline-message-error .p-inline-message-icon { color: #ff5757; } .p-inline-message .p-inline-message-icon { font-size: 1rem; margin-right: 0.5rem; } .p-inline-message .p-inline-message-text { font-size: 1rem; } .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } .p-message { margin: 1rem 0; border-radius: 6px; } .p-message .p-message-wrapper { padding: 1.25rem 1.75rem; } .p-message .p-message-close { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { background: rgba(255, 255, 255, 0.3); } .p-message .p-message-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-message.p-message-info { background: #e9e9ff; border: solid #696cff; border-width: 0 0 0 6px; color: #696cff; } .p-message.p-message-info .p-message-icon { color: #696cff; } .p-message.p-message-info .p-message-close { color: #696cff; } .p-message.p-message-success { background: #e4f8f0; border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; } .p-message.p-message-success .p-message-icon { color: #1ea97c; } .p-message.p-message-success .p-message-close { color: #1ea97c; } .p-message.p-message-warn { background: #fff2e2; border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; } .p-message.p-message-warn .p-message-icon { color: #cc8925; } .p-message.p-message-warn .p-message-close { color: #cc8925; } .p-message.p-message-error { background: #ffe7e6; border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; } .p-message.p-message-error .p-message-icon { color: #ff5757; } .p-message.p-message-error .p-message-close { color: #ff5757; } .p-message .p-message-text { font-size: 1rem; font-weight: 400; } .p-message .p-message-icon { font-size: 1.5rem; margin-right: 0.5rem; } .p-message .p-message-summary { font-weight: 700; } .p-message .p-message-detail { margin-left: 0.5rem; } .p-toast { opacity: 0.9; } .p-toast .p-toast-message { margin: 0 0 1rem 0; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-toast .p-toast-message .p-toast-message-content { padding: 1rem; border-width: 0 0 0 6px; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { margin: 0 0 0 1rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { font-size: 2rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { font-weight: 700; } .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { margin: 0.5rem 0 0 0; } .p-toast .p-toast-message .p-toast-icon-close { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } .p-toast .p-toast-message .p-toast-icon-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-toast .p-toast-message.p-toast-message-info { background: #e9e9ff; border: solid #696cff; border-width: 0 0 0 6px; color: #696cff; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #696cff; } .p-toast .p-toast-message.p-toast-message-success { background: #e4f8f0; border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-warn { background: #fff2e2; border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #cc8925; } .p-toast .p-toast-message.p-toast-message-error { background: #ffe7e6; border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #ff5757; } .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; color: #f8f9fa; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-close .p-galleria-close-icon { font-size: 2rem; } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-item-nav { background: transparent; color: #f8f9fa; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 6px; margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); color: #f8f9fa; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { background-color: #ced4da; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { background: #adb5bd; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #EFF6FF; color: #1D4ED8; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; } .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { margin-bottom: 0.5rem; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { background: rgba(0, 0, 0, 0.5); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { background: rgba(255, 255, 255, 0.4); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #EFF6FF; color: #1D4ED8; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } .p-image-toolbar { padding: 1rem; } .p-image-action.p-link { color: #f8f9fa; background-color: transparent; width: 3rem; height: 3rem; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-image-action.p-link:last-child { margin-right: 0; } .p-image-action.p-link:hover { color: #f8f9fa; background-color: rgba(255, 255, 255, 0.1); } .p-image-action.p-link i { font-size: 1.5rem; } .p-avatar { background-color: #dee2e6; border-radius: 6px; } .p-avatar.p-avatar-lg { width: 3rem; height: 3rem; font-size: 1.5rem; } .p-avatar.p-avatar-lg .p-avatar-icon { font-size: 1.5rem; } .p-avatar.p-avatar-xl { width: 4rem; height: 4rem; font-size: 2rem; } .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } .p-avatar-group .p-avatar { border: 2px solid #ffffff; } .p-badge { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; } .p-badge.p-badge-secondary { background-color: #64748B; color: #ffffff; } .p-badge.p-badge-success { background-color: #22C55E; color: #ffffff; } .p-badge.p-badge-info { background-color: #3B82F6; color: #ffffff; } .p-badge.p-badge-warning { background-color: #F59E0B; color: #ffffff; } .p-badge.p-badge-danger { background-color: #EF4444; color: #ffffff; } .p-badge.p-badge-lg { font-size: 1.125rem; min-width: 2.25rem; height: 2.25rem; line-height: 2.25rem; } .p-badge.p-badge-xl { font-size: 1.5rem; min-width: 3rem; height: 3rem; line-height: 3rem; } .p-chip { background-color: #dee2e6; color: #495057; border-radius: 16px; padding: 0 0.75rem; } .p-chip .p-chip-text { line-height: 1.5; margin-top: 0.375rem; margin-bottom: 0.375rem; } .p-chip .p-chip-icon { margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { margin-left: 0.5rem; } .p-chip img { width: 2.25rem; height: 2.25rem; margin-left: -0.75rem; margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { border-radius: 6px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-chip .pi-chip-remove-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { background: #e9ecef; color: #495057; } .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-progressbar { border: 0 none; height: 1.5rem; background: #dee2e6; border-radius: 6px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; background: #3B82F6; } .p-progressbar .p-progressbar-label { color: #ffffff; line-height: 1.5rem; } .p-scrolltop { width: 3rem; height: 3rem; border-radius: 50%; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { background: rgba(0, 0, 0, 0.7); } .p-scrolltop.p-link:hover { background: rgba(0, 0, 0, 0.8); } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; color: #f8f9fa; } .p-skeleton { background-color: #dee2e6; border-radius: 6px; } .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { background: #3B82F6; color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; border-radius: 6px; } .p-tag.p-tag-success { background-color: #22C55E; color: #ffffff; } .p-tag.p-tag-info { background-color: #3B82F6; color: #ffffff; } .p-tag.p-tag-warning { background-color: #F59E0B; color: #ffffff; } .p-tag.p-tag-danger { background-color: #EF4444; color: #ffffff; } .p-tag .p-tag-icon { margin-right: 0.25rem; font-size: 0.75rem; } .p-terminal { background: #ffffff; color: #495057; border: 1px solid #dee2e6; padding: 1.25rem; } .p-terminal .p-terminal-input { font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .p-button-label { font-weight: 700; } .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-tabview .p-tabview-nav .p-tabview-ink-bar { z-index: 1; display: block; position: absolute; bottom: 0; height: 2px; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #3B82F6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #3B82F6; } .p-button:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; } .p-button.p-button-secondary:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; } .p-button.p-button-success:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; } .p-button.p-button-info:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; } .p-button.p-button-warning:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; } .p-button.p-button-help:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; } .p-button.p-button-danger:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #3B82F6; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #3B82F6; } /*!************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/primeng.css ***! \************************************************************************************************************************************************************************************************************************************/ .p-component, .p-component * { box-sizing: border-box; } .p-hidden { display: none; } .p-hidden-space { visibility: hidden; } .p-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .p-hidden-accessible input, .p-hidden-accessible select { transform: scale(0); } .p-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; } .p-disabled, .p-disabled * { cursor: default !important; pointer-events: none; } .p-component-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .p-overflow-hidden { overflow: hidden; } .p-unselectable-text { -webkit-user-select: none; user-select: none; } .p-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } @keyframes p-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { border-radius: 0; } .p-link { text-align: left; background-color: transparent; margin: 0; padding: 0; border: none; cursor: pointer; -webkit-user-select: none; user-select: none; } .p-link:disabled { cursor: default; } .p-sr-only { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } /* Non ng overlay animations */ .p-connected-overlay { opacity: 0; transform: scaleY(0.8); transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1); } .p-connected-overlay-visible { opacity: 1; transform: scaleY(1); } .p-connected-overlay-hidden { opacity: 0; transform: scaleY(1); transition: opacity .1s linear; } .p-toggleable-content.ng-animating { overflow: hidden; } .p-badge { display: inline-block; border-radius: 10px; text-align: center; padding: 0 .5rem; } .p-overlay-badge { position: relative; } .p-overlay-badge .p-badge { position: absolute; top: 0; right: 0; transform: translate(50%,-50%); transform-origin: 100% 0; margin: 0; } .p-badge-dot { width: .5rem; min-width: .5rem; height: .5rem; border-radius: 50%; padding: 0; } .p-badge-no-gutter { padding: 0; border-radius: 50%; } .p-button { margin: 0; display: inline-flex; cursor: pointer; -webkit-user-select: none; user-select: none; align-items: center; vertical-align: bottom; text-align: center; overflow: hidden; position: relative; } .p-button-label { flex: 1 1 auto; } .p-button-icon-right { order: 1; } .p-button:disabled { cursor: default; } .p-button-icon-only { justify-content: center; } .p-button-icon-only:after { content: 'p'; visibility: hidden; clip: rect(0 0 0 0); width: 0; } .p-button-vertical { flex-direction: column; } .p-button-icon-bottom { order: 2; } .p-buttonset .p-button { margin: 0; } .p-buttonset .p-button:not(:last-child) { border-right: 0 none; } .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) { border-radius: 0; } .p-buttonset .p-button:first-of-type { border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-buttonset .p-button:last-of-type { border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-buttonset .p-button:focus { position: relative; z-index: 1; } .p-checkbox { display: inline-flex; cursor: pointer; -webkit-user-select: none; user-select: none; vertical-align: bottom; position: relative; } .p-checkbox-disabled { cursor: default !important; pointer-events: none; } .p-checkbox-box { display: flex; justify-content: center; align-items: center; } p-checkbox { display: inline-flex; vertical-align: bottom; align-items: center; } .p-checkbox-label { line-height: 1; } .p-colorpicker-panel .p-colorpicker-color { background: transparent url('color.dae87a04d07ca92b.png') no-repeat left top; } .p-colorpicker-panel .p-colorpicker-hue { background: transparent url('hue.8b1818380241e6ac.png') no-repeat left top; } .p-inputtext { margin: 0; } .p-fluid .p-inputtext { width: 100%; } /* InputGroup */ .p-inputgroup { display: flex; align-items: stretch; width: 100%; } .p-inputgroup-addon { display: flex; align-items: center; justify-content: center; } .p-inputgroup .p-float-label { display: flex; align-items: stretch; width: 100%; } .p-inputgroup .p-inputtext, .p-fluid .p-inputgroup .p-inputtext, .p-inputgroup .p-inputwrapper, .p-inputgroup .p-inputwrapper > .p-component { flex: 1 1 auto; width: 1%; } /* Floating Label */ .p-float-label { display: block; position: relative; } .p-float-label label { position: absolute; pointer-events: none; top: 50%; margin-top: -.5rem; transition-property: all; transition-timing-function: ease; line-height: 1; } .p-float-label textarea ~ label { top: 1rem; } .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, .p-float-label textarea:focus ~ label, .p-float-label textarea.p-filled ~ label, .p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-filled ~ label { top: -.75rem; font-size: 12px; } .p-float-label .input:-webkit-autofill ~ label { top: -20px; font-size: 12px; } .p-float-label .p-placeholder, .p-float-label input::placeholder, .p-float-label .p-inputtext::placeholder { opacity: 0; transition-property: all; transition-timing-function: ease; } .p-float-label .p-focus .p-placeholder, .p-float-label input:focus::placeholder, .p-float-label .p-inputtext:focus::placeholder { opacity: 1; transition-property: all; transition-timing-function: ease; } .p-input-icon-left, .p-input-icon-right { position: relative; display: inline-block; } .p-input-icon-left > i, .p-input-icon-right > i { position: absolute; top: 50%; margin-top: -.5rem; } .p-fluid .p-input-icon-left, .p-fluid .p-input-icon-right { display: block; width: 100%; } .p-inputtextarea-resizable { overflow: hidden; resize: none; } .p-fluid .p-inputtextarea { width: 100%; } .p-password { position: relative; display: inline-flex; } .p-password-panel { position: absolute; top: 0; left: 0; } .p-password .p-password-panel { min-width: 100%; } .p-password-meter { height: 10px; } .p-password-strength { height: 100%; width: 0%; transition: width 1s ease-in-out; } .p-fluid .p-password { display: flex; } .p-password-clear-icon { position: absolute; top: 50%; margin-top: -.5rem; cursor: pointer; } .p-password-clearable { position: relative; } .p-radiobutton { display: inline-flex; cursor: pointer; -webkit-user-select: none; user-select: none; vertical-align: bottom; position: relative; } .p-radiobutton-box { display: flex; justify-content: center; align-items: center; } .p-radiobutton-icon { backface-visibility: hidden; transform: translateZ(0) scale(.1); border-radius: 50%; visibility: hidden; } .p-radiobutton-box.p-highlight .p-radiobutton-icon { transform: translateZ(0) scale(1.0, 1.0); visibility: visible; } p-radiobutton { display: inline-flex; vertical-align: bottom; align-items: center; } .p-radiobutton-label { line-height: 1; } .p-ripple { overflow: hidden; position: relative; } .p-ink { display: block; position: absolute; background: rgba(255, 255, 255, 0.5); border-radius: 100%; transform: scale(0); } .p-ink-active { animation: ripple 0.4s linear; } .p-ripple-disabled .p-ink { display: none !important; } @keyframes ripple { 100% { opacity: 0; transform: scale(2.5); } } .p-tooltip { position:absolute; display:none; padding: .25em .5rem; max-width: 12.5rem; } .p-tooltip.p-tooltip-right, .p-tooltip.p-tooltip-left { padding: 0 .25rem; } .p-tooltip.p-tooltip-top, .p-tooltip.p-tooltip-bottom { padding:.25em 0; } .p-tooltip .p-tooltip-text { white-space: pre-line; word-break: break-word; } .p-tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .p-tooltip-right .p-tooltip-arrow { top: 50%; left: 0; margin-top: -.25rem; border-width: .25em .25em .25em 0; } .p-tooltip-left .p-tooltip-arrow { top: 50%; right: 0; margin-top: -.25rem; border-width: .25em 0 .25em .25rem; } .p-tooltip.p-tooltip-top { padding: .25em 0; } .p-tooltip-top .p-tooltip-arrow { bottom: 0; left: 50%; margin-left: -.25rem; border-width: .25em .25em 0; } .p-tooltip-bottom .p-tooltip-arrow { top: 0; left: 50%; margin-left: -.25rem; border-width: 0 .25em .25rem; } /*!**********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************/ /* You can add global styles to this file, and also import other style files */ /* ! tailwindcss v3.3.3 | 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. */ html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */ tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", 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 */ } /* 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]) { -webkit-text-decoration: underline dotted; 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. 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-size: 1em; /* 2 */ } /* 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 */ 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, [type='button'], [type='reset'], [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] { display: none; } *, ::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(59 130 246 / 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: ; } ::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(59 130 246 / 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: ; } .uq-sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .uq-pointer-events-none{ pointer-events: none; } .uq-pointer-events-auto{ pointer-events: auto; } .uq-invisible{ visibility: hidden; } .uq-collapse{ visibility: collapse; } .uq-static{ position: static; } .uq-fixed{ position: fixed; } .uq-absolute{ position: absolute; } .uq-relative{ position: relative; } .uq-sticky{ position: sticky; } .uq-inset-0{ inset: 0px; } .uq-inset-y-0{ top: 0px; bottom: 0px; } .-uq-bottom-\[15px\]{ bottom: -15px; } .-uq-left-1\/2{ left: -50%; } .-uq-left-\[7\.5px\]{ left: -7.5px; } .-uq-right-\[15px\]{ right: -15px; } .uq-bottom-0{ bottom: 0px; } .uq-bottom-1{ bottom: 0.25rem; } .uq-bottom-1\/4{ bottom: 25%; } .uq-bottom-5{ bottom: 1.25rem; } .uq-bottom-\[115\%\]{ bottom: 115%; } .uq-bottom-\[55px\]{ bottom: 55px; } .uq-left-0{ left: 0px; } .uq-left-1\/2{ left: 50%; } .uq-left-1\/4{ left: 25%; } .uq-left-16{ left: 4rem; } .uq-left-2{ left: 0.5rem; } .uq-left-2\.5{ left: 0.625rem; } .uq-left-3{ left: 0.75rem; } .uq-left-7{ left: 1.75rem; } .uq-left-\[10px\]{ left: 10px; } .uq-left-\[37\%\]{ left: 37%; } .uq-left-\[50\%\]{ left: 50%; } .uq-right-0{ right: 0px; } .uq-right-1{ right: 0.25rem; } .uq-right-16{ right: 4rem; } .uq-right-2{ right: 0.5rem; } .uq-right-3{ right: 0.75rem; } .uq-right-4{ right: 1rem; } .uq-right-6{ right: 1.5rem; } .uq-right-7{ right: 1.75rem; } .uq-right-8{ right: 2rem; } .uq-right-\[17\%\]{ right: 17%; } .uq-top-0{ top: 0px; } .uq-top-1{ top: 0.25rem; } .uq-top-1\.5{ top: 0.375rem; } .uq-top-1\/2{ top: 50%; } .uq-top-10{ top: 2.5rem; } .uq-top-2{ top: 0.5rem; } .uq-top-3{ top: 0.75rem; } .uq-top-3\.5{ top: 0.875rem; } .uq-top-4{ top: 1rem; } .uq-top-8{ top: 2rem; } .uq-top-9{ top: 2.25rem; } .uq-top-\[50\%\]{ top: 50%; } .uq-top-\[55px\]{ top: 55px; } .uq-top-\[60\%\]{ top: 60%; } .uq-top-full{ top: 100%; } .uq-isolate{ isolation: isolate; } .\!uq-z-50{ z-index: 50 !important; } .\!uq-z-\[99999\]{ z-index: 99999 !important; } .uq-z-10{ z-index: 10; } .uq-z-20{ z-index: 20; } .uq-z-30{ z-index: 30; } .uq-z-50{ z-index: 50; } .uq-z-\[10000\]{ z-index: 10000; } .uq-z-\[1000\]{ z-index: 1000; } .uq-z-\[1\]{ z-index: 1; } .uq-z-\[2000\]{ z-index: 2000; } .uq-z-\[2\]{ z-index: 2; } .uq-z-\[9999\]{ z-index: 9999; } .uq-z-\[99\]{ z-index: 99; } .uq-order-1{ order: 1; } .uq-col-span-1{ grid-column: span 1 / span 1; } .uq-col-span-2{ grid-column: span 2 / span 2; } .uq-float-right{ float: right; } .\!uq-m-0{ margin: 0px !important; } .-uq-m-2{ margin: -0.5rem; } .uq-m-0{ margin: 0px; } .uq-m-1{ margin: 0.25rem; } .uq-m-10{ margin: 2.5rem; } .uq-m-2{ margin: 0.5rem; } .uq-m-3{ margin: 0.75rem; } .uq-m-4{ margin: 1rem; } .uq-mx-1{ margin-left: 0.25rem; margin-right: 0.25rem; } .uq-mx-1\.5{ margin-left: 0.375rem; margin-right: 0.375rem; } .uq-mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; } .uq-mx-3{ margin-left: 0.75rem; margin-right: 0.75rem; } .uq-mx-3\.5{ margin-left: 0.875rem; margin-right: 0.875rem; } .uq-mx-4{ margin-left: 1rem; margin-right: 1rem; } .uq-mx-\[10px\]{ margin-left: 10px; margin-right: 10px; } .uq-mx-\[1px\]{ margin-left: 1px; margin-right: 1px; } .uq-mx-auto{ margin-left: auto; margin-right: auto; } .uq-my-1{ margin-top: 0.25rem; margin-bottom: 0.25rem; } .uq-my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .uq-my-3{ margin-top: 0.75rem; margin-bottom: 0.75rem; } .uq-my-4{ margin-top: 1rem; margin-bottom: 1rem; } .uq-my-5{ margin-top: 1.25rem; margin-bottom: 1.25rem; } .\!uq-mb-0{ margin-bottom: 0px !important; } .-uq-mb-1{ margin-bottom: -0.25rem; } .-uq-ml-14{ margin-left: -3.5rem; } .-uq-ml-\[1px\]{ margin-left: -1px; } .-uq-mt-2{ margin-top: -0.5rem; } .-uq-mt-8{ margin-top: -2rem; } .-uq-mt-\[3px\]{ margin-top: -3px; } .uq--ml-2{ margin-left: -0.5rem; } .uq--ml-\[50px\]{ margin-left: -50px; } .uq--mr-1{ margin-right: -0.25rem; } .uq--mr-1\.5{ margin-right: -0.375rem; } .uq--mr-5{ margin-right: -1.25rem; } .uq--mr-\[6px\]{ margin-right: -6px; } .uq--mt-1{ margin-top: -0.25rem; } .uq--mt-2{ margin-top: -0.5rem; } .uq--mt-3{ margin-top: -0.75rem; } .uq--mt-5{ margin-top: -1.25rem; } .uq--mt-\[1px\]{ margin-top: -1px; } .uq--mt-\[3\.5px\]{ margin-top: -3.5px; } .uq--mt-\[3px\]{ margin-top: -3px; } .uq--mt-\[50px\]{ margin-top: -50px; } .uq--mt-\[8px\]{ margin-top: -8px; } .uq-mb-1{ margin-bottom: 0.25rem; } .uq-mb-1\.5{ margin-bottom: 0.375rem; } .uq-mb-10{ margin-bottom: 2.5rem; } .uq-mb-2{ margin-bottom: 0.5rem; } .uq-mb-2\.5{ margin-bottom: 0.625rem; } .uq-mb-3{ margin-bottom: 0.75rem; } .uq-mb-4{ margin-bottom: 1rem; } .uq-mb-5{ margin-bottom: 1.25rem; } .uq-mb-6{ margin-bottom: 1.5rem; } .uq-mb-8{ margin-bottom: 2rem; } .uq-mb-\[10px\]{ margin-bottom: 10px; } .uq-mb-\[2px\]{ margin-bottom: 2px; } .uq-ml-0{ margin-left: 0px; } .uq-ml-0\.5{ margin-left: 0.125rem; } .uq-ml-1{ margin-left: 0.25rem; } .uq-ml-12{ margin-left: 3rem; } .uq-ml-16{ margin-left: 4rem; } .uq-ml-2{ margin-left: 0.5rem; } .uq-ml-2\.5{ margin-left: 0.625rem; } .uq-ml-3{ margin-left: 0.75rem; } .uq-ml-3\.5{ margin-left: 0.875rem; } .uq-ml-4{ margin-left: 1rem; } .uq-ml-6{ margin-left: 1.5rem; } .uq-ml-8{ margin-left: 2rem; } .uq-ml-\[-0\.5715rem\]{ margin-left: -0.5715rem; } .uq-ml-\[14px\]{ margin-left: 14px; } .uq-ml-\[30px\]{ margin-left: 30px; } .uq-ml-\[4px\]{ margin-left: 4px; } .uq-ml-\[5px\]{ margin-left: 5px; } .uq-ml-\[70px\]{ margin-left: 70px; } .uq-ml-\[72px\]{ margin-left: 72px; } .uq-ml-auto{ margin-left: auto; } .uq-mr-0{ margin-right: 0px; } .uq-mr-0\.5{ margin-right: 0.125rem; } .uq-mr-1{ margin-right: 0.25rem; } .uq-mr-14{ margin-right: 3.5rem; } .uq-mr-2{ margin-right: 0.5rem; } .uq-mr-3{ margin-right: 0.75rem; } .uq-mr-3\.5{ margin-right: 0.875rem; } .uq-mr-4{ margin-right: 1rem; } .uq-mr-6{ margin-right: 1.5rem; } .uq-mr-8{ margin-right: 2rem; } .uq-mr-\[10px\]{ margin-right: 10px; } .uq-mr-\[12px\]{ margin-right: 12px; } .uq-mr-\[14px\]{ margin-right: 14px; } .uq-mr-\[20px\]{ margin-right: 20px; } .uq-mr-\[30px\]{ margin-right: 30px; } .uq-mr-\[52px\]{ margin-right: 52px; } .uq-mr-auto{ margin-right: auto; } .uq-mt-0{ margin-top: 0px; } .uq-mt-0\.5{ margin-top: 0.125rem; } .uq-mt-1{ margin-top: 0.25rem; } .uq-mt-1\.5{ margin-top: 0.375rem; } .uq-mt-10{ margin-top: 2.5rem; } .uq-mt-2{ margin-top: 0.5rem; } .uq-mt-2\.5{ margin-top: 0.625rem; } .uq-mt-20{ margin-top: 5rem; } .uq-mt-3{ margin-top: 0.75rem; } .uq-mt-4{ margin-top: 1rem; } .uq-mt-40{ margin-top: 10rem; } .uq-mt-5{ margin-top: 1.25rem; } .uq-mt-6{ margin-top: 1.5rem; } .uq-mt-8{ margin-top: 2rem; } .uq-mt-\[-11px\]{ margin-top: -11px; } .uq-mt-\[18px\]{ margin-top: 18px; } .uq-mt-\[2px\]{ margin-top: 2px; } .uq-mt-\[43px\]{ margin-top: 43px; } .uq-mt-\[4px\]{ margin-top: 4px; } .uq-mt-\[50px\]{ margin-top: 50px; } .uq-mt-\[5px\]{ margin-top: 5px; } .uq-mt-\[8px\]{ margin-top: 8px; } .uq-block{ display: block; } .uq-inline-block{ display: inline-block; } .uq-inline{ display: inline; } .uq-flex{ display: flex; } .uq-inline-flex{ display: inline-flex; } .uq-grid{ display: grid; } .\!uq-hidden{ display: none !important; } .uq-hidden{ display: none; } .\!uq-h-10{ height: 2.5rem !important; } .\!uq-h-4{ height: 1rem !important; } .\!uq-h-5{ height: 1.25rem !important; } .\!uq-h-\[40px\]{ height: 40px !important; } .\!uq-h-\[600px\]{ height: 600px !important; } .\!uq-h-\[700px\]{ height: 700px !important; } .uq-h-0{ height: 0px; } .uq-h-0\.5{ height: 0.125rem; } .uq-h-1{ height: 0.25rem; } .uq-h-1\.5{ height: 0.375rem; } .uq-h-10{ height: 2.5rem; } .uq-h-11{ height: 2.75rem; } .uq-h-12{ height: 3rem; } .uq-h-14{ height: 3.5rem; } .uq-h-16{ height: 4rem; } .uq-h-2{ height: 0.5rem; } .uq-h-2\.5{ height: 0.625rem; } .uq-h-3{ height: 0.75rem; } .uq-h-3\.5{ height: 0.875rem; } .uq-h-4{ height: 1rem; } .uq-h-5{ height: 1.25rem; } .uq-h-6{ height: 1.5rem; } .uq-h-7{ height: 1.75rem; } .uq-h-8{ height: 2rem; } .uq-h-9{ height: 2.25rem; } .uq-h-\[120px\]{ height: 120px; } .uq-h-\[160px\]{ height: 160px; } .uq-h-\[24px\]{ height: 24px; } .uq-h-\[25px\]{ height: 25px; } .uq-h-\[29\.81px\]{ height: 29.81px; } .uq-h-\[30px\]{ height: 30px; } .uq-h-\[36px\]{ height: 36px; } .uq-h-\[37\.81px\]{ height: 37.81px; } .uq-h-\[42px\]{ height: 42px; } .uq-h-\[44px\]{ height: 44px; } .uq-h-\[45\.82px\]{ height: 45.82px; } .uq-h-\[46px\]{ height: 46px; } .uq-h-\[52px\]{ height: 52px; } .uq-h-\[53\.81px\]{ height: 53.81px; } .uq-h-\[56px\]{ height: 56px; } .uq-h-\[5px\]{ height: 5px; } .uq-h-\[60px\]{ height: 60px; } .uq-h-\[61\.8px\]{ height: 61.8px; } .uq-h-\[64px\]{ height: 64px; } .uq-h-\[72px\]{ height: 72px; } .uq-h-\[8px\]{ height: 8px; } .uq-h-\[96px\]{ height: 96px; } .uq-h-\[inherit\]{ height: inherit; } .uq-h-auto{ height: auto; } .uq-h-fit{ height: -moz-fit-content; height: fit-content; } .uq-h-full{ height: 100%; } .uq-h-max{ height: max-content; } .uq-h-screen{ height: 100vh; } .uq-max-h-24{ max-height: 6rem; } .uq-max-h-full{ max-height: 100%; } .uq-max-h-max{ max-height: max-content; } .uq-min-h-\[16px\]{ min-height: 16px; } .uq-min-h-\[336px\]{ min-height: 336px; } .uq-min-h-\[4rem\]{ min-height: 4rem; } .uq-min-h-\[500px\]{ min-height: 500px; } .uq-min-h-\[64px\]{ min-height: 64px; } .uq-min-h-fit{ min-height: -moz-fit-content; min-height: fit-content; } .uq-min-h-screen{ min-height: 100vh; } .\!uq-w-11\/12{ width: 91.666667% !important; } .\!uq-w-20{ width: 5rem !important; } .\!uq-w-4{ width: 1rem !important; } .\!uq-w-5{ width: 1.25rem !important; } .\!uq-w-\[200px\]{ width: 200px !important; } .\!uq-w-\[250px\]{ width: 250px !important; } .\!uq-w-full{ width: 100% !important; } .uq-w-0{ width: 0px; } .uq-w-0\.5{ width: 0.125rem; } .uq-w-1{ width: 0.25rem; } .uq-w-1\.5{ width: 0.375rem; } .uq-w-1\/2{ width: 50%; } .uq-w-1\/4{ width: 25%; } .uq-w-10{ width: 2.5rem; } .uq-w-11{ width: 2.75rem; } .uq-w-12{ width: 3rem; } .uq-w-14{ width: 3.5rem; } .uq-w-16{ width: 4rem; } .uq-w-2{ width: 0.5rem; } .uq-w-2\.5{ width: 0.625rem; } .uq-w-20{ width: 5rem; } .uq-w-28{ width: 7rem; } .uq-w-3{ width: 0.75rem; } .uq-w-3\.5{ width: 0.875rem; } .uq-w-3\/4{ width: 75%; } .uq-w-4{ width: 1rem; } .uq-w-48{ width: 12rem; } .uq-w-5{ width: 1.25rem; } .uq-w-52{ width: 13rem; } .uq-w-6{ width: 1.5rem; } .uq-w-60{ width: 15rem; } .uq-w-7{ width: 1.75rem; } .uq-w-72{ width: 18rem; } .uq-w-8{ width: 2rem; } .uq-w-80{ width: 20rem; } .uq-w-\[100px\]{ width: 100px; } .uq-w-\[160px\]{ width: 160px; } .uq-w-\[180px\]{ width: 180px; } .uq-w-\[200px\]{ width: 200px; } .uq-w-\[248px\]{ width: 248px; } .uq-w-\[24px\]{ width: 24px; } .uq-w-\[250px\]{ width: 250px; } .uq-w-\[280px\]{ width: 280px; } .uq-w-\[2px\]{ width: 2px; } .uq-w-\[3\%\]{ width: 3%; } .uq-w-\[300px\]{ width: 300px; } .uq-w-\[31\.5px\]{ width: 31.5px; } .uq-w-\[343px\]{ width: 343px; } .uq-w-\[350px\]{ width: 350px; } .uq-w-\[352px\]{ width: 352px; } .uq-w-\[36px\]{ width: 36px; } .uq-w-\[400px\]{ width: 400px; } .uq-w-\[420px\]{ width: 420px; } .uq-w-\[440px\]{ width: 440px; } .uq-w-\[450px\]{ width: 450px; } .uq-w-\[50\%\]{ width: 50%; } .uq-w-\[5px\]{ width: 5px; } .uq-w-\[672px\]{ width: 672px; } .uq-w-\[72px\]{ width: 72px; } .uq-w-\[794px\]{ width: 794px; } .uq-w-\[80px\]{ width: 80px; } .uq-w-\[80vw\]{ width: 80vw; } .uq-w-\[900px\]{ width: 900px; } .uq-w-\[96px\]{ width: 96px; } .uq-w-\[97\%\]{ width: 97%; } .uq-w-\[inherit\]{ width: inherit; } .uq-w-auto{ width: auto; } .uq-w-fit{ width: -moz-fit-content; width: fit-content; } .uq-w-full{ width: 100%; } .uq-w-max{ width: max-content; } .uq-w-screen{ width: 100vw; } .uq-min-w-0{ min-width: 0px; } .uq-min-w-\[145px\]{ min-width: 145px; } .uq-min-w-\[30px\]{ min-width: 30px; } .uq-min-w-\[37px\]{ min-width: 37px; } .uq-min-w-\[40px\]{ min-width: 40px; } .uq-min-w-\[50\%\]{ min-width: 50%; } .uq-min-w-\[600px\]{ min-width: 600px; } .uq-min-w-full{ min-width: 100%; } .uq-max-w-2xl{ max-width: 42rem; } .uq-max-w-3xl{ max-width: 48rem; } .uq-max-w-5xl{ max-width: 64rem; } .uq-max-w-\[240px\]{ max-width: 240px; } .uq-max-w-\[288px\]{ max-width: 288px; } .uq-max-w-\[360px\]{ max-width: 360px; } .uq-max-w-\[400px\]{ max-width: 400px; } .uq-max-w-\[90\%\]{ max-width: 90%; } .uq-max-w-full{ max-width: 100%; } .uq-max-w-sm{ max-width: 24rem; } .uq-max-w-xs{ max-width: 20rem; } .\!uq-flex-none{ flex: none !important; } .uq-flex-1{ flex: 1 1 0%; } .uq-flex-auto{ flex: 1 1 auto; } .uq-flex-none{ flex: none; } .uq-flex-shrink-0{ flex-shrink: 0; } .uq-shrink-0{ flex-shrink: 0; } .uq-flex-grow{ flex-grow: 1; } .uq-grow{ flex-grow: 1; } .uq-table-auto{ table-layout: auto; } .uq-origin-top{ transform-origin: top; } .uq--translate-x-1\/2{ --tw-translate-x: -50%; 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)); } .uq--translate-y-1\/2{ --tw-translate-y: -50%; 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)); } .uq-translate-x-1\/2{ --tw-translate-x: 50%; 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)); } .uq-translate-x-3\/4{ --tw-translate-x: 75%; 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)); } .uq-translate-y-3\/4{ --tw-translate-y: 75%; 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)); } .uq-translate-y-\[-50\%\]{ --tw-translate-y: -50%; 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)); } .uq-scale-100{ --tw-scale-x: 1; --tw-scale-y: 1; 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)); } .uq-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)); } .uq-transform-none{ transform: none; } .uq-animate-none{ animation: none; } @keyframes uq-pulse{ 50%{ opacity: .5; } } .uq-animate-pulse{ animation: uq-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .\!uq-cursor-grabbing{ cursor: grabbing !important; } .\!uq-cursor-pointer{ cursor: pointer !important; } .uq-cursor-auto{ cursor: auto; } .uq-cursor-default{ cursor: default; } .uq-cursor-grab{ cursor: grab; } .uq-cursor-move{ cursor: move; } .uq-cursor-pointer{ cursor: pointer; } .uq-cursor-se-resize{ cursor: se-resize; } .uq-cursor-text{ cursor: text; } .uq-cursor-zoom-in{ cursor: zoom-in; } .uq-cursor-zoom-out{ cursor: zoom-out; } .uq-touch-none{ touch-action: none; } .uq-select-none{ -webkit-user-select: none; user-select: none; } .uq-resize-none{ resize: none; } .uq-list-none{ list-style-type: none; } .uq-appearance-none{ appearance: none; } .uq-grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .uq-grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .uq-grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .uq-grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .uq-grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .uq-grid-cols-7{ grid-template-columns: repeat(7, minmax(0, 1fr)); } .uq-flex-row{ flex-direction: row; } .uq-flex-col{ flex-direction: column; } .uq-flex-wrap{ flex-wrap: wrap; } .uq-flex-nowrap{ flex-wrap: nowrap; } .uq-content-center{ align-content: center; } .uq-content-start{ align-content: flex-start; } .uq-content-end{ align-content: flex-end; } .uq-content-between{ align-content: space-between; } .uq-items-start{ align-items: flex-start; } .uq-items-end{ align-items: flex-end; } .uq-items-center{ align-items: center; } .uq-justify-start{ justify-content: flex-start; } .uq-justify-end{ justify-content: flex-end; } .uq-justify-center{ justify-content: center; } .uq-justify-between{ justify-content: space-between; } .uq-justify-evenly{ justify-content: space-evenly; } .uq-justify-items-center{ justify-items: center; } .uq-justify-items-stretch{ justify-items: stretch; } .uq-gap-1{ gap: 0.25rem; } .uq-gap-10{ gap: 2.5rem; } .uq-gap-2{ gap: 0.5rem; } .uq-gap-3{ gap: 0.75rem; } .uq-gap-4{ gap: 1rem; } .uq-gap-5{ gap: 1.25rem; } .uq-gap-8{ gap: 2rem; } .uq-gap-px{ gap: 1px; } .uq-gap-x-2{ column-gap: 0.5rem; } .uq-gap-x-4{ column-gap: 1rem; } .uq-gap-x-8{ column-gap: 2rem; } .uq-gap-y-16{ row-gap: 4rem; } .uq-space-x-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .uq-space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .uq-space-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .uq-space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .uq-space-y-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .uq-space-y-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .uq-space-y-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .uq-divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .uq-self-end{ align-self: flex-end; } .uq-self-center{ align-self: center; } .uq-overflow-auto{ overflow: auto; } .uq-overflow-hidden{ overflow: hidden; } .\!uq-overflow-visible{ overflow: visible !important; } .uq-overflow-x-auto{ overflow-x: auto; } .uq-overflow-y-auto{ overflow-y: auto; } .uq-overflow-x-hidden{ overflow-x: hidden; } .uq-overflow-y-hidden{ overflow-y: hidden; } .uq-overflow-y-scroll{ overflow-y: scroll; } .uq-overscroll-contain{ overscroll-behavior: contain; } .uq-scroll-auto{ scroll-behavior: auto; } .uq-truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uq-overflow-ellipsis{ text-overflow: ellipsis; } .uq-text-ellipsis{ text-overflow: ellipsis; } .uq-whitespace-nowrap{ white-space: nowrap; } .uq-whitespace-pre-wrap{ white-space: pre-wrap; } .uq-break-all{ word-break: break-all; } .\!uq-rounded-lg{ border-radius: 0.5rem !important; } .uq-rounded{ border-radius: 0.25rem; } .uq-rounded-2xl{ border-radius: 1rem; } .uq-rounded-3xl{ border-radius: 1.5rem; } .uq-rounded-\[40px\]{ border-radius: 40px; } .uq-rounded-\[4px\]{ border-radius: 4px; } .uq-rounded-\[50\%\]{ border-radius: 50%; } .uq-rounded-\[inherit\]{ border-radius: inherit; } .uq-rounded-full{ border-radius: 9999px; } .uq-rounded-lg{ border-radius: 0.5rem; } .uq-rounded-md{ border-radius: 0.375rem; } .uq-rounded-none{ border-radius: 0px; } .uq-rounded-sm{ border-radius: 0.125rem; } .uq-rounded-xl{ border-radius: 0.75rem; } .uq-rounded-b-lg{ border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .uq-rounded-l-\[3px\]{ border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .uq-rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .uq-rounded-l-none{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .uq-rounded-r-\[3px\]{ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .uq-rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .uq-rounded-r-none{ border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .uq-rounded-t-lg{ border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .uq-rounded-t-xl{ border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } .uq-rounded-bl-lg{ border-bottom-left-radius: 0.5rem; } .uq-rounded-br-lg{ border-bottom-right-radius: 0.5rem; } .uq-rounded-tl-lg{ border-top-left-radius: 0.5rem; } .uq-rounded-tr-lg{ border-top-right-radius: 0.5rem; } .uq-border{ border-width: 1px; } .uq-border-0{ border-width: 0px; } .uq-border-2{ border-width: 2px; } .uq-border-4{ border-width: 4px; } .uq-border-8{ border-width: 8px; } .uq-border-\[1px\]{ border-width: 1px; } .uq-border-x-8{ border-left-width: 8px; border-right-width: 8px; } .uq-border-y-8{ border-top-width: 8px; border-bottom-width: 8px; } .\!uq-border-b-2{ border-bottom-width: 2px !important; } .uq-border-b{ border-bottom-width: 1px; } .uq-border-b-0{ border-bottom-width: 0px; } .uq-border-b-2{ border-bottom-width: 2px; } .uq-border-b-4{ border-bottom-width: 4px; } .uq-border-b-8{ border-bottom-width: 8px; } .uq-border-b-\[1px\]{ border-bottom-width: 1px; } .uq-border-l{ border-left-width: 1px; } .uq-border-l-0{ border-left-width: 0px; } .uq-border-l-8{ border-left-width: 8px; } .uq-border-r{ border-right-width: 1px; } .uq-border-r-0{ border-right-width: 0px; } .uq-border-r-8{ border-right-width: 8px; } .uq-border-t{ border-top-width: 1px; } .uq-border-t-8{ border-top-width: 8px; } .uq-border-solid{ border-style: solid; } .uq-border-none{ border-style: none; } .\!uq-border-\[\#D5DAE1\]{ --tw-border-opacity: 1 !important; border-color: rgb(213 218 225 / var(--tw-border-opacity)) !important; } .uq-border-\[\#5FE9D0\]{ --tw-border-opacity: 1; border-color: rgb(95 233 208 / var(--tw-border-opacity)); } .uq-border-\[\#B9E6FE\]{ --tw-border-opacity: 1; border-color: rgb(185 230 254 / var(--tw-border-opacity)); } .uq-border-\[\#D0D5DD\]{ --tw-border-opacity: 1; border-color: rgb(208 213 221 / var(--tw-border-opacity)); } .uq-border-\[\#D92D20\]{ --tw-border-opacity: 1; border-color: rgb(217 45 32 / var(--tw-border-opacity)); } .uq-border-black{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } .uq-border-green-100{ --tw-border-opacity: 1; border-color: rgb(220 252 231 / var(--tw-border-opacity)); } .uq-border-green-50{ --tw-border-opacity: 1; border-color: rgb(240 253 244 / var(--tw-border-opacity)); } .uq-border-indigo-200{ --tw-border-opacity: 1; border-color: rgb(199 210 254 / var(--tw-border-opacity)); } .uq-border-indigo-50{ --tw-border-opacity: 1; border-color: rgb(238 242 255 / var(--tw-border-opacity)); } .uq-border-orange-200{ --tw-border-opacity: 1; border-color: rgb(254 215 170 / var(--tw-border-opacity)); } .uq-border-orange-50{ --tw-border-opacity: 1; border-color: rgb(255 247 237 / var(--tw-border-opacity)); } .uq-border-pink-200{ --tw-border-opacity: 1; border-color: rgb(251 207 232 / var(--tw-border-opacity)); } .uq-border-pink-50{ --tw-border-opacity: 1; border-color: rgb(253 242 248 / var(--tw-border-opacity)); } .uq-border-purple-200{ --tw-border-opacity: 1; border-color: rgb(233 213 255 / var(--tw-border-opacity)); } .uq-border-purple-50{ --tw-border-opacity: 1; border-color: rgb(250 245 255 / var(--tw-border-opacity)); } .uq-border-red-700{ --tw-border-opacity: 1; border-color: rgb(185 28 28 / var(--tw-border-opacity)); } .uq-border-rose-200{ --tw-border-opacity: 1; border-color: rgb(254 205 211 / var(--tw-border-opacity)); } .uq-border-rose-50{ --tw-border-opacity: 1; border-color: rgb(255 241 242 / var(--tw-border-opacity)); } .uq-border-transparent{ border-color: transparent; } .uq-border-white{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } .uq-border-yellow-100{ --tw-border-opacity: 1; border-color: rgb(254 249 195 / var(--tw-border-opacity)); } .uq-border-yellow-50{ --tw-border-opacity: 1; border-color: rgb(254 252 232 / var(--tw-border-opacity)); } .uq-border-x-transparent{ border-left-color: transparent; border-right-color: transparent; } .uq-border-y-transparent{ border-top-color: transparent; border-bottom-color: transparent; } .uq-border-b-\[\#EAECF0\]{ --tw-border-opacity: 1; border-bottom-color: rgb(234 236 240 / var(--tw-border-opacity)); } .uq-border-b-gray-900{ --tw-border-opacity: 1; border-bottom-color: rgb(17 24 39 / var(--tw-border-opacity)); } .uq-border-b-white{ --tw-border-opacity: 1; border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)); } .uq-border-l-gray-400{ --tw-border-opacity: 1; border-left-color: rgb(156 163 175 / var(--tw-border-opacity)); } .uq-border-l-transparent{ border-left-color: transparent; } .uq-border-l-white{ --tw-border-opacity: 1; border-left-color: rgb(255 255 255 / var(--tw-border-opacity)); } .uq-border-r-transparent{ border-right-color: transparent; } .uq-border-r-white{ --tw-border-opacity: 1; border-right-color: rgb(255 255 255 / var(--tw-border-opacity)); } .uq-border-t-white{ --tw-border-opacity: 1; border-top-color: rgb(255 255 255 / var(--tw-border-opacity)); } .uq-border-opacity-40{ --tw-border-opacity: 0.4; } .uq-border-opacity-\[8\%\]{ --tw-border-opacity: 8%; } .\!uq-bg-\[\#3C17DE\]{ --tw-bg-opacity: 1 !important; background-color: rgb(60 23 222 / var(--tw-bg-opacity)) !important; } .uq-bg-\[\#344054B2\]{ background-color: #344054B2; } .uq-bg-\[\#3C17DE\]{ --tw-bg-opacity: 1; background-color: rgb(60 23 222 / var(--tw-bg-opacity)); } .uq-bg-\[\#D92D20\]{ --tw-bg-opacity: 1; background-color: rgb(217 45 32 / var(--tw-bg-opacity)); } .uq-bg-\[\#EAECF0\]{ --tw-bg-opacity: 1; background-color: rgb(234 236 240 / var(--tw-bg-opacity)); } .uq-bg-\[\#F2F4F7\]{ --tw-bg-opacity: 1; background-color: rgb(242 244 247 / var(--tw-bg-opacity)); } .uq-bg-\[\#F4F1FF\]{ --tw-bg-opacity: 1; background-color: rgb(244 241 255 / var(--tw-bg-opacity)); } .uq-bg-\[\#F5FBFF\]{ --tw-bg-opacity: 1; background-color: rgb(245 251 255 / var(--tw-bg-opacity)); } .uq-bg-\[\#F9F8FF\]{ --tw-bg-opacity: 1; background-color: rgb(249 248 255 / var(--tw-bg-opacity)); } .uq-bg-\[\#F9FAFB\]{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } .uq-bg-\[\#FCFCFD\]{ --tw-bg-opacity: 1; background-color: rgb(252 252 253 / var(--tw-bg-opacity)); } .uq-bg-\[\#FEF3F2\]{ --tw-bg-opacity: 1; background-color: rgb(254 243 242 / var(--tw-bg-opacity)); } .uq-bg-\[\#FFFAEB\]{ --tw-bg-opacity: 1; background-color: rgb(255 250 235 / var(--tw-bg-opacity)); } .uq-bg-\[\#e9ecef\]{ --tw-bg-opacity: 1; background-color: rgb(233 236 239 / var(--tw-bg-opacity)); } .uq-bg-black{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .uq-bg-blue-50{ --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity)); } .uq-bg-blue-900{ --tw-bg-opacity: 1; background-color: rgb(30 58 138 / var(--tw-bg-opacity)); } .uq-bg-gray-50{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } .uq-bg-gray-900{ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } .uq-bg-green-50{ --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity)); } .uq-bg-green-500{ --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity)); } .uq-bg-indigo-100{ --tw-bg-opacity: 1; background-color: rgb(224 231 255 / var(--tw-bg-opacity)); } .uq-bg-indigo-50{ --tw-bg-opacity: 1; background-color: rgb(238 242 255 / var(--tw-bg-opacity)); } .uq-bg-indigo-500{ --tw-bg-opacity: 1; background-color: rgb(99 102 241 / var(--tw-bg-opacity)); } .uq-bg-orange-100{ --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity)); } .uq-bg-orange-50{ --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity)); } .uq-bg-orange-500{ --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity)); } .uq-bg-orange-700{ --tw-bg-opacity: 1; background-color: rgb(194 65 12 / var(--tw-bg-opacity)); } .uq-bg-pink-100{ --tw-bg-opacity: 1; background-color: rgb(252 231 243 / var(--tw-bg-opacity)); } .uq-bg-pink-50{ --tw-bg-opacity: 1; background-color: rgb(253 242 248 / var(--tw-bg-opacity)); } .uq-bg-purple-100{ --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity)); } .uq-bg-purple-50{ --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity)); } .uq-bg-purple-500{ --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity)); } .uq-bg-purple-600{ --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity)); } .uq-bg-red-100{ --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity)); } .uq-bg-rose-100{ --tw-bg-opacity: 1; background-color: rgb(255 228 230 / var(--tw-bg-opacity)); } .uq-bg-rose-50{ --tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity)); } .uq-bg-transparent{ background-color: transparent; } .uq-bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .uq-bg-yellow-50{ --tw-bg-opacity: 1; background-color: rgb(254 252 232 / var(--tw-bg-opacity)); } .uq-bg-yellow-500{ --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } .uq-bg-opacity-60{ --tw-bg-opacity: 0.6; } .uq-bg-opacity-80{ --tw-bg-opacity: 0.8; } .uq-bg-cover{ background-size: cover; } .uq-bg-fixed{ background-attachment: fixed; } .uq-bg-clip-content{ background-clip: content-box; } .uq-bg-\[50\%\]{ background-position: 50%; } .uq-object-contain{ object-fit: contain; } .uq-object-cover{ object-fit: cover; } .\!uq-p-0{ padding: 0px !important; } .uq-p-0{ padding: 0px; } .uq-p-1{ padding: 0.25rem; } .uq-p-1\.5{ padding: 0.375rem; } .uq-p-10{ padding: 2.5rem; } .uq-p-2{ padding: 0.5rem; } .uq-p-2\.5{ padding: 0.625rem; } .uq-p-3{ padding: 0.75rem; } .uq-p-3\.5{ padding: 0.875rem; } .uq-p-4{ padding: 1rem; } .uq-p-5{ padding: 1.25rem; } .uq-p-6{ padding: 1.5rem; } .uq-p-7{ padding: 1.75rem; } .uq-p-\[22px\]{ padding: 22px; } .uq-p-\[2px\]{ padding: 2px; } .uq-px-0{ padding-left: 0px; padding-right: 0px; } .uq-px-0\.5{ padding-left: 0.125rem; padding-right: 0.125rem; } .uq-px-1{ padding-left: 0.25rem; padding-right: 0.25rem; } .uq-px-1\.5{ padding-left: 0.375rem; padding-right: 0.375rem; } .uq-px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } .uq-px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .uq-px-2\.5{ padding-left: 0.625rem; padding-right: 0.625rem; } .uq-px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } .uq-px-3\.5{ padding-left: 0.875rem; padding-right: 0.875rem; } .uq-px-4{ padding-left: 1rem; padding-right: 1rem; } .uq-px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .uq-px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .uq-px-7{ padding-left: 1.75rem; padding-right: 1.75rem; } .uq-px-8{ padding-left: 2rem; padding-right: 2rem; } .uq-py-0{ padding-top: 0px; padding-bottom: 0px; } .uq-py-0\.5{ padding-top: 0.125rem; padding-bottom: 0.125rem; } .uq-py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .uq-py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .uq-py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .uq-py-12{ padding-top: 3rem; padding-bottom: 3rem; } .uq-py-16{ padding-top: 4rem; padding-bottom: 4rem; } .uq-py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .uq-py-2\.5{ padding-top: 0.625rem; padding-bottom: 0.625rem; } .uq-py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .uq-py-4{ padding-top: 1rem; padding-bottom: 1rem; } .uq-py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .uq-py-7{ padding-top: 1.75rem; padding-bottom: 1.75rem; } .uq-py-\[22px\]{ padding-top: 22px; padding-bottom: 22px; } .\!uq-pb-0{ padding-bottom: 0px !important; } .\!uq-pb-\[15px\]{ padding-bottom: 15px !important; } .\!uq-pl-5{ padding-left: 1.25rem !important; } .uq-pb-0{ padding-bottom: 0px; } .uq-pb-1{ padding-bottom: 0.25rem; } .uq-pb-12{ padding-bottom: 3rem; } .uq-pb-2{ padding-bottom: 0.5rem; } .uq-pb-3{ padding-bottom: 0.75rem; } .uq-pb-3\.5{ padding-bottom: 0.875rem; } .uq-pb-4{ padding-bottom: 1rem; } .uq-pb-5{ padding-bottom: 1.25rem; } .uq-pb-6{ padding-bottom: 1.5rem; } .uq-pl-1{ padding-left: 0.25rem; } .uq-pl-10{ padding-left: 2.5rem; } .uq-pl-2{ padding-left: 0.5rem; } .uq-pl-2\.5{ padding-left: 0.625rem; } .uq-pl-3{ padding-left: 0.75rem; } .uq-pl-3\.5{ padding-left: 0.875rem; } .uq-pl-4{ padding-left: 1rem; } .uq-pl-5{ padding-left: 1.25rem; } .uq-pl-6{ padding-left: 1.5rem; } .uq-pl-7{ padding-left: 1.75rem; } .uq-pl-8{ padding-left: 2rem; } .uq-pl-\[41px\]{ padding-left: 41px; } .uq-pr-0{ padding-right: 0px; } .uq-pr-10{ padding-right: 2.5rem; } .uq-pr-12{ padding-right: 3rem; } .uq-pr-2{ padding-right: 0.5rem; } .uq-pr-3{ padding-right: 0.75rem; } .uq-pr-3\.5{ padding-right: 0.875rem; } .uq-pr-4{ padding-right: 1rem; } .uq-pr-6{ padding-right: 1.5rem; } .uq-pr-8{ padding-right: 2rem; } .uq-pt-1{ padding-top: 0.25rem; } .uq-pt-1\.5{ padding-top: 0.375rem; } .uq-pt-2{ padding-top: 0.5rem; } .uq-pt-2\.5{ padding-top: 0.625rem; } .uq-pt-20{ padding-top: 5rem; } .uq-pt-3{ padding-top: 0.75rem; } .uq-pt-3\.5{ padding-top: 0.875rem; } .uq-pt-4{ padding-top: 1rem; } .uq-pt-5{ padding-top: 1.25rem; } .uq-pt-6{ padding-top: 1.5rem; } .uq-pt-7{ padding-top: 1.75rem; } .uq-pt-8{ padding-top: 2rem; } .uq-pt-\[2px\]{ padding-top: 2px; } .uq-pt-\[3px\]{ padding-top: 3px; } .uq-text-left{ text-align: left; } .uq-text-center{ text-align: center; } .uq-font-sans{ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .uq-text-2xl{ font-size: 1.5rem; line-height: 2rem; } .uq-text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .uq-text-4xl{ font-size: 2.25rem; line-height: 2.5rem; } .uq-text-6xl{ font-size: 3.75rem; line-height: 1; } .uq-text-\[0\.375rem\]{ font-size: 0.375rem; } .uq-text-\[100px\]{ font-size: 100px; } .uq-text-\[10px\]{ font-size: 10px; } .uq-text-\[11px\]{ font-size: 11px; } .uq-text-\[16px\]{ font-size: 16px; } .uq-text-\[18px\]{ font-size: 18px; } .uq-text-\[5px\]{ font-size: 5px; } .uq-text-\[8px\]{ font-size: 8px; } .uq-text-base{ font-size: 1rem; line-height: 1.5rem; } .uq-text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .uq-text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .uq-text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .uq-text-xs{ font-size: 0.75rem; line-height: 1rem; } .uq-font-black{ font-weight: 900; } .uq-font-bold{ font-weight: 700; } .uq-font-medium{ font-weight: 500; } .uq-font-normal{ font-weight: 400; } .uq-font-semibold{ font-weight: 600; } .uq-normal-case{ text-transform: none; } .uq-leading-4{ line-height: 1rem; } .uq-leading-5{ line-height: 1.25rem; } .uq-leading-6{ line-height: 1.5rem; } .uq-leading-\[1\]{ line-height: 1; } .uq-leading-\[5px\]{ line-height: 5px; } .uq-leading-none{ line-height: 1; } .\!uq-text-\[\#667085\]{ --tw-text-opacity: 1 !important; color: rgb(102 112 133 / var(--tw-text-opacity)) !important; } .\!uq-text-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .uq-text-\[\#026AA2\]{ --tw-text-opacity: 1; color: rgb(2 106 162 / var(--tw-text-opacity)); } .uq-text-\[\#0E9384\]{ --tw-text-opacity: 1; color: rgb(14 147 132 / var(--tw-text-opacity)); } .uq-text-\[\#101828\]{ --tw-text-opacity: 1; color: rgb(16 24 40 / var(--tw-text-opacity)); } .uq-text-\[\#107569\]{ --tw-text-opacity: 1; color: rgb(16 117 105 / var(--tw-text-opacity)); } .uq-text-\[\#175CD3\]{ --tw-text-opacity: 1; color: rgb(23 92 211 / var(--tw-text-opacity)); } .uq-text-\[\#2E12AB\]{ --tw-text-opacity: 1; color: rgb(46 18 171 / var(--tw-text-opacity)); } .uq-text-\[\#344054\]{ --tw-text-opacity: 1; color: rgb(52 64 84 / var(--tw-text-opacity)); } .uq-text-\[\#3C17DE\]{ --tw-text-opacity: 1; color: rgb(60 23 222 / var(--tw-text-opacity)); } .uq-text-\[\#4F4F4F\]{ --tw-text-opacity: 1; color: rgb(79 79 79 / var(--tw-text-opacity)); } .uq-text-\[\#667085\]{ --tw-text-opacity: 1; color: rgb(102 112 133 / var(--tw-text-opacity)); } .uq-text-\[\#7559EE\]{ --tw-text-opacity: 1; color: rgb(117 89 238 / var(--tw-text-opacity)); } .uq-text-\[\#98A2B3\]{ --tw-text-opacity: 1; color: rgb(152 162 179 / var(--tw-text-opacity)); } .uq-text-\[\#D92D20\]{ --tw-text-opacity: 1; color: rgb(217 45 32 / var(--tw-text-opacity)); } .uq-text-blue-700{ --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity)); } .uq-text-gray-500{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .uq-text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .uq-text-gray-700{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } .uq-text-gray-800{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .uq-text-gray-900{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); } .uq-text-green-700{ --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity)); } .uq-text-green-800{ --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity)); } .uq-text-indigo-600{ --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity)); } .uq-text-indigo-700{ --tw-text-opacity: 1; color: rgb(67 56 202 / var(--tw-text-opacity)); } .uq-text-indigo-800{ --tw-text-opacity: 1; color: rgb(55 48 163 / var(--tw-text-opacity)); } .uq-text-orange-700{ --tw-text-opacity: 1; color: rgb(194 65 12 / var(--tw-text-opacity)); } .uq-text-orange-800{ --tw-text-opacity: 1; color: rgb(154 52 18 / var(--tw-text-opacity)); } .uq-text-orange-900{ --tw-text-opacity: 1; color: rgb(124 45 18 / var(--tw-text-opacity)); } .uq-text-pink-700{ --tw-text-opacity: 1; color: rgb(190 24 93 / var(--tw-text-opacity)); } .uq-text-pink-800{ --tw-text-opacity: 1; color: rgb(157 23 77 / var(--tw-text-opacity)); } .uq-text-purple-600{ --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity)); } .uq-text-purple-700{ --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity)); } .uq-text-purple-800{ --tw-text-opacity: 1; color: rgb(107 33 168 / var(--tw-text-opacity)); } .uq-text-red-600{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); } .uq-text-red-700{ --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity)); } .uq-text-rose-700{ --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity)); } .uq-text-rose-800{ --tw-text-opacity: 1; color: rgb(159 18 57 / var(--tw-text-opacity)); } .uq-text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .uq-text-yellow-700{ --tw-text-opacity: 1; color: rgb(161 98 7 / var(--tw-text-opacity)); } .uq-text-yellow-800{ --tw-text-opacity: 1; color: rgb(133 77 14 / var(--tw-text-opacity)); } .uq-underline{ text-decoration-line: underline; } .uq-no-underline{ text-decoration-line: none; } .uq-opacity-0{ opacity: 0; } .uq-opacity-10{ opacity: 0.1; } .uq-opacity-100{ opacity: 1; } .uq-opacity-30{ opacity: 0.3; } .uq-opacity-40{ opacity: 0.4; } .uq-opacity-50{ opacity: 0.5; } .uq-opacity-70{ opacity: 0.7; } .uq-shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .uq-shadow-\[0_0_0_2px_white\,0_12px_16px_-4px_rgba\(16\,24\,40\,0\.08\)\,0_4px_6px_-2px_rgba\(16\,24\,40\,0\.03\)\]{ --tw-shadow: 0 0 0 2px white,0 12px 16px -4px rgba(16,24,40,0.08),0 4px 6px -2px rgba(16,24,40,0.03); --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color), 0 12px 16px -4px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .uq-shadow-\[0_0_0_3px_white\,0_12px_16px_-4px_rgba\(16\,24\,40\,0\.08\)\,0_4px_6px_-2px_rgba\(16\,24\,40\,0\.03\)\]{ --tw-shadow: 0 0 0 3px white,0 12px 16px -4px rgba(16,24,40,0.08),0 4px 6px -2px rgba(16,24,40,0.03); --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color), 0 12px 16px -4px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .uq-shadow-\[0_0_0_4px_white\,0_12px_16px_-4px_rgba\(16\,24\,40\,0\.08\)\,0_4px_6px_-2px_rgba\(16\,24\,40\,0\.03\)\]{ --tw-shadow: 0 0 0 4px white,0 12px 16px -4px rgba(16,24,40,0.08),0 4px 6px -2px rgba(16,24,40,0.03); --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color), 0 12px 16px -4px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .uq-shadow-lg{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .uq-shadow-md{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .uq-shadow-none{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .uq-shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .uq-shadow-xl{ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .uq-shadow-black{ --tw-shadow-color: #000; --tw-shadow: var(--tw-shadow-colored); } .\!uq-outline-none{ outline: 2px solid transparent !important; outline-offset: 2px !important; } .uq-outline-none{ outline: 2px solid transparent; outline-offset: 2px; } .uq-ring-0{ --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(0px + 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); } .uq-ring-1{ --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, 0 0 #0000); } .uq-ring-\[1px\]{ --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, 0 0 #0000); } .uq-ring-\[\#1751C1\]{ --tw-ring-opacity: 1; --tw-ring-color: rgb(23 81 193 / var(--tw-ring-opacity)); } .uq-ring-offset-0{ --tw-ring-offset-width: 0px; } .uq-ring-offset-1{ --tw-ring-offset-width: 1px; } .uq-drop-shadow-lg{ --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)); 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); } .uq-grayscale{ --tw-grayscale: grayscale(100%); 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); } .uq-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); } .uq-transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .uq-transition-\[width\]{ transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .uq-transition-none{ transition-property: none; } .uq-transition-opacity{ transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .uq-transition-shadow{ transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .uq-duration-150{ transition-duration: 150ms; } .uq-duration-200{ transition-duration: 200ms; } .uq-duration-300{ transition-duration: 300ms; } .uq-ease-in{ transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .uq-ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } /* Uniqore UI Library Tailwind */ .placeholder\:uq-text-base::placeholder{ font-size: 1rem; line-height: 1.5rem; } .placeholder\:uq-text-sm::placeholder{ font-size: 0.875rem; line-height: 1.25rem; } .before\:uq-bottom-auto::before{ content: var(--tw-content); bottom: auto; } .before\:uq-top-full::before{ content: var(--tw-content); top: 100%; } .before\:uq-border-b-transparent::before{ content: var(--tw-content); border-bottom-color: transparent; } .after\:uq-absolute::after{ content: var(--tw-content); position: absolute; } .after\:uq-left-0::after{ content: var(--tw-content); left: 0px; } .after\:uq-left-1\/2::after{ content: var(--tw-content); left: 50%; } .after\:uq-left-\[2px\]::after{ content: var(--tw-content); left: 2px; } .after\:uq-right-0::after{ content: var(--tw-content); right: 0px; } .after\:uq-top-0::after{ content: var(--tw-content); top: 0px; } .after\:uq-top-0\.5::after{ content: var(--tw-content); top: 0.125rem; } .after\:uq-top-full::after{ content: var(--tw-content); top: 100%; } .after\:uq-z-10::after{ content: var(--tw-content); z-index: 10; } .after\:-uq-ml-1::after{ content: var(--tw-content); margin-left: -0.25rem; } .after\:uq-h-4::after{ content: var(--tw-content); height: 1rem; } .after\:uq-h-5::after{ content: var(--tw-content); height: 1.25rem; } .after\:uq-h-full::after{ content: var(--tw-content); height: 100%; } .after\:uq-w-4::after{ content: var(--tw-content); width: 1rem; } .after\:uq-w-5::after{ content: var(--tw-content); width: 1.25rem; } .after\:uq-translate-x-\[-100\%\]::after{ content: var(--tw-content); --tw-translate-x: -100%; 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)); } .after\:uq-rounded-full::after{ content: var(--tw-content); border-radius: 9999px; } .after\:uq-border::after{ content: var(--tw-content); border-width: 1px; } .after\:uq-border-4::after{ content: var(--tw-content); border-width: 4px; } .after\:uq-border-solid::after{ content: var(--tw-content); border-style: solid; } .after\:uq-border-b-transparent::after{ content: var(--tw-content); border-bottom-color: transparent; } .after\:uq-border-l-transparent::after{ content: var(--tw-content); border-left-color: transparent; } .after\:uq-border-r-transparent::after{ content: var(--tw-content); border-right-color: transparent; } .after\:uq-border-t-\[\#555\]::after{ content: var(--tw-content); --tw-border-opacity: 1; border-top-color: rgb(85 85 85 / var(--tw-border-opacity)); } .after\:uq-bg-white::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .after\:uq-transition-all::after{ content: var(--tw-content); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .after\:uq-content-\[\"\"\]::after{ --tw-content: ""; content: var(--tw-content); } .after\:uq-content-\[\'\'\]::after{ --tw-content: ''; content: var(--tw-content); } .first\:uq-rounded-l-lg:first-child{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .first\:uq-pl-0:first-child{ padding-left: 0px; } .last\:uq-mr-0:last-child{ margin-right: 0px; } .last\:uq-rounded-r-lg:last-child{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .last\:uq-pr-0:last-child{ padding-right: 0px; } .checked\:uq-rounded:checked{ border-radius: 0.25rem; } .checked\:uq-border:checked{ border-width: 1px; } .checked\:uq-border-solid:checked{ border-style: solid; } .focus-within\:uq-border-\[2px\]:focus-within{ border-width: 2px; } .hover\:uq-z-50:hover{ z-index: 50; } .hover\:uq-cursor-default:hover{ cursor: default; } .hover\:uq-cursor-pointer:hover{ cursor: pointer; } .hover\:uq-rounded-lg:hover{ border-radius: 0.5rem; } .hover\:uq-rounded-md:hover{ border-radius: 0.375rem; } .hover\:uq-border:hover{ border-width: 1px; } .hover\:uq-border-b-2:hover{ border-bottom-width: 2px; } .hover\:uq-border-\[\#1751C1\]:hover{ --tw-border-opacity: 1; border-color: rgb(23 81 193 / var(--tw-border-opacity)); } .hover\:uq-border-white:hover{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } .hover\:uq-border-opacity-40:hover{ --tw-border-opacity: 0.4; } .hover\:uq-bg-\[\#F9F8FF\]:hover{ --tw-bg-opacity: 1; background-color: rgb(249 248 255 / var(--tw-bg-opacity)); } .hover\:uq-bg-white:hover{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .hover\:uq-font-medium:hover{ font-weight: 500; } .hover\:\!uq-text-white:hover{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .hover\:uq-text-\[\#2E12AB\]:hover{ --tw-text-opacity: 1; color: rgb(46 18 171 / var(--tw-text-opacity)); } .hover\:uq-text-indigo-900:hover{ --tw-text-opacity: 1; color: rgb(49 46 129 / var(--tw-text-opacity)); } .hover\:uq-underline:hover{ text-decoration-line: underline; } .hover\:uq-opacity-100:hover{ opacity: 1; } .hover\:uq-shadow-md:hover{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:uq-z-10:focus{ z-index: 10; } .focus\:uq-z-\[51\]:focus{ z-index: 51; } .focus\:uq-rounded-lg:focus{ border-radius: 0.5rem; } .focus\:uq-border:focus{ border-width: 1px; } .focus\:uq-border-t:focus{ border-top-width: 1px; } .focus\:uq-border-none:focus{ border-style: none; } .focus\:\!uq-border-white:focus{ --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; } .focus\:uq-border-gray-500:focus{ --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity)); } .focus\:uq-border-transparent:focus{ border-color: transparent; } .focus\:uq-outline-none:focus{ outline: 2px solid transparent; outline-offset: 2px; } .focus\:uq-outline-0:focus{ outline-width: 0px; } .focus\:\!uq-ring-\[1px\]: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(1px + 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\:uq-ring-0:focus{ --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(0px + 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); } .focus\:uq-ring-4:focus{ --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); } .focus\:uq-ring-\[1px\]:focus{ --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, 0 0 #0000); } .focus\:uq-ring-\[\#EAEEFB\]:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(234 238 251 / var(--tw-ring-opacity)); } .focus\:uq-ring-offset-0:focus{ --tw-ring-offset-width: 0px; } .focus\:uq-ring-offset-1:focus{ --tw-ring-offset-width: 1px; } .focus-visible\:uq-inset-1:focus-visible{ inset: 0.25rem; } .focus-visible\:uq-rounded-lg:focus-visible{ border-radius: 0.5rem; } .focus-visible\:uq-border:focus-visible{ border-width: 1px; } .focus-visible\:uq-border-\[1px\]:focus-visible{ border-width: 1px; } .focus-visible\:uq-border-white:focus-visible{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } .focus-visible\:uq-outline:focus-visible{ outline-style: solid; } .focus-visible\:uq-outline-\[1px\]:focus-visible{ outline-width: 1px; } .focus-visible\:uq-outline-offset-2:focus-visible{ outline-offset: 2px; } .focus-visible\:uq-outline-\[\#1751C1\]:focus-visible{ outline-color: #1751C1; } .focus-visible\:uq-ring-0:focus-visible{ --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(0px + 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); } .focus-visible\:uq-ring-2:focus-visible{ --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, 0 0 #0000); } .focus-visible\:uq-ring-4:focus-visible{ --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); } .focus-visible\:uq-ring-\[1px\]:focus-visible{ --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, 0 0 #0000); } .focus-visible\:uq-ring-\[\#EAEEFB\]:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(234 238 251 / var(--tw-ring-opacity)); } .focus-visible\:uq-ring-transparent:focus-visible{ --tw-ring-color: transparent; } .active\:uq-border:active{ border-width: 1px; } .active\:uq-border-b-2:active{ border-bottom-width: 2px; } .enabled\:hover\:uq-shadow-md:hover:enabled{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .enabled\:focus-visible\:uq-ring-4:focus-visible:enabled{ --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); } .enabled\:active\:\!uq-border-solid:active:enabled{ border-style: solid !important; } .disabled\:uq-border-opacity-70:disabled{ --tw-border-opacity: 0.7; } .disabled\:uq-opacity-20:disabled{ opacity: 0.2; } .disabled\:uq-opacity-40:disabled{ opacity: 0.4; } .uq-group:hover .group-hover\:uq-visible{ visibility: visible; } .uq-group:hover .group-hover\:uq-inline-block{ display: inline-block; } .uq-group:hover .group-hover\:uq-inline{ display: inline; } .uq-group:hover .group-hover\:uq-hidden{ display: none; } .uq-group:hover .group-hover\:uq-text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .uq-peer:checked ~ .peer-checked\:after\:uq-translate-x-full::after{ content: var(--tw-content); --tw-translate-x: 100%; 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)); } .uq-peer:checked ~ .peer-checked\:after\:uq-border-white::after{ content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } .uq-peer:focus ~ .peer-focus\:uq-outline-none{ outline: 2px solid transparent; outline-offset: 2px; } .uq-peer:focus ~ .peer-focus\:uq-ring-2{ --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, 0 0 #0000); } .uq-peer:focus ~ .peer-focus\:uq-ring-\[\#1751C1\]{ --tw-ring-opacity: 1; --tw-ring-color: rgb(23 81 193 / var(--tw-ring-opacity)); } .uq-peer:focus ~ .peer-focus\:uq-ring-offset-2{ --tw-ring-offset-width: 2px; } .uq-peer:disabled ~ .peer-disabled\:uq-cursor-default{ cursor: default; } @media (min-width: 640px){ .sm\:uq-mx-auto{ margin-left: auto; margin-right: auto; } .sm\:uq-w-full{ width: 100%; } .sm\:uq-max-w-lg{ max-width: 32rem; } .sm\:uq-grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:uq-flex-row{ flex-direction: row; } .sm\:uq-rounded-lg{ border-radius: 0.5rem; } .sm\:uq-px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .sm\:uq-py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } } @media (min-width: 768px){ .md\:uq-max-w-lg{ max-width: 32rem; } .md\:uq-text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } } @media (min-width: 1024px){ .lg\:uq-flex{ display: flex; } .lg\:uq-h-\[55px\]{ height: 55px; } .lg\:uq-w-96{ width: 24rem; } .lg\:uq-w-\[45\%\]{ width: 45%; } .lg\:uq-w-\[55\%\]{ width: 55%; } .lg\:uq-w-\[75px\]{ width: 75px; } .lg\:uq-px-12{ padding-left: 3rem; padding-right: 3rem; } .lg\:uq-px-8{ padding-left: 2rem; padding-right: 2rem; } } @media (min-width: 1280px){ .xl\:uq-max-w-none{ max-width: none; } .xl\:uq-grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:uq-px-8{ padding-left: 2rem; padding-right: 2rem; } } @media (min-width: 1536px){ .\32xl\:uq-w-\[300px\]{ width: 300px; } .\32xl\:uq-w-\[600px\]{ width: 600px; } .\32xl\:uq-grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } } .\[\&\:not\(\:first-child\)\]\:uq-border-l:not(:first-child){ border-left-width: 1px; } .\[\&\:not\(\:first-child\)\]\:uq-border-solid:not(:first-child){ border-style: solid; } .\[\&\>\*\:nth-child\(odd\)\]\:uq-bg-white>*:nth-child(odd){ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .\[\&_td\]\:uq-px-6 td{ padding-left: 1.5rem; padding-right: 1.5rem; } .\[\&_td\]\:uq-py-3 td{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .\[\&_td\]\:uq-text-left td{ text-align: left; } .\[\&_th\]\:uq-px-6 th{ padding-left: 1.5rem; padding-right: 1.5rem; } .\[\&_th\]\:uq-py-3 th{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .\[\&_th\]\:uq-text-left th{ text-align: left; } .\[\&_th\]\:uq-align-text-top th{ vertical-align: text-top; } /*# sourceMappingURL=styles.9556bf923483f20d.css.map*/