/* * Amplify UI Basic Theme */ :root, [data-amplify-theme] { --amplify-components-accordion-background-color: var(--amplify-colors-background-primary); --amplify-components-accordion-item-border-color: var(--amplify-colors-border-secondary); --amplify-components-accordion-item-border-width: var(--amplify-border-widths-small); --amplify-components-accordion-item-border-style: solid; --amplify-components-accordion-item-border-radius: var(--amplify-radii-small); --amplify-components-accordion-item-trigger-align-items: center; --amplify-components-accordion-item-trigger-background-color: var(--amplify-colors-background-primary); --amplify-components-accordion-item-trigger-color: inherit; --amplify-components-accordion-item-trigger-gap: var(--amplify-space-small); --amplify-components-accordion-item-trigger-justify-content: space-between; --amplify-components-accordion-item-trigger-padding-block: var(--amplify-space-xs); --amplify-components-accordion-item-trigger-padding-inline: var(--amplify-space-small); --amplify-components-accordion-item-trigger-hover-color: inherit; --amplify-components-accordion-item-trigger-hover-background-color: var(--amplify-colors-overlay-5); --amplify-components-accordion-item-trigger-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-accordion-item-trigger-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus); --amplify-components-accordion-item-content-color: inherit; --amplify-components-accordion-item-content-padding-inline: var(--amplify-space-small); --amplify-components-accordion-item-content-padding-block-end: var(--amplify-space-small); --amplify-components-accordion-item-content-padding-block-start: var(--amplify-space-xxxs); --amplify-components-accordion-item-icon-color: var(--amplify-colors-font-tertiary); --amplify-components-accordion-item-icon-transition-duration: var(--amplify-time-medium); --amplify-components-accordion-item-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1); --amplify-components-ai-conversation-message-background-color: var(--amplify-colors-background-secondary); --amplify-components-ai-conversation-message-border-radius: var(--amplify-radii-large); --amplify-components-ai-conversation-message-gap: var(--amplify-space-small); --amplify-components-ai-conversation-message-padding-block: var(--amplify-space-small); --amplify-components-ai-conversation-message-padding-inline: var(--amplify-space-small); --amplify-components-ai-conversation-message-user-background-color: var(--amplify-colors-background-secondary); --amplify-components-ai-conversation-message-assistant-background-color: var(--amplify-colors-primary-10); --amplify-components-ai-conversation-message-sender-gap: var(--amplify-space-small); --amplify-components-ai-conversation-message-sender-username-color: var(--amplify-colors-font-primary); --amplify-components-ai-conversation-message-sender-username-font-size: inherit; --amplify-components-ai-conversation-message-sender-username-font-weight: var(--amplify-font-weights-bold); --amplify-components-ai-conversation-message-sender-timestamp-color: var(--amplify-colors-font-tertiary); --amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit; --amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit; --amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs); --amplify-components-ai-conversation-message-actions-gap: var(--amplify-space-xs); --amplify-components-ai-conversation-form-gap: var(--amplify-space-small); --amplify-components-ai-conversation-form-padding: var(--amplify-space-small); --amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary); --amplify-components-ai-conversation-attachment-border-width: var(--amplify-border-widths-small); --amplify-components-ai-conversation-attachment-border-radius: var(--amplify-radii-small); --amplify-components-ai-conversation-attachment-font-size: var(--amplify-font-sizes-small); --amplify-components-ai-conversation-attachment-padding-block: var(--amplify-space-xxxs); --amplify-components-ai-conversation-attachment-padding-inline: var(--amplify-space-xs); --amplify-components-ai-conversation-attachment-gap: var(--amplify-space-xs); --amplify-components-ai-conversation-attachment-list-padding: var(--amplify-space-xs); --amplify-components-ai-conversation-attachment-list-padding-block-start: 0; --amplify-components-ai-conversation-attachment-list-gap: var(--amplify-space-xxs); --amplify-components-ai-conversation-attachment-name-color: var(--amplify-colors-font-primary); --amplify-components-ai-conversation-attachment-name-font-size: var(--amplify-font-sizes-small); --amplify-components-ai-conversation-attachment-name-font-weight: var(--amplify-font-weights-normal); --amplify-components-ai-conversation-attachment-size-color: var(--amplify-colors-font-tertiary); --amplify-components-ai-conversation-attachment-size-font-size: var(--amplify-font-sizes-small); --amplify-components-ai-conversation-attachment-size-font-weight: var(--amplify-font-weights-normal); --amplify-components-ai-conversation-attachment-remove-padding: var(--amplify-space-xxs); --amplify-components-ai-conversation-attachment-image-width: var(--amplify-font-sizes-medium); --amplify-components-ai-conversation-attachment-image-height: var(--amplify-font-sizes-medium); --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-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-avatar-color: var(--amplify-colors-font-tertiary); --amplify-components-avatar-line-height: 1; --amplify-components-avatar-font-weight: var(--amplify-font-weights-semibold); --amplify-components-avatar-font-size: var(--amplify-font-sizes-small); --amplify-components-avatar-text-align: center; --amplify-components-avatar-width: var(--amplify-font-sizes-xxl); --amplify-components-avatar-height: var(--amplify-font-sizes-xxl); --amplify-components-avatar-background-color: var(--amplify-colors-background-tertiary); --amplify-components-avatar-border-radius: 100%; --amplify-components-avatar-border-color: var(--amplify-colors-border-primary); --amplify-components-avatar-border-width: var(--amplify-border-widths-medium); --amplify-components-avatar-info-color: var(--amplify-colors-font-info); --amplify-components-avatar-info-background-color: var(--amplify-colors-background-info); --amplify-components-avatar-info-border-color: var(--amplify-colors-border-info); --amplify-components-avatar-warning-color: var(--amplify-colors-font-warning); --amplify-components-avatar-warning-background-color: var(--amplify-colors-background-warning); --amplify-components-avatar-warning-border-color: var(--amplify-colors-border-warning); --amplify-components-avatar-success-color: var(--amplify-colors-font-success); --amplify-components-avatar-success-background-color: var(--amplify-colors-background-success); --amplify-components-avatar-success-border-color: var(--amplify-colors-border-success); --amplify-components-avatar-error-color: var(--amplify-colors-font-error); --amplify-components-avatar-error-background-color: var(--amplify-colors-background-error); --amplify-components-avatar-error-border-color: var(--amplify-colors-border-error); --amplify-components-avatar-small-font-size: var(--amplify-font-sizes-xs); --amplify-components-avatar-small-width: var(--amplify-font-sizes-xl); --amplify-components-avatar-small-height: var(--amplify-font-sizes-xl); --amplify-components-avatar-large-font-size: var(--amplify-font-sizes-medium); --amplify-components-avatar-large-width: var(--amplify-font-sizes-xxxl); --amplify-components-avatar-large-height: var(--amplify-font-sizes-xxxl); --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-primary-10); --amplify-components-button-hover-border-color: var(--amplify-colors-primary-60); --amplify-components-button-focus-color: var(--amplify-colors-font-focus); --amplify-components-button-focus-background-color: var(--amplify-colors-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-primary-20); --amplify-components-button-active-border-color: var(--amplify-colors-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: var(--amplify-components-fieldcontrol-info-focus-box-shadow); --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: var(--amplify-components-fieldcontrol-warning-focus-box-shadow); --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: var(--amplify-components-fieldcontrol-success-focus-box-shadow); --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-80); --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-80); --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: var(--amplify-components-fieldcontrol-error-focus-box-shadow); --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: var(--amplify-components-fieldcontrol-overlay-focus-box-shadow); --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-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-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-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-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: var(--amplify-components-fieldcontrol-info-focus-box-shadow); --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: var(--amplify-components-fieldcontrol-overlay-focus-box-shadow); --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: var(--amplify-components-fieldcontrol-error-focus-box-shadow); --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: var(--amplify-components-fieldcontrol-success-focus-box-shadow); --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: var(--amplify-components-fieldcontrol-overlay-focus-box-shadow); --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-primary-80); --amplify-components-button-menu-focus-color: var(--amplify-colors-font-inverse); --amplify-components-button-menu-focus-background-color: var(--amplify-colors-primary-80); --amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse); --amplify-components-button-menu-active-background-color: var(--amplify-colors-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-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-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-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: var(--amplify-components-fieldcontrol-info-focus-box-shadow); --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: var(--amplify-components-fieldcontrol-warning-focus-box-shadow); --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: var(--amplify-components-fieldcontrol-success-focus-box-shadow); --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: var(--amplify-components-fieldcontrol-error-focus-box-shadow); --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: var(--amplify-components-fieldcontrol-overlay-focus-box-shadow); --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-border-focus); --amplify-components-checkbox-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --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-border-error); --amplify-components-checkbox-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow); --amplify-components-checkbox-icon-background-color: var(--amplify-colors-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-color: var(--amplify-components-text-color); --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-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-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: transparent; --amplify-components-fieldcontrol-quiet-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error); --amplify-components-fieldcontrol-quiet-error-focus-border-block-end-color: transparent; --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow); --amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 2px 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 2px var(--amplify-colors-border-error); --amplify-components-fieldcontrol-info-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-blue-100); --amplify-components-fieldcontrol-warning-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-orange-100); --amplify-components-fieldcontrol-success-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-green-100); --amplify-components-fieldcontrol-overlay-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-overlay-90); --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-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-filelist-flex-direction: column; --amplify-components-fileuploader-filelist-gap: var(--amplify-space-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-justify-content: flex-end; --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-background-primary); --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-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-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-error-color: var(--amplify-components-button-outlined-error-color); --amplify-components-passwordfield-button-error-background-color: var(--amplify-components-button-outlined-error-background-color); --amplify-components-passwordfield-button-error-border-color: var(--amplify-components-button-outlined-error-border-color); --amplify-components-passwordfield-button-error-active-border-color: var(--amplify-components-button-outlined-error-active-border-color); --amplify-components-passwordfield-button-error-active-background-color: var(--amplify-components-button-outlined-error-active-background-color); --amplify-components-passwordfield-button-error-active-color: var(--amplify-components-button-outlined-error-active-color); --amplify-components-passwordfield-button-error-focus-border-color: var(--amplify-components-button-outlined-error-focus-border-color); --amplify-components-passwordfield-button-error-focus-background-color: var(--amplify-components-button-outlined-error-focus-background-color); --amplify-components-passwordfield-button-error-focus-color: var(--amplify-components-button-outlined-error-focus-color); --amplify-components-passwordfield-button-error-focus-box-shadow: var(--amplify-components-button-outlined-error-focus-box-shadow); --amplify-components-passwordfield-button-error-hover-border-color: var(--amplify-components-button-outlined-error-hover-border-color); --amplify-components-passwordfield-button-error-hover-background-color: var(--amplify-components-button-outlined-error-hover-background-color); --amplify-components-passwordfield-button-error-hover-color: var(--amplify-components-button-outlined-error-hover-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-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-legend-color: var(--amplify-components-fieldset-legend-color); --amplify-components-radiogroup-legend-font-weight: var(--amplify-font-weights-normal); --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-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-color: var(--amplify-components-fieldcontrol-color); --amplify-components-select-background-color: var(--amplify-colors-background-primary); --amplify-components-select-padding-inline-end: var(--amplify-space-xxl); --amplify-components-select-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-select-disabled-background-color: var(--amplify-colors-background-disabled); --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: transparent; --amplify-components-select-option-color: var(--amplify-colors-font-primary); --amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-select-option-disabled-background-color: transparent; --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-select-expanded-padding-block: var(--amplify-space-xs); --amplify-components-select-expanded-padding-inline: var(--amplify-space-small); --amplify-components-select-expanded-option-padding-block: var(--amplify-space-xs); --amplify-components-select-expanded-option-padding-inline: var(--amplify-space-small); --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-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: var(--amplify-components-fieldcontrol-focus-box-shadow); --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-primary-10); --amplify-components-storagemanager-dropzone-active-border-radius: var(--amplify-components-storagemanager-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-storagemanager-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-filelist-flex-direction: column; --amplify-components-storagemanager-filelist-gap: var(--amplify-space-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-switchfield-disabled-opacity: var(--amplify-opacities-60); --amplify-components-switchfield-focused-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow); --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-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-background-color: transparent; --amplify-components-tabs-item-hover-border-color: var(--amplify-colors-border-focus); --amplify-components-tabs-item-hover-box-shadow: none; --amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover); --amplify-components-tabs-item-focus-background-color: transparent; --amplify-components-tabs-item-focus-border-color: var(--amplify-colors-border-focus); --amplify-components-tabs-item-focus-box-shadow: 0px 0px 0px var(--amplify-border-widths-medium) var(--amplify-colors-border-focus); --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus); --amplify-components-tabs-item-active-background-color: transparent; --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive); --amplify-components-tabs-item-active-box-shadow: none; --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive); --amplify-components-tabs-item-disabled-background-color: transparent; --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary); --amplify-components-tabs-item-disabled-box-shadow: none; --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled); --amplify-components-tabs-panel-background-color: transparent; --amplify-components-tabs-panel-padding-inline: 0; --amplify-components-tabs-panel-padding-block: var(--amplify-space-small); --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-primary-80); --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-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-primary-60); --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-primary-60); --amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-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-primary-10: var(--amplify-colors-teal-10); --amplify-colors-primary-20: var(--amplify-colors-teal-20); --amplify-colors-primary-40: var(--amplify-colors-teal-40); --amplify-colors-primary-60: var(--amplify-colors-teal-60); --amplify-colors-primary-80: var(--amplify-colors-teal-80); --amplify-colors-primary-90: var(--amplify-colors-teal-90); --amplify-colors-primary-100: var(--amplify-colors-teal-100); --amplify-colors-secondary-10: var(--amplify-colors-purple-10); --amplify-colors-secondary-20: var(--amplify-colors-purple-20); --amplify-colors-secondary-40: var(--amplify-colors-purple-40); --amplify-colors-secondary-60: var(--amplify-colors-purple-60); --amplify-colors-secondary-80: var(--amplify-colors-purple-80); --amplify-colors-secondary-90: var(--amplify-colors-purple-90); --amplify-colors-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-primary-80); --amplify-colors-font-hover: var(--amplify-colors-primary-90); --amplify-colors-font-focus: var(--amplify-colors-primary-100); --amplify-colors-font-active: var(--amplify-colors-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-primary-100); --amplify-colors-border-focus: var(--amplify-colors-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; -moz-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; -moz-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--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 { border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-focus-border-block-end-color); box-shadow: var(--amplify-components-fieldcontrol-quiet-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-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; -moz-user-select: text; user-select: text; white-space: pre-wrap; max-height: 100%; } .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--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 { border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-focus-border-block-end-color); box-shadow: var(--amplify-components-fieldcontrol-quiet-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-image { height: var(--amplify-components-image-height); max-width: var(--amplify-components-image-max-width); -o-object-fit: var(--amplify-components-image-object-fit); object-fit: var(--amplify-components-image-object-fit); -o-object-position: var(--amplify-components-image-object-position); 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__label { 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-accordion { display: block; background-color: var(--amplify-components-accordion-background-color); border-radius: var(--amplify-components-accordion-item-border-radius); } .amplify-accordion__item { display: block; position: relative; border-width: var(--amplify-components-accordion-item-border-width); border-style: var(--amplify-components-accordion-item-border-style); border-color: var(--amplify-components-accordion-item-border-color); } .amplify-accordion__item + .amplify-accordion__item { margin-block-start: calc(-1 * var(--amplify-components-accordion-item-border-width)); } .amplify-accordion__item:where(:first-of-type) { border-start-end-radius: var(--amplify-components-accordion-item-border-radius); border-start-start-radius: var(--amplify-components-accordion-item-border-radius); } .amplify-accordion__item:where(:last-of-type) { border-end-end-radius: var(--amplify-components-accordion-item-border-radius); border-end-start-radius: var(--amplify-components-accordion-item-border-radius); } .amplify-accordion__item__trigger { cursor: pointer; display: flex; position: relative; color: var(--amplify-components-accordion-item-trigger-color); border-radius: var(--amplify-components-accordion-item-border-radius); padding-inline: var(--amplify-components-accordion-item-trigger-padding-inline); padding-block: var(--amplify-components-accordion-item-trigger-padding-block); gap: var(--amplify-components-accordion-item-trigger-gap); align-items: var(--amplify-components-accordion-item-trigger-align-items); justify-content: var(--amplify-components-accordion-item-trigger-justify-content); } .amplify-accordion__item__trigger:hover { background-color: var(--amplify-components-accordion-item-trigger-hover-background-color); color: var(--amplify-components-accordion-item-trigger-hover-color); } .amplify-accordion__item__trigger:focus { box-shadow: var(--amplify-components-accordion-item-trigger-focus-box-shadow); border-color: var(--amplify-components-accordion-item-trigger-focus-border-color); z-index: 2; } .amplify-accordion__item__trigger::-webkit-details-marker { display: none; } .amplify-accordion__item__content { display: block; color: var(--amplify-components-accordion-item-content-color); padding-block-end: var(--amplify-components-accordion-item-content-padding-block-end); padding-block-start: var(--amplify-components-accordion-item-content-padding-block-start); padding-inline: var(--amplify-components-accordion-item-content-padding-inline); } .amplify-accordion__item__icon { color: var(--amplify-components-accordion-item-icon-color); transition-property: transform; transition-duration: var(--amplify-components-accordion-item-icon-transition-duration); transition-timing-function: var(--amplify-components-accordion-item-icon-transition-timing-function); } [open] .amplify-accordion__item__icon { transform: rotate(180deg); } .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-authenticator__federated-buttons { flex-direction: column; padding-block-end: var(--amplify-space-medium); } .amplify-authenticator__federated-button { font-weight: normal; gap: var(--amplify-space-medium); } .amplify-avatar { --avatar-color: var(--amplify-components-avatar-color); --avatar-background-color: var(--amplify-components-avatar-background-color); --avatar-filled-background-color: var(--amplify-components-avatar-color); --avatar-filled-color: var(--amplify-components-avatar-background-color); --avatar-border-color: var(--amplify-components-avatar-border-color); --avatar-size: var(--amplify-components-avatar-width); --amplify-components-icon-height: 100%; position: relative; display: inline-flex; align-items: center; justify-content: center; color: var(--avatar-color); background-color: var(--avatar-background-color); font-weight: var(--amplify-components-avatar-font-weight); font-size: var(--amplify-components-avatar-font-size); width: var(--amplify-components-avatar-width); height: var(--amplify-components-avatar-height); overflow: hidden; border-radius: var(--amplify-components-avatar-border-radius); } .amplify-avatar--filled { background-color: var(--avatar-filled-background-color); color: var(--avatar-filled-color); } .amplify-avatar--outlined { border-width: var(--amplify-components-avatar-border-width); border-style: solid; padding: var(--amplify-components-avatar-border-width); border-color: var(--avatar-border-color); background-color: transparent; color: var(--avatar-color); } .amplify-avatar--small { --avatar-size: var(--amplify-components-avatar-small-width); width: var(--amplify-components-avatar-small-width); height: var(--amplify-components-avatar-small-height); font-size: var(--amplify-components-avatar-small-font-size); } .amplify-avatar--large { --avatar-size: var(--amplify-components-avatar-large-width); width: var(--amplify-components-avatar-large-width); height: var(--amplify-components-avatar-large-height); font-size: var(--amplify-components-avatar-large-font-size); } .amplify-avatar--warning { --avatar-border-color: var( --amplify-components-avatar-warning-border-color ); --avatar-background-color: var( --amplify-components-avatar-warning-background-color ); --avatar-color: var(--amplify-components-avatar-warning-color); --avatar-filled-background-color: var( --amplify-components-avatar-warning-color ); --avatar-filled-color: var( --amplify-components-avatar-warning-background-color ); --amplify-components-loader-stroke-filled: var( --amplify-components-avatar-warning-color ); } .amplify-avatar--error { --avatar-border-color: var(--amplify-components-avatar-error-border-color); --avatar-background-color: var( --amplify-components-avatar-error-background-color ); --avatar-color: var(--amplify-components-avatar-error-color); --avatar-filled-background-color: var( --amplify-components-avatar-error-color ); --avatar-filled-color: var( --amplify-components-avatar-error-background-color ); --amplify-components-loader-stroke-filled: var( --amplify-components-avatar-error-color ); } .amplify-avatar--info { --avatar-border-color: var(--amplify-components-avatar-info-border-color); --avatar-background-color: var( --amplify-components-avatar-info-background-color ); --avatar-color: var(--amplify-components-avatar-info-color); --avatar-filled-background-color: var( --amplify-components-avatar-info-color ); --avatar-filled-color: var( --amplify-components-avatar-info-background-color ); --amplify-components-loader-stroke-filled: var( --amplify-components-avatar-info-color ); } .amplify-avatar--success { --avatar-border-color: var( --amplify-components-avatar-success-border-color ); --avatar-background-color: var( --amplify-components-avatar-success-background-color ); --avatar-color: var(--amplify-components-avatar-success-color); --avatar-filled-background-color: var( --amplify-components-avatar-success-color ); --avatar-filled-color: var( --amplify-components-avatar-success-background-color ); --amplify-components-loader-stroke-filled: var( --amplify-components-avatar-success-color ); } .amplify-avatar__icon { display: flex; font-size: calc(var(--avatar-size) * 0.6); } .amplify-avatar__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; } .amplify-avatar__loader { position: absolute; inset: 0; width: 100%; height: 100%; stroke: transparent; } .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); color: var(--amplify-components-checkbox-label-disabled-color); } .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 { color: var(--amplify-components-checkbox-label-color); } .amplify-checkbox__label--disabled { 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 { --amplify-internal-divider-size: var( --amplify-components-divider-border-width ); 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: flex; position: relative; text-align: center; justify-content: center; } .amplify-divider::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--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); flex-direction: column; } .amplify-divider--vertical::after { top: auto; transform: translateX(-50%); padding-block: 0; padding-inline: 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); } .liveness-detector .amplify-button--primary:focus { box-shadow: unset; outline: var(--amplify-components-button-focus-color) solid 2px; outline-offset: 2px; } .amplify-liveness-cancel-button { background-color: #fff; color: hsl(190, 95%, 30%); } .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%; z-index: 2; } .amplify-liveness-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scaleX(-1); } .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: #fff; padding: var(--amplify-space-xxs); gap: var(--amplify-space-xxs); border-radius: var(--amplify-radii-small); } .amplify-liveness-recording-icon .amplify-text { color: var(--amplify-colors-black); } .amplify-liveness-instruction-overlay { z-index: 2; } .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); max-width: 100%; } .amplify-liveness-toast__message { color: var(--amplify-colors-font-primary); text-align: center; flex-direction: column; } .amplify-liveness-toast--medium { border-radius: var(--amplify-radii-medium); } .amplify-liveness-toast--large { font-size: var(--amplify-font-sizes-xxl); padding: 0 var(--amplify-space-xs); } .amplify-liveness-toast--primary { background-color: var(--amplify-colors-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-primary-80); 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-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); flex-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-blue-90); background-color: var(--amplify-colors-blue-10); align-items: center; z-index: 3; } .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-large); } .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--mobile { margin-top: var(--amplify-space-xxxl); } .amplify-liveness-hint__text { align-items: center; gap: var(--amplify-space-xs); } .amplify-liveness-popover { position: relative; } .amplify-liveness-popover__anchor { position: absolute; top: 26px; left: 20px; 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: 19px; 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); font-weight: var(--amplify-font-weights-normal); padding: var(--amplify-space-small); top: 33px; width: 240px; border: 1px solid var(--amplify-colors-border-secondary); border-radius: 2px; z-index: 4; } .amplify-liveness-start-screen-camera-select { flex-direction: column; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: var(--amplify-space-xl); align-items: center; justify-content: flex-end; display: flex; z-index: 2; } .amplify-liveness-start-screen-camera-select__container { display: flex; justify-content: space-between; align-items: inherit; gap: var(--amplify-space-xs); } .amplify-liveness-start-screen-camera-select__label, .amplify-liveness-start-screen-camera-select .amplify-select, .amplify-liveness-start-screen-camera-select .amplify-select__wrapper, .amplify-liveness-start-screen-camera-select .amplify-select__icon-wrapper { background-color: var(--amplify-colors-background-primary); color: var(--amplify-colors-font-primary); } .amplify-liveness-start-screen-camera-waiting { flex-direction: column; align-items: center; justify-content: center; text-align: center; height: 480px; } .amplify-menu__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 { list-style-type: none; } .amplify-pagination__item { 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); display: flex; align-items: center; justify-content: center; font-weight: initial; color: var(--amplify-components-pagination-button-color); margin-inline-start: var(--amplify-components-pagination-item-container-margin-left); margin-inline-end: var(--amplify-components-pagination-item-container-margin-right); 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: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--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-components-button-outlined-error-color: var( --amplify-components-passwordfield-button-error-color ); --amplify-components-button-outlined-error-border-color: var( --amplify-components-passwordfield-button-error-border-color ); --amplify-components-button-outlined-error-background-color: var( --amplify-components-passwordfield-button-error-background-color ); --amplify-components-button-outlined-error-active-color: var( --amplify-components-passwordfield-button-error-active-color ); --amplify-components-button-outlined-error-active-border-color: var( --amplify-components-passwordfield-button-error-active-border-color ); --amplify-components-button-outlined-error-active-background-color: var( --amplify-components-passwordfield-button-error-active-background-color ); --amplify-components-button-outlined-error-hover-color: var( --amplify-components-passwordfield-button-error-hover-color ); --amplify-components-button-outlined-error-hover-border-color: var( --amplify-components-passwordfield-button-error-hover-border-color ); --amplify-components-button-outlined-error-hover-background-color: var( --amplify-components-passwordfield-button-error-hover-background-color ); --amplify-components-button-outlined-error-focus-color: var( --amplify-components-passwordfield-button-error-focus-color ); --amplify-components-button-outlined-error-focus-box-shadow: var( --amplify-components-passwordfield-button-error-focus-box-shadow ); --amplify-components-button-outlined-error-focus-border-color: var( --amplify-components-passwordfield-button-error-focus-border-color ); --amplify-components-button-outlined-error-focus-background-color: var( --amplify-components-passwordfield-button-error-focus-background-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: flex; position: relative; text-align: left; font-size: var(--amplify-components-rating-default-size); line-height: var(--amplify-components-rating-default-size); } .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__item { position: relative; height: 1em; width: 1em; } .amplify-rating__icon { width: 1em; height: 1em; display: block; position: absolute; overflow: hidden; } .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-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 { color: var(--amplify-components-radio-label-color); } .amplify-radio__label--disabled { 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-fieldset-legend-color: var( --amplify-components-radiogroup-legend-color ); --amplify-components-fieldset-legend-font-weight: var( --amplify-components-radiogroup-legend-font-weight ); --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 { 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--small { right: var(--amplify-components-select-icon-wrapper-small-right); } .amplify-select__icon--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); background-color: var(--amplify-components-select-background-color); color: var(--amplify-components-select-color); 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--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 { border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-focus-border-block-end-color); box-shadow: var(--amplify-components-fieldcontrol-quiet-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 option { background-color: var(--amplify-components-select-option-background-color); color: var(--amplify-components-select-option-color); } .amplify-select option[disabled=""] { background-color: var(--amplify-components-select-option-disabled-background-color); color: var(--amplify-components-select-option-disabled-color); cursor: var(--amplify-components-fieldcontrol-disabled-cursor); } .amplify-select[disabled] { background-color: var(--amplify-components-select-disabled-background-color); color: var(--amplify-components-select-disabled-color); } .amplify-select[disabled] option { color: inherit; background-color: inherit; } .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-select--expanded { overflow: auto; padding: var(--amplify-components-select-expanded-padding-block) var(--amplify-components-select-expanded-padding-inline); } .amplify-select--expanded option { padding: var(--amplify-components-select-expanded-option-padding-block) var(--amplify-components-select-expanded-option-padding-inline); } .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; -moz-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--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--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--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--striped .amplify-table__row:not(.amplify-table__head *):nth-child(odd) { background-color: var(--amplify-components-table-row-striped-background-color); } .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-highlightonhover=true] .amplify-table__row:not(.amplify-table__head *):hover { background-color: var(--amplify-components-table-row-hover-background-color); } .amplify-tabs__list { --internal-item-margin-start: 0; --internal-item-margin-end: calc( -1 * var(--amplify-components-tabs-item-border-width) ); --internal-item-border-width: 0 0 var(--amplify-components-tabs-border-width) 0; --internal-item-flex: initial; display: flex; flex-direction: row; background-color: var(--amplify-components-tabs-background-color); box-shadow: var(--amplify-components-tabs-box-shadow); border-width: var(--internal-item-border-width); border-style: var(--amplify-components-tabs-border-style); border-color: var(--amplify-components-tabs-border-color); gap: var(--amplify-components-tabs-gap); } .amplify-tabs__list--top { --internal-item-border-width: var(--amplify-components-tabs-border-width) 0 0 0; --internal-item-margin-start: calc( -1 * var(--amplify-components-tabs-item-border-width) ); --internal-item-margin-end: 0; } .amplify-tabs__list--equal { --internal-item-flex: 1 1 0; } .amplify-tabs__list--relative { --internal-item-flex: 1 1 auto; } .amplify-tabs__panel { display: none; background-color: var(--amplify-components-tabs-panel-background-color); padding-inline: var(--amplify-components-tabs-panel-padding-inline); padding-block: var(--amplify-components-tabs-panel-padding-block); } .amplify-tabs__panel--active { display: block; } .amplify-tabs__item { position: relative; 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: var(--internal-item-border-width); border-style: var(--amplify-components-tabs-item-border-style); border-color: var(--amplify-components-tabs-item-border-color); flex: var(--internal-item-flex); margin-block-start: var(--internal-item-margin-start); margin-block-end: var(--internal-item-margin-end); } .amplify-tabs__item--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-visible { z-index: 2; color: var(--amplify-components-tabs-item-focus-color); background-color: var(--amplify-components-tabs-item-focus-background-color); border-color: var(--amplify-components-tabs-item-focus-border-color); box-shadow: var(--amplify-components-tabs-item-focus-box-shadow); } .amplify-tabs__item:active { background-color: var(--amplify-components-tabs-item-active-background-color); border-color: var(--amplify-components-tabs-item-active-border-color); box-shadow: var(--amplify-components-tabs-item-active-box-shadow); color: var(--amplify-components-tabs-item-active-color); } .amplify-tabs__item[disabled] { background-color: var(--amplify-components-tabs-item-disabled-background-color); border-color: var(--amplify-components-tabs-item-disabled-border-color); box-shadow: var(--amplify-components-tabs-item-disabled-box-shadow); color: var(--amplify-components-tabs-item-disabled-color); cursor: not-allowed; } .amplify-textareafield { max-height: 100%; 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-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__list { display: flex; flex-direction: var(--amplify-components-fileuploader-filelist-flex-direction); gap: var(--amplify-components-fileuploader-filelist-gap); } .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: flex; flex-direction: column; max-width: var(--amplify-components-fileuploader-previewer-max-width); max-height: var(--amplify-components-fileuploader-previewer-max-height); 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); 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); } .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__footer { display: flex; flex-direction: row; justify-content: var(--amplify-components-fileuploader-previewer-footer-justify-content); } .amplify-fileuploader__previewer__actions { display: flex; flex-direction: row; gap: var(--amplify-space-small); } .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%; -o-object-fit: contain; 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-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); } .amplify-storage-browser { display: flex; flex-direction: column; align-items: stretch; height: 100%; position: relative; padding: var(--amplify-space-small); gap: var(--amplify-space-small); /* Error boundary */ } .amplify-storage-browser__error { background-color: var(--amplify-colors-background-error); color: var(--amplify-colors-font-error); padding: var(--amplify-space-medium); } .amplify-storage-browser__navigation, .amplify-storage-browser__exit { align-self: flex-start; } .amplify-storage-browser__title { font-weight: var(--amplify-font-weights-bold); font-size: var(--amplify-font-sizes-large); } .amplify-storage-browser__controls, .amplify-storage-browser__summary, .amplify-storage-browser__footer { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; gap: var(--amplify-space-medium); } .amplify-storage-browser__footer { justify-content: flex-end; } .amplify-storage-browser__search { display: flex; flex-direction: row; flex: 1; gap: var(--amplify-space-small); } .amplify-storage-browser__drop-zone { flex: 1; overflow: hidden; position: relative; width: 100%; display: block; } .amplify-storage-browser__data-table { overflow: auto; position: relative; border-width: var(--amplify-border-widths-small); border-style: solid; border-color: var(--amplify-colors-border-primary); border-radius: var(--amplify-radii-small); width: 100%; height: 100%; display: block; } .amplify-storage-browser__table { width: 100%; position: relative; } .amplify-storage-browser__table-head { position: sticky; top: 0; background: var(--amplify-colors-background-primary); box-shadow: var(--amplify-shadows-small); z-index: 2; } .amplify-storage-browser__table-header { border: none; padding: var(--amplify-space-xxxs); } .amplify-storage-browser__table-data-cell { padding: var(--amplify-space-xxxs); } .amplify-storage-browser__table-data-cell:first-child, .amplify-storage-browser__table-data-cell:last-child { border-inline-start-width: 0; border-inline-end-width: 0; } .amplify-storage-browser__table-data-cell-icon { vertical-align: middle; margin-inline-end: var(--amplify-space-xs); } .amplify-storage-browser__table-header--select, .amplify-storage-browser__table-data--select, .amplify-storage-browser__table-header--download, .amplify-storage-browser__table-data--download, .amplify-storage-browser__table-data--cancel { text-align: center; } .amplify-storage-browser__table-data--size, .amplify-storage-browser__table-header--size { text-align: end; } .amplify-storage-browser__table-button-data-cell, .amplify-storage-browser__table-date-data-cell, .amplify-storage-browser__table-number-data-cell, .amplify-storage-browser__table-text-data-cell, .amplify-storage-browser__table-sort-header { display: flex; width: 100%; gap: var(--amplify-space-xxs); padding: var(--amplify-space-xxs); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; align-items: center; justify-content: flex-start; } .amplify-storage-browser__table-button-data-cell-icon--action-progress, .amplify-storage-browser__table-date-data-cell-icon--action-progress, .amplify-storage-browser__table-number-data-cell-icon--action-progress, .amplify-storage-browser__table-text-data-cell-icon--action-progress, .amplify-storage-browser__table-sort-header-icon--action-progress { animation-name: amplify-loader-circular; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: var(--amplify-components-loader-animation-duration); } .amplify-storage-browser__status { display: flex; flex-direction: row; gap: var(--amplify-space-xs); align-items: center; } .amplify-storage-browser__status-display { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: var(--amplify-space-small); flex: 1; } .amplify-storage-browser__status-label { font-weight: var(--amplify-font-weights-bold); } .amplify-storage-browser__status-value { color: var(--amplify-colors-font-secondary); } .amplify-storage-browser__destination { display: flex; flex-direction: row; gap: var(--amplify-space-xs); align-items: center; } .amplify-storage-browser__destination-label { font-weight: var(--amplify-font-weights-bold); } .amplify-storage-browser__message { flex: 1; } .amplify-storage-browser__buttons { justify-content: flex-end; display: flex; gap: var(--amplify-space-small); } .amplify-storage-browser__loader { position: absolute; stroke-width: var(--amplify-border-widths-large); height: var(--amplify-border-widths-large); top: 0; z-index: 3; } .amplify-ai-conversation { display: flex; flex-direction: column; height: 100%; flex: 1; } .amplify-ai-conversation__message { --internal-content-bg: ; --internal-flex-direction: ; --internal-content-padding: ; --internal-body-align-items: ; display: flex; flex-direction: var(--internal-flex-direction); gap: var(--amplify-components-ai-conversation-message-gap); padding-inline: var(--amplify-components-ai-conversation-message-padding-inline); padding-block: var(--amplify-components-ai-conversation-message-padding-block); } .amplify-ai-conversation__message__list { display: flex; flex-direction: column; } .amplify-ai-conversation__message__avatar { flex-shrink: 0; } .amplify-ai-conversation__message__sender { display: flex; flex-direction: var(--internal-flex-direction); align-items: center; min-height: var(--amplify-components-avatar-height); gap: var(--amplify-components-ai-conversation-message-sender-gap); } .amplify-ai-conversation__message__sender__username { color: var(--amplify-components-ai-conversation-message-sender-username-color); font-size: var(--amplify-components-ai-conversation-message-sender-username-font-size); font-weight: var(--amplify-components-ai-conversation-message-sender-username-font-weight); } .amplify-ai-conversation__message__sender__timestamp { color: var(--amplify-components-ai-conversation-message-sender-timestamp-color); font-size: var(--amplify-components-ai-conversation-message-sender-timestamp-font-size); font-weight: var(--amplify-components-ai-conversation-message-sender-timestamp-font-weight); } .amplify-ai-conversation__message__body { display: flex; flex: 1; flex-direction: column; align-items: var(--internal-body-align-items); gap: var(--amplify-components-ai-conversation-message-body-gap); } .amplify-ai-conversation__message__content { background-color: var(--internal-content-bg); border-radius: var(--amplify-radii-medium); padding: var(--internal-content-padding); display: flex; flex-direction: column; gap: var(--amplify-space-small); } .amplify-ai-conversation__message__text { display: block; } .amplify-ai-conversation__message__image { max-width: 25%; } .amplify-ai-conversation__message__actions { display: flex; flex-direction: row; gap: var(--amplify-components-ai-conversation-message-actions-gap); } .amplify-ai-conversation__message--bubble { --internal-content-bg: var(--internal-bg-color); --internal-content-padding: var(--amplify-space-xxs) var(--amplify-space-xs); --internal-flex-direction: row-reverse; --internal-body-align-items: flex-end; } .amplify-ai-conversation__message--user { --internal-bg-color: var( --amplify-components-ai-conversation-message-user-background-color ); } .amplify-ai-conversation__message--assistant { --internal-bg-color: var( --amplify-components-ai-conversation-message-assistant-background-color ); --internal-flex-direction: row; --internal-body-align-items: flex-start; } .amplify-ai-conversation__scrollview { flex: 1 0 50%; } .amplify-ai-conversation__form { display: flex; flex-direction: row; align-items: flex-start; padding: var(--amplify-components-ai-conversation-form-padding); gap: var(--amplify-components-ai-conversation-form-gap); max-height: 100%; overflow: hidden; } .amplify-ai-conversation__form__dropzone { text-align: initial; border: none; padding: 0; display: grid; overflow: hidden; } .amplify-ai-conversation__form__error { padding: 0; padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start); gap: var(--amplify-components-ai-conversation-attachment-gap); } .amplify-ai-conversation__attachment { display: flex; flex-direction: row; align-items: center; padding-block: var(--amplify-components-ai-conversation-attachment-padding-block); padding-inline: var(--amplify-components-ai-conversation-attachment-padding-inline); border-width: var(--amplify-components-ai-conversation-attachment-border-width); border-style: solid; border-color: var(--amplify-components-ai-conversation-attachment-border-color); border-radius: var(--amplify-components-ai-conversation-attachment-border-radius); gap: var(--amplify-components-ai-conversation-attachment-gap); font-size: var(--amplify-components-ai-conversation-attachment-font-size); } .amplify-ai-conversation__attachment__list { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--amplify-components-ai-conversation-attachment-list-gap); padding: var(--amplify-components-ai-conversation-attachment-list-padding); padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start); } .amplify-ai-conversation__attachment__image { width: var(--amplify-components-ai-conversation-attachment-image-width); height: var(--amplify-components-ai-conversation-attachment-image-height); -o-object-fit: cover; object-fit: cover; } .amplify-ai-conversation__attachment__name { color: var(--amplify-components-ai-conversation-attachment-name-color); font-size: var(--amplify-components-ai-conversation-attachment-name-font-size); font-weight: var(--amplify-components-ai-conversation-attachment-name-font-weight); } .amplify-ai-conversation__attachment__size { color: var(--amplify-components-ai-conversation-attachment-size-color); font-size: var(--amplify-components-ai-conversation-attachment-size-font-size); font-weight: var(--amplify-components-ai-conversation-attachment-size-font-weight); } .amplify-ai-conversation__attachment__remove { padding: var(--amplify-components-ai-conversation-attachment-remove-padding); } .amplify-ai-conversation__prompt { font-weight: normal; } .amplify-label-start { flex-direction: row; } .amplify-label-end { flex-direction: row-reverse; } .amplify-label-top { flex-direction: column; } .amplify-label-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; }:root { color-scheme: var(--mantine-color-scheme); } *, *::before, *::after { box-sizing: border-box; } input, button, textarea, select { font: inherit; } button, select { text-transform: none; } body { margin: 0; font-family: var(--mantine-font-family); font-size: var(--mantine-font-size-md); line-height: var(--mantine-line-height); background-color: var(--mantine-color-body); color: var(--mantine-color-text); -webkit-font-smoothing: var(--mantine-webkit-font-smoothing); -moz-osx-font-smoothing: var(--mantine-moz-font-smoothing); } @media screen and (max-device-width: 31.25em) { body { -webkit-text-size-adjust: 100% } } @media (prefers-reduced-motion: reduce) { [data-respect-reduced-motion] [data-reduce-motion] { transition: none; animation: none; } } [data-mantine-color-scheme='light'] .mantine-light-hidden { display: none; } [data-mantine-color-scheme='dark'] .mantine-dark-hidden { display: none; } .mantine-focus-auto:focus-visible { outline: 2px solid var(--mantine-primary-color-filled); outline-offset: calc(0.125rem * var(--mantine-scale)); } .mantine-focus-always:focus { outline: 2px solid var(--mantine-primary-color-filled); outline-offset: calc(0.125rem * var(--mantine-scale)); } .mantine-focus-never:focus { outline: none; } .mantine-active:active { transform: translateY(calc(0.0625rem * var(--mantine-scale))); } fieldset:disabled .mantine-active:active { transform: none; } :where([dir="rtl"]) .mantine-rotate-rtl { transform: rotate(180deg); } /* stylelint-disable */ /* This file is automatically generated, do not modify it directly. */ :root { --mantine-z-index-app: 100; --mantine-z-index-modal: 200; --mantine-z-index-popover: 300; --mantine-z-index-overlay: 400; --mantine-z-index-max: 9999; --mantine-scale: 1; --mantine-cursor-type: default; --mantine-webkit-font-smoothing: antialiased; --mantine-moz-font-smoothing: grayscale; --mantine-color-white: #fff; --mantine-color-black: #000; --mantine-line-height: 1.55; --mantine-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji; --mantine-font-family-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; --mantine-font-family-headings: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji; --mantine-heading-font-weight: 700; --mantine-heading-text-wrap: wrap; --mantine-radius-default: calc(0.25rem * var(--mantine-scale)); --mantine-primary-color-filled: var(--mantine-color-blue-filled); --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover); --mantine-primary-color-light: var(--mantine-color-blue-light); --mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover); --mantine-primary-color-light-color: var(--mantine-color-blue-light-color); --mantine-breakpoint-xs: 36em; --mantine-breakpoint-sm: 48em; --mantine-breakpoint-md: 62em; --mantine-breakpoint-lg: 75em; --mantine-breakpoint-xl: 88em; --mantine-spacing-xs: calc(0.625rem * var(--mantine-scale)); --mantine-spacing-sm: calc(0.75rem * var(--mantine-scale)); --mantine-spacing-md: calc(1rem * var(--mantine-scale)); --mantine-spacing-lg: calc(1.25rem * var(--mantine-scale)); --mantine-spacing-xl: calc(2rem * var(--mantine-scale)); --mantine-font-size-xs: calc(0.75rem * var(--mantine-scale)); --mantine-font-size-sm: calc(0.875rem * var(--mantine-scale)); --mantine-font-size-md: calc(1rem * var(--mantine-scale)); --mantine-font-size-lg: calc(1.125rem * var(--mantine-scale)); --mantine-font-size-xl: calc(1.25rem * var(--mantine-scale)); --mantine-line-height-xs: 1.4; --mantine-line-height-sm: 1.45; --mantine-line-height-md: 1.55; --mantine-line-height-lg: 1.6; --mantine-line-height-xl: 1.65; --mantine-shadow-xs: 0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), 0 calc(0.0625rem * var(--mantine-scale)) calc(0.125rem * var(--mantine-scale)) rgba(0, 0, 0, 0.1); --mantine-shadow-sm: 0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 calc(0.625rem * var(--mantine-scale)) calc(0.9375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)), rgba(0, 0, 0, 0.04) 0 calc(0.4375rem * var(--mantine-scale)) calc(0.4375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)); --mantine-shadow-md: 0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 calc(1.25rem * var(--mantine-scale)) calc(1.5625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)), rgba(0, 0, 0, 0.04) 0 calc(0.625rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)); --mantine-shadow-lg: 0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 calc(1.75rem * var(--mantine-scale)) calc(1.4375rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)), rgba(0, 0, 0, 0.04) 0 calc(0.75rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)); --mantine-shadow-xl: 0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)), rgba(0, 0, 0, 0.04) 0 calc(1.0625rem * var(--mantine-scale)) calc(1.0625rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)); --mantine-radius-xs: calc(0.125rem * var(--mantine-scale)); --mantine-radius-sm: calc(0.25rem * var(--mantine-scale)); --mantine-radius-md: calc(0.5rem * var(--mantine-scale)); --mantine-radius-lg: calc(1rem * var(--mantine-scale)); --mantine-radius-xl: calc(2rem * var(--mantine-scale)); --mantine-primary-color-0: var(--mantine-color-blue-0); --mantine-primary-color-1: var(--mantine-color-blue-1); --mantine-primary-color-2: var(--mantine-color-blue-2); --mantine-primary-color-3: var(--mantine-color-blue-3); --mantine-primary-color-4: var(--mantine-color-blue-4); --mantine-primary-color-5: var(--mantine-color-blue-5); --mantine-primary-color-6: var(--mantine-color-blue-6); --mantine-primary-color-7: var(--mantine-color-blue-7); --mantine-primary-color-8: var(--mantine-color-blue-8); --mantine-primary-color-9: var(--mantine-color-blue-9); --mantine-color-dark-0: #c9c9c9; --mantine-color-dark-1: #b8b8b8; --mantine-color-dark-2: #828282; --mantine-color-dark-3: #696969; --mantine-color-dark-4: #424242; --mantine-color-dark-5: #3b3b3b; --mantine-color-dark-6: #2e2e2e; --mantine-color-dark-7: #242424; --mantine-color-dark-8: #1f1f1f; --mantine-color-dark-9: #141414; --mantine-color-gray-0: #f8f9fa; --mantine-color-gray-1: #f1f3f5; --mantine-color-gray-2: #e9ecef; --mantine-color-gray-3: #dee2e6; --mantine-color-gray-4: #ced4da; --mantine-color-gray-5: #adb5bd; --mantine-color-gray-6: #868e96; --mantine-color-gray-7: #495057; --mantine-color-gray-8: #343a40; --mantine-color-gray-9: #212529; --mantine-color-red-0: #fff5f5; --mantine-color-red-1: #ffe3e3; --mantine-color-red-2: #ffc9c9; --mantine-color-red-3: #ffa8a8; --mantine-color-red-4: #ff8787; --mantine-color-red-5: #ff6b6b; --mantine-color-red-6: #fa5252; --mantine-color-red-7: #f03e3e; --mantine-color-red-8: #e03131; --mantine-color-red-9: #c92a2a; --mantine-color-pink-0: #fff0f6; --mantine-color-pink-1: #ffdeeb; --mantine-color-pink-2: #fcc2d7; --mantine-color-pink-3: #faa2c1; --mantine-color-pink-4: #f783ac; --mantine-color-pink-5: #f06595; --mantine-color-pink-6: #e64980; --mantine-color-pink-7: #d6336c; --mantine-color-pink-8: #c2255c; --mantine-color-pink-9: #a61e4d; --mantine-color-grape-0: #f8f0fc; --mantine-color-grape-1: #f3d9fa; --mantine-color-grape-2: #eebefa; --mantine-color-grape-3: #e599f7; --mantine-color-grape-4: #da77f2; --mantine-color-grape-5: #cc5de8; --mantine-color-grape-6: #be4bdb; --mantine-color-grape-7: #ae3ec9; --mantine-color-grape-8: #9c36b5; --mantine-color-grape-9: #862e9c; --mantine-color-violet-0: #f3f0ff; --mantine-color-violet-1: #e5dbff; --mantine-color-violet-2: #d0bfff; --mantine-color-violet-3: #b197fc; --mantine-color-violet-4: #9775fa; --mantine-color-violet-5: #845ef7; --mantine-color-violet-6: #7950f2; --mantine-color-violet-7: #7048e8; --mantine-color-violet-8: #6741d9; --mantine-color-violet-9: #5f3dc4; --mantine-color-indigo-0: #edf2ff; --mantine-color-indigo-1: #dbe4ff; --mantine-color-indigo-2: #bac8ff; --mantine-color-indigo-3: #91a7ff; --mantine-color-indigo-4: #748ffc; --mantine-color-indigo-5: #5c7cfa; --mantine-color-indigo-6: #4c6ef5; --mantine-color-indigo-7: #4263eb; --mantine-color-indigo-8: #3b5bdb; --mantine-color-indigo-9: #364fc7; --mantine-color-blue-0: #e7f5ff; --mantine-color-blue-1: #d0ebff; --mantine-color-blue-2: #a5d8ff; --mantine-color-blue-3: #74c0fc; --mantine-color-blue-4: #4dabf7; --mantine-color-blue-5: #339af0; --mantine-color-blue-6: #228be6; --mantine-color-blue-7: #1c7ed6; --mantine-color-blue-8: #1971c2; --mantine-color-blue-9: #1864ab; --mantine-color-cyan-0: #e3fafc; --mantine-color-cyan-1: #c5f6fa; --mantine-color-cyan-2: #99e9f2; --mantine-color-cyan-3: #66d9e8; --mantine-color-cyan-4: #3bc9db; --mantine-color-cyan-5: #22b8cf; --mantine-color-cyan-6: #15aabf; --mantine-color-cyan-7: #1098ad; --mantine-color-cyan-8: #0c8599; --mantine-color-cyan-9: #0b7285; --mantine-color-teal-0: #e6fcf5; --mantine-color-teal-1: #c3fae8; --mantine-color-teal-2: #96f2d7; --mantine-color-teal-3: #63e6be; --mantine-color-teal-4: #38d9a9; --mantine-color-teal-5: #20c997; --mantine-color-teal-6: #12b886; --mantine-color-teal-7: #0ca678; --mantine-color-teal-8: #099268; --mantine-color-teal-9: #087f5b; --mantine-color-green-0: #ebfbee; --mantine-color-green-1: #d3f9d8; --mantine-color-green-2: #b2f2bb; --mantine-color-green-3: #8ce99a; --mantine-color-green-4: #69db7c; --mantine-color-green-5: #51cf66; --mantine-color-green-6: #40c057; --mantine-color-green-7: #37b24d; --mantine-color-green-8: #2f9e44; --mantine-color-green-9: #2b8a3e; --mantine-color-lime-0: #f4fce3; --mantine-color-lime-1: #e9fac8; --mantine-color-lime-2: #d8f5a2; --mantine-color-lime-3: #c0eb75; --mantine-color-lime-4: #a9e34b; --mantine-color-lime-5: #94d82d; --mantine-color-lime-6: #82c91e; --mantine-color-lime-7: #74b816; --mantine-color-lime-8: #66a80f; --mantine-color-lime-9: #5c940d; --mantine-color-yellow-0: #fff9db; --mantine-color-yellow-1: #fff3bf; --mantine-color-yellow-2: #ffec99; --mantine-color-yellow-3: #ffe066; --mantine-color-yellow-4: #ffd43b; --mantine-color-yellow-5: #fcc419; --mantine-color-yellow-6: #fab005; --mantine-color-yellow-7: #f59f00; --mantine-color-yellow-8: #f08c00; --mantine-color-yellow-9: #e67700; --mantine-color-orange-0: #fff4e6; --mantine-color-orange-1: #ffe8cc; --mantine-color-orange-2: #ffd8a8; --mantine-color-orange-3: #ffc078; --mantine-color-orange-4: #ffa94d; --mantine-color-orange-5: #ff922b; --mantine-color-orange-6: #fd7e14; --mantine-color-orange-7: #f76707; --mantine-color-orange-8: #e8590c; --mantine-color-orange-9: #d9480f; --mantine-h1-font-size: calc(2.125rem * var(--mantine-scale)); --mantine-h1-line-height: 1.3; --mantine-h1-font-weight: 700; --mantine-h2-font-size: calc(1.625rem * var(--mantine-scale)); --mantine-h2-line-height: 1.35; --mantine-h2-font-weight: 700; --mantine-h3-font-size: calc(1.375rem * var(--mantine-scale)); --mantine-h3-line-height: 1.4; --mantine-h3-font-weight: 700; --mantine-h4-font-size: calc(1.125rem * var(--mantine-scale)); --mantine-h4-line-height: 1.45; --mantine-h4-font-weight: 700; --mantine-h5-font-size: calc(1rem * var(--mantine-scale)); --mantine-h5-line-height: 1.5; --mantine-h5-font-weight: 700; --mantine-h6-font-size: calc(0.875rem * var(--mantine-scale)); --mantine-h6-line-height: 1.5; --mantine-h6-font-weight: 700; } :root[data-mantine-color-scheme='dark'] { --mantine-color-scheme: dark; --mantine-primary-color-contrast: var(--mantine-color-white); --mantine-color-bright: var(--mantine-color-white); --mantine-color-text: var(--mantine-color-dark-0); --mantine-color-body: var(--mantine-color-dark-7); --mantine-color-error: var(--mantine-color-red-8); --mantine-color-placeholder: var(--mantine-color-dark-3); --mantine-color-anchor: var(--mantine-color-blue-4); --mantine-color-default: var(--mantine-color-dark-6); --mantine-color-default-hover: var(--mantine-color-dark-5); --mantine-color-default-color: var(--mantine-color-white); --mantine-color-default-border: var(--mantine-color-dark-4); --mantine-color-dimmed: var(--mantine-color-dark-2); --mantine-color-disabled: var(--mantine-color-dark-6); --mantine-color-disabled-color: var(--mantine-color-dark-3); --mantine-color-disabled-border: var(--mantine-color-gray-6); --mantine-color-dark-text: var(--mantine-color-dark-4); --mantine-color-dark-filled: var(--mantine-color-dark-8); --mantine-color-dark-filled-hover: var(--mantine-color-dark-9); --mantine-color-dark-light: rgba(46, 46, 46, 0.15); --mantine-color-dark-light-hover: rgba(46, 46, 46, 0.2); --mantine-color-dark-light-color: var(--mantine-color-dark-3); --mantine-color-dark-outline: var(--mantine-color-dark-4); --mantine-color-dark-outline-hover: rgba(66, 66, 66, 0.05); --mantine-color-gray-text: var(--mantine-color-gray-4); --mantine-color-gray-filled: var(--mantine-color-gray-8); --mantine-color-gray-filled-hover: var(--mantine-color-gray-9); --mantine-color-gray-light: rgba(134, 142, 150, 0.15); --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.2); --mantine-color-gray-light-color: var(--mantine-color-gray-3); --mantine-color-gray-outline: var(--mantine-color-gray-4); --mantine-color-gray-outline-hover: rgba(206, 212, 218, 0.05); --mantine-color-red-text: var(--mantine-color-red-4); --mantine-color-red-filled: var(--mantine-color-red-8); --mantine-color-red-filled-hover: var(--mantine-color-red-9); --mantine-color-red-light: rgba(250, 82, 82, 0.15); --mantine-color-red-light-hover: rgba(250, 82, 82, 0.2); --mantine-color-red-light-color: var(--mantine-color-red-3); --mantine-color-red-outline: var(--mantine-color-red-4); --mantine-color-red-outline-hover: rgba(255, 135, 135, 0.05); --mantine-color-pink-text: var(--mantine-color-pink-4); --mantine-color-pink-filled: var(--mantine-color-pink-8); --mantine-color-pink-filled-hover: var(--mantine-color-pink-9); --mantine-color-pink-light: rgba(230, 73, 128, 0.15); --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.2); --mantine-color-pink-light-color: var(--mantine-color-pink-3); --mantine-color-pink-outline: var(--mantine-color-pink-4); --mantine-color-pink-outline-hover: rgba(247, 131, 172, 0.05); --mantine-color-grape-text: var(--mantine-color-grape-4); --mantine-color-grape-filled: var(--mantine-color-grape-8); --mantine-color-grape-filled-hover: var(--mantine-color-grape-9); --mantine-color-grape-light: rgba(190, 75, 219, 0.15); --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.2); --mantine-color-grape-light-color: var(--mantine-color-grape-3); --mantine-color-grape-outline: var(--mantine-color-grape-4); --mantine-color-grape-outline-hover: rgba(218, 119, 242, 0.05); --mantine-color-violet-text: var(--mantine-color-violet-4); --mantine-color-violet-filled: var(--mantine-color-violet-8); --mantine-color-violet-filled-hover: var(--mantine-color-violet-9); --mantine-color-violet-light: rgba(121, 80, 242, 0.15); --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.2); --mantine-color-violet-light-color: var(--mantine-color-violet-3); --mantine-color-violet-outline: var(--mantine-color-violet-4); --mantine-color-violet-outline-hover: rgba(151, 117, 250, 0.05); --mantine-color-indigo-text: var(--mantine-color-indigo-4); --mantine-color-indigo-filled: var(--mantine-color-indigo-8); --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9); --mantine-color-indigo-light: rgba(76, 110, 245, 0.15); --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.2); --mantine-color-indigo-light-color: var(--mantine-color-indigo-3); --mantine-color-indigo-outline: var(--mantine-color-indigo-4); --mantine-color-indigo-outline-hover: rgba(116, 143, 252, 0.05); --mantine-color-blue-text: var(--mantine-color-blue-4); --mantine-color-blue-filled: var(--mantine-color-blue-8); --mantine-color-blue-filled-hover: var(--mantine-color-blue-9); --mantine-color-blue-light: rgba(34, 139, 230, 0.15); --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.2); --mantine-color-blue-light-color: var(--mantine-color-blue-3); --mantine-color-blue-outline: var(--mantine-color-blue-4); --mantine-color-blue-outline-hover: rgba(77, 171, 247, 0.05); --mantine-color-cyan-text: var(--mantine-color-cyan-4); --mantine-color-cyan-filled: var(--mantine-color-cyan-8); --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9); --mantine-color-cyan-light: rgba(21, 170, 191, 0.15); --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.2); --mantine-color-cyan-light-color: var(--mantine-color-cyan-3); --mantine-color-cyan-outline: var(--mantine-color-cyan-4); --mantine-color-cyan-outline-hover: rgba(59, 201, 219, 0.05); --mantine-color-teal-text: var(--mantine-color-teal-4); --mantine-color-teal-filled: var(--mantine-color-teal-8); --mantine-color-teal-filled-hover: var(--mantine-color-teal-9); --mantine-color-teal-light: rgba(18, 184, 134, 0.15); --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.2); --mantine-color-teal-light-color: var(--mantine-color-teal-3); --mantine-color-teal-outline: var(--mantine-color-teal-4); --mantine-color-teal-outline-hover: rgba(56, 217, 169, 0.05); --mantine-color-green-text: var(--mantine-color-green-4); --mantine-color-green-filled: var(--mantine-color-green-8); --mantine-color-green-filled-hover: var(--mantine-color-green-9); --mantine-color-green-light: rgba(64, 192, 87, 0.15); --mantine-color-green-light-hover: rgba(64, 192, 87, 0.2); --mantine-color-green-light-color: var(--mantine-color-green-3); --mantine-color-green-outline: var(--mantine-color-green-4); --mantine-color-green-outline-hover: rgba(105, 219, 124, 0.05); --mantine-color-lime-text: var(--mantine-color-lime-4); --mantine-color-lime-filled: var(--mantine-color-lime-8); --mantine-color-lime-filled-hover: var(--mantine-color-lime-9); --mantine-color-lime-light: rgba(130, 201, 30, 0.15); --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.2); --mantine-color-lime-light-color: var(--mantine-color-lime-3); --mantine-color-lime-outline: var(--mantine-color-lime-4); --mantine-color-lime-outline-hover: rgba(169, 227, 75, 0.05); --mantine-color-yellow-text: var(--mantine-color-yellow-4); --mantine-color-yellow-filled: var(--mantine-color-yellow-8); --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9); --mantine-color-yellow-light: rgba(250, 176, 5, 0.15); --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.2); --mantine-color-yellow-light-color: var(--mantine-color-yellow-3); --mantine-color-yellow-outline: var(--mantine-color-yellow-4); --mantine-color-yellow-outline-hover: rgba(255, 212, 59, 0.05); --mantine-color-orange-text: var(--mantine-color-orange-4); --mantine-color-orange-filled: var(--mantine-color-orange-8); --mantine-color-orange-filled-hover: var(--mantine-color-orange-9); --mantine-color-orange-light: rgba(253, 126, 20, 0.15); --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.2); --mantine-color-orange-light-color: var(--mantine-color-orange-3); --mantine-color-orange-outline: var(--mantine-color-orange-4); --mantine-color-orange-outline-hover: rgba(255, 169, 77, 0.05); } :root[data-mantine-color-scheme='light'] { --mantine-color-scheme: light; --mantine-primary-color-contrast: var(--mantine-color-white); --mantine-color-bright: var(--mantine-color-black); --mantine-color-text: #000; --mantine-color-body: #fff; --mantine-color-error: var(--mantine-color-red-6); --mantine-color-placeholder: var(--mantine-color-gray-5); --mantine-color-anchor: var(--mantine-color-blue-6); --mantine-color-default: var(--mantine-color-white); --mantine-color-default-hover: var(--mantine-color-gray-0); --mantine-color-default-color: var(--mantine-color-black); --mantine-color-default-border: var(--mantine-color-gray-4); --mantine-color-dimmed: var(--mantine-color-gray-6); --mantine-color-disabled: var(--mantine-color-gray-2); --mantine-color-disabled-color: var(--mantine-color-gray-5); --mantine-color-disabled-border: var(--mantine-color-gray-3); --mantine-color-dark-text: var(--mantine-color-dark-filled); --mantine-color-dark-filled: var(--mantine-color-dark-6); --mantine-color-dark-filled-hover: var(--mantine-color-dark-7); --mantine-color-dark-light: rgba(46, 46, 46, 0.1); --mantine-color-dark-light-hover: rgba(46, 46, 46, 0.12); --mantine-color-dark-light-color: var(--mantine-color-dark-6); --mantine-color-dark-outline: var(--mantine-color-dark-6); --mantine-color-dark-outline-hover: rgba(46, 46, 46, 0.05); --mantine-color-gray-text: var(--mantine-color-gray-filled); --mantine-color-gray-filled: var(--mantine-color-gray-6); --mantine-color-gray-filled-hover: var(--mantine-color-gray-7); --mantine-color-gray-light: rgba(134, 142, 150, 0.1); --mantine-color-gray-light-hover: rgba(134, 142, 150, 0.12); --mantine-color-gray-light-color: var(--mantine-color-gray-6); --mantine-color-gray-outline: var(--mantine-color-gray-6); --mantine-color-gray-outline-hover: rgba(134, 142, 150, 0.05); --mantine-color-red-text: var(--mantine-color-red-filled); --mantine-color-red-filled: var(--mantine-color-red-6); --mantine-color-red-filled-hover: var(--mantine-color-red-7); --mantine-color-red-light: rgba(250, 82, 82, 0.1); --mantine-color-red-light-hover: rgba(250, 82, 82, 0.12); --mantine-color-red-light-color: var(--mantine-color-red-6); --mantine-color-red-outline: var(--mantine-color-red-6); --mantine-color-red-outline-hover: rgba(250, 82, 82, 0.05); --mantine-color-pink-text: var(--mantine-color-pink-filled); --mantine-color-pink-filled: var(--mantine-color-pink-6); --mantine-color-pink-filled-hover: var(--mantine-color-pink-7); --mantine-color-pink-light: rgba(230, 73, 128, 0.1); --mantine-color-pink-light-hover: rgba(230, 73, 128, 0.12); --mantine-color-pink-light-color: var(--mantine-color-pink-6); --mantine-color-pink-outline: var(--mantine-color-pink-6); --mantine-color-pink-outline-hover: rgba(230, 73, 128, 0.05); --mantine-color-grape-text: var(--mantine-color-grape-filled); --mantine-color-grape-filled: var(--mantine-color-grape-6); --mantine-color-grape-filled-hover: var(--mantine-color-grape-7); --mantine-color-grape-light: rgba(190, 75, 219, 0.1); --mantine-color-grape-light-hover: rgba(190, 75, 219, 0.12); --mantine-color-grape-light-color: var(--mantine-color-grape-6); --mantine-color-grape-outline: var(--mantine-color-grape-6); --mantine-color-grape-outline-hover: rgba(190, 75, 219, 0.05); --mantine-color-violet-text: var(--mantine-color-violet-filled); --mantine-color-violet-filled: var(--mantine-color-violet-6); --mantine-color-violet-filled-hover: var(--mantine-color-violet-7); --mantine-color-violet-light: rgba(121, 80, 242, 0.1); --mantine-color-violet-light-hover: rgba(121, 80, 242, 0.12); --mantine-color-violet-light-color: var(--mantine-color-violet-6); --mantine-color-violet-outline: var(--mantine-color-violet-6); --mantine-color-violet-outline-hover: rgba(121, 80, 242, 0.05); --mantine-color-indigo-text: var(--mantine-color-indigo-filled); --mantine-color-indigo-filled: var(--mantine-color-indigo-6); --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-7); --mantine-color-indigo-light: rgba(76, 110, 245, 0.1); --mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.12); --mantine-color-indigo-light-color: var(--mantine-color-indigo-6); --mantine-color-indigo-outline: var(--mantine-color-indigo-6); --mantine-color-indigo-outline-hover: rgba(76, 110, 245, 0.05); --mantine-color-blue-text: var(--mantine-color-blue-filled); --mantine-color-blue-filled: var(--mantine-color-blue-6); --mantine-color-blue-filled-hover: var(--mantine-color-blue-7); --mantine-color-blue-light: rgba(34, 139, 230, 0.1); --mantine-color-blue-light-hover: rgba(34, 139, 230, 0.12); --mantine-color-blue-light-color: var(--mantine-color-blue-6); --mantine-color-blue-outline: var(--mantine-color-blue-6); --mantine-color-blue-outline-hover: rgba(34, 139, 230, 0.05); --mantine-color-cyan-text: var(--mantine-color-cyan-filled); --mantine-color-cyan-filled: var(--mantine-color-cyan-6); --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-7); --mantine-color-cyan-light: rgba(21, 170, 191, 0.1); --mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.12); --mantine-color-cyan-light-color: var(--mantine-color-cyan-6); --mantine-color-cyan-outline: var(--mantine-color-cyan-6); --mantine-color-cyan-outline-hover: rgba(21, 170, 191, 0.05); --mantine-color-teal-text: var(--mantine-color-teal-filled); --mantine-color-teal-filled: var(--mantine-color-teal-6); --mantine-color-teal-filled-hover: var(--mantine-color-teal-7); --mantine-color-teal-light: rgba(18, 184, 134, 0.1); --mantine-color-teal-light-hover: rgba(18, 184, 134, 0.12); --mantine-color-teal-light-color: var(--mantine-color-teal-6); --mantine-color-teal-outline: var(--mantine-color-teal-6); --mantine-color-teal-outline-hover: rgba(18, 184, 134, 0.05); --mantine-color-green-text: var(--mantine-color-green-filled); --mantine-color-green-filled: var(--mantine-color-green-6); --mantine-color-green-filled-hover: var(--mantine-color-green-7); --mantine-color-green-light: rgba(64, 192, 87, 0.1); --mantine-color-green-light-hover: rgba(64, 192, 87, 0.12); --mantine-color-green-light-color: var(--mantine-color-green-6); --mantine-color-green-outline: var(--mantine-color-green-6); --mantine-color-green-outline-hover: rgba(64, 192, 87, 0.05); --mantine-color-lime-text: var(--mantine-color-lime-filled); --mantine-color-lime-filled: var(--mantine-color-lime-6); --mantine-color-lime-filled-hover: var(--mantine-color-lime-7); --mantine-color-lime-light: rgba(130, 201, 30, 0.1); --mantine-color-lime-light-hover: rgba(130, 201, 30, 0.12); --mantine-color-lime-light-color: var(--mantine-color-lime-6); --mantine-color-lime-outline: var(--mantine-color-lime-6); --mantine-color-lime-outline-hover: rgba(130, 201, 30, 0.05); --mantine-color-yellow-text: var(--mantine-color-yellow-filled); --mantine-color-yellow-filled: var(--mantine-color-yellow-6); --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-7); --mantine-color-yellow-light: rgba(250, 176, 5, 0.1); --mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.12); --mantine-color-yellow-light-color: var(--mantine-color-yellow-6); --mantine-color-yellow-outline: var(--mantine-color-yellow-6); --mantine-color-yellow-outline-hover: rgba(250, 176, 5, 0.05); --mantine-color-orange-text: var(--mantine-color-orange-filled); --mantine-color-orange-filled: var(--mantine-color-orange-6); --mantine-color-orange-filled-hover: var(--mantine-color-orange-7); --mantine-color-orange-light: rgba(253, 126, 20, 0.1); --mantine-color-orange-light-hover: rgba(253, 126, 20, 0.12); --mantine-color-orange-light-color: var(--mantine-color-orange-6); --mantine-color-orange-outline: var(--mantine-color-orange-6); --mantine-color-orange-outline-hover: rgba(253, 126, 20, 0.05); } .m_d57069b5 { --scrollarea-scrollbar-size: calc(0.75rem * var(--mantine-scale)); position: relative; overflow: hidden; } .m_c0783ff9 { scrollbar-width: none; overscroll-behavior: var(--scrollarea-over-scroll-behavior); -ms-overflow-style: none; -webkit-overflow-scrolling: touch; width: 100%; height: 100%; } .m_c0783ff9::-webkit-scrollbar { display: none; } .m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where( [data-offset-scrollbars='xy'], [data-offset-scrollbars='y'], [data-offset-scrollbars='present'] ):where([data-vertical-hidden]) { padding-inline-end: 0; padding-inline-start: 0; } .m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where( [data-offset-scrollbars='xy'], [data-offset-scrollbars='y'], [data-offset-scrollbars='present'] ):not([data-vertical-hidden]) { padding-inline-end: var(--scrollarea-scrollbar-size); padding-inline-start: unset; } .m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where( [data-offset-scrollbars='xy'], [data-offset-scrollbars='x'], [data-offset-scrollbars='present'] ):where([data-horizontal-hidden]) { padding-bottom: 0; } .m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where( [data-offset-scrollbars='xy'], [data-offset-scrollbars='x'], [data-offset-scrollbars='present'] ):not([data-horizontal-hidden]) { padding-bottom: var(--scrollarea-scrollbar-size); } .m_f8f631dd { min-width: 100%; display: table; } .m_c44ba933 { user-select: none; touch-action: none; box-sizing: border-box; transition: background-color 150ms ease, opacity 150ms ease; padding: calc(var(--scrollarea-scrollbar-size) / 5); display: flex; background-color: transparent; flex-direction: row; } @media (hover: hover) { :where([data-mantine-color-scheme='light']) .m_c44ba933:hover { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='light']) .m_c44ba933:hover > .m_d8b5e363 { background-color: rgba(0, 0, 0, 0.5); } :where([data-mantine-color-scheme='dark']) .m_c44ba933:hover { background-color: var(--mantine-color-dark-8); } :where([data-mantine-color-scheme='dark']) .m_c44ba933:hover > .m_d8b5e363 { background-color: rgba(255, 255, 255, 0.5); } } @media (hover: none) { :where([data-mantine-color-scheme='light']) .m_c44ba933:active { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='light']) .m_c44ba933:active > .m_d8b5e363 { background-color: rgba(0, 0, 0, 0.5); } :where([data-mantine-color-scheme='dark']) .m_c44ba933:active { background-color: var(--mantine-color-dark-8); } :where([data-mantine-color-scheme='dark']) .m_c44ba933:active > .m_d8b5e363 { background-color: rgba(255, 255, 255, 0.5); } } .m_c44ba933:where([data-hidden], [data-state='hidden']) { display: none; } .m_c44ba933:where([data-orientation='vertical']) { width: var(--scrollarea-scrollbar-size); top: 0; bottom: var(--sa-corner-width); inset-inline-end: 0; } .m_c44ba933:where([data-orientation='horizontal']) { height: var(--scrollarea-scrollbar-size); flex-direction: column; bottom: 0; inset-inline-start: 0; inset-inline-end: var(--sa-corner-width); } .m_d8b5e363 { flex: 1; border-radius: var(--scrollarea-scrollbar-size); position: relative; transition: background-color 150ms ease; overflow: hidden; opacity: var(--thumb-opacity); } .m_d8b5e363::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; min-width: calc(2.75rem * var(--mantine-scale)); min-height: calc(2.75rem * var(--mantine-scale)); } :where([data-mantine-color-scheme='light']) .m_d8b5e363 { background-color: rgba(0, 0, 0, 0.4); } :where([data-mantine-color-scheme='dark']) .m_d8b5e363 { background-color: rgba(255, 255, 255, 0.4); } .m_21657268 { position: absolute; opacity: 0; transition: opacity 150ms ease; display: block; inset-inline-end: 0; bottom: 0; } :where([data-mantine-color-scheme='light']) .m_21657268 { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_21657268 { background-color: var(--mantine-color-dark-8); } .m_21657268:where([data-hovered]) { opacity: 1; } .m_21657268:where([data-hidden]) { display: none; } .m_b1336c6 { min-width: 100%; } .m_87cf2631 { background-color: transparent; cursor: pointer; border: 0; padding: 0; appearance: none; font-size: var(--mantine-font-size-md); text-align: left; text-decoration: none; color: inherit; touch-action: manipulation; -webkit-tap-highlight-color: transparent; } :where([dir="rtl"]) .m_87cf2631 { text-align: right; } .m_515a97f8 { border: 0; clip: rect(0 0 0 0); height: calc(0.0625rem * var(--mantine-scale)); width: calc(0.0625rem * var(--mantine-scale)); margin: calc(-0.0625rem * var(--mantine-scale)); overflow: hidden; padding: 0; position: absolute; white-space: nowrap; } .m_1b7284a3 { --paper-radius: var(--mantine-radius-default); outline: 0; -webkit-tap-highlight-color: transparent; display: block; touch-action: manipulation; text-decoration: none; border-radius: var(--paper-radius); box-shadow: var(--paper-shadow); background-color: var(--mantine-color-body); } [data-mantine-color-scheme='light'] .m_1b7284a3 { --paper-border-color: var(--mantine-color-gray-3); } [data-mantine-color-scheme='dark'] .m_1b7284a3 { --paper-border-color: var(--mantine-color-dark-4); } .m_1b7284a3:where([data-with-border]) { border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color); } .m_9814e45f { inset: 0; position: absolute; background: var(--overlay-bg, rgba(0, 0, 0, 0.6)); -webkit-backdrop-filter: var(--overlay-filter); backdrop-filter: var(--overlay-filter); border-radius: var(--overlay-radius, 0); z-index: var(--overlay-z-index); } .m_9814e45f:where([data-fixed]) { position: fixed; } .m_9814e45f:where([data-center]) { display: flex; align-items: center; justify-content: center; } .m_38a85659 { position: absolute; border: 1px solid var(--popover-border-color); padding: var(--mantine-spacing-sm) var(--mantine-spacing-md); box-shadow: var(--popover-shadow, none); border-radius: var(--popover-radius, var(--mantine-radius-default)); } .m_38a85659:where([data-fixed]) { position: fixed; } .m_38a85659:focus { outline: none; } :where([data-mantine-color-scheme='light']) .m_38a85659 { --popover-border-color: var(--mantine-color-gray-2); background-color: var(--mantine-color-white); } :where([data-mantine-color-scheme='dark']) .m_38a85659 { --popover-border-color: var(--mantine-color-dark-4); background-color: var(--mantine-color-dark-6); } .m_a31dc6c1 { background-color: inherit; border: 1px solid var(--popover-border-color); z-index: 1; } .m_3d7bc908 { position: fixed; inset: 0; } .m_5ae2e3c { --loader-size-xs: calc(1.125rem * var(--mantine-scale)); --loader-size-sm: calc(1.375rem * var(--mantine-scale)); --loader-size-md: calc(2.25rem * var(--mantine-scale)); --loader-size-lg: calc(2.75rem * var(--mantine-scale)); --loader-size-xl: calc(3.625rem * var(--mantine-scale)); --loader-size: var(--loader-size-md); --loader-color: var(--mantine-primary-color-filled); } /* ----- Bars loader ----- */ @keyframes m_5d2b3b9d { 0% { transform: scale(0.6); opacity: 0; } 50%, 100% { transform: scale(1); } } .m_7a2bd4cd { position: relative; width: var(--loader-size); height: var(--loader-size); display: flex; gap: calc(var(--loader-size) / 5); } .m_870bb79 { flex: 1; background: var(--loader-color); animation: m_5d2b3b9d 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; border-radius: calc(0.125rem * var(--mantine-scale)); } .m_870bb79:nth-of-type(1) { animation-delay: -240ms; } .m_870bb79:nth-of-type(2) { animation-delay: -120ms; } .m_870bb79:nth-of-type(3) { animation-delay: 0; } /* ----- Dots loader ----- */ @keyframes m_aac34a1 { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(0.6); opacity: 0.5; } } .m_4e3f22d7 { display: flex; justify-content: center; align-items: center; gap: calc(var(--loader-size) / 10); position: relative; width: var(--loader-size); height: var(--loader-size); } .m_870c4af { width: calc(var(--loader-size) / 3 - var(--loader-size) / 15); height: calc(var(--loader-size) / 3 - var(--loader-size) / 15); border-radius: 50%; background: var(--loader-color); animation: m_aac34a1 0.8s infinite linear; } .m_870c4af:nth-child(2) { animation-delay: 0.4s; } /* ----- Oval loader ----- */ @keyframes m_f8e89c4b { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .m_b34414df { display: inline-block; width: var(--loader-size); height: var(--loader-size); } .m_b34414df::after { content: ''; display: block; width: var(--loader-size); height: var(--loader-size); border-radius: calc(625rem * var(--mantine-scale)); border-width: calc(var(--loader-size) / 8); border-style: solid; border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent; animation: m_f8e89c4b 1.2s linear infinite; } .m_8d3f4000 { --ai-size-xs: calc(1.125rem * var(--mantine-scale)); --ai-size-sm: calc(1.375rem * var(--mantine-scale)); --ai-size-md: calc(1.75rem * var(--mantine-scale)); --ai-size-lg: calc(2.125rem * var(--mantine-scale)); --ai-size-xl: calc(2.75rem * var(--mantine-scale)); --ai-size-input-xs: calc(1.875rem * var(--mantine-scale)); --ai-size-input-sm: calc(2.25rem * var(--mantine-scale)); --ai-size-input-md: calc(2.625rem * var(--mantine-scale)); --ai-size-input-lg: calc(3.125rem * var(--mantine-scale)); --ai-size-input-xl: calc(3.75rem * var(--mantine-scale)); --ai-size: var(--ai-size-md); --ai-color: var(--mantine-color-white); line-height: 1; display: inline-flex; align-items: center; justify-content: center; position: relative; user-select: none; overflow: hidden; width: var(--ai-size); height: var(--ai-size); min-width: var(--ai-size); min-height: var(--ai-size); border-radius: var(--ai-radius, var(--mantine-radius-default)); background: var(--ai-bg, var(--mantine-primary-color-filled)); color: var(--ai-color, var(--mantine-color-white)); border: var(--ai-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent); cursor: pointer; } @media (hover: hover) { .m_8d3f4000:hover:where(:not([data-loading], :disabled, [data-disabled])) { background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover)); color: var(--ai-hover-color, var(--ai-color)); } } @media (hover: none) { .m_8d3f4000:active:where(:not([data-loading], :disabled, [data-disabled])) { background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover)); color: var(--ai-hover-color, var(--ai-color)); } } .m_8d3f4000[data-loading] { cursor: not-allowed; } .m_8d3f4000[data-loading] .m_8d3afb97 { opacity: 0; transform: translateY(100%); } .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) { cursor: not-allowed; border: calc(0.0625rem * var(--mantine-scale)) solid transparent; color: var(--mantine-color-disabled-color); background-color: var(--mantine-color-disabled); } .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])):active { transform: none; } .m_302b9fb1 { inset: calc(-0.0625rem * var(--mantine-scale)); position: absolute; border-radius: var(--ai-radius, var(--mantine-radius-default)); display: flex; align-items: center; justify-content: center; } :where([data-mantine-color-scheme='light']) .m_302b9fb1 { background-color: rgba(255, 255, 255, 0.15); } :where([data-mantine-color-scheme='dark']) .m_302b9fb1 { background-color: rgba(0, 0, 0, 0.15); } .m_1a0f1b21 { --ai-border-width: calc(0.0625rem * var(--mantine-scale)); display: flex; } .m_1a0f1b21 :where(*):focus { position: relative; z-index: 1; } .m_1a0f1b21[data-orientation='horizontal'] { flex-direction: row; } .m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):first-child { border-end-end-radius: 0; border-start-end-radius: 0; border-inline-end-width: calc(var(--ai-border-width) / 2); } .m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):last-child { border-end-start-radius: 0; border-start-start-radius: 0; border-inline-start-width: calc(var(--ai-border-width) / 2); } .m_1a0f1b21[data-orientation='horizontal'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='horizontal'] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0; border-inline-width: calc(var(--ai-border-width) / 2); } .m_1a0f1b21[data-orientation='vertical'] { flex-direction: column; } .m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):first-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):first-child { border-end-start-radius: 0; border-end-end-radius: 0; border-bottom-width: calc(var(--ai-border-width) / 2); } .m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):last-child, .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):last-child { border-start-start-radius: 0; border-start-end-radius: 0; border-top-width: calc(var(--ai-border-width) / 2); } .m_1a0f1b21[data-orientation='vertical'] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child), .m_1a0f1b21[data-orientation='vertical'] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0; border-bottom-width: calc(var(--ai-border-width) / 2); border-top-width: calc(var(--ai-border-width) / 2); } .m_8d3afb97 { display: flex; align-items: center; justify-content: center; transition: transform 150ms ease, opacity 100ms ease; width: 100%; height: 100%; } .m_437b6484 { --section-height-xs: calc(1.125rem * var(--mantine-scale)); --section-height-sm: calc(1.375rem * var(--mantine-scale)); --section-height-md: calc(1.75rem * var(--mantine-scale)); --section-height-lg: calc(2.125rem * var(--mantine-scale)); --section-height-xl: calc(2.75rem * var(--mantine-scale)); --section-height-input-xs: calc(1.875rem * var(--mantine-scale)); --section-height-input-sm: calc(2.25rem * var(--mantine-scale)); --section-height-input-md: calc(2.625rem * var(--mantine-scale)); --section-height-input-lg: calc(3.125rem * var(--mantine-scale)); --section-height-input-xl: calc(3.75rem * var(--mantine-scale)); --section-padding-x-xs: calc(0.375rem * var(--mantine-scale)); --section-padding-x-sm: calc(0.5rem * var(--mantine-scale)); --section-padding-x-md: calc(0.625rem * var(--mantine-scale)); --section-padding-x-lg: calc(0.75rem * var(--mantine-scale)); --section-padding-x-xl: calc(1rem * var(--mantine-scale)); --section-height: var(--section-height-sm); --section-padding-x: var(--section-padding-x-sm); --section-color: var(--mantine-color-white); font-weight: 600; width: auto; border-radius: var(--section-radius, var(--mantine-radius-default)); font-size: var(--section-fz, var(--mantine-font-size-sm)); background: var(--section-bg, var(--mantine-primary-color-filled)); border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent); color: var(--section-color, var(--mantine-color-white)); height: var(--section-height, var(--section-height-sm)); padding-inline: var(--section-padding-x, var(--section-padding-x-sm)); vertical-align: middle; line-height: 1; display: inline-flex; align-items: center; justify-content: center; } .m_86a44da5 { --cb-size-xs: calc(1.125rem * var(--mantine-scale)); --cb-size-sm: calc(1.375rem * var(--mantine-scale)); --cb-size-md: calc(1.75rem * var(--mantine-scale)); --cb-size-lg: calc(2.125rem * var(--mantine-scale)); --cb-size-xl: calc(2.75rem * var(--mantine-scale)); --cb-size: var(--cb-size-md); --cb-icon-size: 70%; --cb-radius: var(--mantine-radius-default); line-height: 1; display: inline-flex; align-items: center; justify-content: center; position: relative; user-select: none; width: var(--cb-size); height: var(--cb-size); min-width: var(--cb-size); min-height: var(--cb-size); border-radius: var(--cb-radius); } :where([data-mantine-color-scheme='light']) .m_86a44da5 { color: var(--mantine-color-gray-7); } :where([data-mantine-color-scheme='dark']) .m_86a44da5 { color: var(--mantine-color-dark-1); } .m_86a44da5[data-disabled], .m_86a44da5:disabled { cursor: not-allowed; opacity: 0.6; } @media (hover: hover) { :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover { background-color: var(--mantine-color-dark-6); } } @media (hover: none) { :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):active { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):active { background-color: var(--mantine-color-dark-6); } } .m_4081bf90 { display: flex; flex-direction: row; flex-wrap: var(--group-wrap, wrap); justify-content: var(--group-justify, flex-start); align-items: var(--group-align, center); gap: var(--group-gap, var(--mantine-spacing-md)); } .m_4081bf90:where([data-grow]) > * { flex-grow: 1; max-width: var(--group-child-width); } .m_615af6c9 { line-height: 1; padding: 0; margin: 0; font-weight: 400; font-size: var(--mantine-font-size-md); } .m_b5489c3c { display: flex; justify-content: space-between; align-items: center; padding: var(--mb-padding, var(--mantine-spacing-md)); padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) - calc(0.3125rem * var(--mantine-scale))); position: sticky; top: 0; background-color: var(--mantine-color-body); z-index: 1000; min-height: calc(3.75rem * var(--mantine-scale)); transition: padding-inline-end 100ms; } .m_60c222c7 { position: fixed; width: 100%; top: 0; bottom: 0; z-index: var(--mb-z-index); pointer-events: none; } .m_fd1ab0aa { pointer-events: all; box-shadow: var(--mb-shadow, var(--mantine-shadow-xl)); } .m_fd1ab0aa [data-mantine-scrollbar] { z-index: 1001; } [data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar]) .m_b5489c3c { padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale))); } .m_606cb269 { margin-inline-start: auto; } .m_5df29311 { padding: var(--mb-padding, var(--mantine-spacing-md)); padding-top: var(--mb-padding, var(--mantine-spacing-md)); } .m_5df29311:where(:not(:only-child)) { padding-top: 0; } .m_6c018570 { position: relative; margin-top: var(--input-margin-top, 0rem); margin-bottom: var(--input-margin-bottom, 0rem); --input-height-xs: calc(1.875rem * var(--mantine-scale)); --input-height-sm: calc(2.25rem * var(--mantine-scale)); --input-height-md: calc(2.625rem * var(--mantine-scale)); --input-height-lg: calc(3.125rem * var(--mantine-scale)); --input-height-xl: calc(3.75rem * var(--mantine-scale)); --input-padding-y-xs: calc(0.3125rem * var(--mantine-scale)); --input-padding-y-sm: calc(0.375rem * var(--mantine-scale)); --input-padding-y-md: calc(0.5rem * var(--mantine-scale)); --input-padding-y-lg: calc(0.625rem * var(--mantine-scale)); --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale)); --input-height: var(--input-height-sm); --input-radius: var(--mantine-radius-default); --input-cursor: text; --input-text-align: left; --input-line-height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))); --input-padding: calc(var(--input-height) / 3); --input-padding-inline-start: var(--input-padding); --input-padding-inline-end: var(--input-padding); --input-placeholder-color: var(--mantine-color-placeholder); --input-color: var(--mantine-color-text); --input-disabled-bg: var(--mantine-color-disabled); --input-disabled-color: var(--mantine-color-disabled-color); --input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)))); --input-right-section-size: var( --input-right-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))) ); --input-size: var(--input-height); --section-y: calc(0.0625rem * var(--mantine-scale)); --left-section-start: calc(0.0625rem * var(--mantine-scale)); --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius); --right-section-end: calc(0.0625rem * var(--mantine-scale)); --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0; } .m_6c018570[data-variant='unstyled'] { --input-padding: 0; --input-padding-y: 0; --input-padding-inline-start: 0; --input-padding-inline-end: 0; } .m_6c018570[data-pointer] { --input-cursor: pointer; } .m_6c018570[data-multiline] { --input-padding-y-xs: calc(0.28125rem * var(--mantine-scale)); --input-padding-y-sm: calc(0.34375rem * var(--mantine-scale)); --input-padding-y-md: calc(0.4375rem * var(--mantine-scale)); --input-padding-y-lg: calc(0.59375rem * var(--mantine-scale)); --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale)); --input-size: auto; --input-line-height: var(--mantine-line-height); --input-padding-y: var(--input-padding-y-sm); } .m_6c018570[data-with-left-section] { --input-padding-inline-start: var(--input-left-section-size); } .m_6c018570[data-with-right-section] { --input-padding-inline-end: var(--input-right-section-size); } [data-mantine-color-scheme='light'] .m_6c018570[data-variant='default'] { --input-bd: var(--mantine-color-gray-4); --input-bg: var(--mantine-color-white); --input-bd-focus: var(--mantine-primary-color-filled); } [data-mantine-color-scheme='light'] .m_6c018570[data-variant='filled'] { --input-bd: transparent; --input-bg: var(--mantine-color-gray-1); --input-bd-focus: var(--mantine-primary-color-filled); } [data-mantine-color-scheme='light'] .m_6c018570[data-variant='unstyled'] { --input-bd: transparent; --input-bg: transparent; --input-bd-focus: transparent; } [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='default'] { --input-bd: var(--mantine-color-dark-4); --input-bg: var(--mantine-color-dark-6); --input-bd-focus: var(--mantine-primary-color-filled); } [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='filled'] { --input-bd: transparent; --input-bg: var(--mantine-color-dark-5); --input-bd-focus: var(--mantine-primary-color-filled); } [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='unstyled'] { --input-bd: transparent; --input-bg: transparent; --input-bd-focus: transparent; } [data-mantine-color-scheme] .m_6c018570[data-error]:not([data-variant='unstyled']) { --input-bd: var(--mantine-color-error); } [data-mantine-color-scheme] .m_6c018570[data-error] { --input-color: var(--mantine-color-error); --input-placeholder-color: var(--mantine-color-error); --input-section-color: var(--mantine-color-error); } :where([dir="rtl"]) .m_6c018570 { --input-text-align: right; --left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0; --right-section-border-radius: var(--input-radius) 0 0 var(--input-radius); } .m_8fb7ebe7 { -webkit-tap-highlight-color: transparent; appearance: none; resize: var(--input-resize, none); display: block; width: 100%; transition: border-color 100ms ease; text-align: var(--input-text-align); color: var(--input-color); border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd); background-color: var(--input-bg); font-family: var(--input-font-family, var(--mantine-font-family)); height: var(--input-size); min-height: var(--input-height); line-height: var(--input-line-height); font-size: var(--input-fz, var(--input-fz, var(--mantine-font-size-sm))); border-radius: var(--input-radius); padding-inline-start: var(--input-padding-inline-start); padding-inline-end: var(--input-padding-inline-end); padding-top: var(--input-padding-y, 0rem); padding-bottom: var(--input-padding-y, 0rem); cursor: var(--input-cursor); overflow: var(--input-overflow); } /* Used as data attribute in Textarea component, does not have associated prop on the Input component */ .m_8fb7ebe7[data-no-overflow] { --input-overflow: hidden; } /* Used as data attribute in JsonInput component, does not have associated prop on the Input component */ .m_8fb7ebe7[data-monospace] { --input-font-family: var(--mantine-font-family-monospace); --input-fz: calc(var(--input-fz, var(--mantine-font-size-sm)) - calc(0.125rem * var(--mantine-scale))); } .m_8fb7ebe7:focus, .m_8fb7ebe7:focus-within { outline: none; --input-bd: var(--input-bd-focus); } [data-error] .m_8fb7ebe7:focus, [data-error] .m_8fb7ebe7:focus-within { --input-bd: var(--mantine-color-error); } .m_8fb7ebe7::placeholder { color: var(--input-placeholder-color); opacity: 1; } .m_8fb7ebe7::-webkit-inner-spin-button, .m_8fb7ebe7::-webkit-outer-spin-button, .m_8fb7ebe7::-webkit-search-decoration, .m_8fb7ebe7::-webkit-search-cancel-button, .m_8fb7ebe7::-webkit-search-results-button, .m_8fb7ebe7::-webkit-search-results-decoration { appearance: none; } .m_8fb7ebe7[type='number'] { -moz-appearance: textfield; } .m_8fb7ebe7:disabled, .m_8fb7ebe7[data-disabled] { cursor: not-allowed; opacity: 0.6; background-color: var(--input-disabled-bg); color: var(--input-disabled-color); } /* Required to be a separate selector to work in Firefox, can be merged with &:disabled once :has is supported */ .m_8fb7ebe7:has(input:disabled) { cursor: not-allowed; opacity: 0.6; background-color: var(--input-disabled-bg); color: var(--input-disabled-color); } .m_82577fc2 { pointer-events: var(--section-pointer-events); position: absolute; z-index: 1; inset-inline-start: var(--section-start); inset-inline-end: var(--section-end); bottom: var(--section-y); top: var(--section-y); display: flex; align-items: center; justify-content: center; width: var(--section-size); border-radius: var(--section-border-radius); color: var(--input-section-color, var(--mantine-color-dimmed)); } .m_82577fc2[data-position='right'] { --section-pointer-events: var(--input-right-section-pointer-events); --section-end: var(--right-section-end); --section-size: var(--input-right-section-size); --section-border-radius: var(--right-section-border-radius); } .m_82577fc2[data-position='left'] { --section-pointer-events: var(--input-left-section-pointer-events); --section-start: var(--left-section-start); --section-size: var(--input-left-section-size); --section-border-radius: var(--left-section-border-radius); } /* ----- Input.Placeholder ----- */ .m_88bacfd0 { color: var(--input-placeholder-color, var(--mantine-color-placeholder)); } [data-error] .m_88bacfd0 { --input-placeholder-color: var(--input-color, var(--mantine-color-placeholder)); } /* ----- Input.Wrapper ----- */ .m_46b77525 { line-height: var(--mantine-line-height); } .m_8fdc1311 { display: inline-block; font-weight: 500; word-break: break-word; cursor: default; -webkit-tap-highlight-color: transparent; font-size: var(--input-label-size, var(--mantine-font-size-sm)); } .m_78a94662 { color: var(--input-asterisk-color, var(--mantine-color-error)); } .m_8f816625, .m_fe47ce59 { word-wrap: break-word; line-height: 1.2; display: block; margin: 0; padding: 0; } .m_8f816625 { color: var(--mantine-color-error); font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale)))); } .m_fe47ce59 { color: var(--mantine-color-dimmed); font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale)))); } .m_8bffd616 { display: flex; } .m_96b553a6 { --transition-duration: 150ms; top: 0; left: 0; position: absolute; z-index: 0; transition-property: transform, width, height; transition-timing-function: ease; transition-duration: 0ms; } .m_96b553a6:where([data-initialized]) { transition-duration: var(--transition-duration); } .m_96b553a6:where([data-hidden]) { background-color: red; display: none; } .m_9bdbb667 { --accordion-radius: var(--mantine-radius-default); } .m_df78851f { word-break: break-word; } .m_4ba554d4 { padding: var(--mantine-spacing-md); padding-top: calc(var(--mantine-spacing-xs) / 2); } .m_8fa820a0 { margin: 0; padding: 0; } .m_4ba585b8 { width: 100%; display: flex; align-items: center; flex-direction: row-reverse; padding-inline: var(--mantine-spacing-md); opacity: 1; cursor: pointer; background-color: transparent; } .m_4ba585b8:where([data-chevron-position='left']) { flex-direction: row; padding-inline-start: 0; } :where([data-mantine-color-scheme='light']) .m_4ba585b8 { color: var(--mantine-color-black); } :where([data-mantine-color-scheme='dark']) .m_4ba585b8 { color: var(--mantine-color-dark-0); } .m_4ba585b8:where(:disabled, [data-disabled]) { opacity: 0.4; cursor: not-allowed; } @media (hover: hover) { :where([data-mantine-color-scheme='light']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover, :where([data-mantine-color-scheme='light']) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover, :where([data-mantine-color-scheme='dark']) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover { background-color: var(--mantine-color-dark-6); } } @media (hover: none) { :where([data-mantine-color-scheme='light']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active, :where([data-mantine-color-scheme='light']) .m_4271d21b:where(:not(:disabled, [data-disabled])):active { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active, :where([data-mantine-color-scheme='dark']) .m_4271d21b:where(:not(:disabled, [data-disabled])):active { background-color: var(--mantine-color-dark-6); } } .m_df3ffa0f { color: inherit; font-weight: 400; flex: 1; overflow: hidden; text-overflow: ellipsis; padding-top: var(--mantine-spacing-sm); padding-bottom: var(--mantine-spacing-sm); } .m_3f35ae96 { display: flex; align-items: center; justify-content: flex-start; transition: transform var(--accordion-transition-duration, 200ms) ease; width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale))); min-width: var(--accordion-chevron-size, calc(0.9375rem * var(--mantine-scale))); transform: rotate(0deg); } .m_3f35ae96:where([data-rotate]) { transform: rotate(180deg); } .m_3f35ae96:where([data-position='left']) { margin-inline-end: var(--mantine-spacing-md); margin-inline-start: var(--mantine-spacing-md); } .m_9bd771fe { display: flex; align-items: center; justify-content: center; margin-inline-end: var(--mantine-spacing-sm); } .m_9bd771fe:where([data-chevron-position='left']) { margin-inline-end: 0; margin-inline-start: var(--mantine-spacing-lg); } :where([data-mantine-color-scheme='light']) .m_9bd7b098 { --item-border-color: var(--mantine-color-gray-3); --item-filled-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_9bd7b098 { --item-border-color: var(--mantine-color-dark-4); --item-filled-color: var(--mantine-color-dark-6); } .m_fe19b709 { border-bottom: 1px solid var(--item-border-color); } .m_1f921b3b { border: 1px solid var(--item-border-color); transition: background-color 150ms ease; } .m_1f921b3b:where([data-active]) { background-color: var(--item-filled-color); } .m_1f921b3b:first-of-type { border-start-start-radius: var(--accordion-radius); border-start-end-radius: var(--accordion-radius); } .m_1f921b3b:first-of-type > [data-accordion-control] { border-start-start-radius: var(--accordion-radius); border-start-end-radius: var(--accordion-radius); } .m_1f921b3b:last-of-type { border-end-start-radius: var(--accordion-radius); border-end-end-radius: var(--accordion-radius); } .m_1f921b3b:last-of-type > [data-accordion-control] { border-end-start-radius: var(--accordion-radius); border-end-end-radius: var(--accordion-radius); } .m_1f921b3b + .m_1f921b3b { border-top: 0; } .m_2cdf939a { border-radius: var(--accordion-radius); } .m_2cdf939a:where([data-active]) { background-color: var(--item-filled-color); } .m_9f59b069 { background-color: var(--item-filled-color); border-radius: var(--accordion-radius); border: calc(0.0625rem * var(--mantine-scale)) solid transparent; transition: background-color 150ms ease; } .m_9f59b069[data-active] { border-color: var(--item-border-color); } :where([data-mantine-color-scheme='light']) .m_9f59b069[data-active] { background-color: var(--mantine-color-white); } :where([data-mantine-color-scheme='dark']) .m_9f59b069[data-active] { background-color: var(--mantine-color-dark-7); } .m_9f59b069 + .m_9f59b069 { margin-top: var(--mantine-spacing-md); } .m_7f854edf { position: fixed; z-index: var(--affix-z-index); inset-inline-start: var(--affix-left); inset-inline-end: var(--affix-right); top: var(--affix-top); bottom: var(--affix-bottom); } .m_66836ed3 { --alert-radius: var(--mantine-radius-default); --alert-bg: var(--mantine-primary-color-light); --alert-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent; --alert-color: var(--mantine-primary-color-light-color); padding: var(--mantine-spacing-md) var(--mantine-spacing-md); border-radius: var(--alert-radius); position: relative; overflow: hidden; background-color: var(--alert-bg); border: var(--alert-bd); color: var(--alert-color); } .m_a5d60502 { display: flex; } .m_667c2793 { flex: 1; display: flex; flex-direction: column; gap: var(--mantine-spacing-xs); } .m_6a03f287 { display: flex; align-items: center; justify-content: space-between; font-size: var(--mantine-font-size-sm); font-weight: 700; } .m_6a03f287:where([data-with-close-button]) { padding-inline-end: var(--mantine-spacing-md); } .m_698f4f23 { display: block; overflow: hidden; text-overflow: ellipsis; } .m_667f2a6a { line-height: 1; width: calc(1.25rem * var(--mantine-scale)); height: calc(1.25rem * var(--mantine-scale)); display: flex; align-items: center; justify-content: flex-start; margin-inline-end: var(--mantine-spacing-md); margin-top: calc(0.0625rem * var(--mantine-scale)); } .m_7fa78076 { text-overflow: ellipsis; overflow: hidden; font-size: var(--mantine-font-size-sm); } :where([data-mantine-color-scheme='light']) .m_7fa78076 { color: var(--mantine-color-black); } :where([data-mantine-color-scheme='dark']) .m_7fa78076 { color: var(--mantine-color-white); } .m_7fa78076:where([data-variant='filled']) { color: var(--alert-color); } .m_7fa78076:where([data-variant='white']) { color: var(--mantine-color-black); } .m_87f54839 { width: calc(1.25rem * var(--mantine-scale)); height: calc(1.25rem * var(--mantine-scale)); color: var(--alert-color); } .m_b6d8b162 { -webkit-tap-highlight-color: transparent; text-decoration: none; font-size: var(--text-fz, var(--mantine-font-size-md)); line-height: var(--text-lh, var(--mantine-line-height-md)); font-weight: normal; margin: 0; padding: 0; color: var(--text-color); } .m_b6d8b162:where([data-truncate]) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .m_b6d8b162:where([data-truncate='start']) { direction: rtl; text-align: right; } :where([dir="rtl"]) .m_b6d8b162:where([data-truncate='start']) { direction: ltr; text-align: left; } .m_b6d8b162:where([data-variant='gradient']) { background-image: var(--text-gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .m_b6d8b162:where([data-line-clamp]) { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: var(--text-line-clamp); -webkit-box-orient: vertical; } .m_b6d8b162:where([data-inherit]) { line-height: inherit; font-weight: inherit; font-size: inherit; } .m_b6d8b162:where([data-inline]) { line-height: 1; } .m_849cf0da { color: var(--mantine-color-anchor); text-decoration: none; appearance: none; border: none; display: inline; padding: 0; margin: 0; background-color: transparent; cursor: pointer; } @media (hover: hover) { .m_849cf0da:where([data-underline='hover']):hover { text-decoration: underline; } } @media (hover: none) { .m_849cf0da:where([data-underline='hover']):active { text-decoration: underline; } } .m_849cf0da:where([data-underline='not-hover']) { text-decoration: underline; } @media (hover: hover) { .m_849cf0da:where([data-underline='not-hover']):hover { text-decoration: none; } } @media (hover: none) { .m_849cf0da:where([data-underline='not-hover']):active { text-decoration: none; } } .m_849cf0da:where([data-underline='always']) { text-decoration: underline; } .m_849cf0da:where([data-variant='gradient']), .m_849cf0da:where([data-variant='gradient']):hover { text-decoration: none; } .m_849cf0da:where([data-line-clamp]) { display: -webkit-box; } .m_48204f9b { width: var(--slider-size); height: var(--slider-size); position: relative; border-radius: 100%; display: flex; align-items: center; justify-content: center; user-select: none; } .m_48204f9b:focus-within { outline: 2px solid var(--mantine-primary-color-filled); outline-offset: calc(0.125rem * var(--mantine-scale)); } .m_48204f9b { --slider-size: calc(3.75rem * var(--mantine-scale)); --thumb-size: calc(var(--slider-size) / 5); } :where([data-mantine-color-scheme='light']) .m_48204f9b { background-color: var(--mantine-color-gray-1); } :where([data-mantine-color-scheme='dark']) .m_48204f9b { background-color: var(--mantine-color-dark-5); } .m_bb9cdbad { position: absolute; inset: calc(0.0625rem * var(--mantine-scale)); border-radius: var(--slider-size); pointer-events: none; } .m_481dd586 { width: calc(0.125rem * var(--mantine-scale)); position: absolute; top: 0; bottom: 0; left: calc(50% - 1px); transform: rotate(var(--angle)); } .m_481dd586::before { content: ''; position: absolute; top: calc(var(--thumb-size) / 3); left: calc(0.03125rem * var(--mantine-scale)); width: calc(0.0625rem * var(--mantine-scale)); height: calc(var(--thumb-size) / 1.5); transform: translate(-50%, -50%); } :where([data-mantine-color-scheme='light']) .m_481dd586::before { background-color: var(--mantine-color-gray-4); } :where([data-mantine-color-scheme='dark']) .m_481dd586::before { background-color: var(--mantine-color-dark-3); } .m_481dd586[data-label]::after { min-width: calc(1.125rem * var(--mantine-scale)); text-align: center; content: attr(data-label); position: absolute; top: calc(-1.5rem * var(--mantine-scale)); left: calc(-0.4375rem * var(--mantine-scale)); transform: rotate(calc(360deg - var(--angle))); font-size: var(--mantine-font-size-xs); } .m_bc02ba3d { position: absolute; inset-block: 0; inset-inline-start: calc(50% - 1.5px); inset-inline-end: 0; height: 100%; width: calc(0.1875rem * var(--mantine-scale)); outline: none; pointer-events: none; } .m_bc02ba3d::before { content: ''; position: absolute; right: 0; top: 0; height: min(var(--thumb-size), calc(var(--slider-size) / 2)); width: calc(0.1875rem * var(--mantine-scale)); } :where([data-mantine-color-scheme='light']) .m_bc02ba3d::before { background-color: var(--mantine-color-gray-7); } :where([data-mantine-color-scheme='dark']) .m_bc02ba3d::before { background-color: var(--mantine-color-dark-1); } .m_bb8e875b { font-size: var(--mantine-font-size-xs); } .m_89ab340[data-resizing] { --app-shell-transition-duration: 0ms !important; } .m_89ab340[data-disabled] { --app-shell-header-offset: 0rem !important; --app-shell-navbar-offset: 0rem !important; --app-shell-aside-offset: 0rem !important; --app-shell-footer-offset: 0rem !important; } [data-mantine-color-scheme='light'] .m_89ab340 { --app-shell-border-color: var(--mantine-color-gray-3); } [data-mantine-color-scheme='dark'] .m_89ab340 { --app-shell-border-color: var(--mantine-color-dark-4); } .m_45252eee, .m_9cdde9a, .m_3b16f56b, .m_8983817, .m_3840c879 { transition-duration: var(--app-shell-transition-duration); transition-timing-function: var(--app-shell-transition-timing-function); } .m_45252eee, .m_9cdde9a { position: fixed; display: flex; flex-direction: column; top: var(--app-shell-header-offset, 0rem); height: calc( 100dvh - var(--app-shell-header-offset, 0rem) - var(--app-shell-footer-offset, 0rem) ); background-color: var(--mantine-color-body); transition-property: transform, top, height; } :where([data-layout='alt']) .m_45252eee, :where([data-layout='alt']) .m_9cdde9a { top: 0rem; height: 100dvh; } .m_45252eee { inset-inline-start: 0; width: var(--app-shell-navbar-width); transition-property: transform, top, height; transform: var(--app-shell-navbar-transform); z-index: var(--app-shell-navbar-z-index); } :where([dir="rtl"]) .m_45252eee { transform: var(--app-shell-navbar-transform-rtl); } .m_45252eee:where([data-with-border]) { border-inline-end: 1px solid var(--app-shell-border-color); } .m_9cdde9a { inset-inline-end: 0; width: var(--app-shell-aside-width); transform: var(--app-shell-aside-transform); z-index: var(--app-shell-aside-z-index); } :where([dir="rtl"]) .m_9cdde9a { transform: var(--app-shell-aside-transform-rtl); } .m_9cdde9a:where([data-with-border]) { border-inline-start: 1px solid var(--app-shell-border-color); } .m_8983817 { padding-inline-start: calc(var(--app-shell-navbar-offset, 0rem) + var(--app-shell-padding)); padding-inline-end: calc(var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding)); padding-top: calc(var(--app-shell-header-offset, 0rem) + var(--app-shell-padding)); padding-bottom: calc(var(--app-shell-footer-offset, 0rem) + var(--app-shell-padding)); min-height: 100dvh; transition-property: padding; } .m_3b16f56b, .m_3840c879 { position: fixed; inset-inline: 0; transition-property: transform, left, right; background-color: var(--mantine-color-body); } :where([data-layout='alt']) .m_3b16f56b, :where([data-layout='alt']) .m_3840c879 { inset-inline-start: var(--app-shell-navbar-offset, 0rem); inset-inline-end: var(--app-shell-aside-offset, 0rem); } .m_3b16f56b { top: 0; height: var(--app-shell-header-height); background-color: var(--mantine-color-body); transform: var(--app-shell-header-transform); z-index: var(--app-shell-header-z-index); } .m_3b16f56b:where([data-with-border]) { border-bottom: 1px solid var(--app-shell-border-color); } .m_3840c879 { bottom: 0; height: calc(var(--app-shell-footer-height) + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); transform: var(--app-shell-footer-transform); z-index: var(--app-shell-footer-z-index); } .m_3840c879:where([data-with-border]) { border-top: 1px solid var(--app-shell-border-color); } .m_6dcfc7c7 { flex-grow: 0; } .m_6dcfc7c7:where([data-grow]) { flex-grow: 1; } .m_71ac47fc { --ar-ratio: 1; max-width: 100%; } .m_71ac47fc > :where(*:not(style)) { aspect-ratio: var(--ar-ratio); width: 100%; } .m_71ac47fc > :where(img, video) { object-fit: cover; } .m_88b62a41 { --combobox-padding: calc(0.25rem * var(--mantine-scale)); padding: var(--combobox-padding); } .m_88b62a41:has([data-mantine-scrollbar]) .m_985517d8 { max-width: calc(100% + var(--combobox-padding)); } .m_88b62a41[data-composed] { padding-inline-end: 0; } .m_88b62a41[data-hidden] { display: none; } /* Variables must be both on dropdown and options to support usage of Combobox.Options without Combobox.Dropdown */ .m_88b62a41, .m_b2821a6e { --combobox-option-padding-xs: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale)); --combobox-option-padding-sm: calc(0.375rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale)); --combobox-option-padding-md: calc(0.5rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale)); --combobox-option-padding-lg: calc(0.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale)); --combobox-option-padding-xl: calc(0.875rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale)); --combobox-option-padding: var(--combobox-option-padding-sm); } .m_92253aa5 { padding: var(--combobox-option-padding); font-size: var(--combobox-option-fz, var(--mantine-font-size-sm)); border-radius: var(--mantine-radius-default); background-color: transparent; color: inherit; cursor: pointer; word-break: break-word; } .m_92253aa5:where([data-combobox-selected]) { background-color: var(--mantine-primary-color-filled); color: var(--mantine-color-white); } .m_92253aa5:where([data-combobox-disabled]) { cursor: not-allowed; opacity: 0.35; } @media (hover: hover) { :where([data-mantine-color-scheme='light']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) { background-color: var(--mantine-color-dark-7); } } @media (hover: none) { :where([data-mantine-color-scheme='light']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) { background-color: var(--mantine-color-dark-7); } } .m_985517d8 { margin-inline: calc(var(--combobox-padding) * -1); margin-top: calc(var(--combobox-padding) * -1); width: calc(100% + var(--combobox-padding) * 2); border-top-width: 0; border-inline-width: 0; border-end-start-radius: 0; border-end-end-radius: 0; margin-bottom: var(--combobox-padding); position: relative; } :where([data-mantine-color-scheme='light']) .m_985517d8, :where([data-mantine-color-scheme='light']) .m_985517d8:focus { border-color: var(--mantine-color-gray-2); } :where([data-mantine-color-scheme='dark']) .m_985517d8, :where([data-mantine-color-scheme='dark']) .m_985517d8:focus { border-color: var(--mantine-color-dark-4); } :where([data-mantine-color-scheme='light']) .m_985517d8 { background-color: var(--mantine-color-white); } :where([data-mantine-color-scheme='dark']) .m_985517d8 { background-color: var(--mantine-color-dark-7); } .m_2530cd1d { font-size: var(--combobox-option-fz, var(--mantine-font-size-sm)); text-align: center; padding: var(--combobox-option-padding); color: var(--mantine-color-dimmed); } .m_858f94bd, .m_82b967cb { font-size: var(--combobox-option-fz, var(--mantine-font-size-sm)); border: 0 solid transparent; margin-inline: calc(var(--combobox-padding) * -1); padding: var(--combobox-option-padding); } :where([data-mantine-color-scheme='light']) .m_858f94bd, :where([data-mantine-color-scheme='light']) .m_82b967cb { border-color: var(--mantine-color-gray-2); } :where([data-mantine-color-scheme='dark']) .m_858f94bd, :where([data-mantine-color-scheme='dark']) .m_82b967cb { border-color: var(--mantine-color-dark-4); } .m_82b967cb { border-top-width: calc(0.0625rem * var(--mantine-scale)); margin-top: var(--combobox-padding); margin-bottom: calc(var(--combobox-padding) * -1); } .m_858f94bd { border-bottom-width: calc(0.0625rem * var(--mantine-scale)); margin-bottom: var(--combobox-padding); margin-top: calc(var(--combobox-padding) * -1); } .m_254f3e4f:has(.m_2bb2e9e5:only-child) { display: none; } .m_2bb2e9e5 { color: var(--mantine-color-dimmed); font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85); padding: var(--combobox-option-padding); font-weight: 500; position: relative; display: flex; align-items: center; } .m_2bb2e9e5::after { content: ''; flex: 1; inset-inline: 0; height: calc(0.0625rem * var(--mantine-scale)); margin-inline-start: var(--mantine-spacing-xs); } :where([data-mantine-color-scheme='light']) .m_2bb2e9e5::after { background-color: var(--mantine-color-gray-2); } :where([data-mantine-color-scheme='dark']) .m_2bb2e9e5::after { background-color: var(--mantine-color-dark-4); } .m_2bb2e9e5:only-child { display: none; } /* ------- Combobox.Chevron ------- */ .m_2943220b { --combobox-chevron-size-xs: calc(0.875rem * var(--mantine-scale)); --combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale)); --combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale)); --combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale)); --combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale)); --combobox-chevron-size: var(--combobox-chevron-size-sm); } :where([data-mantine-color-scheme='light']) .m_2943220b { --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-gray-6)); } :where([data-mantine-color-scheme='dark']) .m_2943220b { --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-dark-3)); } .m_2943220b { width: var(--combobox-chevron-size); height: var(--combobox-chevron-size); color: var(--_combobox-chevron-color); } .m_2943220b:where([data-error]) { color: var(--combobox-chevron-color, var(--mantine-color-error)); } /* ------- OptionsDropdown ------- */ .m_390b5f4 { display: flex; align-items: center; gap: calc(0.5rem * var(--mantine-scale)); } .m_390b5f4:where([data-reverse]) { justify-content: space-between; } .m_8ee53fc2 { opacity: 0.4; width: 0.8em; min-width: 0.8em; height: 0.8em; } :where([data-combobox-selected]) .m_8ee53fc2 { opacity: 1; } .m_5f75b09e { --label-lh-xs: calc(1rem * var(--mantine-scale)); --label-lh-sm: calc(1.25rem * var(--mantine-scale)); --label-lh-md: calc(1.5rem * var(--mantine-scale)); --label-lh-lg: calc(1.875rem * var(--mantine-scale)); --label-lh-xl: calc(2.25rem * var(--mantine-scale)); --label-lh: var(--label-lh-sm); } .m_5f75b09e[data-label-position='left'] { --label-order: 1; --label-offset-end: var(--mantine-spacing-sm); --label-offset-start: 0; } .m_5f75b09e[data-label-position='right'] { --label-order: 2; --label-offset-end: 0; --label-offset-start: var(--mantine-spacing-sm); } .m_5f6e695e { display: flex; } .m_d3ea56bb { --label-cursor: var(--mantine-cursor-type); -webkit-tap-highlight-color: transparent; display: inline-flex; flex-direction: column; font-size: var(--label-fz, var(--mantine-font-size-sm)); line-height: var(--label-lh); cursor: var(--label-cursor); order: var(--label-order); } fieldset:disabled .m_d3ea56bb, .m_d3ea56bb[data-disabled] { --label-cursor: not-allowed; } .m_8ee546b8 { cursor: var(--label-cursor); color: inherit; padding-inline-start: var(--label-offset-start); padding-inline-end: var(--label-offset-end); } fieldset:disabled .m_8ee546b8, .m_8ee546b8:where([data-disabled]) { color: var(--mantine-color-disabled-color); } .m_328f68c0 { margin-top: calc(var(--mantine-spacing-xs) / 2); padding-inline-start: var(--label-offset-start); padding-inline-end: var(--label-offset-end); } .m_8e8a99cc { margin-top: calc(var(--mantine-spacing-xs) / 2); padding-inline-start: var(--label-offset-start); padding-inline-end: var(--label-offset-end); } .m_26775b0a { --card-radius: var(--mantine-radius-default); display: block; width: 100%; border-radius: var(--card-radius); cursor: pointer; } .m_26775b0a :where(*) { cursor: inherit; } .m_26775b0a:where([data-with-border]) { border: calc(0.0625rem * var(--mantine-scale)) solid transparent; } :where([data-mantine-color-scheme='light']) .m_26775b0a:where([data-with-border]) { border-color: var(--mantine-color-gray-3); } :where([data-mantine-color-scheme='dark']) .m_26775b0a:where([data-with-border]) { border-color: var(--mantine-color-dark-4); } .m_5e5256ee { --checkbox-size-xs: calc(1rem * var(--mantine-scale)); --checkbox-size-sm: calc(1.25rem * var(--mantine-scale)); --checkbox-size-md: calc(1.5rem * var(--mantine-scale)); --checkbox-size-lg: calc(1.875rem * var(--mantine-scale)); --checkbox-size-xl: calc(2.25rem * var(--mantine-scale)); --checkbox-size: var(--checkbox-size-sm); --checkbox-color: var(--mantine-primary-color-filled); --checkbox-icon-color: var(--mantine-color-white); position: relative; border: calc(0.0625rem * var(--mantine-scale)) solid transparent; width: var(--checkbox-size); min-width: var(--checkbox-size); height: var(--checkbox-size); min-height: var(--checkbox-size); border-radius: var(--checkbox-radius, var(--mantine-radius-default)); transition: border-color 100ms ease, background-color 100ms ease; cursor: var(--mantine-cursor-type); -webkit-tap-highlight-color: transparent; display: flex; align-items: center; justify-content: center; } :where([data-mantine-color-scheme='light']) .m_5e5256ee { background-color: var(--mantine-color-white); border-color: var(--mantine-color-gray-4); } :where([data-mantine-color-scheme='dark']) .m_5e5256ee { background-color: var(--mantine-color-dark-6); border-color: var(--mantine-color-dark-4); } .m_5e5256ee[data-indeterminate], .m_5e5256ee[data-checked] { background-color: var(--checkbox-color); border-color: var(--checkbox-color); } .m_5e5256ee[data-indeterminate] > .m_1b1c543a, .m_5e5256ee[data-checked] > .m_1b1c543a { opacity: 1; transform: none; color: var(--checkbox-icon-color); } .m_5e5256ee[data-disabled] { cursor: not-allowed; border-color: var(--mantine-color-disabled-border); background-color: var(--mantine-color-disabled); } [data-mantine-color-scheme='light'] .m_5e5256ee[data-disabled][data-checked] > .m_1b1c543a { color: var(--mantine-color-gray-5); } [data-mantine-color-scheme='dark'] .m_5e5256ee[data-disabled][data-checked] > .m_1b1c543a { color: var(--mantine-color-dark-3); } .m_76e20374[data-indeterminate]:not([data-disabled]), .m_76e20374[data-checked]:not([data-disabled]) { background-color: transparent; border-color: var(--checkbox-color); } .m_76e20374[data-indeterminate]:not([data-disabled]) > .m_1b1c543a, .m_76e20374[data-checked]:not([data-disabled]) > .m_1b1c543a { color: var(--checkbox-color); opacity: 1; transform: none; } .m_1b1c543a { display: block; width: 60%; color: transparent; pointer-events: none; transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5); opacity: 1; transition: transform 100ms ease, opacity 100ms ease; } .m_bf2d988c { --checkbox-size-xs: calc(1rem * var(--mantine-scale)); --checkbox-size-sm: calc(1.25rem * var(--mantine-scale)); --checkbox-size-md: calc(1.5rem * var(--mantine-scale)); --checkbox-size-lg: calc(1.875rem * var(--mantine-scale)); --checkbox-size-xl: calc(2.25rem * var(--mantine-scale)); --checkbox-size: var(--checkbox-size-sm); --checkbox-color: var(--mantine-primary-color-filled); --checkbox-icon-color: var(--mantine-color-white); } .m_26062bec { position: relative; width: var(--checkbox-size); height: var(--checkbox-size); order: 1; } .m_26062bec:where([data-label-position='left']) { order: 2; } .m_26063560 { appearance: none; border: calc(0.0625rem * var(--mantine-scale)) solid transparent; width: var(--checkbox-size); height: var(--checkbox-size); border-radius: var(--checkbox-radius, var(--mantine-radius-default)); padding: 0; display: block; margin: 0; transition: border-color 100ms ease, background-color 100ms ease; cursor: var(--mantine-cursor-type); -webkit-tap-highlight-color: transparent; } :where([data-mantine-color-scheme='light']) .m_26063560 { background-color: var(--mantine-color-white); border-color: var(--mantine-color-gray-4); } :where([data-mantine-color-scheme='dark']) .m_26063560 { background-color: var(--mantine-color-dark-6); border-color: var(--mantine-color-dark-4); } .m_26063560:where([data-error]) { border-color: var(--mantine-color-error); } .m_26063560[data-indeterminate], .m_26063560:checked { background-color: var(--checkbox-color); border-color: var(--checkbox-color); } .m_26063560[data-indeterminate] + .m_bf295423, .m_26063560:checked + .m_bf295423 { opacity: 1; transform: none; } .m_26063560:disabled { cursor: not-allowed; border-color: var(--mantine-color-disabled-border); background-color: var(--mantine-color-disabled); } .m_26063560:disabled + .m_bf295423 { color: var(--mantine-color-disabled-color); } .m_215c4542 + .m_bf295423 { color: var(--checkbox-color); } .m_215c4542[data-indeterminate]:not(:disabled), .m_215c4542:checked:not(:disabled) { background-color: transparent; border-color: var(--checkbox-color); } .m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423, .m_215c4542:checked:not(:disabled) + .m_bf295423 { color: var(--checkbox-color); opacity: 1; transform: none; } .m_bf295423 { position: absolute; inset: 0; width: 60%; margin: auto; color: var(--checkbox-icon-color); pointer-events: none; transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5); opacity: 0; transition: transform 100ms ease, opacity 100ms ease; } /* Avatar.Group root element */ .m_11def92b { --ag-spacing: var(--mantine-spacing-sm); --ag-offset: calc(var(--ag-spacing) * -1); display: flex; padding-inline-start: var(--ag-spacing); } /* Avatar root element */ .m_f85678b6 { --avatar-size-xs: calc(1rem * var(--mantine-scale)); --avatar-size-sm: calc(1.625rem * var(--mantine-scale)); --avatar-size-md: calc(2.375rem * var(--mantine-scale)); --avatar-size-lg: calc(3.5rem * var(--mantine-scale)); --avatar-size-xl: calc(5.25rem * var(--mantine-scale)); --avatar-size: var(--avatar-size-md); --avatar-radius: calc(62.5rem * var(--mantine-scale)); --avatar-bg: var(--mantine-color-gray-light); --avatar-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent; --avatar-color: var(--mantine-color-gray-light-color); --avatar-placeholder-fz: calc(var(--avatar-size) / 2.5); -webkit-tap-highlight-color: transparent; position: relative; display: block; user-select: none; overflow: hidden; border-radius: var(--avatar-radius); text-decoration: none; padding: 0; width: var(--avatar-size); height: var(--avatar-size); min-width: var(--avatar-size); } .m_f85678b6:where([data-within-group]) { margin-inline-start: var(--ag-offset); border: 2px solid var(--mantine-color-body); background: var(--mantine-color-body); } .m_11f8ac07 { object-fit: cover; width: 100%; height: 100%; display: block; } .m_104cd71f { font-weight: 700; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; user-select: none; border-radius: var(--avatar-radius); font-size: var(--avatar-placeholder-fz); background: var(--avatar-bg); border: var(--avatar-bd); color: var(--avatar-color); } .m_104cd71f > [data-avatar-placeholder-icon] { width: 70%; height: 70%; } .m_2ce0de02 { background-size: cover; background-position: center; display: block; width: 100%; border: 0; text-decoration: none; border-radius: var(--bi-radius, 0); } .m_347db0ec { --badge-height-xs: calc(1rem * var(--mantine-scale)); --badge-height-sm: calc(1.125rem * var(--mantine-scale)); --badge-height-md: calc(1.25rem * var(--mantine-scale)); --badge-height-lg: calc(1.625rem * var(--mantine-scale)); --badge-height-xl: calc(2rem * var(--mantine-scale)); --badge-fz-xs: calc(0.5625rem * var(--mantine-scale)); --badge-fz-sm: calc(0.625rem * var(--mantine-scale)); --badge-fz-md: calc(0.6875rem * var(--mantine-scale)); --badge-fz-lg: calc(0.8125rem * var(--mantine-scale)); --badge-fz-xl: calc(1rem * var(--mantine-scale)); --badge-padding-x-xs: calc(0.375rem * var(--mantine-scale)); --badge-padding-x-sm: calc(0.5rem * var(--mantine-scale)); --badge-padding-x-md: calc(0.625rem * var(--mantine-scale)); --badge-padding-x-lg: calc(0.75rem * var(--mantine-scale)); --badge-padding-x-xl: calc(1rem * var(--mantine-scale)); --badge-height: var(--badge-height-md); --badge-fz: var(--badge-fz-md); --badge-padding-x: var(--badge-padding-x-md); --badge-radius: calc(62.5rem * var(--mantine-scale)); --badge-lh: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale))); --badge-color: var(--mantine-color-white); --badge-bg: var(--mantine-primary-color-filled); --badge-border-width: calc(0.0625rem * var(--mantine-scale)); --badge-bd: var(--badge-border-width) solid transparent; -webkit-tap-highlight-color: transparent; font-size: var(--badge-fz); border-radius: var(--badge-radius); height: var(--badge-height); line-height: var(--badge-lh); text-decoration: none; padding: 0 var(--badge-padding-x); display: inline-grid; align-items: center; justify-content: center; width: fit-content; text-transform: uppercase; font-weight: 700; letter-spacing: calc(0.015625rem * var(--mantine-scale)); cursor: default; text-overflow: ellipsis; overflow: hidden; color: var(--badge-color); background: var(--badge-bg); border: var(--badge-bd); } .m_347db0ec:where([data-with-left-section], [data-variant='dot']) { grid-template-columns: auto 1fr; } .m_347db0ec:where([data-with-right-section]) { grid-template-columns: 1fr auto; } .m_347db0ec:where( [data-with-left-section][data-with-right-section], [data-variant='dot'][data-with-right-section] ) { grid-template-columns: auto 1fr auto; } .m_347db0ec:where([data-block]) { display: flex; width: 100%; } .m_347db0ec:where([data-circle]) { padding-inline: calc(0.125rem * var(--mantine-scale)); display: flex; width: var(--badge-height); } .m_fbd81e3d { --badge-dot-size: calc(var(--badge-height) / 3.4); } :where([data-mantine-color-scheme='light']) .m_fbd81e3d { background-color: var(--mantine-color-white); border-color: var(--mantine-color-gray-4); color: var(--mantine-color-black); } :where([data-mantine-color-scheme='dark']) .m_fbd81e3d { background-color: var(--mantine-color-dark-5); border-color: var(--mantine-color-dark-5); color: var(--mantine-color-white); } .m_fbd81e3d::before { content: ''; display: block; width: var(--badge-dot-size); height: var(--badge-dot-size); border-radius: var(--badge-dot-size); background-color: var(--badge-dot-color); margin-inline-end: var(--badge-dot-size); } .m_5add502a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; cursor: inherit; } .m_91fdda9b { --badge-section-margin: calc(var(--mantine-spacing-xs) / 2); display: inline-flex; justify-content: center; align-items: center; max-height: calc(var(--badge-height) - var(--badge-border-width) * 2); } .m_91fdda9b:where([data-position='left']) { margin-inline-end: var(--badge-section-margin); } .m_91fdda9b:where([data-position='right']) { margin-inline-start: var(--badge-section-margin); } .m_ddec01c0 { --blockquote-border: 3px solid var(--bq-bd); position: relative; margin: 0; border-inline-start: var(--blockquote-border); border-start-end-radius: var(--bq-radius); border-end-end-radius: var(--bq-radius); padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale)); } :where([data-mantine-color-scheme='light']) .m_ddec01c0 { background-color: var(--bq-bg-light); } :where([data-mantine-color-scheme='dark']) .m_ddec01c0 { background-color: var(--bq-bg-dark); } .m_dde7bd57 { --blockquote-icon-offset: calc(var(--bq-icon-size) / -2); position: absolute; color: var(--bq-bd); background-color: var(--mantine-color-body); display: flex; align-items: center; justify-content: center; top: var(--blockquote-icon-offset); inset-inline-start: var(--blockquote-icon-offset); width: var(--bq-icon-size); height: var(--bq-icon-size); border-radius: var(--bq-icon-size); } .m_dde51a35 { display: block; margin-top: var(--mantine-spacing-md); opacity: 0.6; font-size: 85%; } .m_8b3717df { display: flex; align-items: center; flex-wrap: wrap; } .m_f678d540 { line-height: 1; white-space: nowrap; -webkit-tap-highlight-color: transparent; } .m_3b8f2208 { margin-inline: var(--bc-separator-margin, var(--mantine-spacing-xs)); line-height: 1; display: flex; align-items: center; justify-content: center; } :where([data-mantine-color-scheme='light']) .m_3b8f2208 { color: var(--mantine-color-gray-7); } :where([data-mantine-color-scheme='dark']) .m_3b8f2208 { color: var(--mantine-color-dark-2); } .m_fea6bf1a { --burger-size-xs: calc(0.75rem * var(--mantine-scale)); --burger-size-sm: calc(1.125rem * var(--mantine-scale)); --burger-size-md: calc(1.5rem * var(--mantine-scale)); --burger-size-lg: calc(2.125rem * var(--mantine-scale)); --burger-size-xl: calc(2.625rem * var(--mantine-scale)); --burger-size: var(--burger-size-md); --burger-line-size: calc(var(--burger-size) / 12); width: calc(var(--burger-size) + var(--mantine-spacing-xs)); height: calc(var(--burger-size) + var(--mantine-spacing-xs)); padding: calc(var(--mantine-spacing-xs) / 2); cursor: pointer; } :where([data-mantine-color-scheme='light']) .m_fea6bf1a { --burger-color: var(--mantine-color-black); } :where([data-mantine-color-scheme='dark']) .m_fea6bf1a { --burger-color: var(--mantine-color-white); } .m_d4fb9cad { position: relative; user-select: none; } .m_d4fb9cad, .m_d4fb9cad::before, .m_d4fb9cad::after { display: block; width: var(--burger-size); height: var(--burger-line-size); background-color: var(--burger-color); outline: calc(0.0625rem * var(--mantine-scale)) solid transparent; transition-property: background-color, transform; transition-duration: var(--burger-transition-duration, 300ms); transition-timing-function: var(--burger-transition-timing-function, ease); } .m_d4fb9cad::before, .m_d4fb9cad::after { position: absolute; content: ''; inset-inline-start: 0; } .m_d4fb9cad::before { top: calc(var(--burger-size) / -3); } .m_d4fb9cad::after { top: calc(var(--burger-size) / 3); } .m_d4fb9cad[data-opened] { background-color: transparent; } .m_d4fb9cad[data-opened]::before { transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg); } .m_d4fb9cad[data-opened]::after { transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg); } .m_77c9d27d { --button-height-xs: calc(1.875rem * var(--mantine-scale)); --button-height-sm: calc(2.25rem * var(--mantine-scale)); --button-height-md: calc(2.625rem * var(--mantine-scale)); --button-height-lg: calc(3.125rem * var(--mantine-scale)); --button-height-xl: calc(3.75rem * var(--mantine-scale)); --button-height-compact-xs: calc(1.375rem * var(--mantine-scale)); --button-height-compact-sm: calc(1.625rem * var(--mantine-scale)); --button-height-compact-md: calc(1.875rem * var(--mantine-scale)); --button-height-compact-lg: calc(2.125rem * var(--mantine-scale)); --button-height-compact-xl: calc(2.5rem * var(--mantine-scale)); --button-padding-x-xs: calc(0.875rem * var(--mantine-scale)); --button-padding-x-sm: calc(1.125rem * var(--mantine-scale)); --button-padding-x-md: calc(1.375rem * var(--mantine-scale)); --button-padding-x-lg: calc(1.625rem * var(--mantine-scale)); --button-padding-x-xl: calc(2rem * var(--mantine-scale)); --button-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale)); --button-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale)); --button-padding-x-compact-md: calc(0.625rem * var(--mantine-scale)); --button-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale)); --button-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale)); --button-height: var(--button-height-sm); --button-padding-x: var(--button-padding-x-sm); --button-color: var(--mantine-color-white); user-select: none; font-weight: 600; position: relative; line-height: 1; text-align: center; overflow: hidden; width: auto; cursor: pointer; display: inline-block; border-radius: var(--button-radius, var(--mantine-radius-default)); font-size: var(--button-fz, var(--mantine-font-size-sm)); background: var(--button-bg, var(--mantine-primary-color-filled)); border: var(--button-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent); color: var(--button-color, var(--mantine-color-white)); height: var(--button-height, var(--button-height-sm)); padding-inline: var(--button-padding-x, var(--button-padding-x-sm)); vertical-align: middle; } .m_77c9d27d:where([data-block]) { display: block; width: 100%; } .m_77c9d27d:where([data-with-left-section]) { padding-inline-start: calc(var(--button-padding-x) / 1.5); } .m_77c9d27d:where([data-with-right-section]) { padding-inline-end: calc(var(--button-padding-x) / 1.5); } .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) { cursor: not-allowed; border: calc(0.0625rem * var(--mantine-scale)) solid transparent; transform: none; color: var(--mantine-color-disabled-color); background: var(--mantine-color-disabled); } .m_77c9d27d::before { content: ''; pointer-events: none; position: absolute; inset: calc(-0.0625rem * var(--mantine-scale)); border-radius: var(--button-radius, var(--mantine-radius-default)); transform: translateY(-100%); opacity: 0; filter: blur(12px); transition: transform 150ms ease, opacity 100ms ease; } :where([data-mantine-color-scheme='light']) .m_77c9d27d::before { background-color: rgba(255, 255, 255, 0.15); } :where([data-mantine-color-scheme='dark']) .m_77c9d27d::before { background-color: rgba(0, 0, 0, 0.15); } .m_77c9d27d:where([data-loading]) { cursor: not-allowed; transform: none; } .m_77c9d27d:where([data-loading])::before { transform: translateY(0); opacity: 1; } .m_77c9d27d:where([data-loading]) .m_80f1301b { opacity: 0; transform: translateY(100%); } @media (hover: hover) { .m_77c9d27d:hover:where(:not([data-loading], :disabled, [data-disabled])) { background-color: var(--button-hover, var(--mantine-primary-color-filled-hover)); color: var(--button-hover-color, var(--button-color)); } } @media (hover: none) { .m_77c9d27d:active:where(:not([data-loading], :disabled, [data-disabled])) { background-color: var(--button-hover, var(--mantine-primary-color-filled-hover)); color: var(--button-hover-color, var(--button-color)); } } .m_80f1301b { display: flex; align-items: center; justify-content: var(--button-justify, center); height: 100%; overflow: visible; transition: transform 150ms ease, opacity 100ms ease; } .m_811560b9 { white-space: nowrap; height: 100%; overflow: hidden; display: flex; align-items: center; opacity: 1; } .m_811560b9:where([data-loading]) { opacity: 0.2; } .m_a74036a { display: flex; align-items: center; } .m_a74036a:where([data-position='left']) { margin-inline-end: var(--mantine-spacing-xs); } .m_a74036a:where([data-position='right']) { margin-inline-start: var(--mantine-spacing-xs); } .m_a25b86ee { position: absolute; left: 50%; top: 50%; } .m_80d6d844 { --button-border-width: calc(0.0625rem * var(--mantine-scale)); display: flex; } .m_80d6d844 :where(.m_77c9d27d):focus { position: relative; z-index: 1; } .m_80d6d844[data-orientation='horizontal'] { flex-direction: row; } .m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):first-child { border-end-end-radius: 0; border-start-end-radius: 0; border-inline-end-width: calc(var(--button-border-width) / 2); } .m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):last-child { border-end-start-radius: 0; border-start-start-radius: 0; border-inline-start-width: calc(var(--button-border-width) / 2); } .m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='horizontal'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0; border-inline-width: calc(var(--button-border-width) / 2); } .m_80d6d844[data-orientation='vertical'] { flex-direction: column; } .m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):first-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):first-child { border-end-start-radius: 0; border-end-end-radius: 0; border-bottom-width: calc(var(--button-border-width) / 2); } .m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):last-child, .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):last-child { border-start-start-radius: 0; border-start-end-radius: 0; border-top-width: calc(var(--button-border-width) / 2); } .m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child), .m_80d6d844[data-orientation='vertical'] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0; border-bottom-width: calc(var(--button-border-width) / 2); border-top-width: calc(var(--button-border-width) / 2); } .m_70be2a01 { --section-height-xs: calc(1.875rem * var(--mantine-scale)); --section-height-sm: calc(2.25rem * var(--mantine-scale)); --section-height-md: calc(2.625rem * var(--mantine-scale)); --section-height-lg: calc(3.125rem * var(--mantine-scale)); --section-height-xl: calc(3.75rem * var(--mantine-scale)); --section-height-compact-xs: calc(1.375rem * var(--mantine-scale)); --section-height-compact-sm: calc(1.625rem * var(--mantine-scale)); --section-height-compact-md: calc(1.875rem * var(--mantine-scale)); --section-height-compact-lg: calc(2.125rem * var(--mantine-scale)); --section-height-compact-xl: calc(2.5rem * var(--mantine-scale)); --section-padding-x-xs: calc(0.875rem * var(--mantine-scale)); --section-padding-x-sm: calc(1.125rem * var(--mantine-scale)); --section-padding-x-md: calc(1.375rem * var(--mantine-scale)); --section-padding-x-lg: calc(1.625rem * var(--mantine-scale)); --section-padding-x-xl: calc(2rem * var(--mantine-scale)); --section-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale)); --section-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale)); --section-padding-x-compact-md: calc(0.625rem * var(--mantine-scale)); --section-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale)); --section-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale)); --section-height: var(--section-height-sm); --section-padding-x: var(--section-padding-x-sm); --section-color: var(--mantine-color-white); font-weight: 600; width: auto; border-radius: var(--section-radius, var(--mantine-radius-default)); font-size: var(--section-fz, var(--mantine-font-size-sm)); background: var(--section-bg, var(--mantine-primary-color-filled)); border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent); color: var(--section-color, var(--mantine-color-white)); height: var(--section-height, var(--section-height-sm)); padding-inline: var(--section-padding-x, var(--section-padding-x-sm)); vertical-align: middle; line-height: 1; display: inline-flex; align-items: center; justify-content: center; } .m_e615b15f { --card-padding: var(--mantine-spacing-md); position: relative; overflow: hidden; display: flex; flex-direction: column; padding: var(--card-padding); color: var(--mantine-color-text); } :where([data-mantine-color-scheme='light']) .m_e615b15f { background-color: var(--mantine-color-white); } :where([data-mantine-color-scheme='dark']) .m_e615b15f { background-color: var(--mantine-color-dark-6); } .m_599a2148 { display: block; margin-inline: calc(var(--card-padding) * -1); } .m_599a2148:where(:first-child) { margin-top: calc(var(--card-padding) * -1); border-top: none !important; } .m_599a2148:where(:last-child) { margin-bottom: calc(var(--card-padding) * -1); border-bottom: none !important; } .m_599a2148:where([data-inherit-padding]) { padding-inline: var(--card-padding); } .m_599a2148:where([data-with-border]) { border-top: calc(0.0625rem * var(--mantine-scale)) solid; border-bottom: calc(0.0625rem * var(--mantine-scale)) solid; } :where([data-mantine-color-scheme='light']) .m_599a2148 { border-color: var(--mantine-color-gray-3); } :where([data-mantine-color-scheme='dark']) .m_599a2148 { border-color: var(--mantine-color-dark-4); } .m_599a2148 + .m_599a2148 { border-top: none !important; } .m_4451eb3a { display: flex; align-items: center; justify-content: center; } .m_4451eb3a:where([data-inline]) { display: inline-flex; } .m_f59ffda3 { --chip-size-xs: calc(1.4375rem * var(--mantine-scale)); --chip-size-sm: calc(1.75rem * var(--mantine-scale)); --chip-size-md: calc(2rem * var(--mantine-scale)); --chip-size-lg: calc(2.25rem * var(--mantine-scale)); --chip-size-xl: calc(2.5rem * var(--mantine-scale)); --chip-icon-size-xs: calc(0.625rem * var(--mantine-scale)); --chip-icon-size-sm: calc(0.75rem * var(--mantine-scale)); --chip-icon-size-md: calc(0.875rem * var(--mantine-scale)); --chip-icon-size-lg: calc(1rem * var(--mantine-scale)); --chip-icon-size-xl: calc(1.125rem * var(--mantine-scale)); --chip-padding-xs: calc(1rem * var(--mantine-scale)); --chip-padding-sm: calc(1.25rem * var(--mantine-scale)); --chip-padding-md: calc(1.5rem * var(--mantine-scale)); --chip-padding-lg: calc(1.75rem * var(--mantine-scale)); --chip-padding-xl: calc(2rem * var(--mantine-scale)); --chip-checked-padding-xs: calc(0.46875rem * var(--mantine-scale)); --chip-checked-padding-sm: calc(0.625rem * var(--mantine-scale)); --chip-checked-padding-md: calc(0.73125rem * var(--mantine-scale)); --chip-checked-padding-lg: calc(0.84375rem * var(--mantine-scale)); --chip-checked-padding-xl: calc(0.98125rem * var(--mantine-scale)); --chip-spacing-xs: calc(0.625rem * var(--mantine-scale)); --chip-spacing-sm: calc(0.75rem * var(--mantine-scale)); --chip-spacing-md: calc(1rem * var(--mantine-scale)); --chip-spacing-lg: calc(1.25rem * var(--mantine-scale)); --chip-spacing-xl: calc(1.375rem * var(--mantine-scale)); --chip-size: var(--chip-size-sm); --chip-icon-size: var(--chip-icon-size-sm); --chip-padding: var(--chip-padding-sm); --chip-spacing: var(--chip-spacing-sm); --chip-checked-padding: var(--chip-checked-padding-sm); --chip-bg: var(--mantine-primary-color-filled); --chip-hover: var(--mantine-primary-color-filled-hover); --chip-color: var(--mantine-color-white); --chip-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent; } .m_be049a53 { display: inline-flex; align-items: center; user-select: none; border-radius: var(--chip-radius, 1000rem); height: var(--chip-size); font-size: var(--chip-fz, var(--mantine-font-size-sm)); line-height: calc(var(--chip-size) - calc(0.125rem * var(--mantine-scale))); padding-inline: var(--chip-padding); cursor: pointer; white-space: nowrap; -webkit-tap-highlight-color: transparent; border: calc(0.0625rem * var(--mantine-scale)) solid transparent; color: var(--mantine-color-text); } .m_be049a53:where([data-checked]) { padding: var(--chip-checked-padding); } .m_be049a53:where([data-disabled]) { cursor: not-allowed; background-color: var(--mantine-color-disabled); color: var(--mantine-color-disabled-color); } :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]) { background-color: var(--mantine-color-white); border: 1px solid var(--mantine-color-gray-3); } :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]) { background-color: var(--mantine-color-dark-6); border: 1px solid var(--mantine-color-dark-4); } @media (hover: hover) { :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]):hover { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]):hover { background-color: var(--mantine-color-dark-5); } } @media (hover: none) { :where([data-mantine-color-scheme='light']) .m_3904c1af:not([data-disabled]):active { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_3904c1af:not([data-disabled]):active { background-color: var(--mantine-color-dark-5); } } .m_3904c1af:not([data-disabled]):where([data-checked]) { --chip-icon-color: var(--chip-color); border: var(--chip-bd); } @media (hover: hover) { .m_3904c1af:not([data-disabled]):where([data-checked]):hover { background-color: var(--chip-hover); } } @media (hover: none) { .m_3904c1af:not([data-disabled]):where([data-checked]):active { background-color: var(--chip-hover); } } .m_fa109255:not([data-disabled]), .m_f7e165c3:not([data-disabled]) { border: calc(0.0625rem * var(--mantine-scale)) solid transparent; color: var(--mantine-color-text); } :where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]), :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]) { background-color: var(--mantine-color-gray-1); } :where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]), :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]) { background-color: var(--mantine-color-dark-5); } @media (hover: hover) { :where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]):hover { background-color: var(--mantine-color-gray-2); } :where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]):hover, :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]):hover { background-color: var(--mantine-color-dark-4); } } @media (hover: none) { :where([data-mantine-color-scheme='light']) .m_fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='light']) .m_f7e165c3:not([data-disabled]):active { background-color: var(--mantine-color-gray-2); } :where([data-mantine-color-scheme='dark']) .m_fa109255:not([data-disabled]):active, :where([data-mantine-color-scheme='dark']) .m_f7e165c3:not([data-disabled]):active { background-color: var(--mantine-color-dark-4); } } .m_fa109255:not([data-disabled]):where([data-checked]), .m_f7e165c3:not([data-disabled]):where([data-checked]) { --chip-icon-color: var(--chip-color); color: var(--chip-color); background-color: var(--chip-bg); } @media (hover: hover) { .m_fa109255:not([data-disabled]):where([data-checked]):hover, .m_f7e165c3:not([data-disabled]):where([data-checked]):hover { background-color: var(--chip-hover); } } @media (hover: none) { .m_fa109255:not([data-disabled]):where([data-checked]):active, .m_f7e165c3:not([data-disabled]):where([data-checked]):active { background-color: var(--chip-hover); } } .m_9ac86df9 { width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5)); max-width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5)); height: var(--chip-icon-size); display: flex; align-items: center; overflow: hidden; } .m_d6d72580 { width: var(--chip-icon-size); height: var(--chip-icon-size); display: block; color: var(--chip-icon-color, inherit); } .m_bde07329 { width: 0; height: 0; padding: 0; opacity: 0; margin: 0; } .m_bde07329:focus-visible + .m_be049a53 { outline: 2px solid var(--mantine-primary-color-filled); outline-offset: calc(0.125rem * var(--mantine-scale)); } .m_b183c0a2 { font-family: var(--mantine-font-family-monospace); line-height: var(--mantine-line-height); padding: 2px calc(var(--mantine-spacing-xs) / 2); border-radius: var(--mantine-radius-sm); font-size: var(--mantine-font-size-xs); margin: 0; overflow: auto; } :where([data-mantine-color-scheme='light']) .m_b183c0a2 { background-color: var(--code-bg, var(--mantine-color-gray-0)); } :where([data-mantine-color-scheme='dark']) .m_b183c0a2 { background-color: var(--code-bg, var(--mantine-color-dark-6)); } .m_b183c0a2[data-block] { padding: var(--mantine-spacing-xs); } .m_de3d2490 { --cs-size: calc(1.75rem * var(--mantine-scale)); --cs-radius: calc(62.5rem * var(--mantine-scale)); -webkit-tap-highlight-color: transparent; border: none; appearance: none; display: block; line-height: 1; position: relative; width: var(--cs-size); height: var(--cs-size); min-width: var(--cs-size); min-height: var(--cs-size); border-radius: var(--cs-radius); color: inherit; text-decoration: none; } [data-mantine-color-scheme='light'] .m_de3d2490 { --alpha-overlay-color: var(--mantine-color-gray-3); --alpha-overlay-bg: var(--mantine-color-white); } [data-mantine-color-scheme='dark'] .m_de3d2490 { --alpha-overlay-color: var(--mantine-color-dark-4); --alpha-overlay-bg: var(--mantine-color-dark-7); } .m_862f3d1b { position: absolute; inset: 0; border-radius: var(--cs-radius); } .m_98ae7f22 { position: absolute; inset: 0; border-radius: var(--cs-radius); z-index: 1; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 calc(0.0625rem * var(--mantine-scale)) inset, rgb(0, 0, 0, 0.15) 0 0 calc(0.25rem * var(--mantine-scale)) inset; } .m_95709ac0 { position: absolute; inset: 0; border-radius: var(--cs-radius); background-size: calc(0.5rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale)); background-position: 0 0, 0 calc(0.25rem * var(--mantine-scale)), calc(0.25rem * var(--mantine-scale)) calc(-0.25rem * var(--mantine-scale)), calc(-0.25rem * var(--mantine-scale)) 0; background-image: linear-gradient(45deg, var(--alpha-overlay-color) 25%, transparent 25%), linear-gradient(-45deg, var(--alpha-overlay-color) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--alpha-overlay-color) 75%), linear-gradient(-45deg, var(--alpha-overlay-bg) 75%, var(--alpha-overlay-color) 75%); } .m_93e74e3 { position: absolute; inset: 0; border-radius: var(--cs-radius); z-index: 2; display: flex; align-items: center; justify-content: center; } .m_fee9c77 { --cp-width-xs: calc(11.25rem * var(--mantine-scale)); --cp-width-sm: calc(12.5rem * var(--mantine-scale)); --cp-width-md: calc(15rem * var(--mantine-scale)); --cp-width-lg: calc(17.5rem * var(--mantine-scale)); --cp-width-xl: calc(20rem * var(--mantine-scale)); --cp-preview-size-xs: calc(1.625rem * var(--mantine-scale)); --cp-preview-size-sm: calc(2.125rem * var(--mantine-scale)); --cp-preview-size-md: calc(2.625rem * var(--mantine-scale)); --cp-preview-size-lg: calc(3.125rem * var(--mantine-scale)); --cp-preview-size-xl: calc(3.375rem * var(--mantine-scale)); --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale)); --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale)); --cp-thumb-size-md: calc(1rem * var(--mantine-scale)); --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale)); --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale)); --cp-saturation-height-xs: calc(6.25rem * var(--mantine-scale)); --cp-saturation-height-sm: calc(6.875rem * var(--mantine-scale)); --cp-saturation-height-md: calc(7.5rem * var(--mantine-scale)); --cp-saturation-height-lg: calc(8.75rem * var(--mantine-scale)); --cp-saturation-height-xl: calc(10rem * var(--mantine-scale)); --cp-preview-size: var(--cp-preview-size-sm); --cp-thumb-size: var(--cp-thumb-size-sm); --cp-saturation-height: var(--cp-saturation-height-sm); --cp-width: var(--cp-width-sm); --cp-body-spacing: var(--mantine-spacing-sm); width: var(--cp-width); padding: calc(0.0625rem * var(--mantine-scale)); } .m_fee9c77:where([data-full-width]) { width: 100%; } .m_9dddfbac { width: var(--cp-preview-size); height: var(--cp-preview-size); } .m_bffecc3e { display: flex; padding-top: calc(var(--cp-body-spacing) / 2); } .m_3283bb96 { flex: 1; } .m_3283bb96:not(:only-child) { margin-inline-end: var(--mantine-spacing-xs); } .m_40d572ba { overflow: hidden; position: absolute; box-shadow: 0 0 1px rgba(0, 0, 0, 0.6); border: 2px solid var(--mantine-color-white); width: var(--cp-thumb-size); height: var(--cp-thumb-size); border-radius: var(--cp-thumb-size); left: calc(var(--thumb-x-offset) - var(--cp-thumb-size) / 2); top: calc(var(--thumb-y-offset) - var(--cp-thumb-size) / 2); } .m_d8ee6fd8 { height: unset !important; width: unset !important; min-width: 0 !important; min-height: 0 !important; margin: calc(0.125rem * var(--mantine-scale)); cursor: pointer; padding-bottom: calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale))); flex: 0 0 calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale))); } .m_5711e686 { margin-top: calc(0.3125rem * var(--mantine-scale)); margin-inline: calc(-0.125rem * var(--mantine-scale)); display: flex; flex-wrap: wrap; } .m_202a296e { --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale)); --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale)); --cp-thumb-size-md: calc(1rem * var(--mantine-scale)); --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale)); --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale)); -webkit-tap-highlight-color: transparent; position: relative; height: var(--cp-saturation-height); border-radius: var(--mantine-radius-sm); margin: calc(var(--cp-thumb-size) / 2); } .m_202a296e:where([data-focus-ring='auto']):focus:focus-visible .m_40d572ba { outline: 2px solid var(--mantine-color-blue-filled); } .m_202a296e:where([data-focus-ring='always']):focus .m_40d572ba { outline: 2px solid var(--mantine-color-blue-filled); } .m_11b3db02 { position: absolute; border-radius: var(--mantine-radius-sm); inset: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale))); } .m_d856d47d { --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale)); --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale)); --cp-thumb-size-md: calc(1rem * var(--mantine-scale)); --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale)); --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale)); --cp-thumb-size: var(--cp-thumb-size, calc(0.75rem * var(--mantine-scale))); position: relative; height: calc(var(--cp-thumb-size) + calc(0.125rem * var(--mantine-scale))); margin-inline: calc(var(--cp-thumb-size) / 2); outline: none; } .m_d856d47d + .m_d856d47d { margin-top: calc(0.375rem * var(--mantine-scale)); } .m_d856d47d:where([data-focus-ring='auto']):focus:focus-visible .m_40d572ba { outline: 2px solid var(--mantine-color-blue-filled); } .m_d856d47d:where([data-focus-ring='always']):focus .m_40d572ba { outline: 2px solid var(--mantine-color-blue-filled); } :where([data-mantine-color-scheme='light']) .m_d856d47d { --slider-checkers: var(--mantine-color-gray-3); } :where([data-mantine-color-scheme='dark']) .m_d856d47d { --slider-checkers: var(--mantine-color-dark-4); } .m_8f327113 { position: absolute; top: 0; bottom: 0; inset-inline: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale))); border-radius: 10000rem; } .m_b077c2bc { --ci-eye-dropper-icon-size-xs: calc(0.875rem * var(--mantine-scale)); --ci-eye-dropper-icon-size-sm: calc(1rem * var(--mantine-scale)); --ci-eye-dropper-icon-size-md: calc(1.125rem * var(--mantine-scale)); --ci-eye-dropper-icon-size-lg: calc(1.25rem * var(--mantine-scale)); --ci-eye-dropper-icon-size-xl: calc(1.375rem * var(--mantine-scale)); --ci-eye-dropper-icon-size: var(--ci-eye-dropper-icon-size-sm); } .m_c5ccdcab { --ci-preview-size-xs: calc(1rem * var(--mantine-scale)); --ci-preview-size-sm: calc(1.125rem * var(--mantine-scale)); --ci-preview-size-md: calc(1.375rem * var(--mantine-scale)); --ci-preview-size-lg: calc(1.75rem * var(--mantine-scale)); --ci-preview-size-xl: calc(2.25rem * var(--mantine-scale)); --ci-preview-size: var(--ci-preview-size-sm); } .m_5ece2cd7 { padding: calc(0.5rem * var(--mantine-scale)); } .m_7485cace { --container-size-xs: calc(33.75rem * var(--mantine-scale)); --container-size-sm: calc(45rem * var(--mantine-scale)); --container-size-md: calc(60rem * var(--mantine-scale)); --container-size-lg: calc(71.25rem * var(--mantine-scale)); --container-size-xl: calc(82.5rem * var(--mantine-scale)); --container-size: var(--container-size-md); max-width: var(--container-size); padding-inline: var(--mantine-spacing-md); margin-inline: auto; } .m_7485cace:where([data-fluid]) { max-width: 100%; } .m_e2125a27 { --dialog-size-xs: calc(10rem * var(--mantine-scale)); --dialog-size-sm: calc(12.5rem * var(--mantine-scale)); --dialog-size-md: calc(21.25rem * var(--mantine-scale)); --dialog-size-lg: calc(25rem * var(--mantine-scale)); --dialog-size-xl: calc(31.25rem * var(--mantine-scale)); --dialog-size: var(--dialog-size-md); position: relative; width: var(--dialog-size); max-width: calc(100vw - var(--mantine-spacing-xl) * 2); min-height: calc(3.125rem * var(--mantine-scale)); } .m_5abab665 { position: absolute; top: calc(var(--mantine-spacing-md) / 2); inset-inline-end: calc(var(--mantine-spacing-md) / 2); } .m_3eebeb36 { --divider-size-xs: calc(0.0625rem * var(--mantine-scale)); --divider-size-sm: calc(0.125rem * var(--mantine-scale)); --divider-size-md: calc(0.1875rem * var(--mantine-scale)); --divider-size-lg: calc(0.25rem * var(--mantine-scale)); --divider-size-xl: calc(0.3125rem * var(--mantine-scale)); --divider-size: var(--divider-size-xs); } :where([data-mantine-color-scheme='light']) .m_3eebeb36 { --divider-color: var(--mantine-color-gray-3); } :where([data-mantine-color-scheme='dark']) .m_3eebeb36 { --divider-color: var(--mantine-color-dark-4); } .m_3eebeb36:where([data-orientation='horizontal']) { border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color); } .m_3eebeb36:where([data-orientation='vertical']) { border-inline-start: var(--divider-size) var(--divider-border-style, solid) var(--divider-color); height: auto; align-self: stretch; } .m_3eebeb36:where([data-with-label]) { border: 0; } .m_9e365f20 { display: flex; align-items: center; font-size: var(--mantine-font-size-xs); color: var(--mantine-color-dimmed); white-space: nowrap; } .m_9e365f20:where([data-position='left'])::before { display: none; } .m_9e365f20:where([data-position='right'])::after { display: none; } .m_9e365f20::before { content: ''; flex: 1; height: calc(0.0625rem * var(--mantine-scale)); border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color); margin-inline-end: var(--mantine-spacing-xs); } .m_9e365f20::after { content: ''; flex: 1; height: calc(0.0625rem * var(--mantine-scale)); border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color); margin-inline-start: var(--mantine-spacing-xs); } .m_f11b401e { --drawer-size-xs: calc(20rem * var(--mantine-scale)); --drawer-size-sm: calc(23.75rem * var(--mantine-scale)); --drawer-size-md: calc(27.5rem * var(--mantine-scale)); --drawer-size-lg: calc(38.75rem * var(--mantine-scale)); --drawer-size-xl: calc(48.75rem * var(--mantine-scale)); --drawer-size: var(--drawer-size-md); --drawer-offset: 0rem; } .m_5a7c2c9 { z-index: 1000; } .m_b8a05bbd { flex: var(--drawer-flex, 0 0 var(--drawer-size)); height: var(--drawer-height, calc(100% - var(--drawer-offset) * 2)); margin: var(--drawer-offset); max-width: calc(100% - var(--drawer-offset) * 2); max-height: calc(100% - var(--drawer-offset) * 2); overflow-y: auto; } .m_b8a05bbd[data-hidden] { opacity: 0 !important; pointer-events: none; } .m_31cd769a { display: flex; justify-content: var(--drawer-justify, flex-start); align-items: var(--drawer-align, flex-start); } .m_e9408a47 { padding: var(--mantine-spacing-lg); padding-top: var(--mantine-spacing-xs); border-radius: var(--fieldset-radius, var(--mantine-radius-default)); min-inline-size: auto; } .m_84c9523a { border: calc(0.0625rem * var(--mantine-scale)) solid; } :where([data-mantine-color-scheme='light']) .m_84c9523a { border-color: var(--mantine-color-gray-3); background-color: var(--mantine-color-white); } :where([data-mantine-color-scheme='dark']) .m_84c9523a { border-color: var(--mantine-color-dark-4); background-color: var(--mantine-color-dark-7); } .m_ef274e49 { border: calc(0.0625rem * var(--mantine-scale)) solid; } :where([data-mantine-color-scheme='light']) .m_ef274e49 { border-color: var(--mantine-color-gray-3); background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_ef274e49 { border-color: var(--mantine-color-dark-4); background-color: var(--mantine-color-dark-6); } .m_eda993d3 { padding: 0; border: 0; border-radius: 0; } .m_90794832 { font-size: var(--mantine-font-size-sm); } .m_74ca27fe { padding: 0; margin-bottom: var(--mantine-spacing-sm); } .m_8478a6da { container: mantine-grid / inline-size; } .m_410352e9 { --grid-overflow: visible; --grid-margin: calc(var(--grid-gutter) / -2); --grid-col-padding: calc(var(--grid-gutter) / 2); overflow: var(--grid-overflow); } .m_dee7bd2f { width: calc(100% + var(--grid-gutter)); display: flex; flex-wrap: wrap; justify-content: var(--grid-justify); align-items: var(--grid-align); margin: var(--grid-margin); } .m_96bdd299 { --col-flex-grow: 0; --col-offset: 0rem; flex-shrink: 0; order: var(--col-order); flex-basis: var(--col-flex-basis); width: var(--col-width); max-width: var(--col-max-width); flex-grow: var(--col-flex-grow); margin-inline-start: var(--col-offset); padding: var(--grid-col-padding); } .m_bcb3f3c2 { color: var(--mantine-color-black); } :where([data-mantine-color-scheme='light']) .m_bcb3f3c2 { background-color: var(--mark-bg-light); } :where([data-mantine-color-scheme='dark']) .m_bcb3f3c2 { background-color: var(--mark-bg-dark); } .m_9e117634 { display: block; object-fit: var(--image-object-fit, cover); width: 100%; border-radius: var(--image-radius, 0); } @keyframes m_885901b1 { 0% { opacity: 0.6; transform: scale(0); } 100% { opacity: 0; transform: scale(2.8); } } .m_e5262200 { --indicator-size: calc(0.625rem * var(--mantine-scale)); --indicator-color: var(--mantine-primary-color-filled); position: relative; display: block; } .m_e5262200:where([data-inline]) { display: inline-block; } .m_760d1fb1 { position: absolute; top: var(--indicator-top); left: var(--indicator-left); right: var(--indicator-right); bottom: var(--indicator-bottom); transform: translate(var(--indicator-translate-x), var(--indicator-translate-y)); min-width: var(--indicator-size); height: var(--indicator-size); border-radius: var(--indicator-radius, 1000rem); z-index: var(--indicator-z-index, 200); display: flex; align-items: center; justify-content: center; font-size: var(--mantine-font-size-xs); background-color: var(--indicator-color); color: var(--indicator-text-color, var(--mantine-color-white)); white-space: nowrap; } .m_760d1fb1::before { content: ''; position: absolute; inset: 0; background-color: var(--indicator-color); border-radius: var(--indicator-radius, 1000rem); z-index: -1; } .m_760d1fb1:where([data-with-label]) { padding-inline: calc(var(--mantine-spacing-xs) / 2); } .m_760d1fb1:where([data-with-border]) { border: 2px solid var(--mantine-color-body); } .m_760d1fb1[data-processing]::before { animation: m_885901b1 1000ms linear infinite; } .m_dc6f14e2 { --kbd-fz-xs: calc(0.625rem * var(--mantine-scale)); --kbd-fz-sm: calc(0.75rem * var(--mantine-scale)); --kbd-fz-md: calc(0.875rem * var(--mantine-scale)); --kbd-fz-lg: calc(1rem * var(--mantine-scale)); --kbd-fz-xl: calc(1.25rem * var(--mantine-scale)); --kbd-fz: var(--kbd-fz-sm); font-family: var(--mantine-font-family-monospace); line-height: var(--mantine-line-height); font-weight: 700; font-size: var(--kbd-fz); border-radius: var(--mantine-radius-sm); border: calc(0.0625rem * var(--mantine-scale)) solid; border-bottom-width: calc(0.1875rem * var(--mantine-scale)); unicode-bidi: embed; text-align: center; padding: 0.12em 0.45em; } :where([data-mantine-color-scheme='light']) .m_dc6f14e2 { border-color: var(--mantine-color-gray-3); color: var(--mantine-color-gray-7); background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_dc6f14e2 { border-color: var(--mantine-color-dark-4); color: var(--mantine-color-dark-0); background-color: var(--mantine-color-dark-6); } .m_abbac491 { --list-fz: var(--mantine-font-size-md); --list-lh: var(--mantine-line-height-md); list-style-position: inside; font-size: var(--list-fz); line-height: var(--list-lh); margin: 0; padding: 0; } .m_abbac491:where([data-with-padding]) { padding-inline-start: var(--mantine-spacing-md); } .m_abb6bec2 { white-space: nowrap; line-height: var(--list-lh); } .m_abb6bec2:where([data-with-icon]) { list-style: none; } .m_abb6bec2:where([data-with-icon]) .m_75cd9f71 { --li-direction: row; --li-align: center; } .m_abb6bec2:where(:not(:first-of-type)) { margin-top: var(--list-spacing, 0); } .m_abb6bec2:where([data-centered]) { line-height: 1; } .m_75cd9f71 { display: inline-flex; flex-direction: var(--li-direction, column); align-items: var(--li-align, flex-start); white-space: normal; } .m_60f83e5b { display: inline-block; vertical-align: middle; margin-inline-end: var(--mantine-spacing-sm); } .m_6e45937b { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; z-index: var(--lo-z-index); } .m_e8eb006c { position: relative; z-index: calc(var(--lo-z-index) + 1); } .m_df587f17 { z-index: var(--lo-z-index); } .m_dc9b7c9f { padding: calc(0.25rem * var(--mantine-scale)); } .m_9bfac126 { color: var(--mantine-color-dimmed); font-weight: 500; font-size: var(--mantine-font-size-xs); padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm); cursor: default; } .m_efdf90cb { margin-top: calc(0.25rem * var(--mantine-scale)); margin-bottom: calc(0.25rem * var(--mantine-scale)); border-top: calc(0.0625rem * var(--mantine-scale)) solid; } :where([data-mantine-color-scheme='light']) .m_efdf90cb { border-color: var(--mantine-color-gray-2); } :where([data-mantine-color-scheme='dark']) .m_efdf90cb { border-color: var(--mantine-color-dark-4); } .m_99ac2aa1 { font-size: var(--mantine-font-size-sm); width: 100%; padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm); border-radius: var(--popover-radius, var(--mantine-radius-default)); color: var(--menu-item-color, var(--mantine-color-text)); display: flex; align-items: center; user-select: none; } .m_99ac2aa1:where([data-disabled], :disabled) { color: var(--mantine-color-disabled-color); opacity: 0.6; cursor: not-allowed; } :where([data-mantine-color-scheme='light']) .m_99ac2aa1:where(:hover, :focus):where(:not(:disabled, [data-disabled])) { background-color: var(--menu-item-hover, var(--mantine-color-gray-1)); } :where([data-mantine-color-scheme='dark']) .m_99ac2aa1:where(:hover, :focus):where(:not(:disabled, [data-disabled])) { background-color: var(--menu-item-hover, var(--mantine-color-dark-4)); } .m_99ac2aa1:where([data-sub-menu-item]) { padding-inline-end: calc(0.3125rem * var(--mantine-scale)); } .m_5476e0d3 { flex: 1; } .m_8b75e504 { display: flex; justify-content: center; align-items: center; } .m_8b75e504:where([data-position='left']) { margin-inline-end: var(--mantine-spacing-xs); } .m_8b75e504:where([data-position='right']) { margin-inline-start: var(--mantine-spacing-xs); } .m_b85b0bed { transform: rotate(-90deg); } :where([dir="rtl"]) .m_b85b0bed { transform: rotate(90deg); } .m_9df02822 { --modal-size-xs: calc(20rem * var(--mantine-scale)); --modal-size-sm: calc(23.75rem * var(--mantine-scale)); --modal-size-md: calc(27.5rem * var(--mantine-scale)); --modal-size-lg: calc(38.75rem * var(--mantine-scale)); --modal-size-xl: calc(48.75rem * var(--mantine-scale)); --modal-size: var(--modal-size-md); --modal-y-offset: 5dvh; --modal-x-offset: 5vw; } .m_9df02822[data-full-screen] { --modal-border-radius: 0 !important; } .m_9df02822[data-full-screen] .m_54c44539 { --modal-content-flex: 0 0 100%; --modal-content-max-height: auto; --modal-content-height: 100dvh; } .m_9df02822[data-full-screen] .m_1f958f16 { --modal-inner-y-offset: 0; --modal-inner-x-offset: 0; } .m_9df02822[data-centered] .m_1f958f16 { --modal-inner-align: center; } .m_d0e2b9cd { border-start-start-radius: var(--modal-radius, var(--mantine-radius-default)); border-start-end-radius: var(--modal-radius, var(--mantine-radius-default)); } .m_54c44539 { flex: var(--modal-content-flex, 0 0 var(--modal-size)); max-width: 100%; max-height: var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2)); height: var(--modal-content-height, auto); overflow-y: auto; } .m_54c44539[data-full-screen] { border-radius: 0; } .m_54c44539[data-hidden] { opacity: 0 !important; pointer-events: none; } .m_1f958f16 { display: flex; justify-content: center; align-items: var(--modal-inner-align, flex-start); padding-top: var(--modal-inner-y-offset, var(--modal-y-offset)); padding-bottom: var(--modal-inner-y-offset, var(--modal-y-offset)); padding-inline: var(--modal-inner-x-offset, var(--modal-x-offset)); } .m_7cda1cd6 { --pill-fz-xs: calc(0.625rem * var(--mantine-scale)); --pill-fz-sm: calc(0.75rem * var(--mantine-scale)); --pill-fz-md: calc(0.875rem * var(--mantine-scale)); --pill-fz-lg: calc(1rem * var(--mantine-scale)); --pill-fz-xl: calc(1.125rem * var(--mantine-scale)); --pill-height-xs: calc(1.125rem * var(--mantine-scale)); --pill-height-sm: calc(1.375rem * var(--mantine-scale)); --pill-height-md: calc(1.5625rem * var(--mantine-scale)); --pill-height-lg: calc(1.75rem * var(--mantine-scale)); --pill-height-xl: calc(2rem * var(--mantine-scale)); --pill-fz: var(--pill-fz-sm); --pill-height: var(--pill-height-sm); font-size: var(--pill-fz); flex: 0; height: var(--pill-height); padding-inline: 0.8em; display: inline-flex; align-items: center; border-radius: var(--pill-radius, 1000rem); line-height: 1; white-space: nowrap; user-select: none; -webkit-user-select: none; max-width: 100%; } :where([data-mantine-color-scheme='dark']) .m_7cda1cd6 { background-color: var(--mantine-color-dark-7); color: var(--mantine-color-dark-0); } :where([data-mantine-color-scheme='light']) .m_7cda1cd6 { color: var(--mantine-color-black); } .m_7cda1cd6:where([data-with-remove]:not(:has(button:disabled))) { padding-inline-end: 0; } .m_7cda1cd6:where([data-disabled], :has(button:disabled)) { cursor: not-allowed; } :where([data-mantine-color-scheme='light']) .m_44da308b { background-color: var(--mantine-color-gray-1); } :where([data-mantine-color-scheme='light']) .m_44da308b:where([data-disabled], :has(button:disabled)) { background-color: var(--mantine-color-disabled); } :where([data-mantine-color-scheme='light']) .m_e3a01f8 { background-color: var(--mantine-color-white); } :where([data-mantine-color-scheme='light']) .m_e3a01f8:where([data-disabled], :has(button:disabled)) { background-color: var(--mantine-color-disabled); } .m_1e0e6180 { cursor: inherit; overflow: hidden; height: 100%; line-height: var(--pill-height); text-overflow: ellipsis; } .m_ae386778 { color: inherit; font-size: inherit; height: 100%; min-height: unset; min-width: 2em; width: unset; border-radius: 0; padding-inline-start: 0.1em; padding-inline-end: 0.3em; flex: 0; border-end-end-radius: var(--pill-radius, 50%); border-start-end-radius: var(--pill-radius, 50%); } .m_7cda1cd6[data-disabled] > .m_ae386778, .m_ae386778:disabled { display: none; background-color: transparent; width: 0.8em; min-width: 0.8em; padding: 0; cursor: not-allowed; } .m_7cda1cd6[data-disabled] > .m_ae386778 > svg, .m_ae386778:disabled > svg { display: none; } .m_ae386778 > svg { pointer-events: none; } .m_1dcfd90b { --pg-gap-xs: calc(0.375rem * var(--mantine-scale)); --pg-gap-sm: calc(0.5rem * var(--mantine-scale)); --pg-gap-md: calc(0.625rem * var(--mantine-scale)); --pg-gap-lg: calc(0.75rem * var(--mantine-scale)); --pg-gap-xl: calc(0.75rem * var(--mantine-scale)); --pg-gap: var(--pg-gap-sm); display: flex; align-items: center; gap: var(--pg-gap); flex-wrap: wrap; } .m_45c4369d { background-color: transparent; appearance: none; min-width: calc(6.25rem * var(--mantine-scale)); flex: 1; border: 0; font-size: inherit; height: 1.6em; color: inherit; padding: 0; } .m_45c4369d::placeholder { color: var(--input-placeholder-color); opacity: 1; } .m_45c4369d:where([data-type='hidden'], [data-type='auto']) { height: calc(0.0625rem * var(--mantine-scale)); width: calc(0.0625rem * var(--mantine-scale)); top: 0; left: 0; pointer-events: none; position: absolute; opacity: 0; } .m_45c4369d:focus { outline: none; } .m_45c4369d:where([data-type='auto']:focus) { height: 1.6em; visibility: visible; opacity: 1; position: static; } .m_45c4369d:where([data-pointer]:not([data-disabled], :disabled)) { cursor: pointer; } .m_45c4369d:where([data-disabled], :disabled) { cursor: not-allowed; } .m_f0824112 { --nl-bg: var(--mantine-primary-color-light); --nl-hover: var(--mantine-primary-color-light-hover); --nl-color: var(--mantine-primary-color-light-color); display: flex; align-items: center; width: 100%; padding: 8px var(--mantine-spacing-sm); user-select: none; } @media (hover: hover) { :where([data-mantine-color-scheme='light']) .m_f0824112:hover { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_f0824112:hover { background-color: var(--mantine-color-dark-6); } } @media (hover: none) { :where([data-mantine-color-scheme='light']) .m_f0824112:active { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_f0824112:active { background-color: var(--mantine-color-dark-6); } } .m_f0824112:where([data-disabled]) { opacity: 0.4; pointer-events: none; } .m_f0824112:where([data-active], [aria-current='page']) { background-color: var(--nl-bg); color: var(--nl-color); } @media (hover: hover) { .m_f0824112:where([data-active], [aria-current='page']):hover { background-color: var(--nl-hover); } } @media (hover: none) { .m_f0824112:where([data-active], [aria-current='page']):active { background-color: var(--nl-hover); } } .m_f0824112:where([data-active], [aria-current='page']) .m_57492dcc { --description-opacity: 0.9; --description-color: var(--nl-color); } .m_690090b5 { display: flex; align-items: center; justify-content: center; transition: transform 150ms ease; } .m_690090b5 > svg { display: block; } .m_690090b5:where([data-position='left']) { margin-inline-end: var(--mantine-spacing-sm); } .m_690090b5:where([data-position='right']) { margin-inline-start: var(--mantine-spacing-sm); } .m_690090b5:where([data-rotate]) { transform: rotate(90deg); } .m_1f6ac4c4 { font-size: var(--mantine-font-size-sm); } .m_f07af9d2 { flex: 1; overflow: hidden; text-overflow: ellipsis; } .m_f07af9d2:where([data-no-wrap]) { white-space: nowrap; } .m_57492dcc { display: block; font-size: var(--mantine-font-size-xs); opacity: var(--description-opacity, 1); color: var(--description-color, var(--mantine-color-dimmed)); overflow: hidden; text-overflow: ellipsis; } :where([data-no-wrap]) .m_57492dcc { white-space: nowrap; } .m_e17b862f { padding-inline-start: var(--nl-offset, var(--mantine-spacing-lg)); } .m_1fd8a00b { transform: rotate(-90deg); } .m_a513464 { --notification-radius: var(--mantine-radius-default); --notification-color: var(--mantine-primary-color-filled); overflow: hidden; box-sizing: border-box; position: relative; display: flex; align-items: center; padding-inline-start: calc(1.375rem * var(--mantine-scale)); padding-inline-end: var(--mantine-spacing-xs); padding-top: var(--mantine-spacing-xs); padding-bottom: var(--mantine-spacing-xs); border-radius: var(--notification-radius); box-shadow: var(--mantine-shadow-lg); } .m_a513464::before { content: ''; display: block; position: absolute; width: calc(0.375rem * var(--mantine-scale)); top: var(--notification-radius); bottom: var(--notification-radius); inset-inline-start: calc(0.25rem * var(--mantine-scale)); border-radius: var(--notification-radius); background-color: var(--notification-color); } :where([data-mantine-color-scheme='light']) .m_a513464 { background-color: var(--mantine-color-white); } :where([data-mantine-color-scheme='dark']) .m_a513464 { background-color: var(--mantine-color-dark-6); } .m_a513464:where([data-with-icon])::before { display: none; } :where([data-mantine-color-scheme='light']) .m_a513464:where([data-with-border]) { border: 1px solid var(--mantine-color-gray-3); } :where([data-mantine-color-scheme='dark']) .m_a513464:where([data-with-border]) { border: 1px solid var(--mantine-color-dark-4); } .m_a4ceffb { box-sizing: border-box; margin-inline-end: var(--mantine-spacing-md); width: calc(1.75rem * var(--mantine-scale)); height: calc(1.75rem * var(--mantine-scale)); border-radius: calc(1.75rem * var(--mantine-scale)); display: flex; align-items: center; justify-content: center; background-color: var(--notification-color); color: var(--mantine-color-white); } .m_b0920b15 { margin-inline-end: var(--mantine-spacing-md); } .m_a49ed24 { flex: 1; overflow: hidden; margin-inline-end: var(--mantine-spacing-xs); } .m_3feedf16 { margin-bottom: calc(0.125rem * var(--mantine-scale)); overflow: hidden; text-overflow: ellipsis; font-size: var(--mantine-font-size-sm); line-height: var(--mantine-line-height-sm); font-weight: 500; } :where([data-mantine-color-scheme='light']) .m_3feedf16 { color: var(--mantine-color-gray-9); } :where([data-mantine-color-scheme='dark']) .m_3feedf16 { color: var(--mantine-color-white); } .m_3d733a3a { font-size: var(--mantine-font-size-sm); line-height: var(--mantine-line-height-sm); overflow: hidden; text-overflow: ellipsis; } :where([data-mantine-color-scheme='light']) .m_3d733a3a { color: var(--mantine-color-black); } :where([data-mantine-color-scheme='dark']) .m_3d733a3a { color: var(--mantine-color-dark-0); } :where([data-mantine-color-scheme='light']) .m_3d733a3a:where([data-with-title]) { color: var(--mantine-color-gray-6); } :where([data-mantine-color-scheme='dark']) .m_3d733a3a:where([data-with-title]) { color: var(--mantine-color-dark-2); } @media (hover: hover) { :where([data-mantine-color-scheme='light']) .m_919a4d88:hover { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_919a4d88:hover { background-color: var(--mantine-color-dark-8); } } @media (hover: none) { :where([data-mantine-color-scheme='light']) .m_919a4d88:active { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_919a4d88:active { background-color: var(--mantine-color-dark-8); } } .m_e2f5cd4e { --ni-right-section-width-xs: calc(1.0625rem * var(--mantine-scale)); --ni-right-section-width-sm: calc(1.5rem * var(--mantine-scale)); --ni-right-section-width-md: calc(1.6875rem * var(--mantine-scale)); --ni-right-section-width-lg: calc(1.9375rem * var(--mantine-scale)); --ni-right-section-width-xl: calc(2.125rem * var(--mantine-scale)); } .m_95e17d22 { --ni-chevron-size-xs: calc(0.625rem * var(--mantine-scale)); --ni-chevron-size-sm: calc(0.875rem * var(--mantine-scale)); --ni-chevron-size-md: calc(1rem * var(--mantine-scale)); --ni-chevron-size-lg: calc(1.125rem * var(--mantine-scale)); --ni-chevron-size-xl: calc(1.25rem * var(--mantine-scale)); --ni-chevron-size: var(--ni-chevron-size-sm); display: flex; flex-direction: column; width: 100%; height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))); max-width: calc(var(--ni-chevron-size) * 1.7); margin-inline-start: auto; } .m_80b4b171 { --control-border: 1px solid var(--input-bd); --control-radius: calc(var(--input-radius) - calc(0.0625rem * var(--mantine-scale))); flex: 0 0 50%; width: 100%; padding: 0; height: calc(var(--input-height) / 2 - calc(0.0625rem * var(--mantine-scale))); border-inline-start: var(--control-border); display: flex; align-items: center; justify-content: center; color: var(--mantine-color-text); background-color: transparent; cursor: pointer; } .m_80b4b171:where(:disabled) { background-color: transparent; cursor: not-allowed; opacity: 0.6; color: var(--mantine-color-disabled-color); } .m_e2f5cd4e[data-error] :where(.m_80b4b171) { color: var(--mantine-color-error); } @media (hover: hover) { :where([data-mantine-color-scheme='light']) .m_80b4b171:hover { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_80b4b171:hover { background-color: var(--mantine-color-dark-4); } } @media (hover: none) { :where([data-mantine-color-scheme='light']) .m_80b4b171:active { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_80b4b171:active { background-color: var(--mantine-color-dark-4); } } .m_80b4b171:where(:first-of-type) { border-radius: 0; border-start-end-radius: var(--control-radius); } .m_80b4b171:last-of-type { border-radius: 0; border-end-end-radius: var(--control-radius); } .m_4addd315 { --pagination-control-size-xs: calc(1.375rem * var(--mantine-scale)); --pagination-control-size-sm: calc(1.625rem * var(--mantine-scale)); --pagination-control-size-md: calc(2rem * var(--mantine-scale)); --pagination-control-size-lg: calc(2.375rem * var(--mantine-scale)); --pagination-control-size-xl: calc(2.75rem * var(--mantine-scale)); --pagination-control-size: var(--pagination-control-size-md); --pagination-control-fz: var(--mantine-font-size-md); --pagination-active-bg: var(--mantine-primary-color-filled); } .m_326d024a { display: flex; align-items: center; justify-content: center; border: calc(0.0625rem * var(--mantine-scale)) solid; cursor: pointer; color: var(--mantine-color-text); height: var(--pagination-control-size); min-width: var(--pagination-control-size); font-size: var(--pagination-control-fz); line-height: 1; border-radius: var(--pagination-control-radius, var(--mantine-radius-default)); } .m_326d024a:where([data-with-padding]) { padding: calc(var(--pagination-control-size) / 4); } .m_326d024a:where(:disabled, [data-disabled]) { cursor: not-allowed; opacity: 0.4; } :where([data-mantine-color-scheme='light']) .m_326d024a { border-color: var(--mantine-color-gray-4); background-color: var(--mantine-color-white); } @media (hover: hover) { :where([data-mantine-color-scheme='light']) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) { background-color: var(--mantine-color-gray-0); } } @media (hover: none) { :where([data-mantine-color-scheme='light']) .m_326d024a:active:where(:not(:disabled, [data-disabled])) { background-color: var(--mantine-color-gray-0); } } :where([data-mantine-color-scheme='dark']) .m_326d024a { border-color: var(--mantine-color-dark-4); background-color: var(--mantine-color-dark-6); } @media (hover: hover) { :where([data-mantine-color-scheme='dark']) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) { background-color: var(--mantine-color-dark-5); } } @media (hover: none) { :where([data-mantine-color-scheme='dark']) .m_326d024a:active:where(:not(:disabled, [data-disabled])) { background-color: var(--mantine-color-dark-5); } } .m_326d024a:where([data-active]) { background-color: var(--pagination-active-bg); border-color: var(--pagination-active-bg); color: var(--pagination-active-color, var(--mantine-color-white)); } @media (hover: hover) { .m_326d024a:where([data-active]):hover { background-color: var(--pagination-active-bg); } } @media (hover: none) { .m_326d024a:where([data-active]):active { background-color: var(--pagination-active-bg); } } .m_4ad7767d { height: var(--pagination-control-size); min-width: var(--pagination-control-size); display: flex; align-items: center; justify-content: center; pointer-events: none; } .m_f61ca620 { --psi-button-size-xs: calc(1.375rem * var(--mantine-scale)); --psi-button-size-sm: calc(1.625rem * var(--mantine-scale)); --psi-button-size-md: calc(1.75rem * var(--mantine-scale)); --psi-button-size-lg: calc(2rem * var(--mantine-scale)); --psi-button-size-xl: calc(2.5rem * var(--mantine-scale)); --psi-icon-size-xs: calc(0.75rem * var(--mantine-scale)); --psi-icon-size-sm: calc(0.9375rem * var(--mantine-scale)); --psi-icon-size-md: calc(1.0625rem * var(--mantine-scale)); --psi-icon-size-lg: calc(1.1875rem * var(--mantine-scale)); --psi-icon-size-xl: calc(1.3125rem * var(--mantine-scale)); --psi-button-size: var(--psi-button-size-sm); --psi-icon-size: var(--psi-icon-size-sm); } .m_ccf8da4c { position: relative; overflow: hidden; } .m_f2d85dd2 { font-family: var(--mantine-font-family); background-color: transparent; border: 0; padding-inline-end: var(--input-padding-inline-end); padding-inline-start: var(--input-padding-inline-start); position: absolute; inset: 0; outline: 0; font-size: inherit; line-height: var(--mantine-line-height); height: 100%; width: 100%; color: inherit; } .m_ccf8da4c[data-disabled] .m_f2d85dd2, .m_f2d85dd2:disabled { cursor: not-allowed; } .m_f2d85dd2::placeholder { color: var(--input-placeholder-color); opacity: 1; } .m_f2d85dd2::-ms-reveal { display: none; } .m_b1072d44 { width: var(--psi-button-size); height: var(--psi-button-size); min-width: var(--psi-button-size); min-height: var(--psi-button-size); } .m_b1072d44:disabled { display: none; } .m_f1cb205a { --pin-input-size-xs: calc(1.875rem * var(--mantine-scale)); --pin-input-size-sm: calc(2.25rem * var(--mantine-scale)); --pin-input-size-md: calc(2.625rem * var(--mantine-scale)); --pin-input-size-lg: calc(3.125rem * var(--mantine-scale)); --pin-input-size-xl: calc(3.75rem * var(--mantine-scale)); --pin-input-size: var(--pin-input-size-sm); } .m_cb288ead { width: var(--pin-input-size); height: var(--pin-input-size); } @keyframes m_81a374bd { 0% { background-position: 0 0; } 100% { background-position: calc(2.5rem * var(--mantine-scale)) 0; } } .m_db6d6462 { --progress-radius: var(--mantine-radius-default); --progress-size: var(--progress-size-md); --progress-size-xs: calc(0.1875rem * var(--mantine-scale)); --progress-size-sm: calc(0.3125rem * var(--mantine-scale)); --progress-size-md: calc(0.5rem * var(--mantine-scale)); --progress-size-lg: calc(0.75rem * var(--mantine-scale)); --progress-size-xl: calc(1rem * var(--mantine-scale)); position: relative; height: var(--progress-size); border-radius: var(--progress-radius); overflow: hidden; display: flex; } :where([data-mantine-color-scheme='light']) .m_db6d6462 { background-color: var(--mantine-color-gray-2); } :where([data-mantine-color-scheme='dark']) .m_db6d6462 { background-color: var(--mantine-color-dark-4); } .m_2242eb65 { background-color: var(--progress-section-color); height: 100%; width: var(--progress-section-width); display: flex; align-items: center; justify-content: center; overflow: hidden; background-size: calc(1.25rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale)); transition: width var(--progress-transition-duration, 100ms) ease; } .m_2242eb65:where([data-striped]) { background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .m_2242eb65:where([data-animated]) { animation: m_81a374bd 1s linear infinite; } .m_2242eb65:where(:last-of-type) { border-radius: 0; border-start-end-radius: var(--progress-radius); border-end-end-radius: var(--progress-radius); } .m_2242eb65:where(:first-of-type) { border-radius: 0; border-start-start-radius: var(--progress-radius); border-end-start-radius: var(--progress-radius); } .m_91e40b74 { color: var(--progress-label-color, var(--mantine-color-white)); font-weight: bold; user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: min(calc(var(--progress-size) * 0.65), calc(1.125rem * var(--mantine-scale))); line-height: 1; padding-inline: calc(0.25rem * var(--mantine-scale)); } .m_9dc8ae12 { --card-radius: var(--mantine-radius-default); display: block; width: 100%; border-radius: var(--card-radius); cursor: pointer; } .m_9dc8ae12 :where(*) { cursor: inherit; } .m_9dc8ae12:where([data-with-border]) { border: calc(0.0625rem * var(--mantine-scale)) solid transparent; } :where([data-mantine-color-scheme='light']) .m_9dc8ae12:where([data-with-border]) { border-color: var(--mantine-color-gray-3); } :where([data-mantine-color-scheme='dark']) .m_9dc8ae12:where([data-with-border]) { border-color: var(--mantine-color-dark-4); } .m_717d7ff6 { --radio-size-xs: calc(1rem * var(--mantine-scale)); --radio-size-sm: calc(1.25rem * var(--mantine-scale)); --radio-size-md: calc(1.5rem * var(--mantine-scale)); --radio-size-lg: calc(1.875rem * var(--mantine-scale)); --radio-size-xl: calc(2.25rem * var(--mantine-scale)); --radio-icon-size-xs: calc(0.375rem * var(--mantine-scale)); --radio-icon-size-sm: calc(0.5rem * var(--mantine-scale)); --radio-icon-size-md: calc(0.625rem * var(--mantine-scale)); --radio-icon-size-lg: calc(0.875rem * var(--mantine-scale)); --radio-icon-size-xl: calc(1rem * var(--mantine-scale)); --radio-icon-size: var(--radio-icon-size-sm); --radio-size: var(--radio-size-sm); --radio-color: var(--mantine-primary-color-filled); --radio-icon-color: var(--mantine-color-white); position: relative; border: calc(0.0625rem * var(--mantine-scale)) solid transparent; width: var(--radio-size); min-width: var(--radio-size); height: var(--radio-size); min-height: var(--radio-size); border-radius: var(--radio-radius, 10000px); transition: border-color 100ms ease, background-color 100ms ease; cursor: var(--mantine-cursor-type); -webkit-tap-highlight-color: transparent; display: flex; align-items: center; justify-content: center; } :where([data-mantine-color-scheme='light']) .m_717d7ff6 { background-color: var(--mantine-color-white); border-color: var(--mantine-color-gray-4); } :where([data-mantine-color-scheme='dark']) .m_717d7ff6 { background-color: var(--mantine-color-dark-6); border-color: var(--mantine-color-dark-4); } .m_717d7ff6[data-indeterminate], .m_717d7ff6[data-checked] { background-color: var(--radio-color); border-color: var(--radio-color); } .m_717d7ff6[data-indeterminate] > .m_3e4da632, .m_717d7ff6[data-checked] > .m_3e4da632 { opacity: 1; transform: none; color: var(--radio-icon-color); } .m_717d7ff6[data-disabled] { cursor: not-allowed; background-color: var(--mantine-color-disabled); border-color: var(--mantine-color-disabled-border); } .m_717d7ff6[data-disabled][data-checked] > .m_3e4da632 { color: var(--mantine-color-disabled-color); } .m_2980836c[data-indeterminate]:not([data-disabled]), .m_2980836c[data-checked]:not([data-disabled]) { background-color: transparent; border-color: var(--radio-color); } .m_2980836c[data-indeterminate]:not([data-disabled]) > .m_3e4da632, .m_2980836c[data-checked]:not([data-disabled]) > .m_3e4da632 { color: var(--radio-color); opacity: 1; transform: none; } .m_3e4da632 { display: block; width: var(--radio-icon-size); height: var(--radio-icon-size); color: transparent; pointer-events: none; transform: translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5); opacity: 1; transition: transform 100ms ease, opacity 100ms ease; } .m_f3f1af94 { --radio-size-xs: calc(1rem * var(--mantine-scale)); --radio-size-sm: calc(1.25rem * var(--mantine-scale)); --radio-size-md: calc(1.5rem * var(--mantine-scale)); --radio-size-lg: calc(1.875rem * var(--mantine-scale)); --radio-size-xl: calc(2.25rem * var(--mantine-scale)); --radio-size: var(--radio-size-sm); --radio-icon-size-xs: calc(0.375rem * var(--mantine-scale)); --radio-icon-size-sm: calc(0.5rem * var(--mantine-scale)); --radio-icon-size-md: calc(0.625rem * var(--mantine-scale)); --radio-icon-size-lg: calc(0.875rem * var(--mantine-scale)); --radio-icon-size-xl: calc(1rem * var(--mantine-scale)); --radio-icon-size: var(--radio-icon-size-sm); --radio-icon-color: var(--mantine-color-white); } .m_89c4f5e4 { position: relative; width: var(--radio-size); height: var(--radio-size); order: 1; } .m_89c4f5e4:where([data-label-position='left']) { order: 2; } .m_f3ed6b2b { color: var(--radio-icon-color); opacity: var(--radio-icon-opacity, 0); transform: var(--radio-icon-transform, scale(0.2) translateY(calc(0.625rem * var(--mantine-scale)))); transition: opacity 100ms ease, transform 200ms ease; pointer-events: none; width: var(--radio-icon-size); height: var(--radio-icon-size); position: absolute; top: calc(50% - var(--radio-icon-size) / 2); left: calc(50% - var(--radio-icon-size) / 2); } .m_8a3dbb89 { border: calc(0.0625rem * var(--mantine-scale)) solid; position: relative; appearance: none; width: var(--radio-size); height: var(--radio-size); border-radius: var(--radio-radius, var(--radio-size)); margin: 0; display: flex; align-items: center; justify-content: center; transition-property: background-color, border-color; transition-timing-function: ease; transition-duration: 100ms; cursor: var(--mantine-cursor-type); -webkit-tap-highlight-color: transparent; } :where([data-mantine-color-scheme='light']) .m_8a3dbb89 { background-color: var(--mantine-color-white); border-color: var(--mantine-color-gray-4); } :where([data-mantine-color-scheme='dark']) .m_8a3dbb89 { background-color: var(--mantine-color-dark-6); border-color: var(--mantine-color-dark-4); } .m_8a3dbb89:checked { background-color: var(--radio-color, var(--mantine-primary-color-filled)); border-color: var(--radio-color, var(--mantine-primary-color-filled)); } .m_8a3dbb89:checked + .m_f3ed6b2b { --radio-icon-opacity: 1; --radio-icon-transform: scale(1); } .m_8a3dbb89:disabled { cursor: not-allowed; background-color: var(--mantine-color-disabled); border-color: var(--mantine-color-disabled-border); } .m_8a3dbb89:disabled + .m_f3ed6b2b { --radio-icon-color: var(--mantine-color-disabled-color); } .m_8a3dbb89:where([data-error]) { border-color: var(--mantine-color-error); } .m_1bfe9d39 + .m_f3ed6b2b { --radio-icon-color: var(--radio-color); } .m_1bfe9d39:checked:not(:disabled) { background-color: transparent; border-color: var(--radio-color); } .m_1bfe9d39:checked:not(:disabled) + .m_f3ed6b2b { --radio-icon-color: var(--radio-color); --radio-icon-opacity: 1; --radio-icon-transform: none; } .m_f8d312f2 { --rating-size-xs: calc(0.875rem * var(--mantine-scale)); --rating-size-sm: calc(1.125rem * var(--mantine-scale)); --rating-size-md: calc(1.25rem * var(--mantine-scale)); --rating-size-lg: calc(1.75rem * var(--mantine-scale)); --rating-size-xl: calc(2rem * var(--mantine-scale)); display: flex; width: max-content; } .m_f8d312f2:where(:has(input:disabled)) { pointer-events: none; } .m_61734bb7 { position: relative; transition: transform 100ms ease; } .m_61734bb7:where([data-active]) { z-index: 1; transform: scale(1.1); } .m_5662a89a { width: var(--rating-size); height: var(--rating-size); display: block; } :where([data-mantine-color-scheme='light']) .m_5662a89a { fill: var(--mantine-color-gray-3); stroke: var(--mantine-color-gray-3); } :where([data-mantine-color-scheme='dark']) .m_5662a89a { fill: var(--mantine-color-dark-3); stroke: var(--mantine-color-dark-3); } .m_5662a89a:where([data-filled]) { fill: var(--rating-color); stroke: var(--rating-color); } .m_211007ba { height: 0; width: 0; position: absolute; overflow: hidden; white-space: nowrap; opacity: 0; -webkit-tap-highlight-color: transparent; } .m_211007ba:focus-visible + label { outline: 2px solid var(--mantine-primary-color-filled); outline-offset: calc(0.125rem * var(--mantine-scale)); } .m_21342ee4 { display: block; cursor: pointer; position: absolute; top: 0; left: 0; z-index: var(--rating-item-z-index, 0); -webkit-tap-highlight-color: transparent; } .m_21342ee4:where([data-read-only]) { cursor: default; } .m_21342ee4:where(:last-of-type) { position: relative; } .m_fae05d6a { clip-path: var(--rating-symbol-clip-path); } .m_1b3c8819 { --tooltip-radius: var(--mantine-radius-default); position: absolute; padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs); pointer-events: none; font-size: var(--mantine-font-size-sm); white-space: nowrap; border-radius: var(--tooltip-radius); } :where([data-mantine-color-scheme='light']) .m_1b3c8819 { background-color: var(--tooltip-bg, var(--mantine-color-gray-9)); color: var(--tooltip-color, var(--mantine-color-white)); } :where([data-mantine-color-scheme='dark']) .m_1b3c8819 { background-color: var(--tooltip-bg, var(--mantine-color-gray-2)); color: var(--tooltip-color, var(--mantine-color-black)); } .m_1b3c8819:where([data-multiline]) { white-space: normal; } .m_1b3c8819:where([data-fixed]) { position: fixed; } .m_f898399f { background-color: inherit; border: 0; z-index: 1; } .m_b32e4812 { position: relative; width: var(--rp-size); height: var(--rp-size); min-width: var(--rp-size); min-height: var(--rp-size); --rp-transition-duration: 0ms; } .m_d43b5134 { width: var(--rp-size); height: var(--rp-size); min-width: var(--rp-size); min-height: var(--rp-size); transform: rotate(-90deg); } .m_b1ca1fbf { stroke: var(--curve-color, var(--rp-curve-root-color)); transition: stroke-dashoffset var(--rp-transition-duration) ease, stroke-dasharray var(--rp-transition-duration) ease, stroke var(--rp-transition-duration); } [data-mantine-color-scheme='light'] .m_b1ca1fbf { --rp-curve-root-color: var(--mantine-color-gray-2); } [data-mantine-color-scheme='dark'] .m_b1ca1fbf { --rp-curve-root-color: var(--mantine-color-dark-4); } .m_b23f9dc4 { position: absolute; top: 50%; transform: translateY(-50%); inset-inline: var(--rp-label-offset); } .m_cf365364 { --sc-padding-xs: calc(0.125rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale)); --sc-padding-sm: calc(0.1875rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale)); --sc-padding-md: calc(0.25rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale)); --sc-padding-lg: calc(0.4375rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale)); --sc-padding-xl: calc(0.625rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale)); --sc-transition-duration: 200ms; --sc-padding: var(--sc-padding-sm); --sc-transition-timing-function: ease; --sc-font-size: var(--mantine-font-size-sm); position: relative; display: inline-flex; flex-direction: row; width: auto; border-radius: var(--sc-radius, var(--mantine-radius-default)); overflow: hidden; padding: calc(0.25rem * var(--mantine-scale)); } .m_cf365364:where([data-full-width]) { display: flex; } .m_cf365364:where([data-orientation='vertical']) { display: flex; flex-direction: column; width: max-content; } .m_cf365364:where([data-orientation='vertical']):where([data-full-width]) { width: auto; } :where([data-mantine-color-scheme='light']) .m_cf365364 { background-color: var(--mantine-color-gray-1); } :where([data-mantine-color-scheme='dark']) .m_cf365364 { background-color: var(--mantine-color-dark-8); } .m_9e182ccd { position: absolute; display: block; z-index: 1; border-radius: var(--sc-radius, var(--mantine-radius-default)); } :where([data-mantine-color-scheme='light']) .m_9e182ccd { box-shadow: var(--sc-shadow, none); background-color: var(--sc-color, var(--mantine-color-white)); } :where([data-mantine-color-scheme='dark']) .m_9e182ccd { box-shadow: none; background-color: var(--sc-color, var(--mantine-color-dark-5)); } .m_1738fcb2 { -webkit-tap-highlight-color: transparent; font-weight: 500; display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; user-select: none; border-radius: var(--sc-radius, var(--mantine-radius-default)); font-size: var(--sc-font-size); padding: var(--sc-padding); transition: color var(--sc-transition-duration) var(--sc-transition-timing-function); cursor: pointer; /* outline is controlled by .input */ outline: var(--segmented-control-outline, none); } :where([data-mantine-color-scheme='light']) .m_1738fcb2 { color: var(--mantine-color-gray-7); } :where([data-mantine-color-scheme='dark']) .m_1738fcb2 { color: var(--mantine-color-dark-1); } .m_1738fcb2:where([data-read-only]) { cursor: default; } fieldset:disabled .m_1738fcb2, .m_1738fcb2:where([data-disabled]) { cursor: not-allowed; color: var(--mantine-color-disabled-color); } :where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active]) { color: var(--sc-label-color, var(--mantine-color-black)); } :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-active]) { color: var(--sc-label-color, var(--mantine-color-white)); } .m_cf365364:where([data-initialized]) .m_1738fcb2:where([data-active])::before { display: none; } .m_1738fcb2:where([data-active])::before { content: ''; inset: 0; z-index: 0; position: absolute; border-radius: var(--sc-radius, var(--mantine-radius-default)); } :where([data-mantine-color-scheme='light']) .m_1738fcb2:where([data-active])::before { box-shadow: var(--sc-shadow, none); background-color: var(--sc-color, var(--mantine-color-white)); } :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where([data-active])::before { box-shadow: none; background-color: var(--sc-color, var(--mantine-color-dark-5)); } @media (hover: hover) { :where([data-mantine-color-scheme='light']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover { color: var(--mantine-color-black); } :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover { color: var(--mantine-color-white); } } @media (hover: none) { :where([data-mantine-color-scheme='light']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active { color: var(--mantine-color-black); } :where([data-mantine-color-scheme='dark']) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active { color: var(--mantine-color-white); } } @media (hover: hover) { fieldset:disabled .m_1738fcb2:hover { color: var(--mantine-color-disabled-color) !important; } } @media (hover: none) { fieldset:disabled .m_1738fcb2:active { color: var(--mantine-color-disabled-color) !important; } } .m_1714d588 { height: 0; width: 0; position: absolute; overflow: hidden; white-space: nowrap; opacity: 0; } .m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 { --segmented-control-outline: 2px solid var(--mantine-primary-color-filled); } .m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 { --segmented-control-outline: 2px solid var(--mantine-primary-color-filled); } .m_69686b9b { position: relative; flex: 1; z-index: 2; transition: border-color var(--sc-transition-duration) var(--sc-transition-timing-function); } .m_cf365364[data-with-items-borders] :where(.m_69686b9b)::before { content: ''; position: absolute; top: 0; bottom: 0; inset-inline-start: 0; background-color: var(--separator-color); width: calc(0.0625rem * var(--mantine-scale)); transition: background-color var(--sc-transition-duration) var(--sc-transition-timing-function); } .m_69686b9b[data-orientation='vertical']::before { top: 0; inset-inline: 0; bottom: auto; height: calc(0.0625rem * var(--mantine-scale)); width: auto; } :where([data-mantine-color-scheme='light']) .m_69686b9b { --separator-color: var(--mantine-color-gray-3); } :where([data-mantine-color-scheme='dark']) .m_69686b9b { --separator-color: var(--mantine-color-dark-4); } .m_69686b9b:first-of-type::before { --separator-color: transparent; } [data-mantine-color-scheme] .m_69686b9b[data-active]::before, [data-mantine-color-scheme] .m_69686b9b[data-active] + .m_69686b9b::before { --separator-color: transparent; } .m_78882f40 { position: relative; z-index: 2; } .m_fa528724 { --scp-filled-segment-color: var(--mantine-primary-color-filled); --scp-transition-duration: 0ms; --scp-thickness: calc(0.625rem * var(--mantine-scale)); } :where([data-mantine-color-scheme='light']) .m_fa528724 { --scp-empty-segment-color: var(--mantine-color-gray-2); } :where([data-mantine-color-scheme='dark']) .m_fa528724 { --scp-empty-segment-color: var(--mantine-color-dark-4); } .m_fa528724 { position: relative; width: fit-content; } .m_62e9e7e2 { display: block; transform: var(--scp-rotation); overflow: hidden; } .m_c573fb6f { transition: stroke-dashoffset var(--scp-transition-duration) ease, stroke-dasharray var(--scp-transition-duration) ease, stroke var(--scp-transition-duration); } .m_4fa340f2 { position: absolute; margin: 0; padding: 0; inset-inline: 0; text-align: center; z-index: 1; } .m_4fa340f2:where([data-position='bottom']) { bottom: 0; padding-inline: calc(var(--scp-thickness) * 2); } .m_4fa340f2:where([data-position='bottom']):where([data-orientation='down']) { bottom: auto; top: 0; } .m_4fa340f2:where([data-position='center']) { top: 50%; padding-inline: calc(var(--scp-thickness) * 3); } .m_925c2d2c { container: simple-grid / inline-size; } .m_2415a157 { display: grid; grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr)); gap: var(--sg-spacing-y) var(--sg-spacing-x); } @keyframes m_299c329c { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } } .m_18320242 { height: var(--skeleton-height, auto); width: var(--skeleton-width, 100%); border-radius: var(--skeleton-radius, var(--mantine-radius-default)); position: relative; transform: translateZ(0); -webkit-transform: translateZ(0); } .m_18320242:where([data-animate])::after { animation: m_299c329c 1500ms linear infinite; } .m_18320242:where([data-visible]) { overflow: hidden; } .m_18320242:where([data-visible])::before { position: absolute; content: ''; inset: 0; z-index: 10; background-color: var(--mantine-color-body); } .m_18320242:where([data-visible])::after { position: absolute; content: ''; inset: 0; z-index: 11; } :where([data-mantine-color-scheme='light']) .m_18320242:where([data-visible])::after { background-color: var(--mantine-color-gray-3); } :where([data-mantine-color-scheme='dark']) .m_18320242:where([data-visible])::after { background-color: var(--mantine-color-dark-4); } .m_dd36362e { --slider-size-xs: calc(0.25rem * var(--mantine-scale)); --slider-size-sm: calc(0.375rem * var(--mantine-scale)); --slider-size-md: calc(0.5rem * var(--mantine-scale)); --slider-size-lg: calc(0.625rem * var(--mantine-scale)); --slider-size-xl: calc(0.75rem * var(--mantine-scale)); --slider-size: var(--slider-size-md); --slider-radius: calc(62.5rem * var(--mantine-scale)); --slider-color: var(--mantine-primary-color-filled); --slider-track-disabled-bg: var(--mantine-color-disabled); -webkit-tap-highlight-color: transparent; outline: none; height: calc(var(--slider-size) * 2); padding-inline: var(--slider-size); display: flex; flex-direction: column; align-items: center; touch-action: none; position: relative; } [data-mantine-color-scheme='light'] .m_dd36362e { --slider-track-bg: var(--mantine-color-gray-2); } [data-mantine-color-scheme='dark'] .m_dd36362e { --slider-track-bg: var(--mantine-color-dark-4); } .m_c9357328 { position: absolute; top: calc(-2.25rem * var(--mantine-scale)); font-size: var(--mantine-font-size-xs); color: var(--mantine-color-white); padding: calc(var(--mantine-spacing-xs) / 2); border-radius: var(--mantine-radius-sm); white-space: nowrap; pointer-events: none; user-select: none; touch-action: none; } :where([data-mantine-color-scheme='light']) .m_c9357328 { background-color: var(--mantine-color-gray-9); } :where([data-mantine-color-scheme='dark']) .m_c9357328 { background-color: var(--mantine-color-dark-4); } .m_c9a9a60a { position: absolute; display: flex; height: var(--slider-thumb-size); width: var(--slider-thumb-size); border: calc(0.25rem * var(--mantine-scale)) solid; transform: translate(-50%, -50%); top: 50%; cursor: pointer; border-radius: var(--slider-radius); align-items: center; justify-content: center; transition: box-shadow 100ms ease, transform 100ms ease; z-index: 3; user-select: none; touch-action: none; outline-offset: calc(0.125rem * var(--mantine-scale)); left: var(--slider-thumb-offset); } :where([dir="rtl"]) .m_c9a9a60a { left: auto; right: calc(var(--slider-thumb-offset) - var(--slider-thumb-size)); } fieldset:disabled .m_c9a9a60a, .m_c9a9a60a:where([data-disabled]) { display: none; } .m_c9a9a60a:where([data-dragging]) { transform: translate(-50%, -50%) scale(1.05); box-shadow: var(--mantine-shadow-sm); } :where([data-mantine-color-scheme='light']) .m_c9a9a60a { color: var(--slider-color); border-color: var(--slider-color); background-color: var(--mantine-color-white); } :where([data-mantine-color-scheme='dark']) .m_c9a9a60a { color: var(--mantine-color-white); border-color: var(--mantine-color-white); background-color: var(--slider-color); } .m_a8645c2 { display: flex; align-items: center; width: 100%; height: calc(var(--slider-size) * 2); cursor: pointer; } fieldset:disabled .m_a8645c2, .m_a8645c2:where([data-disabled]) { cursor: not-allowed; } .m_c9ade57f { position: relative; width: 100%; height: var(--slider-size); } .m_c9ade57f:where([data-inverted]:not([data-disabled])) { --track-bg: var(--slider-color); } fieldset:disabled .m_c9ade57f:where([data-inverted]), .m_c9ade57f:where([data-inverted][data-disabled]) { --track-bg: var(--slider-track-disabled-bg); } .m_c9ade57f::before { content: ''; position: absolute; top: 0; bottom: 0; border-radius: var(--slider-radius); inset-inline: calc(var(--slider-size) * -1); background-color: var(--track-bg, var(--slider-track-bg)); z-index: 0; } .m_38aeed47 { position: absolute; z-index: 1; top: 0; bottom: 0; background-color: var(--slider-color); border-radius: var(--slider-radius); width: var(--slider-bar-width); inset-inline-start: var(--slider-bar-offset); } .m_38aeed47:where([data-inverted]) { background-color: var(--slider-track-bg); } fieldset:disabled .m_38aeed47:where(:not([data-inverted])), .m_38aeed47:where([data-disabled]:not([data-inverted])) { background-color: var(--mantine-color-disabled-color); } .m_b7b0423a { position: absolute; inset-inline-start: calc(var(--mark-offset) - var(--slider-size) / 2); top: 0; z-index: 2; height: 0; pointer-events: none; } .m_dd33bc19 { border: calc(0.125rem * var(--mantine-scale)) solid; height: var(--slider-size); width: var(--slider-size); border-radius: calc(62.5rem * var(--mantine-scale)); background-color: var(--mantine-color-white); pointer-events: none; } :where([data-mantine-color-scheme='light']) .m_dd33bc19 { border-color: var(--mantine-color-gray-2); } :where([data-mantine-color-scheme='dark']) .m_dd33bc19 { border-color: var(--mantine-color-dark-4); } .m_dd33bc19:where([data-filled]) { border-color: var(--slider-color); } .m_dd33bc19:where([data-filled]):where([data-disabled]) { border-color: var(--mantine-color-disabled-border); } .m_68c77a5b { transform: translate(calc(-50% + var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2)); font-size: var(--mantine-font-size-sm); white-space: nowrap; cursor: pointer; user-select: none; } :where([data-mantine-color-scheme='light']) .m_68c77a5b { color: var(--mantine-color-gray-6); } :where([data-mantine-color-scheme='dark']) .m_68c77a5b { color: var(--mantine-color-dark-2); } .m_559cce2d { position: relative; } .m_559cce2d:where([data-has-spoiler]) { margin-bottom: calc(1.5rem * var(--mantine-scale)); } .m_b912df4e { display: flex; flex-direction: column; overflow: hidden; transition: max-height var(--spoiler-transition-duration, 200ms) ease; } .m_b9131032 { position: absolute; inset-inline-start: 0; top: 100%; height: calc(1.5rem * var(--mantine-scale)); } .m_6d731127 { display: flex; flex-direction: column; align-items: var(--stack-align, stretch); justify-content: var(--stack-justify, flex-start); gap: var(--stack-gap, var(--mantine-spacing-md)); } .m_cbb4ea7e { --stepper-icon-size-xs: calc(2.125rem * var(--mantine-scale)); --stepper-icon-size-sm: calc(2.25rem * var(--mantine-scale)); --stepper-icon-size-md: calc(2.625rem * var(--mantine-scale)); --stepper-icon-size-lg: calc(3rem * var(--mantine-scale)); --stepper-icon-size-xl: calc(3.25rem * var(--mantine-scale)); --stepper-icon-size: var(--stepper-icon-size-md); --stepper-color: var(--mantine-primary-color-filled); --stepper-content-padding: var(--mantine-spacing-md); --stepper-spacing: var(--mantine-spacing-md); --stepper-radius: calc(62.5rem * var(--mantine-scale)); --stepper-fz: var(--mantine-font-size-md); --stepper-outline-thickness: calc(0.125rem * var(--mantine-scale)); } [data-mantine-color-scheme='light'] .m_cbb4ea7e { --stepper-outline-color: var(--mantine-color-gray-2); } [data-mantine-color-scheme='dark'] .m_cbb4ea7e { --stepper-outline-color: var(--mantine-color-dark-5); } .m_aaf89d0b { display: flex; flex-wrap: nowrap; align-items: center; } .m_aaf89d0b:where([data-wrap]) { flex-wrap: wrap; gap: var(--mantine-spacing-md) 0; } .m_aaf89d0b:where([data-orientation='vertical']) { flex-direction: column; } .m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='left']) { align-items: flex-start; } .m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='right']) { align-items: flex-end; } .m_aaf89d0b:where([data-orientation='horizontal']) { flex-direction: row; } .m_2a371ac9 { transition: background-color 150ms ease; flex: 1; height: var(--stepper-outline-thickness); margin-inline: var(--mantine-spacing-md); background-color: var(--stepper-outline-color); } .m_2a371ac9:where([data-active]) { background-color: var(--stepper-color); } .m_78da155d { padding-top: var(--stepper-content-padding); } .m_cbb57068 { --step-color: var(--stepper-color); display: flex; cursor: default; } .m_cbb57068:where([data-allow-click]) { cursor: pointer; } .m_cbb57068:where([data-icon-position='left']) { flex-direction: row; } .m_cbb57068:where([data-icon-position='right']) { flex-direction: row-reverse; } .m_f56b1e2c { align-items: center; } .m_833edb7e { --separator-spacing: calc(var(--mantine-spacing-xs) / 2); justify-content: flex-start; min-height: calc(var(--stepper-icon-size) + var(--mantine-spacing-xl) + var(--separator-spacing)); margin-top: var(--separator-spacing); overflow: hidden; } .m_833edb7e:where(:first-of-type) { margin-top: 0; } .m_833edb7e:where(:last-of-type) { min-height: auto; } .m_833edb7e:where(:last-of-type) .m_6496b3f3 { display: none; } .m_818e70b { position: relative; } .m_6496b3f3 { top: calc(var(--stepper-icon-size) + var(--separator-spacing)); inset-inline-start: calc(var(--stepper-icon-size) / 2); height: 100vh; position: absolute; border-inline-start: var(--stepper-outline-thickness) solid var(--stepper-outline-color); } .m_6496b3f3:where([data-active]) { border-color: var(--stepper-color); } .m_1959ad01 { height: var(--stepper-icon-size); width: var(--stepper-icon-size); min-height: var(--stepper-icon-size); min-width: var(--stepper-icon-size); border-radius: var(--stepper-radius); font-size: var(--stepper-fz); display: flex; align-items: center; justify-content: center; position: relative; font-weight: bold; transition: background-color 150ms ease, border-color 150ms ease; border: var(--stepper-outline-thickness) solid var(--stepper-outline-color); background-color: var(--stepper-outline-color); } :where([data-mantine-color-scheme='light']) .m_1959ad01 { color: var(--mantine-color-gray-7); } :where([data-mantine-color-scheme='dark']) .m_1959ad01 { color: var(--mantine-color-dark-1); } .m_1959ad01:where([data-progress]) { border-color: var(--step-color); } .m_1959ad01:where([data-completed]) { color: var(--stepper-icon-color, var(--mantine-color-white)); background-color: var(--step-color); border-color: var(--step-color); } .m_a79331dc { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--stepper-icon-color, var(--mantine-color-white)); } .m_1956aa2a { display: flex; flex-direction: column; } .m_1956aa2a:where([data-icon-position='left']) { margin-inline-start: var(--mantine-spacing-sm); } .m_1956aa2a:where([data-icon-position='right']) { text-align: right; margin-inline-end: var(--mantine-spacing-sm); } :where([dir="rtl"]) .m_1956aa2a:where([data-icon-position='right']) { text-align: left; } .m_12051f6c { font-weight: 500; font-size: var(--stepper-fz); line-height: 1; } .m_164eea74 { margin-top: calc(var(--stepper-spacing) / 3); margin-bottom: calc(var(--stepper-spacing) / 3); font-size: calc(var(--stepper-fz) - calc(0.125rem * var(--mantine-scale))); line-height: 1; color: var(--mantine-color-dimmed); } .m_5f93f3bb { --switch-height-xs: calc(1rem * var(--mantine-scale)); --switch-height-sm: calc(1.25rem * var(--mantine-scale)); --switch-height-md: calc(1.5rem * var(--mantine-scale)); --switch-height-lg: calc(1.875rem * var(--mantine-scale)); --switch-height-xl: calc(2.25rem * var(--mantine-scale)); --switch-width-xs: calc(2rem * var(--mantine-scale)); --switch-width-sm: calc(2.375rem * var(--mantine-scale)); --switch-width-md: calc(2.875rem * var(--mantine-scale)); --switch-width-lg: calc(3.5rem * var(--mantine-scale)); --switch-width-xl: calc(4.5rem * var(--mantine-scale)); --switch-thumb-size-xs: calc(0.75rem * var(--mantine-scale)); --switch-thumb-size-sm: calc(0.875rem * var(--mantine-scale)); --switch-thumb-size-md: calc(1.125rem * var(--mantine-scale)); --switch-thumb-size-lg: calc(1.375rem * var(--mantine-scale)); --switch-thumb-size-xl: calc(1.75rem * var(--mantine-scale)); --switch-label-font-size-xs: calc(0.3125rem * var(--mantine-scale)); --switch-label-font-size-sm: calc(0.375rem * var(--mantine-scale)); --switch-label-font-size-md: calc(0.4375rem * var(--mantine-scale)); --switch-label-font-size-lg: calc(0.5625rem * var(--mantine-scale)); --switch-label-font-size-xl: calc(0.6875rem * var(--mantine-scale)); --switch-track-label-padding-xs: calc(0.125rem * var(--mantine-scale)); --switch-track-label-padding-sm: calc(0.15625rem * var(--mantine-scale)); --switch-track-label-padding-md: calc(0.1875rem * var(--mantine-scale)); --switch-track-label-padding-lg: calc(0.1875rem * var(--mantine-scale)); --switch-track-label-padding-xl: calc(0.21875rem * var(--mantine-scale)); --switch-height: var(--switch-height-sm); --switch-width: var(--switch-width-sm); --switch-thumb-size: var(--switch-thumb-size-sm); --switch-label-font-size: var(--switch-label-font-size-sm); --switch-track-label-padding: var(--switch-track-label-padding-sm); --switch-radius: calc(62.5rem * var(--mantine-scale)); --switch-color: var(--mantine-primary-color-filled); --switch-disabled-color: var(--mantine-color-disabled); position: relative; } .m_926b4011 { height: 0; width: 0; opacity: 0; margin: 0; padding: 0; position: absolute; overflow: hidden; white-space: nowrap; } .m_9307d992 { -webkit-tap-highlight-color: transparent; cursor: var(--switch-cursor, var(--mantine-cursor-type)); overflow: hidden; position: relative; border-radius: var(--switch-radius); background-color: var(--switch-bg); height: var(--switch-height); min-width: var(--switch-width); margin: 0; transition: background-color 150ms ease, border-color 150ms ease; appearance: none; display: flex; align-items: center; font-size: var(--switch-label-font-size); font-weight: 600; order: var(--switch-order, 1); user-select: none; z-index: 0; line-height: 0; color: var(--switch-text-color); } .m_9307d992:where([data-without-labels]) { width: var(--switch-width); } .m_926b4011:focus-visible + .m_9307d992 { outline: 2px solid var(--mantine-primary-color-filled); outline-offset: calc(0.125rem * var(--mantine-scale)); } .m_926b4011:checked + .m_9307d992 { --switch-bg: var(--switch-color); --switch-text-color: var(--mantine-color-white); } .m_926b4011:disabled + .m_9307d992, .m_926b4011[data-disabled] + .m_9307d992 { --switch-bg: var(--switch-disabled-color); --switch-cursor: not-allowed; } [data-mantine-color-scheme='light'] .m_9307d992 { --switch-bg: var(--mantine-color-gray-3); --switch-text-color: var(--mantine-color-gray-6); } [data-mantine-color-scheme='dark'] .m_9307d992 { --switch-bg: var(--mantine-color-dark-5); --switch-text-color: var(--mantine-color-dark-1); } .m_9307d992[data-label-position='left'] { --switch-order: 2; } .m_93039a1d { position: absolute; z-index: 1; border-radius: var(--switch-radius); display: flex; background-color: var(--switch-thumb-bg, var(--mantine-color-white)); height: var(--switch-thumb-size); width: var(--switch-thumb-size); inset-inline-start: var(--switch-thumb-start, var(--switch-track-label-padding)); transition: inset-inline-start 150ms ease; } .m_93039a1d:where([data-with-thumb-indicator])::before { content: ''; width: 40%; height: 40%; background-color: var(--switch-bg); position: absolute; border-radius: var(--switch-radius); top: 50%; left: 50%; transform: translate(-50%, -50%); } .m_93039a1d > * { margin: auto; } .m_926b4011:checked + * > .m_93039a1d { --switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding)); } .m_926b4011:disabled + * > .m_93039a1d, .m_926b4011[data-disabled] + * > .m_93039a1d { --switch-thumb-bg: var(--switch-thumb-bg-disabled); } [data-mantine-color-scheme='light'] .m_93039a1d { --switch-thumb-bg-disabled: var(--mantine-color-gray-0); } [data-mantine-color-scheme='dark'] .m_93039a1d { --switch-thumb-bg-disabled: var(--mantine-color-dark-3); } .m_8277e082 { height: 100%; display: grid; place-content: center; min-width: calc(var(--switch-width) - var(--switch-thumb-size)); padding-inline: var(--switch-track-label-padding); margin-inline-start: calc(var(--switch-thumb-size) + var(--switch-track-label-padding)); transition: margin 150ms ease; } .m_926b4011:checked + * > .m_8277e082 { margin-inline-end: calc(var(--switch-thumb-size) + var(--switch-track-label-padding)); margin-inline-start: 0; } .m_b23fa0ef { width: 100%; border-collapse: collapse; border-spacing: 0; line-height: var(--mantine-line-height); font-size: var(--mantine-font-size-sm); table-layout: var(--table-layout, auto); caption-side: var(--table-caption-side, bottom); border: none; } :where([data-mantine-color-scheme='light']) .m_b23fa0ef { --table-hover-color: var(--mantine-color-gray-1); --table-striped-color: var(--mantine-color-gray-0); --table-border-color: var(--mantine-color-gray-3); } :where([data-mantine-color-scheme='dark']) .m_b23fa0ef { --table-hover-color: var(--mantine-color-dark-5); --table-striped-color: var(--mantine-color-dark-6); --table-border-color: var(--mantine-color-dark-4); } .m_b23fa0ef:where([data-with-table-border]) { border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color); } .m_b23fa0ef:where([data-tabular-nums]) { font-variant-numeric: tabular-nums; } .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) { font-weight: 500; } :where([data-mantine-color-scheme='light']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_b23fa0ef:where([data-variant='vertical']) :where(.m_4e7aa4f3) { background-color: var(--mantine-color-dark-6); } .m_4e7aa4f3 { text-align: left; } :where([dir="rtl"]) .m_4e7aa4f3 { text-align: right; } .m_4e7aa4fd { border-bottom: none; background-color: transparent; } @media (hover: hover) { .m_4e7aa4fd:hover:where([data-hover]) { background-color: var(--tr-hover-bg); } } @media (hover: none) { .m_4e7aa4fd:active:where([data-hover]) { background-color: var(--tr-hover-bg); } } .m_4e7aa4fd:where([data-with-row-border]) { border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color); } .m_4e7aa4ef, .m_4e7aa4f3 { padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs)); } .m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) { border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color); } .m_b2404537 > :where(tr):where([data-with-row-border]:last-of-type) { border-bottom: none; } .m_b2404537 > :where(tr):where([data-striped='odd']:nth-of-type(odd)) { background-color: var(--table-striped-color); } .m_b2404537 > :where(tr):where([data-striped='even']:nth-of-type(even)) { background-color: var(--table-striped-color); } .m_b2404537 > :where(tr)[data-hover] { --tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color)); } .m_b242d975 { top: var(--table-sticky-header-offset, 0); z-index: 3; } .m_b242d975:where([data-sticky]) { position: sticky; } .m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3) { position: sticky; top: var(--table-sticky-header-offset, 0); background-color: var(--mantine-color-body); } :where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 { top: initial; } .m_9e5a3ac7 { color: var(--mantine-color-dimmed); } .m_9e5a3ac7:where([data-side='top']) { margin-bottom: var(--mantine-spacing-xs); } .m_9e5a3ac7:where([data-side='bottom']) { margin-top: var(--mantine-spacing-xs); } .m_a100c15 { overflow-x: var(--table-overflow); } .m_62259741 { min-width: var(--table-min-width); max-height: var(--table-max-height); } .m_bcaa9990 { display: flex; flex-direction: column; --toc-depth-offset: 0.8em; } .m_375a65ef { display: block; padding: 0.3em 0.8em; font-size: var(--toc-size, var(--mantine-font-size-md)); border-radius: var(--toc-radius, var(--mantine-radius-default)); padding-left: max(calc(var(--depth-offset) * var(--toc-depth-offset)), 0.8em); } @media (hover: hover) { :where([data-mantine-color-scheme='light']) .m_375a65ef:where(:hover):where(:not([data-variant='none'])) { background-color: var(--mantine-color-gray-1); } :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:hover):where(:not([data-variant='none'])) { background-color: var(--mantine-color-dark-5); } } @media (hover: none) { :where([data-mantine-color-scheme='light']) .m_375a65ef:where(:active):where(:not([data-variant='none'])) { background-color: var(--mantine-color-gray-1); } :where([data-mantine-color-scheme='dark']) .m_375a65ef:where(:active):where(:not([data-variant='none'])) { background-color: var(--mantine-color-dark-5); } } .m_375a65ef:where([data-active]) { background-color: var(--toc-bg); color: var(--toc-color); } [data-mantine-color-scheme='light'] .m_89d60db1 { --tab-border-color: var(--mantine-color-gray-3); } [data-mantine-color-scheme='dark'] .m_89d60db1 { --tab-border-color: var(--mantine-color-dark-4); } .m_89d60db1 { display: var(--tabs-display); flex-direction: var(--tabs-flex-direction); --tabs-list-direction: row; --tabs-panel-grow: unset; --tabs-display: block; --tabs-flex-direction: row; --tabs-list-border-width: 0; --tabs-list-border-size: 0 0 var(--tabs-list-border-width) 0; --tabs-list-gap: unset; --tabs-list-line-bottom: 0; --tabs-list-line-top: unset; --tabs-list-line-start: 0; --tabs-list-line-end: 0; --tab-radius: var(--tabs-radius) var(--tabs-radius) 0 0; --tab-border-width: 0 0 var(--tabs-list-border-width) 0; } .m_89d60db1[data-inverted] { --tabs-list-line-bottom: unset; --tabs-list-line-top: 0; --tab-radius: 0 0 var(--tabs-radius) var(--tabs-radius); --tab-border-width: var(--tabs-list-border-width) 0 0 0; } .m_89d60db1[data-inverted] .m_576c9d4::before { top: 0; bottom: unset; } .m_89d60db1[data-orientation='vertical'] { --tabs-list-line-start: unset; --tabs-list-line-end: 0; --tabs-list-line-top: 0; --tabs-list-line-bottom: 0; --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0; --tab-border-width: 0 var(--tabs-list-border-width) 0 0; --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius); --tabs-list-direction: column; --tabs-panel-grow: 1; --tabs-display: flex; } [dir="rtl"] .m_89d60db1[data-orientation='vertical'] { --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width); --tab-border-width: 0 0 0 var(--tabs-list-border-width); --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0; } .m_89d60db1[data-orientation='vertical'][data-placement='right'] { --tabs-flex-direction: row-reverse; --tabs-list-line-start: 0; --tabs-list-line-end: unset; --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width); --tab-border-width: 0 0 0 var(--tabs-list-border-width); --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0; } [dir="rtl"] .m_89d60db1[data-orientation='vertical'][data-placement='right'] { --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0; --tab-border-width: 0 var(--tabs-list-border-width) 0 0; --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius); } .m_89d60db1[data-variant='default'] { --tabs-list-border-width: calc(0.125rem * var(--mantine-scale)); } [data-mantine-color-scheme='light'] .m_89d60db1[data-variant='default'] { --tab-hover-color: var(--mantine-color-gray-0); } [data-mantine-color-scheme='dark'] .m_89d60db1[data-variant='default'] { --tab-hover-color: var(--mantine-color-dark-6); } .m_89d60db1[data-variant='outline'] { --tabs-list-border-width: calc(0.0625rem * var(--mantine-scale)); } .m_89d60db1[data-variant='pills'] { --tabs-list-gap: calc(var(--mantine-spacing-sm) / 2); } [data-mantine-color-scheme='light'] .m_89d60db1[data-variant='pills'] { --tab-hover-color: var(--mantine-color-gray-0); } [data-mantine-color-scheme='dark'] .m_89d60db1[data-variant='pills'] { --tab-hover-color: var(--mantine-color-dark-6); } .m_89d33d6d { display: flex; flex-wrap: wrap; justify-content: var(--tabs-justify, flex-start); flex-direction: var(--tabs-list-direction); gap: var(--tabs-list-gap); } .m_89d33d6d:where([data-grow]) .m_4ec4dce6 { flex: 1; } .m_b0c91715 { flex-grow: var(--tabs-panel-grow); } .m_4ec4dce6 { position: relative; padding: var(--mantine-spacing-xs) var(--mantine-spacing-md); font-size: var(--mantine-font-size-sm); white-space: nowrap; z-index: 0; display: flex; align-items: center; line-height: 1; user-select: none; } .m_4ec4dce6:where(:disabled, [data-disabled]) { opacity: 0.5; cursor: not-allowed; } .m_4ec4dce6:focus { z-index: 1; } .m_fc420b1f { display: flex; align-items: center; justify-content: center; } .m_fc420b1f:where([data-position='left']:not(:only-child)) { margin-inline-end: var(--mantine-spacing-xs); } .m_fc420b1f:where([data-position='right']:not(:only-child)) { margin-inline-start: var(--mantine-spacing-xs); } .m_42bbd1ae { flex: 1; text-align: center; } /*************************************** default variant ***************************************/ .m_576c9d4 { position: relative; } .m_576c9d4::before { content: ''; position: absolute; border: 1px solid var(--tab-border-color); bottom: var(--tabs-list-line-bottom); inset-inline-start: var(--tabs-list-line-start); inset-inline-end: var(--tabs-list-line-end); top: var(--tabs-list-line-top); } .m_539e827b { border-radius: var(--tab-radius); border-width: var(--tab-border-width); border-style: solid; border-color: transparent; background-color: transparent; } .m_539e827b:where([data-active]) { border-color: var(--tabs-color); } @media (hover: hover) { .m_539e827b:hover { background-color: var(--tab-hover-color); } .m_539e827b:hover:where(:not([data-active])) { border-color: var(--tab-border-color); } } @media (hover: none) { .m_539e827b:active { background-color: var(--tab-hover-color); } .m_539e827b:active:where(:not([data-active])) { border-color: var(--tab-border-color); } } @media (hover: hover) { .m_539e827b:disabled:hover, .m_539e827b[data-disabled]:hover { background-color: transparent; } } @media (hover: none) { .m_539e827b:disabled:active, .m_539e827b[data-disabled]:active { background-color: transparent; } } /*************************************** outline variant ***************************************/ .m_6772fbd5 { position: relative; } .m_6772fbd5::before { content: ''; position: absolute; border-color: var(--tab-border-color); border-width: var(--tabs-list-border-size); border-style: solid; bottom: var(--tabs-list-line-bottom); inset-inline-start: var(--tabs-list-line-start); inset-inline-end: var(--tabs-list-line-end); top: var(--tabs-list-line-top); } .m_b59ab47c { border-top: calc(0.0625rem * var(--mantine-scale)) solid transparent; border-bottom: calc(0.0625rem * var(--mantine-scale)) solid transparent; border-right: calc(0.0625rem * var(--mantine-scale)) solid transparent; border-left: calc(0.0625rem * var(--mantine-scale)) solid transparent; border-top-color: var(--tab-border-top-color); border-bottom-color: var(--tab-border-bottom-color); border-radius: var(--tab-radius); position: relative; --tab-border-bottom-color: transparent; --tab-border-top-color: transparent; --tab-border-inline-end-color: transparent; --tab-border-inline-start-color: transparent; } .m_b59ab47c:where([data-active])::before { content: ''; position: absolute; background-color: var(--tab-border-color); bottom: var(--tab-before-bottom, calc(-0.0625rem * var(--mantine-scale))); left: var(--tab-before-left, calc(-0.0625rem * var(--mantine-scale))); right: var(--tab-before-right, auto); top: var(--tab-before-top, auto); width: calc(0.0625rem * var(--mantine-scale)); height: calc(0.0625rem * var(--mantine-scale)); } .m_b59ab47c:where([data-active])::after { content: ''; position: absolute; background-color: var(--tab-border-color); bottom: var(--tab-after-bottom, calc(-0.0625rem * var(--mantine-scale))); right: var(--tab-after-right, calc(-0.0625rem * var(--mantine-scale))); left: var(--tab-after-left, auto); top: var(--tab-after-top, auto); width: calc(0.0625rem * var(--mantine-scale)); height: calc(0.0625rem * var(--mantine-scale)); } .m_b59ab47c:where([data-active]) { border-top-color: var(--tab-border-top-color); border-bottom-color: var(--tab-border-bottom-color); border-inline-start-color: var(--tab-border-inline-start-color); border-inline-end-color: var(--tab-border-inline-end-color); --tab-border-top-color: var(--tab-border-color); --tab-border-inline-start-color: var(--tab-border-color); --tab-border-inline-end-color: var(--tab-border-color); --tab-border-bottom-color: var(--mantine-color-body); } .m_b59ab47c:where([data-active])[data-inverted] { --tab-border-bottom-color: var(--tab-border-color); --tab-border-top-color: var(--mantine-color-body); --tab-before-bottom: auto; --tab-before-top: calc(-0.0625rem * var(--mantine-scale)); --tab-after-bottom: auto; --tab-after-top: calc(-0.0625rem * var(--mantine-scale)); } .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] { --tab-border-inline-end-color: var(--mantine-color-body); --tab-border-inline-start-color: var(--tab-border-color); --tab-border-bottom-color: var(--tab-border-color); --tab-before-right: calc(-0.0625rem * var(--mantine-scale)); --tab-before-left: auto; --tab-before-bottom: auto; --tab-before-top: calc(-0.0625rem * var(--mantine-scale)); --tab-after-left: auto; --tab-after-right: calc(-0.0625rem * var(--mantine-scale)); } [dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] { --tab-before-right: auto; --tab-before-left: calc(-0.0625rem * var(--mantine-scale)); --tab-after-left: calc(-0.0625rem * var(--mantine-scale)); --tab-after-right: auto; } .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] { --tab-border-inline-start-color: var(--mantine-color-body); --tab-border-inline-end-color: var(--tab-border-color); --tab-border-bottom-color: var(--tab-border-color); --tab-before-left: calc(-0.0625rem * var(--mantine-scale)); --tab-before-right: auto; --tab-before-bottom: auto; --tab-before-top: calc(-0.0625rem * var(--mantine-scale)); --tab-after-right: auto; --tab-after-left: calc(-0.0625rem * var(--mantine-scale)); } [dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] { --tab-before-left: auto; --tab-before-right: calc(-0.0625rem * var(--mantine-scale)); --tab-after-right: calc(-0.0625rem * var(--mantine-scale)); --tab-after-left: auto; } /*************************************** pills variant ***************************************/ .m_c3381914 { border-radius: var(--tabs-radius); background-color: var(--tab-bg); color: var(--tab-color); --tab-bg: transparent; --tab-color: inherit; } @media (hover: hover) { .m_c3381914:not([data-disabled]):hover { --tab-bg: var(--tab-hover-color); } } @media (hover: none) { .m_c3381914:not([data-disabled]):active { --tab-bg: var(--tab-hover-color); } } .m_c3381914[data-active][data-active] { --tab-bg: var(--tabs-color); --tab-color: var(--tabs-text-color, var(--mantine-color-white)); } @media (hover: hover) { .m_c3381914[data-active][data-active]:hover { --tab-bg: var(--tabs-color); } } @media (hover: none) { .m_c3381914[data-active][data-active]:active { --tab-bg: var(--tabs-color); } } .m_7341320d { --ti-size-xs: calc(1.125rem * var(--mantine-scale)); --ti-size-sm: calc(1.375rem * var(--mantine-scale)); --ti-size-md: calc(1.75rem * var(--mantine-scale)); --ti-size-lg: calc(2.125rem * var(--mantine-scale)); --ti-size-xl: calc(2.75rem * var(--mantine-scale)); --ti-size: var(--ti-size-md); line-height: 1; display: inline-flex; align-items: center; justify-content: center; position: relative; user-select: none; width: var(--ti-size); height: var(--ti-size); min-width: var(--ti-size); min-height: var(--ti-size); border-radius: var(--ti-radius, var(--mantine-radius-default)); background: var(--ti-bg, var(--mantine-primary-color-filled)); color: var(--ti-color, var(--mantine-color-white)); border: var(--ti-bd, 1px solid transparent); } .m_43657ece { --offset: calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2); --tl-bullet-size: calc(1.25rem * var(--mantine-scale)); --tl-line-width: calc(0.25rem * var(--mantine-scale)); --tl-radius: calc(62.5rem * var(--mantine-scale)); --tl-color: var(--mantine-primary-color-filled); } .m_43657ece:where([data-align='left']) { padding-inline-start: var(--offset); } .m_43657ece:where([data-align='right']) { padding-inline-end: var(--offset); } .m_2ebe8099 { font-weight: 500; line-height: 1; margin-bottom: calc(var(--mantine-spacing-xs) / 2); } .m_436178ff { --item-border: var(--tl-line-width) var(--tli-border-style, solid) var(--item-border-color); position: relative; color: var(--mantine-color-text); } .m_436178ff::before { content: ''; pointer-events: none; position: absolute; top: 0; left: var(--timeline-line-left, 0); right: var(--timeline-line-right, 0); bottom: calc(var(--mantine-spacing-xl) * -1); border-inline-start: var(--item-border); display: var(--timeline-line-display, none); } .m_43657ece[data-align='left'] .m_436178ff::before { --timeline-line-left: calc(var(--tl-line-width) * -1); --timeline-line-right: auto; } [dir="rtl"] .m_43657ece[data-align='left'] .m_436178ff::before { --timeline-line-left: auto; --timeline-line-right: calc(var(--tl-line-width) * -1); } .m_43657ece[data-align='right'] .m_436178ff::before { --timeline-line-left: auto; --timeline-line-right: calc(var(--tl-line-width) * -1); } [dir="rtl"] .m_43657ece[data-align='right'] .m_436178ff::before { --timeline-line-left: calc(var(--tl-line-width) * -1); --timeline-line-right: auto; } .m_43657ece:where([data-align='left']) .m_436178ff { padding-inline-start: var(--offset); text-align: left; } .m_43657ece:where([data-align='right']) .m_436178ff { padding-inline-end: var(--offset); text-align: right; } :where([data-mantine-color-scheme='light']) .m_436178ff { --item-border-color: var(--mantine-color-gray-3); } :where([data-mantine-color-scheme='dark']) .m_436178ff { --item-border-color: var(--mantine-color-dark-4); } .m_436178ff:where([data-line-active])::before { border-color: var(--tli-color, var(--tl-color)); } .m_436178ff:where(:not(:last-of-type)) { --timeline-line-display: block; } .m_436178ff:where(:not(:first-of-type)) { margin-top: var(--mantine-spacing-xl); } .m_8affcee1 { width: var(--tl-bullet-size); height: var(--tl-bullet-size); border-radius: var(--tli-radius, var(--tl-radius)); border: var(--tl-line-width) solid; background-color: var(--mantine-color-body); position: absolute; top: 0; display: flex; align-items: center; justify-content: center; color: var(--mantine-color-text); } :where([data-mantine-color-scheme='light']) .m_8affcee1 { border-color: var(--mantine-color-gray-3); } :where([data-mantine-color-scheme='dark']) .m_8affcee1 { border-color: var(--mantine-color-dark-4); } .m_43657ece:where([data-align='left']) .m_8affcee1 { left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1); right: auto; } :where([dir="rtl"]) .m_43657ece:where([data-align='left']) .m_8affcee1 { left: auto; right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1); } .m_43657ece:where([data-align='right']) .m_8affcee1 { left: auto; right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1); } :where([dir="rtl"]) .m_43657ece:where([data-align='right']) .m_8affcee1 { left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1); right: auto; } .m_8affcee1:where([data-with-child]) { border-width: var(--tl-line-width); } :where([data-mantine-color-scheme='light']) .m_8affcee1:where([data-with-child]) { background-color: var(--mantine-color-gray-3); } :where([data-mantine-color-scheme='dark']) .m_8affcee1:where([data-with-child]) { background-color: var(--mantine-color-dark-4); } .m_8affcee1:where([data-active]) { border-color: var(--tli-color, var(--tl-color)); background-color: var(--mantine-color-white); color: var(--tl-icon-color, var(--mantine-color-white)); } .m_8affcee1:where([data-active]):where([data-with-child]) { background-color: var(--tli-color, var(--tl-color)); color: var(--tl-icon-color, var(--mantine-color-white)); } .m_43657ece:where([data-align='left']) .m_540e8f41 { padding-inline-start: var(--offset); text-align: left; } :where([dir="rtl"]) .m_43657ece:where([data-align='left']) .m_540e8f41 { text-align: right; } .m_43657ece:where([data-align='right']) .m_540e8f41 { padding-inline-end: var(--offset); text-align: right; } :where([dir="rtl"]) .m_43657ece:where([data-align='right']) .m_540e8f41 { text-align: left; } .m_8a5d1357 { margin: 0; font-weight: var(--title-fw); font-size: var(--title-fz); line-height: var(--title-lh); font-family: var(--mantine-font-family-headings); text-wrap: var(--title-text-wrap, var(--mantine-heading-text-wrap)); } .m_8a5d1357:where([data-line-clamp]) { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: var(--title-line-clamp); -webkit-box-orient: vertical; } .m_f698e191 { --level-offset: var(--mantine-spacing-lg); margin: 0; padding: 0; user-select: none; } .m_75f3ecf { margin: 0; padding: 0; } .m_f6970eb1 { cursor: pointer; list-style: none; margin: 0; padding: 0; outline: 0; } .m_f6970eb1:focus-visible > .m_dc283425 { outline: 2px solid var(--mantine-primary-color-filled); outline-offset: calc(0.125rem * var(--mantine-scale)); } .m_dc283425 { padding-inline-start: var(--label-offset); } :where([data-mantine-color-scheme='light']) .m_dc283425:where([data-selected]) { background-color: var(--mantine-color-gray-1); } :where([data-mantine-color-scheme='dark']) .m_dc283425:where([data-selected]) { background-color: var(--mantine-color-dark-5); } .m_d6493fad :first-child { margin-top: 0; } .m_d6493fad :last-child { margin-bottom: 0; } .m_d6493fad :where(h1, h2, h3, h4, h5, h6) { margin-bottom: var(--mantine-spacing-xs); text-wrap: var(--mantine-heading-text-wrap); font-family: var(--mantine-font-family-headings); } .m_d6493fad :where(h1) { margin-top: calc(1.5 * var(--mantine-spacing-xl)); font-size: var(--mantine-h1-font-size); line-height: var(--mantine-h1-line-height); font-weight: var(--mantine-h1-font-weight); } .m_d6493fad :where(h2) { margin-top: var(--mantine-spacing-xl); font-size: var(--mantine-h2-font-size); line-height: var(--mantine-h2-line-height); font-weight: var(--mantine-h2-font-weight); } .m_d6493fad :where(h3) { margin-top: calc(0.8 * var(--mantine-spacing-xl)); font-size: var(--mantine-h3-font-size); line-height: var(--mantine-h3-line-height); font-weight: var(--mantine-h3-font-weight); } .m_d6493fad :where(h4) { margin-top: calc(0.8 * var(--mantine-spacing-xl)); font-size: var(--mantine-h4-font-size); line-height: var(--mantine-h4-line-height); font-weight: var(--mantine-h4-font-weight); } .m_d6493fad :where(h5) { margin-top: calc(0.5 * var(--mantine-spacing-xl)); font-size: var(--mantine-h5-font-size); line-height: var(--mantine-h5-line-height); font-weight: var(--mantine-h5-font-weight); } .m_d6493fad :where(h6) { margin-top: calc(0.5 * var(--mantine-spacing-xl)); font-size: var(--mantine-h6-font-size); line-height: var(--mantine-h6-line-height); font-weight: var(--mantine-h6-font-weight); } .m_d6493fad :where(img) { max-width: 100%; margin-bottom: var(--mantine-spacing-xs); } .m_d6493fad :where(p) { margin-top: 0; margin-bottom: var(--mantine-spacing-lg); } :where([data-mantine-color-scheme='light']) .m_d6493fad :where(mark) { background-color: var(--mantine-color-yellow-2); color: inherit; } :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(mark) { background-color: var(--mantine-color-yellow-5); color: var(--mantine-color-black); } .m_d6493fad :where(a) { color: var(--mantine-color-anchor); text-decoration: none; } @media (hover: hover) { .m_d6493fad :where(a):hover { text-decoration: underline; } } @media (hover: none) { .m_d6493fad :where(a):active { text-decoration: underline; } } .m_d6493fad :where(hr) { margin-top: var(--mantine-spacing-md); margin-bottom: var(--mantine-spacing-md); border: 0; border-top: calc(0.0625rem * var(--mantine-scale)) solid; } :where([data-mantine-color-scheme='light']) .m_d6493fad :where(hr) { border-color: var(--mantine-color-gray-3); } :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(hr) { border-color: var(--mantine-color-dark-3); } .m_d6493fad :where(pre) { padding: var(--mantine-spacing-xs); line-height: var(--mantine-line-height); margin: 0; margin-top: var(--mantine-spacing-md); margin-bottom: var(--mantine-spacing-md); overflow-x: auto; font-family: var(--mantine-font-family-monospace); font-size: var(--mantine-font-size-xs); border-radius: var(--mantine-radius-sm); } :where([data-mantine-color-scheme='light']) .m_d6493fad :where(pre) { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(pre) { background-color: var(--mantine-color-dark-8); } .m_d6493fad :where(pre) :where(code) { background-color: transparent; padding: 0; border-radius: 0; color: inherit; border: 0; } .m_d6493fad :where(kbd) { --kbd-fz: calc(0.75rem * var(--mantine-scale)); --kbd-padding: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale)); font-family: var(--mantine-font-family-monospace); line-height: var(--mantine-line-height); font-weight: 700; padding: var(--kbd-padding); font-size: var(--kbd-fz); border-radius: var(--mantine-radius-sm); border: calc(0.0625rem * var(--mantine-scale)) solid; border-bottom-width: calc(0.1875rem * var(--mantine-scale)); } :where([data-mantine-color-scheme='light']) .m_d6493fad :where(kbd) { border-color: var(--mantine-color-gray-3); color: var(--mantine-color-gray-7); background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(kbd) { border-color: var(--mantine-color-dark-3); color: var(--mantine-color-dark-0); background-color: var(--mantine-color-dark-5); } .m_d6493fad :where(code) { line-height: var(--mantine-line-height); padding: calc(0.0625rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale)); border-radius: var(--mantine-radius-sm); font-family: var(--mantine-font-family-monospace); font-size: var(--mantine-font-size-xs); } :where([data-mantine-color-scheme='light']) .m_d6493fad :where(code) { background-color: var(--mantine-color-gray-0); color: var(--mantine-color-black); } :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(code) { background-color: var(--mantine-color-dark-5); color: var(--mantine-color-white); } .m_d6493fad :where(ul, ol):not([data-type='taskList']) { margin-bottom: var(--mantine-spacing-md); padding-inline-start: var(--mantine-spacing-xl); list-style-position: outside; } .m_d6493fad :where(table) { width: 100%; border-collapse: collapse; caption-side: bottom; margin-bottom: var(--mantine-spacing-md); } :where([data-mantine-color-scheme='light']) .m_d6493fad :where(table) { --table-border-color: var(--mantine-color-gray-3); } :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(table) { --table-border-color: var(--mantine-color-dark-4); } .m_d6493fad :where(table) :where(caption) { margin-top: var(--mantine-spacing-xs); font-size: var(--mantine-font-size-sm); color: var(--mantine-color-dimmed); } .m_d6493fad :where(table) :where(th) { text-align: left; font-weight: bold; font-size: var(--mantine-font-size-sm); padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm); } .m_d6493fad :where(table) :where(thead th) { border-bottom: calc(0.0625rem * var(--mantine-scale)) solid; border-color: var(--table-border-color); } .m_d6493fad :where(table) :where(tfoot th) { border-top: calc(0.0625rem * var(--mantine-scale)) solid; border-color: var(--table-border-color); } .m_d6493fad :where(table) :where(td) { padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm); border-bottom: calc(0.0625rem * var(--mantine-scale)) solid; border-color: var(--table-border-color); font-size: var(--mantine-font-size-sm); } .m_d6493fad :where(table) :where(tr:last-of-type td) { border-bottom: 0; } .m_d6493fad :where(blockquote) { font-size: var(--mantine-font-size-lg); line-height: var(--mantine-line-height); margin: var(--mantine-spacing-md) 0; border-radius: var(--mantine-radius-sm); padding: var(--mantine-spacing-md) var(--mantine-spacing-lg); } :where([data-mantine-color-scheme='light']) .m_d6493fad :where(blockquote) { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(blockquote) { background-color: var(--mantine-color-dark-8); } .m_468e7eda { padding-top: 0; padding-bottom: 0; appearance: none; } .m_468e7eda::-webkit-calendar-picker-indicator { display: none; } .m_468e7eda::-webkit-clear-button { display: none; } .m_468e7eda::-webkit-datetime-edit-hour-field, .m_468e7eda::-webkit-datetime-edit-minute-field, .m_468e7eda::-webkit-datetime-edit-second-field, .m_468e7eda::-webkit-datetime-edit-ampm-field { padding-top: 0; max-height: calc(1.875rem * var(--mantine-scale)); display: inline; } .m_468e7eda::-webkit-datetime-edit-hour-field:focus, .m_468e7eda::-webkit-datetime-edit-minute-field:focus, .m_468e7eda::-webkit-datetime-edit-second-field:focus, .m_468e7eda::-webkit-datetime-edit-ampm-field:focus { background-color: var(--mantine-primary-color-filled); color: var(--mantine-color-white); } .m_7a8f1e6d { display: flex; align-items: center; height: 100%; overflow: hidden; } :where([dir="rtl"]) .m_7a8f1e6d { flex-direction: row-reverse; } .m_d6bb0a54 { display: flex; align-items: center; height: calc(var(--input-height) - 15px); } .m_b97ecb26 { display: flex; flex-direction: column; } .m_31fe42f9 { display: flex; gap: calc(0.25rem * var(--mantine-scale)); } .m_9c4817c3 { padding: calc(0.25rem * var(--mantine-scale)); } .m_154c536b { text-align: center; width: 2.5em; height: 2em; border-radius: var(--mantine-radius-default); font-size: var(--control-font-size, var(--mantine-font-size-sm)); } .m_154c536b:where([data-active]) { background-color: var(--mantine-primary-color-filled); color: var(--mantine-color-white); } @media (hover: hover) { .m_154c536b:hover:where(:not([data-active])) { color: var(--mantine-color-bright); } :where([data-mantine-color-scheme='dark']) .m_154c536b:hover:where(:not([data-active])) { background-color: var(--mantine-color-dark-5); } :where([data-mantine-color-scheme='light']) .m_154c536b:hover:where(:not([data-active])) { background-color: var(--mantine-color-gray-1); } } @media (hover: none) { .m_154c536b:active:where(:not([data-active])) { color: var(--mantine-color-bright); } :where([data-mantine-color-scheme='dark']) .m_154c536b:active:where(:not([data-active])) { background-color: var(--mantine-color-dark-5); } :where([data-mantine-color-scheme='light']) .m_154c536b:active:where(:not([data-active])) { background-color: var(--mantine-color-gray-1); } } .m_7be09d0c { text-align: center; height: 2em; padding-inline: 0.5em; border-radius: var(--mantine-radius-default); font-size: var(--control-font-size, var(--mantine-font-size-sm)); } .m_7be09d0c:where([data-active]) { background-color: var(--mantine-primary-color-filled); color: var(--mantine-color-white); } @media (hover: hover) { .m_7be09d0c:hover:where(:not([data-active])) { color: var(--mantine-color-bright); } :where([data-mantine-color-scheme='dark']) .m_7be09d0c:hover:where(:not([data-active])) { background-color: var(--mantine-color-dark-5); } :where([data-mantine-color-scheme='light']) .m_7be09d0c:hover:where(:not([data-active])) { background-color: var(--mantine-color-gray-1); } } @media (hover: none) { .m_7be09d0c:active:where(:not([data-active])) { color: var(--mantine-color-bright); } :where([data-mantine-color-scheme='dark']) .m_7be09d0c:active:where(:not([data-active])) { background-color: var(--mantine-color-dark-5); } :where([data-mantine-color-scheme='light']) .m_7be09d0c:active:where(:not([data-active])) { background-color: var(--mantine-color-gray-1); } } .m_7d00001d + .m_7d00001d { margin-top: var(--mantine-spacing-sm); } .m_d8d918d7 { margin-bottom: calc(0.25rem * var(--mantine-scale)); color: var(--mantine-color-dimmed); font-size: calc(var(--control-font-size, var(--mantine-font-size-sm)) - 2px); font-weight: 500; display: flex; align-items: center; padding-inline-start: calc(0.4375rem * var(--mantine-scale)); } .m_d8d918d7::after { content: ''; width: 100%; height: calc(0.0625rem * var(--mantine-scale)); flex: 1; margin-inline-start: var(--mantine-spacing-xs); } :where([data-mantine-color-scheme='light']) .m_d8d918d7::after { background-color: var(--mantine-color-gray-2); } :where([data-mantine-color-scheme='dark']) .m_d8d918d7::after { background-color: var(--mantine-color-dark-4); } .m_6b43ba88 { width: calc(2ch + 0.3em); caret-color: transparent; font-variant-numeric: tabular-nums; position: relative; height: 100%; line-height: 1; padding-inline: 0.15em; border: 0; text-align: center; text-align-last: center; background-color: transparent; color: var(--input-color); border-radius: calc(0.125rem * var(--mantine-scale)); appearance: none; } .m_6b43ba88:where([data-am-pm]) { width: calc(3ch + 0.3em); } .m_6b43ba88:where(:disabled) { cursor: not-allowed; } .m_6b43ba88::selection { background-color: transparent; } .m_6b43ba88::placeholder { opacity: 1; color: inherit; } .m_6b43ba88:focus { background-color: var(--mantine-primary-color-filled); color: var(--mantine-color-white); outline: 0; } .m_6b43ba88:focus::placeholder { color: var(--mantine-color-white); } .m_396ce5cb { --day-size-xs: calc(1.875rem * var(--mantine-scale)); --day-size-sm: calc(2.25rem * var(--mantine-scale)); --day-size-md: calc(2.625rem * var(--mantine-scale)); --day-size-lg: calc(3rem * var(--mantine-scale)); --day-size-xl: calc(3.375rem * var(--mantine-scale)); --day-size: var(--day-size-sm); width: var(--day-size, var(--day-size-sm)); height: var(--day-size, var(--day-size-sm)); font-size: calc(var(--day-size) / 2.8); display: inline-flex; justify-content: center; align-items: center; user-select: none; cursor: pointer; background-color: transparent; border-radius: var(--mantine-radius-default); color: var(--mantine-color-text); opacity: 1; } @media (hover: hover) { [data-mantine-color-scheme='light'] .m_396ce5cb:hover:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) { background-color: var(--mantine-color-gray-0); } [data-mantine-color-scheme='dark'] .m_396ce5cb:hover:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) { background-color: var(--mantine-color-dark-5); } } @media (hover: none) { [data-mantine-color-scheme='light'] .m_396ce5cb:active:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) { background-color: var(--mantine-color-gray-0); } [data-mantine-color-scheme='dark'] .m_396ce5cb:active:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) { background-color: var(--mantine-color-dark-5); } } .m_396ce5cb:where([data-static]) { user-select: auto; cursor: default; } .m_396ce5cb:where([data-weekend]) { color: var(--mantine-color-red-6); } .m_396ce5cb:where([data-outside]) { color: var(--mantine-color-dimmed); opacity: 0.5; } .m_396ce5cb:where(:disabled, [data-disabled]) { color: var(--mantine-color-disabled-color); cursor: not-allowed; opacity: 0.5; } .m_396ce5cb:where([data-hidden]) { display: none; } :where([data-mantine-color-scheme='light']) .m_396ce5cb:where([data-today][data-highlight-today]:not([data-selected], [data-in-range])) { border: 1px solid var(--mantine-color-gray-4); } :where([data-mantine-color-scheme='dark']) .m_396ce5cb:where([data-today][data-highlight-today]:not([data-selected], [data-in-range])) { border: 1px solid var(--mantine-color-dark-4); } .m_396ce5cb:where([data-in-range]) { background-color: var(--mantine-primary-color-light-hover); border-radius: 0; } @media (hover: hover) { .m_396ce5cb:where([data-in-range]):hover:where(:not([data-disabled], [data-static])) { background-color: var(--mantine-primary-color-light); } } @media (hover: none) { .m_396ce5cb:where([data-in-range]):active:where(:not([data-disabled], [data-static])) { background-color: var(--mantine-primary-color-light); } } .m_396ce5cb:where([data-first-in-range]) { border-radius: 0; border-start-start-radius: var(--mantine-radius-default); border-end-start-radius: var(--mantine-radius-default); } .m_396ce5cb:where([data-last-in-range]) { border-radius: 0; border-end-end-radius: var(--mantine-radius-default); border-start-end-radius: var(--mantine-radius-default); } .m_396ce5cb:where([data-last-in-range][data-first-in-range]) { border-radius: var(--mantine-radius-default); } .m_396ce5cb:where([data-selected]) { background-color: var(--mantine-primary-color-filled); color: var(--mantine-primary-color-contrast); } @media (hover: hover) { .m_396ce5cb:where([data-selected]):hover:where(:not([data-disabled], [data-static])) { background-color: var(--mantine-primary-color-filled-hover); } } @media (hover: none) { .m_396ce5cb:where([data-selected]):active:where(:not([data-disabled], [data-static])) { background-color: var(--mantine-primary-color-filled-hover); } } .m_18a3eca { color: var(--mantine-color-dimmed); font-weight: normal; font-size: var(--wr-fz, var(--mantine-font-size-sm)); text-transform: capitalize; padding-bottom: calc(var(--wr-spacing, var(--mantine-spacing-sm)) / 2); } .m_cc9820d3 { border-collapse: collapse; table-layout: fixed; } .m_8f457cd5 { padding: 0; } .m_8f457cd5:where([data-with-spacing]) { padding: calc(0.03125rem * var(--mantine-scale)); } .m_6cff9dea { --wn-size-xs: calc(1.875rem * var(--mantine-scale)); --wn-size-sm: calc(2.25rem * var(--mantine-scale)); --wn-size-md: calc(2.625rem * var(--mantine-scale)); --wn-size-lg: calc(3rem * var(--mantine-scale)); --wn-size-xl: calc(3.375rem * var(--mantine-scale)); color: var(--mantine-color-dimmed); font-weight: normal; font-size: calc(var(--wn-size, var(--wn-size-sm)) / 2.8); text-align: center; width: var(--wn-size, var(--wn-size-sm)); } .m_dc6a3c71 { --dpc-size-xs: calc(1.875rem * var(--mantine-scale)); --dpc-size-sm: calc(2.25rem * var(--mantine-scale)); --dpc-size-md: calc(2.625rem * var(--mantine-scale)); --dpc-size-lg: calc(3rem * var(--mantine-scale)); --dpc-size-xl: calc(3.375rem * var(--mantine-scale)); --dpc-size: var(--dpc-size-sm); font-size: var(--dpc-fz, var(--mantine-font-size-sm)); height: var(--dpc-size); width: calc((var(--dpc-size) * 7) / 3 + calc(0.09375rem * var(--mantine-scale))); display: flex; justify-content: center; align-items: center; user-select: none; cursor: pointer; background-color: transparent; color: var(--mantine-color-text); opacity: 1; border-radius: var(--mantine-radius-default); } @media (hover: hover) { :where([data-mantine-color-scheme='light']) .m_dc6a3c71:hover:where(:not([data-disabled], :disabled)) { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_dc6a3c71:hover:where(:not([data-disabled], :disabled)) { background-color: var(--mantine-color-dark-5); } } @media (hover: none) { :where([data-mantine-color-scheme='light']) .m_dc6a3c71:active:where(:not([data-disabled], :disabled)) { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_dc6a3c71:active:where(:not([data-disabled], :disabled)) { background-color: var(--mantine-color-dark-5); } } .m_dc6a3c71:where(:disabled, [data-disabled]) { color: var(--mantine-color-disabled-color); cursor: not-allowed; opacity: 0.5; } .m_dc6a3c71:where([data-selected]) { background-color: var(--mantine-primary-color-filled); color: var(--mantine-primary-color-contrast, var(--mantine-color-white)); } @media (hover: hover) { .m_dc6a3c71:where([data-selected]):hover { background-color: var(--mantine-primary-color-filled-hover); } } @media (hover: none) { .m_dc6a3c71:where([data-selected]):active { background-color: var(--mantine-primary-color-filled-hover); } } .m_dc6a3c71:where([data-in-range]) { background-color: var(--mantine-primary-color-light-hover); border-radius: 0; } @media (hover: hover) { .m_dc6a3c71:where([data-in-range]):hover { background-color: var(--mantine-primary-color-light); } } @media (hover: none) { .m_dc6a3c71:where([data-in-range]):active { background-color: var(--mantine-primary-color-light); } } .m_dc6a3c71:where([data-first-in-range]) { border-radius: 0; border-start-start-radius: var(--mantine-radius-default); border-end-start-radius: var(--mantine-radius-default); } .m_dc6a3c71:where([data-last-in-range]) { border-radius: 0; border-end-end-radius: var(--mantine-radius-default); border-start-end-radius: var(--mantine-radius-default); } .m_dc6a3c71:where([data-first-in-range][data-last-in-range]) { border-radius: var(--mantine-radius-default); } .m_9206547b { border-collapse: collapse; border-width: 0; } .m_c5a19c7d { padding: 0; } .m_c5a19c7d:where([data-with-spacing]) { padding: calc(0.03125rem * var(--mantine-scale)); } .m_2a6c32d { border-collapse: collapse; border-width: 0; cursor: pointer; } .m_fe27622f { padding: 0; } .m_fe27622f:where([data-with-spacing]) { padding: calc(0.03125rem * var(--mantine-scale)); } .m_730a79ed { --dch-control-size-xs: calc(1.875rem * var(--mantine-scale)); --dch-control-size-sm: calc(2.25rem * var(--mantine-scale)); --dch-control-size-md: calc(2.625rem * var(--mantine-scale)); --dch-control-size-lg: calc(3rem * var(--mantine-scale)); --dch-control-size-xl: calc(3.375rem * var(--mantine-scale)); --dch-control-size: var(--dch-control-size-sm); display: flex; max-width: calc(var(--dch-control-size) * 8 + calc(0.4375rem * var(--mantine-scale))); margin-bottom: var(--mantine-spacing-xs); } .m_f6645d97, .m_2351eeb0 { height: var(--dch-control-size); border-radius: var(--mantine-radius-default); display: flex; justify-content: center; align-items: center; user-select: none; opacity: 1; cursor: pointer; } .m_f6645d97:where([data-static]), .m_2351eeb0:where([data-static]) { cursor: default; } @media (hover: hover) { [data-mantine-color-scheme='light'] .m_f6645d97:hover:where(:not([data-disabled], [data-static], :disabled)), [data-mantine-color-scheme='light'] .m_2351eeb0:hover:where(:not([data-disabled], [data-static], :disabled)) { background-color: var(--mantine-color-gray-0); } [data-mantine-color-scheme='dark'] .m_f6645d97:hover:where(:not([data-disabled], [data-static], :disabled)), [data-mantine-color-scheme='dark'] .m_2351eeb0:hover:where(:not([data-disabled], [data-static], :disabled)) { background-color: var(--mantine-color-dark-5); } } @media (hover: none) { [data-mantine-color-scheme='light'] .m_f6645d97:active:where(:not([data-disabled], [data-static], :disabled)), [data-mantine-color-scheme='light'] .m_2351eeb0:active:where(:not([data-disabled], [data-static], :disabled)) { background-color: var(--mantine-color-gray-0); } [data-mantine-color-scheme='dark'] .m_f6645d97:active:where(:not([data-disabled], [data-static], :disabled)), [data-mantine-color-scheme='dark'] .m_2351eeb0:active:where(:not([data-disabled], [data-static], :disabled)) { background-color: var(--mantine-color-dark-5); } } .m_f6645d97:where(:disabled, [data-disabled]), .m_2351eeb0:where(:disabled, [data-disabled]) { opacity: 0.2; cursor: not-allowed; } .m_2351eeb0 { width: var(--dch-control-size); } .m_f6645d97 { flex: 1; font-size: var(--dch-fz, var(--mantine-font-size-sm)); font-weight: 500; text-transform: capitalize; } .m_367dc749 { width: 60%; height: 60%; } .m_367dc749:where([data-direction='next']) { transform: rotate(270deg); } :where([dir="rtl"]) .m_367dc749:where([data-direction='next']) { transform: rotate(90deg); } .m_367dc749:where([data-direction='previous']) { transform: rotate(90deg); } :where([dir="rtl"]) .m_367dc749:where([data-direction='previous']) { transform: rotate(270deg); } .m_30b26e33 { display: flex; gap: var(--mantine-spacing-md); } .m_6fa5e2aa { cursor: pointer; line-height: unset; } .m_6fa5e2aa:where([data-read-only]) { cursor: default; } .m_765a40cf { display: flex; font-size: var(--preset-font-size); } .m_d6a681e1 { display: flex; flex-direction: column; border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid; padding-inline-end: 0.5em; margin-inline-end: 0.5em; } :where([data-mantine-color-scheme='light']) .m_d6a681e1 { border-color: var(--mantine-color-gray-2); } :where([data-mantine-color-scheme='dark']) .m_d6a681e1 { border-color: var(--mantine-color-dark-5); } .m_acd30b22 { padding: 0.52em 0.8em; border-radius: var(--mantine-radius-default); font-size: var(--preset-font-size); white-space: nowrap; } @media (hover: hover) { :where([data-mantine-color-scheme='light']) .m_acd30b22:hover { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_acd30b22:hover { background-color: var(--mantine-color-dark-5); } } @media (hover: none) { :where([data-mantine-color-scheme='light']) .m_acd30b22:active { background-color: var(--mantine-color-gray-0); } :where([data-mantine-color-scheme='dark']) .m_acd30b22:active { background-color: var(--mantine-color-dark-5); } } .m_208d2562 { display: flex; align-items: stretch; margin-top: var(--mantine-spacing-md); } .m_62ee059 { flex: 1; margin-inline-end: var(--mantine-spacing-md); } .m_ac3f4d63 { text-align: center; padding-inline: 1em; padding-block: 0.25em; border: 1px solid var(--mantine-color-default-border); background-color: var(--mantine-color-default); color: var(--mantine-color-default-color); border-radius: var(--time-grid-radius, var(--mantine-radius-default)); font-size: var(--time-grid-fz, var(--mantine-font-size-sm)); } @media (hover: hover) { .m_ac3f4d63:hover:where(:not([data-disabled])) { background-color: var(--mantine-color-default-hover); } } @media (hover: none) { .m_ac3f4d63:active:where(:not([data-disabled])) { background-color: var(--mantine-color-default-hover); } } .m_ac3f4d63:where([data-active]) { background-color: var(--mantine-primary-color-filled); color: var(--mantine-color-white); border-color: transparent; } @media (hover: hover) { .m_ac3f4d63:where([data-active]):hover:where(:not([data-disabled])) { background-color: var(--mantine-primary-color-filled-hover); } } @media (hover: none) { .m_ac3f4d63:where([data-active]):active:where(:not([data-disabled])) { background-color: var(--mantine-primary-color-filled-hover); } } .m_ac3f4d63:where(:disabled, [data-disabled]) { opacity: 0.5; cursor: not-allowed; } .m_b37d9ac7 { width: calc(100% - var(--mantine-spacing-md) * 2); position: fixed; z-index: var(--notifications-z-index); max-width: var(--notifications-container-width); } .m_b37d9ac7:where([data-position='top-center']) { top: var(--mantine-spacing-md); left: 50%; transform: translateX(-50%); } .m_b37d9ac7:where([data-position='top-left']) { top: var(--mantine-spacing-md); left: var(--mantine-spacing-md); } .m_b37d9ac7:where([data-position='top-right']) { top: var(--mantine-spacing-md); right: var(--mantine-spacing-md); } .m_b37d9ac7:where([data-position='bottom-center']) { bottom: var(--mantine-spacing-md); left: 50%; transform: translateX(-50%); } .m_b37d9ac7:where([data-position='bottom-left']) { bottom: var(--mantine-spacing-md); left: var(--mantine-spacing-md); } .m_b37d9ac7:where([data-position='bottom-right']) { bottom: var(--mantine-spacing-md); right: var(--mantine-spacing-md); } .m_5ed0edd0 + .m_5ed0edd0 { margin-top: var(--mantine-spacing-md); } .mantine-datatable-nowrap{white-space:nowrap}.mantine-datatable-ellipsis{overflow:hidden;text-overflow:ellipsis}.mantine-datatable-pointer-cursor{cursor:pointer}.mantine-datatable-context-menu-cursor{cursor:context-menu}.mantine-datatable-text-selection-disabled{user-select:none}.mantine-datatable-text-align-left{text-align:left}.mantine-datatable-text-align-center{text-align:center}.mantine-datatable-text-align-right{text-align:right}.mantine-datatable{--mantine-datatable-color:var( --mantine-datatable-color-light,var(--mantine-color-text) )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-color:var( --mantine-datatable-color-dark,var(--mantine-color-text) )}.mantine-datatable{--mantine-datatable-background-color:var( --mantine-datatable-background-color-light,var(--mantine-color-body) )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-background-color:var( --mantine-datatable-background-color-dark,var(--mantine-color-body) )}.mantine-datatable{--mantine-datatable-border-color:var( --mantine-datatable-border-color-light,var(--mantine-color-gray-3) )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-border-color:var( --mantine-datatable-border-color-dark,var(--mantine-color-dark-4) )}.mantine-datatable{--mantine-datatable-row-border-color:var( --mantine-datatable-row-border-color-light,var(--mantine-datatable-border-color) )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-row-border-color:var( --mantine-datatable-row-border-color-dark,var(--mantine-datatable-border-color) )}.mantine-datatable{--mantine-datatable-striped-color:var( --mantine-datatable-striped-color-light,var(--mantine-color-gray-0) )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-striped-color:var( --mantine-datatable-striped-color-dark,var(--mantine-color-dark-6) )}.mantine-datatable{--mantine-datatable-highlight-on-hover-color:var( --mantine-datatable-highlight-on-hover-color-light,var(--mantine-color-gray-1) )}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-highlight-on-hover-color:var( --mantine-datatable-highlight-on-hover-color-dark,var(--mantine-color-dark-5) )}.mantine-datatable{--mantine-datatable-shadow-background-top:linear-gradient(rgba(0,0,0,.05),transparent),linear-gradient(rgba(0,0,0,.05) 30%,transparent)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-top:linear-gradient(rgba(0,0,0,.25),transparent),linear-gradient(rgba(0,0,0,.25) 30%,transparent)}.mantine-datatable{--mantine-datatable-shadow-background-right:linear-gradient(270deg,rgba(0,0,0,.05),transparent),linear-gradient(270deg,rgba(0,0,0,.05),transparent 30%)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-right:linear-gradient(270deg,rgba(0,0,0,.25),transparent),linear-gradient(270deg,rgba(0,0,0,.25),transparent 30%)}.mantine-datatable{--mantine-datatable-shadow-background-bottom:linear-gradient(transparent,rgba(0,0,0,.05)),linear-gradient(transparent 30%,rgba(0,0,0,.05))}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-bottom:linear-gradient(transparent,rgba(0,0,0,.25)),linear-gradient(transparent 30%,rgba(0,0,0,.25))}.mantine-datatable{--mantine-datatable-shadow-background-left:linear-gradient(90deg,rgba(0,0,0,.05),transparent),linear-gradient(90deg,rgba(0,0,0,.05),transparent 30%)}[data-mantine-color-scheme=dark] .mantine-datatable{--mantine-datatable-shadow-background-left:linear-gradient(90deg,rgba(0,0,0,.25),transparent),linear-gradient(90deg,rgba(0,0,0,.25),transparent 30%)}.mantine-datatable{background:var(--mantine-datatable-background-color);color:var(--mantine-datatable-color);display:flex;flex-direction:column;overflow:hidden;position:relative}.mantine-datatable-with-border{border:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-table{background:var(--mantine-datatable-background-color);border-collapse:separate;border-spacing:0;color:inherit}.mantine-datatable-table td,.mantine-datatable-table th{border-color:var(--mantine-datatable-row-border-color)}.mantine-datatable-table tbody,.mantine-datatable-table td,.mantine-datatable-table tfoot,.mantine-datatable-table tfoot tr,.mantine-datatable-table th,.mantine-datatable-table thead,.mantine-datatable-table thead tr{background:inherit}.mantine-datatable-table[data-striped] tbody tr:nth-of-type(odd){background:var(--mantine-datatable-striped-color)}.mantine-datatable-table[data-highlight-on-hover] tbody tr:hover{background:var(--mantine-datatable-highlight-on-hover-color)}.mantine-datatable-table tbody tr:last-of-type{border-bottom:0}.mantine-datatable-vertical-align-top td{vertical-align:top}.mantine-datatable-vertical-align-bottom td{vertical-align:bottom}.mantine-datatable-last-row-border-bottom-visible tr:last-of-type:not(.mantine-datatable-empty-row) td{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}.mantine-datatable-pin-last-column td:not(.mantine-datatable-row-expansion-cell):last-of-type,.mantine-datatable-pin-last-column th:last-of-type{position:sticky;right:calc(-.025rem*var(--mantine-scale));z-index:1;@-moz-document url-prefix(){right:0}}.mantine-datatable-pin-last-column td:not(.mantine-datatable-row-expansion-cell):last-of-type:after,.mantine-datatable-pin-last-column th:last-of-type:after{background:var(--mantine-datatable-shadow-background-right);border-right:1px solid var(--mantine-datatable-row-border-color);bottom:0;content:"";left:calc(var(--mantine-spacing-xs)*-1);opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:var(--mantine-spacing-xs)}.mantine-datatable-pin-last-column th:last-of-type:after,.mantine-datatable-pin-last-column tr[data-with-row-border]:not(:last-of-type) td:not(.mantine-datatable-row-expansion-cell):last-of-type:after{bottom:calc(-.0625rem*var(--mantine-scale));top:calc(-.0625rem*var(--mantine-scale))}.mantine-datatable-pin-last-column tfoot th:last-of-type:after{top:calc(-.0625rem*var(--mantine-scale))}.mantine-datatable-pin-last-column tr[data-selected] td:not(.mantine-datatable-row-expansion-cell):last-of-type{background:inherit}.mantine-datatable-pin-last-column tr[data-selected] td:not(.mantine-datatable-row-expansion-cell):last-of-type:before{background:var(--mantine-primary-color-light);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.mantine-datatable-pin-last-column-scrolled td:not(.mantine-datatable-row-expansion-cell):last-of-type:after,.mantine-datatable-pin-last-column-scrolled th:last-of-type:after{opacity:1}.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible td:not(.mantine-datatable-row-expansion-cell):nth-of-type(2),.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible th.mantine-datatable-column-group-header-cell:nth-of-type(2),.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible th:first-of-type,.mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) td:not(.mantine-datatable-row-expansion-cell):first-of-type,.mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) th:first-of-type{left:var(--mantine-datatable-selection-column-width);position:sticky;z-index:1}.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible td:not(.mantine-datatable-row-expansion-cell):nth-of-type(2):after,.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible th.mantine-datatable-column-group-header-cell:nth-of-type(2):after,.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible th:first-of-type:after,.mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) td:not(.mantine-datatable-row-expansion-cell):first-of-type:after,.mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) th:first-of-type:after{background:var(--mantine-datatable-shadow-background-left);border-left:1px solid var(--mantine-datatable-row-border-color);bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;right:calc(var(--mantine-spacing-xs)*-1);top:0;transition:opacity .2s;width:var(--mantine-spacing-xs)}.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible th.mantine-datatable-header-selector-cell{left:0}.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible th.mantine-datatable-column-group-header-cell:nth-of-type(2):after,.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible tr[data-with-row-border]:not(:last-of-type) td:not(.mantine-datatable-row-expansion-cell):nth-of-type(2):after,.mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) th:first-of-type:after,.mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) tr[data-with-row-border]:not(:last-of-type) td:not(.mantine-datatable-row-expansion-cell):first-of-type:after{bottom:calc(-.0625rem*var(--mantine-scale));top:calc(-.0625rem*var(--mantine-scale))}.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible tfoot th:nth-of-type(2):after,.mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) tfoot th:first-of-type:after{top:calc(-.0625rem*var(--mantine-scale))}.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible tr[data-selected] td:not(.mantine-datatable-row-expansion-cell):nth-of-type(2),.mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) tr[data-selected] td:not(.mantine-datatable-row-expansion-cell):first-of-type{background:inherit}.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible tr[data-selected] td:not(.mantine-datatable-row-expansion-cell):nth-of-type(2):before,.mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) tr[data-selected] td:not(.mantine-datatable-row-expansion-cell):first-of-type:before{background:var(--mantine-primary-color-light);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.mantine-datatable-pin-first-column-scrolled.mantine-datatable-selection-column-visible td:not(.mantine-datatable-row-expansion-cell):nth-of-type(2):after,.mantine-datatable-pin-first-column-scrolled.mantine-datatable-selection-column-visible th.mantine-datatable-column-group-header-cell:nth-of-type(2):after,.mantine-datatable-pin-first-column-scrolled.mantine-datatable-selection-column-visible th:first-of-type:after,.mantine-datatable-pin-first-column-scrolled:not(.mantine-datatable-selection-column-visible) td:not(.mantine-datatable-row-expansion-cell):first-of-type:after,.mantine-datatable-pin-first-column-scrolled:not(.mantine-datatable-selection-column-visible) th:first-of-type:after{opacity:1}.mantine-datatable-empty-row,.mantine-datatable-table[data-highlight-on-hover] tbody .mantine-datatable-empty-row:hover{background:transparent}.mantine-datatable-empty-state{bottom:0;color:var(--mantine-color-gray-6);flex-direction:column;left:0;pointer-events:none;position:absolute;right:0;top:0}[data-mantine-color-scheme=dark] .mantine-datatable-empty-state{color:var(--mantine-color-dark-3)}.mantine-datatable-empty-state{opacity:0;transition:opacity .2s}.mantine-datatable-empty-state[data-active]{opacity:1}.mantine-datatable-empty-state-icon{background:var(--mantine-color-gray-2);border-radius:50%;font-size:0;padding:var(--mantine-spacing-xs)}[data-mantine-color-scheme=dark] .mantine-datatable-empty-state-icon{background:var(--mantine-color-dark-5)}.mantine-datatable-empty-state-icon{margin-bottom:calc(var(--mantine-spacing-xs)/2)}.mantine-datatable-footer{z-index:2}.mantine-datatable-footer th{border-top:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-footer-selector-placeholder-cell{left:0;position:sticky;width:0}.mantine-datatable-footer-selector-placeholder-cell:after{background:var(--mantine-datatable-shadow-background-left);border-left:1px solid var(--mantine-datatable-row-border-color);bottom:calc(-.0625rem*var(--mantine-scale));content:"";opacity:0;pointer-events:none;position:absolute;right:calc(var(--mantine-spacing-xs)*-1);top:0;transition:opacity .2s;width:var(--mantine-spacing-xs)}.mantine-datatable-footer-selector-placeholder-cell[data-shadow-visible]:after{opacity:1}.mantine-datatable-header{position:sticky;top:0;z-index:2}.mantine-datatable-header th{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color)}.mantine-datatable-header-column-toggle-checkbox-label{user-select:none}.mantine-datatable-header-cell-sortable{cursor:pointer;transition:background .2s}.mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)){background:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)){background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-draggable{border-radius:calc(.375rem*var(--mantine-scale));cursor:grab;transition:all .2s}.mantine-datatable-header-cell-draggable:active{cursor:grabbing}.mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)){background:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)){background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-draggable-action-icon{cursor:inherit;margin:calc(-.125rem*var(--mantine-scale)) calc(.125rem*var(--mantine-scale)) 0}.mantine-datatable-header-cell-drag-over{background:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-drag-over{background:var(--mantine-color-dark-6)}.mantine-datatable-header-cell-toggleable-icon{opacity:.1;transition:opacity .2s}.mantine-datatable-header-cell-toggleable:hover .mantine-datatable-header-cell-toggleable-icon{opacity:1}.mantine-datatable-header-cell-resizable{position:relative}.mantine-datatable-header-resizable-handle{background:inherit;bottom:0;cursor:"col-resize";cursor:col-resize;opacity:0;position:absolute;top:0;transform:translateX(50%);transition:opacity .2s;width:calc(.5rem*var(--mantine-scale));z-index:1}.mantine-datatable-header-resizable-handle:after{border-right:calc(.25rem*var(--mantine-scale)) dotted var(--mantine-color-gray-3);bottom:calc(.0625rem*var(--mantine-scale));content:"";left:calc(.125rem*var(--mantine-scale));position:absolute;top:calc(.0625rem*var(--mantine-scale))}[data-mantine-color-scheme=dark] .mantine-datatable-header-resizable-handle:after{border-right:calc(.25rem*var(--mantine-scale)) dotted var(--mantine-color-dark-4)}.mantine-datatable-header-resizable-handle:hover:after{border-color:var(--mantine-primary-color-6)}tr:hover .mantine-datatable-header-resizable-handle{opacity:1}.mantine-datatable-header-cell-sortable-group{gap:.25em}.mantine-datatable-header-cell-sortable-text{flex-grow:1;min-width:0}.mantine-datatable-header-cell-sortable-icon{transition:transform .2s}.mantine-datatable-header-cell-sortable-icon-reversed{transform:scaleY(-1)}.mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-dark-3)}.mantine-datatable-header-cell-sortable-unsorted-icon{transition:color .2s}th:hover .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=dark] th:hover .mantine-datatable-header-cell-sortable-unsorted-icon{color:var(--mantine-color-dark-2)}.mantine-datatable-header-cell-filter-action-icon{border:0;color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-filter-action-icon{color:var(--mantine-color-dark-3)}.mantine-datatable-header-cell-filter-action-icon[data-active]{color:var(--mantine-color-text)}.mantine-datatable-header-selector-cell{left:0;position:sticky;width:0}.mantine-datatable-header-selector-cell:after{background:var(--mantine-datatable-shadow-background-left);border-left:1px solid var(--mantine-datatable-row-border-color);bottom:calc(-.0625rem*var(--mantine-scale));content:"";opacity:0;pointer-events:none;position:absolute;right:calc(var(--mantine-spacing-xs)*-1);top:0;transition:opacity .2s;width:var(--mantine-spacing-xs)}.mantine-datatable-header-selector-cell[data-shadow-visible]:after{opacity:1}.mantine-datatable-loader{background:color-mix(in srgb,var(--mantine-datatable-background-color),transparent 25%);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s;z-index:3}.mantine-datatable-loader-fetching{opacity:1;pointer-events:all}.mantine-datatable-page-size-selector-button-icon{margin:0 calc(-.25rem*var(--mantine-scale)) 0 calc(.125rem*var(--mantine-scale))}.mantine-datatable-page-size-selector-menu-arrow{z-index:-1}.mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-text-color:var( --mantine-datatable-pagination-active-text-color-light,var(--mantine-color-white) )}[data-mantine-color-scheme=dark] .mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-text-color:var( --mantine-datatable-pagination-active-text-color-dark,var(--mantine-color-white) )}.mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-background-color:var( --mantine-datatable-pagination-active-background-color-light,var(--mantine-primary-color-filled) )}[data-mantine-color-scheme=dark] .mantine-datatable-page-size-selector-active{--mantine-datatable-pagination-active-background-color:var( --mantine-datatable-pagination-active-background-color-dark,var(--mantine-primary-color-filled) )}.mantine-datatable-page-size-selector-active{background:var(--mantine-datatable-pagination-active-background-color);color:var(--mantine-datatable-pagination-active-text-color);opacity:1}.mantine-datatable-pagination{align-items:center;background:inherit;border-top:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-border-color);display:flex;gap:var(--mantine-spacing-xs);justify-content:space-between}.mantine-datatable-pagination-text{flex:1 1 auto}.mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-text-color:var( --mantine-datatable-pagination-active-text-color-light,var(--mantine-color-white) )}[data-mantine-color-scheme=dark] .mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-text-color:var( --mantine-datatable-pagination-active-text-color-dark,var(--mantine-color-white) )}.mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-background-color:var( --mantine-datatable-pagination-active-background-color-light,var(--mantine-primary-color-filled) )}[data-mantine-color-scheme=dark] .mantine-datatable-pagination-pages{--mantine-datatable-pagination-active-background-color:var( --mantine-datatable-pagination-active-background-color-dark,var(--mantine-primary-color-filled) )}.mantine-datatable-pagination-pages{opacity:1;transition:opacity .2s}.mantine-datatable-pagination-pages-fetching{opacity:0}.mantine-datatable-pagination-pages-control{border-color:var(--mantine-datatable-border-color);color:var(--mantine-datatable-color)}.mantine-datatable-pagination-pages-control[data-active]{background:var(--mantine-datatable-pagination-active-background-color);border-color:transparent;color:var(--mantine-datatable-pagination-active-text-color)}.mantine-datatable-row{--mantine-datatable-row-color:var( --mantine-datatable-row-color-light )}[data-mantine-color-scheme=dark] .mantine-datatable-row{--mantine-datatable-row-color:var( --mantine-datatable-row-color-dark )}.mantine-datatable-row{--mantine-datatable-row-background-color:var( --mantine-datatable-row-background-color-light )}[data-mantine-color-scheme=dark] .mantine-datatable-row{--mantine-datatable-row-background-color:var( --mantine-datatable-row-background-color-dark )}.mantine-datatable-row{background:var(--mantine-datatable-row-background-color,inherit);color:var(--mantine-datatable-row-color,inherit)}.mantine-datatable-row[data-with-row-border]:not(:last-of-type) td{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}.mantine-datatable-row[data-selected] td{background:var(--mantine-primary-color-light)}.mantine-datatable-row-expansion-cell{padding:0}tr:not(:last-of-type) .mantine-datatable-row-expansion-cell-content{border-bottom:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}.mantine-datatable-row-expansion-cell-content{border-top:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-datatable-row-border-color)}[data-with-row-border] .mantine-datatable-row-expansion-cell-content{border-top:0}.mantine-datatable-row-selector-cell{left:0;position:sticky;width:0;z-index:1}tr[data-selected] .mantine-datatable-row-selector-cell{background:inherit}tr[data-selected] .mantine-datatable-row-selector-cell:before{background:var(--mantine-primary-color-light);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.mantine-datatable-row-selector-cell:after{background:var(--mantine-datatable-shadow-background-left);border-left:1px solid var(--mantine-datatable-row-border-color);bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;right:calc(var(--mantine-spacing-xs)*-1);top:0;transition:opacity .2s;width:var(--mantine-spacing-xs)}tr[data-with-row-border] .mantine-datatable-row-selector-cell:after{bottom:calc(-.0625rem*var(--mantine-scale));top:calc(-.0625rem*var(--mantine-scale))}tr:last-of-type .mantine-datatable-row-selector-cell:after{bottom:0}.mantine-datatable-row-selector-cell[data-shadow-visible]:after{opacity:1}.mantine-datatable-row-selector-cell-checkbox{cursor:pointer}.mantine-datatable-scroll-area{flex:1 1 100%}.mantine-datatable-scroll-area-corner{background:transparent}.mantine-datatable-scroll-area-thumb{z-index:3}.mantine-datatable-scroll-area-scrollbar[data-state=visible]{background:transparent}.mantine-datatable-scroll-area-scrollbar div:before{pointer-events:none}.mantine-datatable-scroll-area-shadow{opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.mantine-datatable-scroll-area-top-shadow{background:var(--mantine-datatable-shadow-background-top);height:calc(var(--mantine-spacing-xs)/2);left:0;right:0;z-index:2}.mantine-datatable-scroll-area-left-shadow{background:var(--mantine-datatable-shadow-background-left);bottom:0;left:0;top:0;width:var(--mantine-spacing-xs);z-index:3}.mantine-datatable-scroll-area-right-shadow{background:var(--mantine-datatable-shadow-background-right);bottom:0;right:0;top:0;width:calc(var(--mantine-spacing-xs)/2);z-index:3}.mantine-datatable-scroll-area-shadow-behind{z-index:0}.mantine-datatable-scroll-area-bottom-shadow{background:var(--mantine-datatable-shadow-background-bottom);height:calc(var(--mantine-spacing-xs)/2);left:0;right:0;z-index:2}.mantine-datatable-scroll-area-shadow-visible{opacity:1}._container_k7kq2_1{borderStyle:"solid",}._widgetContainer_1m70j_7{background-color:var(--mantine-color-gray-0);overflow:hidden}._header_u50c3_1{background-color:var(--mantine-color-gray-1)}[data-mantine-color-scheme=dark] ._header_u50c3_1{background-color:var(--mantine-color-dark-4)}@media (max-width: var(--mantine-breakpoint-md)){._myTableCell_iwubj_1{color:var(--mantine-color-red-filled)}}._container_9f1w1_1{color:var(--mantine-color-black)}[data-mantine-color-scheme=dark] ._container_9f1w1_1{color:var(--mantine-color-white)}._container_9f1w1_1{background-color:var(--mantine-color-white)}[data-mantine-color-scheme=dark] ._container_9f1w1_1{background-color:var(--mantine-color-dark-6)}._container_9f1w1_1{padding:var(--mantine-spacing-lg);border-radius:var(--mantine-radius-md)}._unstyledButton_9f1w1_15{display:block;width:100%;padding:var(--mantine-spacing-sm);borderRadius:var(--mantine-radius-sm);color:var(--mantine-color-black)}[data-mantine-color-scheme=dark] ._unstyledButton_9f1w1_15{color:var(--mantine-color-white)}._root_1ftiz_1{background-color:var(--mantine-color-gray-0)}._container_s0zsa_1{background-color:inherit}._userInfoContainer_s0zsa_9{padding:0 .2em;text-align:left}._userName_s0zsa_19{font-weight:800}._userEmail_s0zsa_27{font-size:small}._container_1yvli_1{background-color:var(--mantine-color-white)}[data-mantine-color-scheme=dark] ._container_1yvli_1{background-color:var(--mantine-color-dark-6)}._container_1yvli_1{padding-bottom:0}._footer_1yvli_11{margin-left:var(--mantine-spacing-md);margin-right:var(--mantine-spacing-md);border-top-width:0;border-top-style:solid;border-top-color:var(--mantine-color-dark-4)}[data-mantine-color-scheme=dark] ._footer_1yvli_11{border-top-color:var(--mantine-color-gray-3)}._navLink_1416i_1,._iconLink_159lk_1{border-bottom-width:thin;border-bottom-style:solid;border-bottom-color:var(--mantine-color-gray-2)}._navbarHeader_nsvcp_1{margin-bottom:var(--mantine-spacing-sm);border-bottom-style:solid;border-bottom-width:.1em;border-bottom-color:var(--mantine-primary-color-filled)}.page-title{font-weight:700;font-size:1.5em;padding:2em}._label_1980q_9{color:var(--mantine-color-blue-6)}[data-mantine-color-scheme=dark] ._label_1980q_9{color:var(--mantine-color-white)}._label_1980q_9{font-weight:700;font-size:var(--mantine-font-size-lg)}._label_19q30_3{color:var(--mantine-color-blue-6)}[data-mantine-color-scheme=dark] ._label_19q30_3{color:var(--mantine-color-white)}._label_19q30_3{font-weight:700;font-size:var(--mantine-font-size-lg)}._label_1ciu3_3{color:var(--mantine-color-blue-6)}[data-mantine-color-scheme=dark] ._label_1ciu3_3{color:var(--mantine-color-white)}._label_1ciu3_3{font-weight:700;font-size:var(--mantine-font-size-lg)}._label_z37xo_11{color:var(--mantine-color-blue-6)}[data-mantine-color-scheme=dark] ._label_z37xo_11{color:var(--mantine-color-white)}._label_z37xo_11{font-weight:700;font-size:var(--mantine-font-size-lg)}._root_f6wo0_1{position:relative;padding:var(--mantine-spacing-md);transition:border-color .15s ease}._root_f6wo0_1[data-checked]{border-color:var(--mantine-primary-color-filled)}@media (hover: hover){[data-mantine-color-scheme=light] ._root_f6wo0_1:hover{background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] ._root_f6wo0_1:hover{background-color:var(--mantine-color-dark-6)}}@media (hover: none){[data-mantine-color-scheme=light] ._root_f6wo0_1:active{background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] ._root_f6wo0_1:active{background-color:var(--mantine-color-dark-6)}}._label_f6wo0_41{font-family:var(--mantine-font-family-monospace);font-weight:700;font-size:var(--mantine-font-size-md);line-height:1.3;color:var(--mantine-color-bright)}._description_f6wo0_57{margin-top:8px;color:var(--mantine-color-dimmed);font-size:var(--mantine-font-size-xs)}._label_o2a3t_1{color:var(--mantine-color-blue-6)}[data-mantine-color-scheme=dark] ._label_o2a3t_1{color:var(--mantine-color-white)}._label_o2a3t_1{font-weight:700;font-size:var(--mantine-font-size-lg)}._description_o2a3t_13{font-size:small}._testInput_o2a3t_21{background-color:var(--mantine-color-gray-0)}._label_133sn_9{color:var(--mantine-color-blue-6)}[data-mantine-color-scheme=dark] ._label_133sn_9{color:var(--mantine-color-white)}._label_133sn_9{font-weight:700;font-size:var(--mantine-font-size-lg)}._container_1slen_1{color:var(--mantine-color-black-0)}[data-mantine-color-scheme=dark] ._container_1slen_1{color:var(--mantine-color-white-6)}._container_1slen_1{background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] ._container_1slen_1{background-color:var(--mantine-color-white-6)}._group_1slen_6{color:var(--mantine-color-black)}[data-mantine-color-scheme=dark] ._group_1slen_6{color:var(--mantine-color-white)}._group_1slen_6{background-color:var(--mantine-color-white)}[data-mantine-color-scheme=dark] ._group_1slen_6{background-color:var(--mantine-color-dark-6)}._group_1slen_6{padding:var(--mantine-spacing-lg);border-radius:var(--mantine-radius-md)}._title_1slen_13{text-align:center;font-size:var(--mantine-font-size-sm)}._container_2m1bn_1{background-color:var(--mantine-color-white)}[data-mantine-color-scheme=dark] ._container_2m1bn_1{background-color:var(--mantine-color-dark-6)}._container_2m1bn_1{padding:var(--mantine-spacing-lg);border-radius:var(--mantine-radius-md)}._group_1rw55_1{color:var(--mantine-color-black)}[data-mantine-color-scheme=dark] ._group_1rw55_1{color:var(--mantine-color-white)}._group_1rw55_1{background-color:var(--mantine-color-white)}[data-mantine-color-scheme=dark] ._group_1rw55_1{background-color:var(--mantine-color-dark-6)}._group_1rw55_1{padding:var(--mantine-spacing-lg);border-radius:var(--mantine-radius-md)}._pagination_1bm7q_1{flex-direction:row!important} ._main_1nrr2_1 { padding: 1em; }._wrapper_1fvzl_1 { position: relative; padding-top: 2em; padding-bottom: 8em; } @media (max-width: 755px) {._wrapper_1fvzl_1 { padding-top: 8em; padding-bottom: 6em } } ._inner_1fvzl_11 { position: relative; z-index: 1; } ._logo_1fvzl_16 { margin-top: var(--mantine-spacing-xl); margin-bottom: var(--mantine-spacing-xs); } ._title_1fvzl_21 { text-align: center; font-weight: 800; font-size: 5em; letter-spacing: -1px; color: var(--mantine-color-dark-2); } [data-mantine-color-scheme='dark'] ._title_1fvzl_21 { color: var(--mantine-color-white); } ._title_1fvzl_21 { margin-bottom: var(--mantine-spacing-lg); font-family: var(--mantine-font-family); } @media (max-width: 520px) { ._title_1fvzl_21 { font-size: 3em; text-align: center } } ._description_1fvzl_36 { text-align: center; font-size: var(--mantine-font-size-xl); } @media (max-width: 520px) { ._description_1fvzl_36 { text-align: center; font-size: var(--mantine-font-size-xl) } } /* inter-cyrillic-ext-400-normal */ @font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 400; src: url(/assets/inter-cyrillic-ext-400-normal-Dc4VJyIJ.woff2) format('woff2'), url(/assets/inter-cyrillic-ext-400-normal-BE2fNs0E.woff) format('woff'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; } /* inter-cyrillic-400-normal */ @font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 400; src: url(/assets/inter-cyrillic-400-normal-BLGc9T1a.woff2) format('woff2'), url(/assets/inter-cyrillic-400-normal-alAqRL36.woff) format('woff'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* inter-greek-ext-400-normal */ @font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 400; src: url(/assets/inter-greek-ext-400-normal-Bput3-QP.woff2) format('woff2'), url(/assets/inter-greek-ext-400-normal-XIH6-K3k.woff) format('woff'); unicode-range: U+1F00-1FFF; } /* inter-greek-400-normal */ @font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 400; src: url(/assets/inter-greek-400-normal-DxZsaF_h.woff2) format('woff2'), url(/assets/inter-greek-400-normal-C3I71FoW.woff) format('woff'); unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF; } /* inter-vietnamese-400-normal */ @font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 400; src: url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format('woff2'), url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format('woff'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } /* inter-latin-ext-400-normal */ @font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 400; src: url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format('woff2'), url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* inter-latin-400-normal */ @font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 400; src: url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format('woff2'), url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }