/* css-process:/home/authentik/authentik/web/node_modules/@patternfly/patternfly/components/BackgroundImage/background-image.css */ .pf-c-background-image { --pf-c-background-image--BackgroundColor: var(--pf-global--BackgroundColor--dark-100); --pf-c-background-image--BackgroundImage: url("../assets/node_modules/@patternfly/patternfly/assets/images/pfbg_576-XKFZWVMH.jpg"); --pf-c-background-image--BackgroundImage-2x: url("../assets/node_modules/@patternfly/patternfly/assets/images/pfbg_576@2x-5A5M6GOC.jpg"); --pf-c-background-image--BackgroundImage--sm: url("../assets/node_modules/@patternfly/patternfly/assets/images/pfbg_768-DP5TYFTF.jpg"); --pf-c-background-image--BackgroundImage--sm-2x: url("../assets/node_modules/@patternfly/patternfly/assets/images/pfbg_768@2x-UYZ7PDOE.jpg"); --pf-c-background-image--BackgroundImage--lg: url("../assets/node_modules/@patternfly/patternfly/assets/images/pfbg_2000-AUQKXRIM.jpg"); --pf-c-background-image--Filter: url(#image_overlay); } .pf-c-background-image::before { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: ""; background-color: var(--pf-c-background-image--BackgroundColor); background-image: var(--pf-c-background-image--BackgroundImage); filter: var(--pf-c-background-image--Filter); background-repeat: no-repeat; background-size: cover; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .pf-c-background-image::before { --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage-2x); } } @media (min-width: 576px) { .pf-c-background-image::before { --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--sm); } } @media (min-width: 576px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 576px) and (min-resolution: 192dpi) { .pf-c-background-image::before { --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--sm-2x); } } @media (min-width: 992px) { .pf-c-background-image::before { --pf-c-background-image--BackgroundImage: var(--pf-c-background-image--BackgroundImage--lg); } } .pf-c-background-image__filter { display: block; } /* css-process:/home/authentik/authentik/web/node_modules/@patternfly/patternfly/components/Button/button.css */ .pf-c-button { --pf-c-button--PaddingTop: var(--pf-global--spacer--form-element); --pf-c-button--PaddingRight: var(--pf-global--spacer--md); --pf-c-button--PaddingBottom: var(--pf-global--spacer--form-element); --pf-c-button--PaddingLeft: var(--pf-global--spacer--md); --pf-c-button--LineHeight: var(--pf-global--LineHeight--md); --pf-c-button--FontWeight: var(--pf-global--FontWeight--normal); --pf-c-button--FontSize: var(--pf-global--FontSize--md); --pf-c-button--BackgroundColor: transparent; --pf-c-button--BorderRadius: var(--pf-global--BorderRadius--sm); --pf-c-button--after--BorderRadius: var(--pf-global--BorderRadius--sm); --pf-c-button--after--BorderColor: transparent; --pf-c-button--after--BorderWidth: var(--pf-global--BorderWidth--sm); --pf-c-button--hover--after--BorderWidth: var(--pf-global--BorderWidth--md); --pf-c-button--focus--after--BorderWidth: var(--pf-global--BorderWidth--md); --pf-c-button--active--after--BorderWidth: var(--pf-global--BorderWidth--md); --pf-c-button--disabled--Color: var(--pf-global--disabled-color--100); --pf-c-button--disabled--BackgroundColor: var(--pf-global--disabled-color--200); --pf-c-button--disabled--after--BorderColor: transparent; --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--100); --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100); --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200); --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100); --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200); --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100); --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200); --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100); --pf-c-button--m-secondary--BackgroundColor: transparent; --pf-c-button--m-secondary--after--BorderColor: var(--pf-global--primary-color--100); --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100); --pf-c-button--m-secondary--hover--BackgroundColor: transparent; --pf-c-button--m-secondary--hover--after--BorderColor: var(--pf-global--primary-color--100); --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100); --pf-c-button--m-secondary--focus--BackgroundColor: transparent; --pf-c-button--m-secondary--focus--after--BorderColor: var(--pf-global--primary-color--100); --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100); --pf-c-button--m-secondary--active--BackgroundColor: transparent; --pf-c-button--m-secondary--active--after--BorderColor: var(--pf-global--primary-color--100); --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100); --pf-c-button--m-secondary--m-danger--BackgroundColor: transparent; --pf-c-button--m-secondary--m-danger--Color: var(--pf-global--danger-color--100); --pf-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-global--danger-color--100); --pf-c-button--m-secondary--m-danger--hover--BackgroundColor: transparent; --pf-c-button--m-secondary--m-danger--hover--Color: var(--pf-global--danger-color--200); --pf-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-global--danger-color--100); --pf-c-button--m-secondary--m-danger--focus--BackgroundColor: transparent; --pf-c-button--m-secondary--m-danger--focus--Color: var(--pf-global--danger-color--200); --pf-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-global--danger-color--100); --pf-c-button--m-secondary--m-danger--active--BackgroundColor: transparent; --pf-c-button--m-secondary--m-danger--active--Color: var(--pf-global--danger-color--200); --pf-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-global--danger-color--100); --pf-c-button--m-tertiary--BackgroundColor: transparent; --pf-c-button--m-tertiary--after--BorderColor: var(--pf-global--Color--100); --pf-c-button--m-tertiary--Color: var(--pf-global--Color--100); --pf-c-button--m-tertiary--hover--BackgroundColor: transparent; --pf-c-button--m-tertiary--hover--after--BorderColor: var(--pf-global--Color--100); --pf-c-button--m-tertiary--hover--Color: var(--pf-global--Color--100); --pf-c-button--m-tertiary--focus--BackgroundColor: transparent; --pf-c-button--m-tertiary--focus--after--BorderColor: var(--pf-global--Color--100); --pf-c-button--m-tertiary--focus--Color: var(--pf-global--Color--100); --pf-c-button--m-tertiary--active--BackgroundColor: transparent; --pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--Color--100); --pf-c-button--m-tertiary--active--Color: var(--pf-global--Color--100); --pf-c-button--m-warning--BackgroundColor: var(--pf-global--warning-color--100); --pf-c-button--m-warning--Color: var(--pf-global--Color--dark-100); --pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--palette--gold-500); --pf-c-button--m-warning--hover--Color: var(--pf-global--Color--dark-100); --pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--palette--gold-500); --pf-c-button--m-warning--focus--Color: var(--pf-global--Color--dark-100); --pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--palette--gold-500); --pf-c-button--m-warning--active--Color: var(--pf-global--Color--dark-100); --pf-c-button--m-danger--BackgroundColor: var(--pf-global--danger-color--100); --pf-c-button--m-danger--Color: var(--pf-global--Color--light-100); --pf-c-button--m-danger--hover--BackgroundColor: var(--pf-global--danger-color--200); --pf-c-button--m-danger--hover--Color: var(--pf-global--Color--light-100); --pf-c-button--m-danger--focus--BackgroundColor: var(--pf-global--danger-color--200); --pf-c-button--m-danger--focus--Color: var(--pf-global--Color--light-100); --pf-c-button--m-danger--active--BackgroundColor: var(--pf-global--danger-color--200); --pf-c-button--m-danger--active--Color: var(--pf-global--Color--light-100); --pf-c-button--m-link--BackgroundColor: transparent; --pf-c-button--m-link--Color: var(--pf-global--link--Color); --pf-c-button--m-link--hover--BackgroundColor: transparent; --pf-c-button--m-link--hover--Color: var(--pf-global--link--Color--hover); --pf-c-button--m-link--focus--BackgroundColor: transparent; --pf-c-button--m-link--focus--Color: var(--pf-global--link--Color--hover); --pf-c-button--m-link--active--BackgroundColor: transparent; --pf-c-button--m-link--active--Color: var(--pf-global--link--Color--hover); --pf-c-button--m-link--disabled--BackgroundColor: transparent; --pf-c-button--m-link--m-inline--FontSize: inherit; --pf-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover); --pf-c-button--m-link--m-inline--hover--Color: var(--pf-global--link--Color--hover); --pf-c-button--m-link--m-inline--PaddingTop: 0; --pf-c-button--m-link--m-inline--PaddingRight: 0; --pf-c-button--m-link--m-inline--PaddingBottom: 0; --pf-c-button--m-link--m-inline--PaddingLeft: 0; --pf-c-button--m-link--m-inline__progress--Left: var(--pf-global--spacer--xs); --pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-global--spacer--sm)); --pf-c-button--m-link--m-danger--BackgroundColor: transparent; --pf-c-button--m-link--m-danger--Color: var(--pf-global--danger-color--100); --pf-c-button--m-link--m-danger--hover--BackgroundColor: transparent; --pf-c-button--m-link--m-danger--hover--Color: var(--pf-global--danger-color--200); --pf-c-button--m-link--m-danger--focus--BackgroundColor: transparent; --pf-c-button--m-link--m-danger--focus--Color: var(--pf-global--danger-color--200); --pf-c-button--m-link--m-danger--active--BackgroundColor: transparent; --pf-c-button--m-link--m-danger--active--Color: var(--pf-global--danger-color--200); --pf-c-button--m-plain--BackgroundColor: transparent; --pf-c-button--m-plain--Color: var(--pf-global--Color--200); --pf-c-button--m-plain--hover--BackgroundColor: transparent; --pf-c-button--m-plain--hover--Color: var(--pf-global--Color--100); --pf-c-button--m-plain--focus--BackgroundColor: transparent; --pf-c-button--m-plain--focus--Color: var(--pf-global--Color--100); --pf-c-button--m-plain--active--BackgroundColor: transparent; --pf-c-button--m-plain--active--Color: var(--pf-global--Color--100); --pf-c-button--m-plain--disabled--Color: var(--pf-global--disabled-color--200); --pf-c-button--m-plain--disabled--BackgroundColor: transparent; --pf-c-button--m-control--BackgroundColor: var(--pf-global--BackgroundColor--100); --pf-c-button--m-control--Color: var(--pf-global--Color--100); --pf-c-button--m-control--BorderRadius: 0; --pf-c-button--m-control--after--BorderWidth: var(--pf-global--BorderWidth--sm); --pf-c-button--m-control--after--BorderTopColor: var(--pf-global--BorderColor--300); --pf-c-button--m-control--after--BorderRightColor: var(--pf-global--BorderColor--300); --pf-c-button--m-control--after--BorderBottomColor: var(--pf-global--BorderColor--200); --pf-c-button--m-control--after--BorderLeftColor: var(--pf-global--BorderColor--300); --pf-c-button--m-control--disabled--BackgroundColor: var(--pf-global--disabled-color--300); --pf-c-button--m-control--hover--BackgroundColor: var(--pf-global--BackgroundColor--100); --pf-c-button--m-control--hover--Color: var(--pf-global--Color--100); --pf-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-global--BorderWidth--md); --pf-c-button--m-control--hover--after--BorderBottomColor: var(--pf-global--active-color--100); --pf-c-button--m-control--active--BackgroundColor: var(--pf-global--BackgroundColor--100); --pf-c-button--m-control--active--Color: var(--pf-global--Color--100); --pf-c-button--m-control--active--after--BorderBottomWidth: var(--pf-global--BorderWidth--md); --pf-c-button--m-control--active--after--BorderBottomColor: var(--pf-global--active-color--100); --pf-c-button--m-control--focus--BackgroundColor: var(--pf-global--BackgroundColor--100); --pf-c-button--m-control--focus--Color: var(--pf-global--Color--100); --pf-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-global--BorderWidth--md); --pf-c-button--m-control--focus--after--BorderBottomColor: var(--pf-global--active-color--100); --pf-c-button--m-control--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--100); --pf-c-button--m-control--m-expanded--Color: var(--pf-global--Color--100); --pf-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-global--BorderWidth--md); --pf-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-global--active-color--100); --pf-c-button--m-small--FontSize: var(--pf-global--FontSize--sm); --pf-c-button--m-display-lg--PaddingTop: var(--pf-global--spacer--md); --pf-c-button--m-display-lg--PaddingRight: var(--pf-global--spacer--xl); --pf-c-button--m-display-lg--PaddingBottom: var(--pf-global--spacer--md); --pf-c-button--m-display-lg--PaddingLeft: var(--pf-global--spacer--xl); --pf-c-button--m-display-lg--FontWeight: var(--pf-global--FontWeight--bold); --pf-c-button--m-link--m-display-lg--FontSize: var(--pf-global--FontSize--lg); --pf-c-button__icon--m-start--MarginRight: var(--pf-global--spacer--xs); --pf-c-button__icon--m-end--MarginLeft: var(--pf-global--spacer--xs); --pf-c-button__progress--width: calc(var(--pf-global--icon--FontSize--md) + var(--pf-global--spacer--sm)); --pf-c-button__progress--Opacity: 0; --pf-c-button__progress--TranslateY: -50%; --pf-c-button__progress--TranslateX: 0; --pf-c-button__progress--Top: 50%; --pf-c-button__progress--Left: var(--pf-global--spacer--md); --pf-c-button--m-progress--TransitionProperty: padding; --pf-c-button--m-progress--TransitionDuration: var(--pf-global--TransitionDuration); --pf-c-button--m-progress--PaddingRight: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width) / 2); --pf-c-button--m-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width) / 2); --pf-c-button--m-in-progress--PaddingRight: var(--pf-global--spacer--md); --pf-c-button--m-in-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width)); --pf-c-button--m-in-progress--m-plain--Color: var(--pf-global--primary-color--100); --pf-c-button--m-in-progress--m-plain__progress--Left: 50%; --pf-c-button--m-in-progress--m-plain__progress--TranslateX: -50%; --pf-c-button__count--MarginLeft: var(--pf-global--spacer--sm); --pf-c-button--disabled__c-badge--Color: var(--pf-global--Color--dark-100); --pf-c-button--disabled__c-badge--BackgroundColor: var(--pf-global--BackgroundColor--200); --pf-c-button--m-primary__c-badge--BorderColor: var(--pf-global--BorderColor--300); --pf-c-button--m-primary__c-badge--BorderWidth: var(--pf-global--BorderWidth--sm); position: relative; display: inline-block; padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight) var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft); font-size: var(--pf-c-button--FontSize); font-weight: var(--pf-c-button--FontWeight); line-height: var(--pf-c-button--LineHeight); text-align: center; white-space: nowrap; user-select: none; border: 0; border-radius: var(--pf-c-button--BorderRadius); } .pf-c-button::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; border: var(--pf-c-button--after--BorderWidth) solid; border-color: var(--pf-c-button--after--BorderColor); border-radius: var(--pf-c-button--after--BorderRadius); } .pf-c-button:hover { --pf-c-button--after--BorderWidth: var(--pf-c-button--hover--after--BorderWidth); text-decoration: none; } .pf-c-button:focus { --pf-c-button--after--BorderWidth: var(--pf-c-button--focus--after--BorderWidth); } .pf-c-button:active, .pf-c-button.pf-m-active { --pf-c-button--after--BorderWidth: var(--pf-c-button--active--after--BorderWidth); } .pf-c-button.pf-m-block { display: block; width: 100%; } .pf-c-button.pf-m-small { --pf-c-button--FontSize: var(--pf-c-button--m-small--FontSize); } .pf-c-button.pf-m-primary.pf-m-display-lg, .pf-c-button.pf-m-secondary.pf-m-display-lg, .pf-c-button.pf-m-tertiary.pf-m-display-lg, .pf-c-button.pf-m-link.pf-m-display-lg { --pf-c-button--PaddingTop: var(--pf-c-button--m-display-lg--PaddingTop); --pf-c-button--PaddingRight: var(--pf-c-button--m-display-lg--PaddingRight); --pf-c-button--PaddingBottom: var(--pf-c-button--m-display-lg--PaddingBottom); --pf-c-button--PaddingLeft: var(--pf-c-button--m-display-lg--PaddingLeft); --pf-c-button--FontWeight: var(--pf-c-button--m-display-lg--FontWeight); } .pf-c-button.pf-m-primary { color: var(--pf-c-button--m-primary--Color); background-color: var(--pf-c-button--m-primary--BackgroundColor); } .pf-c-button.pf-m-primary:hover { --pf-c-button--m-primary--Color: var(--pf-c-button--m-primary--hover--Color); --pf-c-button--m-primary--BackgroundColor: var(--pf-c-button--m-primary--hover--BackgroundColor); } .pf-c-button.pf-m-primary:focus { --pf-c-button--m-primary--Color: var(--pf-c-button--m-primary--focus--Color); --pf-c-button--m-primary--BackgroundColor: var(--pf-c-button--m-primary--focus--BackgroundColor); } .pf-c-button.pf-m-primary:active, .pf-c-button.pf-m-primary.pf-m-active { --pf-c-button--m-primary--Color: var(--pf-c-button--m-primary--active--Color); --pf-c-button--m-primary--BackgroundColor: var(--pf-c-button--m-primary--active--BackgroundColor); } .pf-c-button.pf-m-primary .pf-c-badge.pf-m-unread { border: var(--pf-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-c-button--m-primary__c-badge--BorderColor); } .pf-c-button.pf-m-secondary { --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--after--BorderColor); color: var(--pf-c-button--m-secondary--Color); background-color: var(--pf-c-button--m-secondary--BackgroundColor); } .pf-c-button.pf-m-secondary:hover { --pf-c-button--m-secondary--Color: var(--pf-c-button--m-secondary--hover--Color); --pf-c-button--m-secondary--BackgroundColor: var(--pf-c-button--m-secondary--hover--BackgroundColor); --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--hover--after--BorderColor); } .pf-c-button.pf-m-secondary:focus { --pf-c-button--m-secondary--Color: var(--pf-c-button--m-secondary--focus--Color); --pf-c-button--m-secondary--BackgroundColor: var(--pf-c-button--m-secondary--focus--BackgroundColor); --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--focus--after--BorderColor); } .pf-c-button.pf-m-secondary.pf-m-active, .pf-c-button.pf-m-secondary:active { --pf-c-button--m-secondary--Color: var(--pf-c-button--m-secondary--active--Color); --pf-c-button--m-secondary--BackgroundColor: var(--pf-c-button--m-secondary--active--BackgroundColor); --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--active--after--BorderColor); } .pf-c-button.pf-m-tertiary { --pf-c-button--after--BorderColor: var(--pf-c-button--m-tertiary--after--BorderColor); color: var(--pf-c-button--m-tertiary--Color); background-color: var(--pf-c-button--m-tertiary--BackgroundColor); } .pf-c-button.pf-m-tertiary:hover { --pf-c-button--m-tertiary--Color: var(--pf-c-button--m-tertiary--hover--Color); --pf-c-button--m-tertiary--BackgroundColor: var(--pf-c-button--m-tertiary--hover--BackgroundColor); --pf-c-button--after--BorderColor: var(--pf-c-button--m-tertiary--hover--after--BorderColor); } .pf-c-button.pf-m-tertiary:focus { --pf-c-button--m-tertiary--Color: var(--pf-c-button--m-tertiary--focus--Color); --pf-c-button--m-tertiary--BackgroundColor: var(--pf-c-button--m-tertiary--focus--BackgroundColor); --pf-c-button--after--BorderColor: var(--pf-c-button--m-tertiary--focus--after--BorderColor); } .pf-c-button.pf-m-tertiary:active, .pf-c-button.pf-m-tertiary.pf-m-active { --pf-c-button--m-tertiary--Color: var(--pf-c-button--m-tertiary--active--Color); --pf-c-button--m-tertiary--BackgroundColor: var(--pf-c-button--m-tertiary--active--BackgroundColor); --pf-c-button--after--BorderColor: var(--pf-c-button--m-tertiary--active--after--BorderColor); } .pf-c-button.pf-m-link { --pf-c-button--disabled--BackgroundColor: var(--pf-c-button--m-link--disabled--BackgroundColor); color: var(--pf-c-button--m-link--Color); background-color: var(--pf-c-button--m-link--BackgroundColor); } .pf-c-button.pf-m-link:not(.pf-m-inline):hover { --pf-c-button--m-link--Color: var(--pf-c-button--m-link--hover--Color); --pf-c-button--m-link--BackgroundColor: var(--pf-c-button--m-link--hover--BackgroundColor); } .pf-c-button.pf-m-link:not(.pf-m-inline):focus { --pf-c-button--m-link--Color: var(--pf-c-button--m-link--focus--Color); --pf-c-button--m-link--BackgroundColor: var(--pf-c-button--m-link--focus--BackgroundColor); } .pf-c-button.pf-m-link:not(.pf-m-inline):active, .pf-c-button.pf-m-link:not(.pf-m-inline).pf-m-active { --pf-c-button--m-link--Color: var(--pf-c-button--m-link--active--Color); --pf-c-button--m-link--BackgroundColor: var(--pf-c-button--m-link--active--BackgroundColor); } .pf-c-button.pf-m-link.pf-m-inline { --pf-c-button--FontSize: var(--pf-c-button--m-link--m-inline--FontSize); --pf-c-button__progress--Left: var(--pf-c-button--m-link--m-inline__progress--Left); display: inline; padding: var(--pf-c-button--m-link--m-inline--PaddingTop) var(--pf-c-button--m-link--m-inline--PaddingRight) var(--pf-c-button--m-link--m-inline--PaddingBottom) var(--pf-c-button--m-link--m-inline--PaddingLeft); text-align: left; white-space: normal; cursor: pointer; } .pf-c-button.pf-m-link.pf-m-inline:hover { --pf-c-button--m-link--Color: var(--pf-c-button--m-link--m-inline--hover--Color); text-decoration: var(--pf-c-button--m-link--m-inline--hover--TextDecoration); } .pf-c-button.pf-m-link.pf-m-display-lg { --pf-c-button--FontSize: var(--pf-c-button--m-link--m-display-lg--FontSize); } .pf-c-button.pf-m-danger { color: var(--pf-c-button--m-danger--Color); background-color: var(--pf-c-button--m-danger--BackgroundColor); } .pf-c-button.pf-m-danger:hover { --pf-c-button--m-danger--Color: var(--pf-c-button--m-danger--hover--Color); --pf-c-button--m-danger--BackgroundColor: var(--pf-c-button--m-danger--hover--BackgroundColor); } .pf-c-button.pf-m-danger:focus { --pf-c-button--m-danger--Color: var(--pf-c-button--m-danger--focus--Color); --pf-c-button--m-danger--BackgroundColor: var(--pf-c-button--m-danger--focus--BackgroundColor); } .pf-c-button.pf-m-danger:active, .pf-c-button.pf-m-danger.pf-m-active { --pf-c-button--m-danger--Color: var(--pf-c-button--m-danger--active--Color); --pf-c-button--m-danger--BackgroundColor: var(--pf-c-button--m-danger--active--BackgroundColor); } .pf-c-button.pf-m-danger.pf-m-secondary { --pf-c-button--m-danger--Color: var(--pf-c-button--m-secondary--m-danger--Color); --pf-c-button--m-danger--BackgroundColor: var(--pf-c-button--m-secondary--m-danger--BackgroundColor); --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--m-danger--after--BorderColor); } .pf-c-button.pf-m-danger.pf-m-secondary:hover { --pf-c-button--m-secondary--m-danger--Color: var(--pf-c-button--m-secondary--m-danger--hover--Color); --pf-c-button--m-secondary--m-danger--BackgroundColor: var(--pf-c-button--m-secondary--m-danger--hover--BackgroundColor); --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--m-danger--hover--after--BorderColor); } .pf-c-button.pf-m-danger.pf-m-secondary:focus { --pf-c-button--m-secondary--m-danger--Color: var(--pf-c-button--m-secondary--m-danger--focus--Color); --pf-c-button--m-secondary--m-danger--BackgroundColor: var(--pf-c-button--m-secondary--m-danger--focus--BackgroundColor); --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--m-danger--focus--after--BorderColor); } .pf-c-button.pf-m-danger.pf-m-secondary:active, .pf-c-button.pf-m-danger.pf-m-secondary.pf-m-active { --pf-c-button--m-secondary--m-danger--Color: var(--pf-c-button--m-secondary--m-danger--active--Color); --pf-c-button--m-secondary--m-danger--BackgroundColor: var(--pf-c-button--m-secondary--m-danger--active--BackgroundColor); --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--m-danger--active--after--BorderColor); } .pf-c-button.pf-m-danger.pf-m-link { --pf-c-button--m-danger--Color: var(--pf-c-button--m-link--m-danger--Color); --pf-c-button--m-danger--BackgroundColor: var(--pf-c-button--m-link--m-danger--BackgroundColor); } .pf-c-button.pf-m-danger.pf-m-link:hover { --pf-c-button--m-link--m-danger--Color: var(--pf-c-button--m-link--m-danger--hover--Color); --pf-c-button--m-link--m-danger--BackgroundColor: var(--pf-c-button--m-link--m-danger--hover--BackgroundColor); } .pf-c-button.pf-m-danger.pf-m-link:focus { --pf-c-button--m-link--m-danger--Color: var(--pf-c-button--m-link--m-danger--focus--Color); --pf-c-button--m-link--m-danger--BackgroundColor: var(--pf-c-button--m-link--m-danger--focus--BackgroundColor); } .pf-c-button.pf-m-danger.pf-m-link:active, .pf-c-button.pf-m-danger.pf-m-link.pf-m-active { --pf-c-button--m-link--m-danger--Color: var(--pf-c-button--m-link--m-danger--active--Color); --pf-c-button--m-link--m-danger--BackgroundColor: var(--pf-c-button--m-link--m-danger--active--BackgroundColor); } .pf-c-button.pf-m-warning { color: var(--pf-c-button--m-warning--Color); background-color: var(--pf-c-button--m-warning--BackgroundColor); } .pf-c-button.pf-m-warning:hover { --pf-c-button--m-warning--Color: var(--pf-c-button--m-warning--hover--Color); --pf-c-button--m-warning--BackgroundColor: var(--pf-c-button--m-warning--hover--BackgroundColor); } .pf-c-button.pf-m-warning:focus { --pf-c-button--m-warning--Color: var(--pf-c-button--m-warning--focus--Color); --pf-c-button--m-warning--BackgroundColor: var(--pf-c-button--m-warning--focus--BackgroundColor); } .pf-c-button.pf-m-warning:active, .pf-c-button.pf-m-warning.pf-m-active { --pf-c-button--m-warning--Color: var(--pf-c-button--m-warning--active--Color); --pf-c-button--m-warning--BackgroundColor: var(--pf-c-button--m-warning--active--BackgroundColor); } .pf-c-button.pf-m-control { --pf-c-button--BorderRadius: var(--pf-c-button--m-control--BorderRadius); --pf-c-button--disabled--BackgroundColor: var(--pf-c-button--m-control--disabled--BackgroundColor); --pf-c-button--after--BorderWidth: var(--pf-c-button--m-control--after--BorderWidth); --pf-c-button--after--BorderColor: var(--pf-c-button--m-control--after--BorderTopColor) var(--pf-c-button--m-control--after--BorderRightColor) var(--pf-c-button--m-control--after--BorderBottomColor) var(--pf-c-button--m-control--after--BorderLeftColor); color: var(--pf-c-button--m-control--Color); background-color: var(--pf-c-button--m-control--BackgroundColor); } .pf-c-button.pf-m-control::after { border-radius: initial; } .pf-c-button.pf-m-control:hover { --pf-c-button--m-control--Color: var(--pf-c-button--m-control--hover--Color); --pf-c-button--m-control--BackgroundColor: var(--pf-c-button--m-control--hover--BackgroundColor); --pf-c-button--m-control--after--BorderBottomColor: var(--pf-c-button--m-control--hover--after--BorderBottomColor); } .pf-c-button.pf-m-control:hover::after { border-bottom-width: var(--pf-c-button--m-control--hover--after--BorderBottomWidth); } .pf-c-button.pf-m-control:active, .pf-c-button.pf-m-control.pf-m-active { --pf-c-button--m-control--Color: var(--pf-c-button--m-control--active--Color); --pf-c-button--m-control--BackgroundColor: var(--pf-c-button--m-control--active--BackgroundColor); --pf-c-button--m-control--after--BorderBottomColor: var(--pf-c-button--m-control--active--after--BorderBottomColor); } .pf-c-button.pf-m-control:active::after, .pf-c-button.pf-m-control.pf-m-active::after { border-bottom-width: var(--pf-c-button--m-control--active--after--BorderBottomWidth); } .pf-c-button.pf-m-control:focus { --pf-c-button--m-control--Color: var(--pf-c-button--m-control--focus--Color); --pf-c-button--m-control--BackgroundColor: var(--pf-c-button--m-control--focus--BackgroundColor); --pf-c-button--m-control--after--BorderBottomColor: var(--pf-c-button--m-control--focus--after--BorderBottomColor); } .pf-c-button.pf-m-control:focus::after { border-bottom-width: var(--pf-c-button--m-control--focus--after--BorderBottomWidth); } .pf-c-button.pf-m-control.pf-m-expanded { --pf-c-button--m-control--Color: var(--pf-c-button--m-control--m-expanded--Color); --pf-c-button--m-control--BackgroundColor: var(--pf-c-button--m-control--m-expanded--BackgroundColor); --pf-c-button--m-control--after--BorderBottomColor: var(--pf-c-button--m-control--m-expanded--after--BorderBottomColor); } .pf-c-button.pf-m-control.pf-m-expanded::after { border-bottom-width: var(--pf-c-button--m-control--m-expanded--after--BorderBottomWidth); } .pf-c-button.pf-m-plain { --pf-c-button--disabled--Color: var(--pf-c-button--m-plain--disabled--Color); --pf-c-button--disabled--BackgroundColor: var(--pf-c-button--m-plain--disabled--BackgroundColor); color: var(--pf-c-button--m-plain--Color); background-color: var(--pf-c-button--m-plain--BackgroundColor); } .pf-c-button.pf-m-plain:hover { --pf-c-button--m-plain--Color: var(--pf-c-button--m-plain--hover--Color); --pf-c-button--m-plain--BackgroundColor: var(--pf-c-button--m-plain--hover--BackgroundColor); } .pf-c-button.pf-m-plain:active, .pf-c-button.pf-m-plain.pf-m-active { --pf-c-button--m-plain--Color: var(--pf-c-button--m-plain--active--Color); --pf-c-button--m-plain--BackgroundColor: var(--pf-c-button--m-plain--active--BackgroundColor); } .pf-c-button.pf-m-plain:focus { --pf-c-button--m-plain--Color: var(--pf-c-button--m-plain--focus--Color); --pf-c-button--m-plain--BackgroundColor: var(--pf-c-button--m-plain--focus--BackgroundColor); } .pf-c-button:disabled, .pf-c-button.pf-m-disabled { pointer-events: none; } .pf-c-button:disabled, .pf-c-button.pf-m-disabled, .pf-c-button.pf-m-aria-disabled { color: var(--pf-c-button--disabled--Color); background-color: var(--pf-c-button--disabled--BackgroundColor); } .pf-c-button:disabled::after, .pf-c-button.pf-m-disabled::after, .pf-c-button.pf-m-aria-disabled::after { border-color: var(--pf-c-button--disabled--after--BorderColor); } .pf-c-button:disabled .pf-c-badge, .pf-c-button.pf-m-disabled .pf-c-badge, .pf-c-button.pf-m-aria-disabled .pf-c-badge { --pf-c-badge--m-unread--Color: var(--pf-c-button--disabled__c-badge--Color); --pf-c-badge--m-unread--BackgroundColor: var(--pf-c-button--disabled__c-badge--BackgroundColor); --pf-c-button--m-primary__c-badge--BorderWidth: 0; } .pf-c-button.pf-m-aria-disabled { --pf-c-button--after--BorderWidth: 0; --pf-c-button--m-link--m-inline--hover--TextDecoration: none; cursor: default; } .pf-c-button.pf-m-progress { --pf-c-button--PaddingRight: var(--pf-c-button--m-progress--PaddingRight); --pf-c-button--PaddingLeft: var(--pf-c-button--m-progress--PaddingLeft); transition: var(--pf-c-button--m-progress--TransitionProperty) var(--pf-c-button--m-progress--TransitionDuration); } .pf-c-button.pf-m-in-progress { --pf-c-button--m-link--m-inline--PaddingLeft: var(--pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft); } .pf-c-button.pf-m-in-progress:not(.pf-m-plain) { --pf-c-button--PaddingRight: var(--pf-c-button--m-in-progress--PaddingRight); --pf-c-button--PaddingLeft: var(--pf-c-button--m-in-progress--PaddingLeft); } .pf-c-button.pf-m-in-progress.pf-m-plain { --pf-c-button--m-plain--Color: var(--pf-c-button--m-in-progress--m-plain--Color); --pf-c-button__progress--Left: var(--pf-c-button--m-in-progress--m-plain__progress--Left); --pf-c-button__progress--TranslateX: var(--pf-c-button--m-in-progress--m-plain__progress--TranslateX); } .pf-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-c-button__progress) { opacity: 0; } .pf-c-button__icon.pf-m-start { margin-right: var(--pf-c-button__icon--m-start--MarginRight); } .pf-c-button__icon.pf-m-end { margin-left: var(--pf-c-button__icon--m-end--MarginLeft); } .pf-c-button__progress { position: absolute; top: var(--pf-c-button__progress--Top); left: var(--pf-c-button__progress--Left); line-height: 1; transform: translate(var(--pf-c-button__progress--TranslateX), var(--pf-c-button__progress--TranslateY)); } .pf-c-button__progress .pf-c-spinner { --pf-c-spinner--Color: currentcolor; } .pf-c-button__count { display: inline-flex; align-items: center; margin-left: var(--pf-c-button__count--MarginLeft); } .pf-m-overpass-font .pf-c-button { --pf-c-button--FontWeight: var(--pf-global--FontWeight--semi-bold); } :where(.pf-theme-dark) .pf-c-button { --pf-c-button--disabled--Color: var(--pf-global--disabled-color--300); --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300); --pf-c-button--m-tertiary--after--BorderColor: var(--pf-global--BorderColor--100); --pf-c-button--m-tertiary--Color: var(--pf-global--palette--black-100); --pf-c-button--m-tertiary--hover--after--BorderColor: var(--pf-global--BorderColor--100); --pf-c-button--m-tertiary--hover--Color: var(--pf-global--palette--black-100); --pf-c-button--m-tertiary--focus--after--BorderColor: var(--pf-global--BorderColor--100); --pf-c-button--m-tertiary--focus--Color: var(--pf-global--palette--black-100); --pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--BorderColor--100); --pf-c-button--m-tertiary--active--Color: var(--pf-global--palette--black-100); --pf-c-button--m-warning--Color: var(--pf-global--palette--black-900); --pf-c-button--m-warning--hover--Color: var(--pf-global--palette--black-900); --pf-c-button--m-warning--focus--Color: var(--pf-global--palette--black-900); --pf-c-button--m-warning--active--Color: var(--pf-global--palette--black-900); --pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--warning-color--200); --pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--warning-color--200); --pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--warning-color--200); --pf-c-button--m-danger--Color: var(--pf-global--palette--black-900); --pf-c-button--m-danger--hover--Color: var(--pf-global--palette--black-900); --pf-c-button--m-danger--focus--Color: var(--pf-global--palette--black-900); --pf-c-button--m-danger--active--Color: var(--pf-global--palette--black-900); --pf-c-button--m-control--BackgroundColor: var(--pf-global--BackgroundColor--400); --pf-c-button--m-control--hover--BackgroundColor: var(--pf-global--BackgroundColor--400); --pf-c-button--m-control--active--BackgroundColor: var(--pf-global--BackgroundColor--400); --pf-c-button--m-control--focus--BackgroundColor: var(--pf-global--BackgroundColor--400); --pf-c-button--m-control--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--400); --pf-c-button--m-control--after--BorderTopColor: transparent; --pf-c-button--m-control--after--BorderRightColor: transparent; --pf-c-button--m-control--after--BorderBottomColor: var(--pf-global--BorderColor--400); --pf-c-button--m-control--after--BorderLeftColor: transparent; --pf-c-button--m-control--hover--after--BorderBottomColor: var(--pf-global--primary-color--100); --pf-c-button--m-control--active--after--BorderBottomColor: var(--pf-global--primary-color--100); --pf-c-button--m-control--focus--after--BorderBottomColor: var(--pf-global--primary-color--100); --pf-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-global--primary-color--100); --pf-c-button--m-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200); --pf-c-button--m-primary__c-badge--BorderColor: var(--pf-global--Color--100); } :where(.pf-theme-dark) .pf-c-button.pf-m-control:disabled::after { border: 0; border-bottom: var(--pf-global--BorderWidth--sm) solid var(--pf-global--palette--black-700); } /* css-process:/home/authentik/authentik/web/node_modules/@patternfly/patternfly/components/Form/form.css */ .pf-c-form { --pf-c-form--GridGap: var(--pf-global--gutter--md); --pf-c-form__group--m-action--MarginTop: var(--pf-global--spacer--xl); --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem; --pf-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-global--spacer--md); --pf-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr; --pf-c-form--m-limit-width--MaxWidth: 55rem; --pf-c-form--m-horizontal__group-label--md--PaddingTop: calc((((((var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md)) + (2 * var(--pf-global--BorderWidth--sm))) - var(--pf-global--FontSize--md)) / 2) + var(--pf-global--FontSize--md)) - ((((var(--pf-global--FontSize--sm) * var(--pf-global--LineHeight--sm)) - var(--pf-global--FontSize--sm)) / 2) + var(--pf-global--FontSize--sm)) + var(--pf-global--BorderWidth--sm)); --pf-c-form__group-label--PaddingBottom: var(--pf-global--spacer--sm); --pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop: 0; --pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-global--FontSize--sm) * var(--pf-global--LineHeight--sm)) - var(--pf-global--FontSize--sm)) / 2) + var(--pf-global--FontSize--sm)) - ((((var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--sm)) - var(--pf-global--FontSize--md)) / 2) + var(--pf-global--FontSize--md))); --pf-c-form__label--FontSize: var(--pf-global--FontSize--sm); --pf-c-form__label--LineHeight: var(--pf-global--LineHeight--sm); --pf-c-form__label--m-disabled--Color: var(--pf-global--disabled-color--100); --pf-c-form__label--hover--Cursor: pointer; --pf-c-form__label--m-disabled--hover--Cursor: not-allowed; --pf-c-form__label-text--FontWeight: var(--pf-global--FontWeight--bold); --pf-c-form__label-required--MarginLeft: var(--pf-global--spacer--xs); --pf-c-form__label-required--FontSize: var(--pf-global--FontSize--sm); --pf-c-form__label-required--Color: var(--pf-global--danger-color--100); --pf-c-form__group-label-help--PaddingTop: var(--pf-global--spacer--xs); --pf-c-form__group-label-help--PaddingRight: var(--pf-global--spacer--xs); --pf-c-form__group-label-help--PaddingBottom: var(--pf-global--spacer--xs); --pf-c-form__group-label-help--PaddingLeft: var(--pf-global--spacer--xs); --pf-c-form__group-label-help--MarginTop: calc(var(--pf-c-form__group-label-help--PaddingTop) * -1); --pf-c-form__group-label-help--MarginRight: calc(var(--pf-c-form__group-label-help--PaddingRight) * -1); --pf-c-form__group-label-help--MarginBottom: calc(var(--pf-c-form__group-label-help--PaddingBottom) * -1); --pf-c-form__group-label-help--MarginLeft: calc(var(--pf-c-form__group-label-help--PaddingLeft) * -1 + var(--pf-global--spacer--xs)); --pf-c-form__group-label-help--FontSize: var(--pf-global--FontSize--sm); --pf-c-form__group-label-help--TranslateY: 0.125rem; --pf-c-form__group-label-help--Color: var(--pf-global--Color--200); --pf-c-form__group-label-help--hover--Color: var(--pf-global--Color--100); --pf-c-form__group-label-help--focus--Color: var(--pf-global--Color--100); --pf-c-form__group-label-info--MarginLeft: var(--pf-global--spacer--sm); --pf-c-form__group-label-info--FontSize: var(--pf-global--FontSize--sm); --pf-c-form__group-control--m-inline--child--MarginRight: var(--pf-global--spacer--lg); --pf-c-form__group-control__helper-text--MarginBottom: var(--pf-global--spacer--xs); --pf-c-grid__group-control--m-stack--Gap: var(--pf-global--spacer--sm); --pf-c-grid__group-control--m-stack__helper-text--MarginTop: calc(var(--pf-c-grid__group-control--m-stack--Gap) * -1 + var(--pf-c-form__helper-text--MarginTop--base)); --pf-c-form__actions--child--MarginTop: var(--pf-global--spacer--sm); --pf-c-form__actions--child--MarginRight: var(--pf-global--spacer--sm); --pf-c-form__actions--child--MarginBottom: var(--pf-global--spacer--sm); --pf-c-form__actions--child--MarginLeft: var(--pf-global--spacer--sm); --pf-c-form__actions--MarginTop: calc(var(--pf-c-form__actions--child--MarginTop) * -1); --pf-c-form__actions--MarginRight: calc(var(--pf-c-form__actions--child--MarginRight) * -1); --pf-c-form__actions--MarginBottom: calc(var(--pf-c-form__actions--child--MarginBottom) * -1); --pf-c-form__actions--MarginLeft: calc(var(--pf-c-form__actions--child--MarginLeft) * -1); --pf-c-form__helper-text--MarginTop--base: var(--pf-global--spacer--xs); --pf-c-form__helper-text--MarginTop: var(--pf-c-form__helper-text--MarginTop--base); --pf-c-form__helper-text--FontSize: var(--pf-global--FontSize--sm); --pf-c-form__helper-text--Color: var(--pf-global--Color--100); --pf-c-form__helper-text-icon--FontSize: var(--pf-global--FontSize--md); --pf-c-form__helper-text-icon--MarginRight: var(--pf-global--spacer--xs); --pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--200); --pf-c-form__helper-text--m-warning--Color: var(--pf-global--warning-color--200); --pf-c-form__helper-text--m-error--Color: var(--pf-global--danger-color--100); --pf-c-form__section--MarginTop: var(--pf-global--spacer--xl); --pf-c-form__section--Gap: var(--pf-global--gutter--md); --pf-c-form__section-title--FontSize: var(--pf-global--FontSize--lg); --pf-c-form__section-title--FontWeight: var(--pf-global--FontWeight--bold); --pf-c-form__section-title--MarginBottom: calc(var(--pf-global--spacer--sm) * -1); --pf-c-form__field-group--border-width-base: var(--pf-global--BorderWidth--sm); --pf-c-form__field-group--BorderTopWidth: var(--pf-c-form__field-group--border-width-base); --pf-c-form__field-group--BorderTopColor: var(--pf-global--BorderColor--100); --pf-c-form__field-group--BorderBottomWidth: var(--pf-c-form__field-group--border-width-base); --pf-c-form__field-group--BorderBottomColor: var(--pf-global--BorderColor--100); --pf-c-form__field-group--field-group--MarginTop: calc(var(--pf-c-form--GridGap) * -1); --pf-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-global--spacer--md) * 2 + var(--pf-c-form__field-group-toggle-icon--MinWidth) + var(--pf-global--spacer--xs)); --pf-c-form__field-group-toggle--PaddingTop: var(--pf-global--spacer--md); --pf-c-form__field-group-toggle--PaddingRight: var(--pf-global--spacer--xs); --pf-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(--pf-global--spacer--lg); --pf-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-global--BorderWidth--sm); --pf-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderTopWidth: var(--pf-c-form__field-group-header-toggle--BorderWidth--base); --pf-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-global--spacer--form-element) * -1); --pf-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1); --pf-c-form__field-group-toggle-icon--Transition: var(--pf-global--Transition); --pf-c-form__field-group-toggle-icon--MinWidth: var(--pf-global--FontSize--md); --pf-c-form__field-group-toggle-icon--Rotate: 0; --pf-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg; --pf-c-form__field-group-header--PaddingTop: var(--pf-global--spacer--md); --pf-c-form__field-group-header--PaddingBottom: var(--pf-global--spacer--md); --pf-c-form__field-group-header--GridColumn: 1 / 3; --pf-c-form__field-group__field-group__field-group-header--PaddingTop: var(--pf-global--spacer--lg); --pf-c-form__field-group__field-group__field-group-header--PaddingBottom: var(--pf-global--spacer--lg); --pf-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3; --pf-c-form__field-group__field-group--field-group__field-group-header--after--BorderTopWidth: var(--pf-c-form__field-group-header-toggle--BorderWidth--base); --pf-c-form__field-group-header-description--MarginTop: var(--pf-global--spacer--xs); --pf-c-form__field-group-header-description--Color: var(--pf-global--Color--200); --pf-c-form__field-group-header-actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1); --pf-c-form__field-group-header-actions--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1); --pf-c-form__field-group-header-actions--MarginLeft: var(--pf-global--spacer--sm); --pf-c-form__field-group-body--PaddingTop: var(--pf-global--spacer--lg); --pf-c-form__field-group-body--PaddingBottom: var(--pf-global--spacer--lg); --pf-c-form__field-group-body--Gap: var(--pf-c-form--GridGap); --pf-c-form__field-group-body--GridColumn: 2 / 3; --pf-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3; --pf-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3; --pf-c-form__field-group-body__field-group--last-child--MarginBottom: calc(var(--pf-c-form__field-group-body--PaddingBottom) * -1); display: grid; gap: var(--pf-c-form--GridGap); } .pf-c-form.pf-m-horizontal.pf-m-align-right .pf-c-form__label { text-align: right; } @media screen and (min-width: 768px) { .pf-c-form.pf-m-horizontal { --pf-c-form__group-label--PaddingBottom: 0; } .pf-c-form.pf-m-horizontal .pf-c-form__group { display: grid; grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap); grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth); } .pf-c-form.pf-m-horizontal .pf-c-form__group-label { padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop); } .pf-c-form.pf-m-horizontal .pf-c-form__group-label.pf-m-no-padding-top { --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop); transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)); } .pf-c-form.pf-m-horizontal .pf-c-form__group-control { grid-column: 2; } } @media screen and (min-width: 0) { .pf-c-form.pf-m-horizontal-on-xs { --pf-c-form__group-label--PaddingBottom: 0; } .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group { display: grid; grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap); grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth); } .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label { padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop); } .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label.pf-m-no-padding-top { --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop); transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)); } .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-control { grid-column: 2; } } @media (min-width: 576px) { .pf-c-form.pf-m-horizontal-on-sm { --pf-c-form__group-label--PaddingBottom: 0; } .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group { display: grid; grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap); grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth); } .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label { padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop); } .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label.pf-m-no-padding-top { --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop); transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)); } .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-control { grid-column: 2; } } @media (min-width: 768px) { .pf-c-form.pf-m-horizontal-on-md { --pf-c-form__group-label--PaddingBottom: 0; } .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group { display: grid; grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap); grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth); } .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label { padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop); } .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label.pf-m-no-padding-top { --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop); transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)); } .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-control { grid-column: 2; } } @media (min-width: 992px) { .pf-c-form.pf-m-horizontal-on-lg { --pf-c-form__group-label--PaddingBottom: 0; } .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group { display: grid; grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap); grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth); } .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label { padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop); } .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label.pf-m-no-padding-top { --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop); transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)); } .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-control { grid-column: 2; } } @media (min-width: 1200px) { .pf-c-form.pf-m-horizontal-on-xl { --pf-c-form__group-label--PaddingBottom: 0; } .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group { display: grid; grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap); grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth); } .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label { padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop); } .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label.pf-m-no-padding-top { --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop); transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)); } .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-control { grid-column: 2; } } @media (min-width: 1450px) { .pf-c-form.pf-m-horizontal-on-2xl { --pf-c-form__group-label--PaddingBottom: 0; } .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group { display: grid; grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap); grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth); } .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label { padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop); } .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label.pf-m-no-padding-top { --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop); transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)); } .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-control { grid-column: 2; } } .pf-c-form.pf-m-limit-width { max-width: var(--pf-c-form--m-limit-width--MaxWidth); } .pf-c-form__group.pf-m-action { margin-top: var(--pf-c-form__group--m-action--MarginTop); overflow: hidden; } .pf-c-form__section { display: grid; gap: var(--pf-c-form__section--Gap); } .pf-c-form__section + .pf-c-form__group:not(.pf-m-action), .pf-c-form__section:not(:first-child) { margin-top: var(--pf-c-form__section--MarginTop); } .pf-c-form__section-title { margin-bottom: var(--pf-c-form__section-title--MarginBottom); font-size: var(--pf-c-form__section-title--FontSize); font-weight: var(--pf-c-form__section-title--FontWeight); } .pf-c-form__group-label { --pf-c-form__helper-text--MarginTop: 0; padding-bottom: var(--pf-c-form__group-label--PaddingBottom); } .pf-c-form__group-label.pf-m-info { display: flex; align-items: flex-end; } .pf-c-form__group-label-main { flex-grow: 1; } .pf-c-form__group-label-info { margin-left: var(--pf-c-form__group-label-info--MarginLeft); font-size: var(--pf-c-form__group-label-info--FontSize); } .pf-c-form__label { font-size: var(--pf-c-form__label--FontSize); line-height: var(--pf-c-form__label--LineHeight); } .pf-c-form__label::selection { background-color: none; } .pf-c-form__label:not(.pf-m-disabled):hover { cursor: var(--pf-c-form__label--hover--Cursor); } .pf-c-form__label.pf-m-disabled { color: var(--pf-c-form__label--m-disabled--Color); } .pf-c-form__label.pf-m-disabled:hover { cursor: var(--pf-c-form__label--m-disabled--hover--Cursor); } .pf-c-form__label-text { font-weight: var(--pf-c-form__label-text--FontWeight); } .pf-c-form__label-required { margin-left: var(--pf-c-form__label-required--MarginLeft); font-size: var(--pf-c-form__label-required--FontSize); color: var(--pf-c-form__label-required--Color); } .pf-c-form__group-label-help { padding-top: var(--pf-c-form__group-label-help--PaddingTop); padding-right: var(--pf-c-form__group-label-help--PaddingRight); padding-bottom: var(--pf-c-form__group-label-help--PaddingBottom); padding-left: var(--pf-c-form__group-label-help--PaddingLeft); margin-top: var(--pf-c-form__group-label-help--MarginTop); margin-right: var(--pf-c-form__group-label-help--MarginRight); margin-bottom: var(--pf-c-form__group-label-help--MarginBottom); margin-left: var(--pf-c-form__group-label-help--MarginLeft); font-size: var(--pf-c-form__group-label-help--FontSize); line-height: 1; color: var(--pf-c-form__group-label-help--Color); cursor: pointer; border: 0; transform: translateY(var(--pf-c-form__group-label-help--TranslateY)); } .pf-c-form__group-label-help:hover { --pf-c-form__group-label-help--Color: var(--pf-c-form__group-label-help--hover--Color); } .pf-c-form__group-label-help:focus-within { --pf-c-form__group-label-help--Color: var(--pf-c-form__group-label-help--focus--Color); } .pf-c-form__group-control.pf-m-inline { display: flex; flex-flow: row wrap; } .pf-c-form__group-control.pf-m-inline > * { margin-right: var(--pf-c-form__group-control--m-inline--child--MarginRight); } .pf-c-form__group-control.pf-m-inline > :last-child { --pf-c-form__group-control--m-inline--child--MarginRight: 0; } .pf-c-form__group-control.pf-m-stack { display: grid; gap: var(--pf-c-grid__group-control--m-stack--Gap); --pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop); } .pf-c-form__group-control .pf-c-form__helper-text:first-child { --pf-c-form__helper-text--MarginTop: 0; margin-bottom: var(--pf-c-form__group-control__helper-text--MarginBottom); } .pf-c-form__helper-text { margin-top: var(--pf-c-form__helper-text--MarginTop); font-size: var(--pf-c-form__helper-text--FontSize); color: var(--pf-c-form__helper-text--Color); } .pf-c-form__helper-text.pf-m-error { --pf-c-form__helper-text--Color: var(--pf-c-form__helper-text--m-error--Color); } .pf-c-form__helper-text.pf-m-success { --pf-c-form__helper-text--Color: var(--pf-c-form__helper-text--m-success--Color); } .pf-c-form__helper-text.pf-m-warning { --pf-c-form__helper-text--Color: var(--pf-c-form__helper-text--m-warning--Color); } .pf-c-form__helper-text.pf-m-inactive { display: none; visibility: hidden; } .pf-c-form__helper-text.pf-m-hidden { visibility: hidden; opacity: 0; } .pf-c-form__helper-text-icon { margin-right: var(--pf-c-form__helper-text-icon--MarginRight); font-size: var(--pf-c-form__helper-text-icon--FontSize); } .pf-c-form__fieldset { border: 0; } .pf-c-form__actions { display: flex; flex-wrap: wrap; margin-top: var(--pf-c-form__actions--MarginTop); margin-right: var(--pf-c-form__actions--MarginRight); margin-bottom: var(--pf-c-form__actions--MarginBottom); margin-left: var(--pf-c-form__actions--MarginLeft); } .pf-c-form__actions > * { margin-top: var(--pf-c-form__actions--child--MarginTop); margin-right: var(--pf-c-form__actions--child--MarginRight); margin-bottom: var(--pf-c-form__actions--child--MarginBottom); margin-left: var(--pf-c-form__actions--child--MarginLeft); } .pf-c-form__field-group { --pf-c-form__field-group--BorderTopWidth: var(--pf-c-form__field-group--border-width-base); display: grid; grid-template-columns: minmax(var(--pf-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr; border-top: var(--pf-c-form__field-group--BorderTopWidth) solid var(--pf-c-form__field-group--BorderTopColor); border-bottom: var(--pf-c-form__field-group--BorderBottomWidth) solid var(--pf-c-form__field-group--BorderBottomColor); } .pf-c-form__field-group:last-child { --pf-c-form__field-group--BorderBottomWidth: 0; } .pf-c-form__field-group + .pf-c-form__field-group, .pf-c-form__field-group:first-child { --pf-c-form__field-group--BorderTopWidth: 0; } .pf-c-form__field-group + .pf-c-form__field-group { margin-top: var(--pf-c-form__field-group--field-group--MarginTop); } .pf-c-form__field-group .pf-c-form__field-group { --pf-c-form__field-group-body--GridColumn: var(--pf-c-form__field-group__field-group__field-group-body--GridColumn); --pf-c-form__field-group-toggle--PaddingTop: var(--pf-c-form__field-group__field-group__field-group-toggle--PaddingTop); --pf-c-form__field-group-header--PaddingTop: var(--pf-c-form__field-group__field-group__field-group-header--PaddingTop); --pf-c-form__field-group-header--PaddingBottom: var(--pf-c-form__field-group__field-group__field-group-header--PaddingBottom); --pf-c-form__field-group-body--PaddingTop: 0; } .pf-c-form__field-group .pf-c-form__field-group .pf-c-form__field-group-toggle ~ .pf-c-form__field-group-body { --pf-c-form__field-group-body--GridColumn: var(--pf-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn); } .pf-c-form__field-group.pf-m-expanded > .pf-c-form__field-group-toggle { --pf-c-form__field-group-toggle-icon--Rotate: var(--pf-c-form__field-group--m-expanded__toggle-icon--Rotate); } .pf-c-form__field-group-toggle { grid-column: 1/2; grid-row: 1/2; padding-top: var(--pf-c-form__field-group-toggle--PaddingTop); padding-right: var(--pf-c-form__field-group-toggle--PaddingRight); } .pf-c-form__field-group-toggle + .pf-c-form__field-group-header { --pf-c-form__field-group-header--GridColumn: var(--pf-c-form__field-group-toggle--field-group-header--GridColumn); } .pf-c-form__field-group-toggle-button { margin-top: var(--pf-c-form__field-group-toggle-button--MarginTop); margin-bottom: var(--pf-c-form__field-group-toggle-button--MarginBottom); } .pf-c-form__field-group-toggle-icon { display: inline-block; min-width: var(--pf-c-form__field-group-toggle-icon--MinWidth); text-align: center; transition: var(--pf-c-form__field-group-toggle-icon--Transition); transform: rotate(var(--pf-c-form__field-group-toggle-icon--Rotate)); } .pf-c-form__field-group-header { grid-column: var(--pf-c-form__field-group-header--GridColumn); grid-row: 1/2; display: flex; align-items: flex-start; padding-top: var(--pf-c-form__field-group-header--PaddingTop); padding-bottom: var(--pf-c-form__field-group-header--PaddingBottom); } .pf-c-form__field-group-header-main { display: flex; flex-direction: column; flex-grow: 1; } .pf-c-form__field-group-header-title { display: flex; } .pf-c-form__field-group-header-title-text { flex-grow: 1; } .pf-c-form__field-group-header-description { margin-top: var(--pf-c-form__field-group-header-description--MarginTop); color: var(--pf-c-form__field-group-header-description--Color); } .pf-c-form__field-group-header-actions { margin-top: var(--pf-c-form__field-group-header-actions--MarginTop); margin-bottom: var(--pf-c-form__field-group-header-actions--MarginBottom); margin-left: var(--pf-c-form__field-group-header-actions--MarginLeft); white-space: nowrap; } .pf-c-form__field-group-body { grid-column: var(--pf-c-form__field-group-body--GridColumn); display: grid; gap: var(--pf-c-form__field-group-body--Gap); padding-top: var(--pf-c-form__field-group-body--PaddingTop); padding-bottom: var(--pf-c-form__field-group-body--PaddingBottom); } .pf-c-form__field-group-body > .pf-c-form__field-group:first-child { --pf-c-form__field-group-toggle--PaddingTop: 0; --pf-c-form__field-group-header--PaddingTop: 0; } .pf-c-form__field-group-body > .pf-c-form__field-group:last-child { margin-bottom: var(--pf-c-form__field-group-body__field-group--last-child--MarginBottom); } :where(.pf-theme-dark) .pf-c-form { --pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--100); } /* css-process:/home/authentik/authentik/web/node_modules/@patternfly/patternfly/components/Drawer/drawer.css */ .pf-c-drawer { --pf-c-drawer__section--BackgroundColor: var(--pf-global--BackgroundColor--100); --pf-c-drawer__section--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200); --pf-c-drawer__content--FlexBasis: 100%; --pf-c-drawer__content--BackgroundColor: var(--pf-global--BackgroundColor--100); --pf-c-drawer__content--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200); --pf-c-drawer__content--ZIndex: var(--pf-global--ZIndex--xs); --pf-c-drawer__panel--MinWidth: 50%; --pf-c-drawer__panel--MaxHeight: auto; --pf-c-drawer__panel--ZIndex: var(--pf-global--ZIndex--sm); --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--100); --pf-c-drawer__panel--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200); --pf-c-drawer__panel--TransitionDuration: var(--pf-global--TransitionDuration); --pf-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis; --pf-c-drawer__panel--FlexBasis: 100%; --pf-c-drawer__panel--md--FlexBasis--min: 1.5rem; --pf-c-drawer__panel--md--FlexBasis: 50%; --pf-c-drawer__panel--md--FlexBasis--max: 100%; --pf-c-drawer__panel--xl--MinWidth: 28.125rem; --pf-c-drawer__panel--xl--FlexBasis: 28.125rem; --pf-c-drawer--m-panel-bottom__panel--md--MinHeight: 50%; --pf-c-drawer--m-panel-bottom__panel--xl--MinHeight: 18.75rem; --pf-c-drawer--m-panel-bottom__panel--xl--FlexBasis: 18.75rem; --pf-c-drawer__panel--m-resizable--FlexDirection: row; --pf-c-drawer__panel--m-resizable--md--FlexBasis--min: var(--pf-c-drawer__splitter--m-vertical--Width); --pf-c-drawer__panel--m-resizable--MinWidth: 1.5rem; --pf-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column; --pf-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem; --pf-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem; --pf-c-drawer--child--PaddingTop: var(--pf-global--spacer--md); --pf-c-drawer--child--PaddingRight: var(--pf-global--spacer--md); --pf-c-drawer--child--PaddingBottom: var(--pf-global--spacer--md); --pf-c-drawer--child--PaddingLeft: var(--pf-global--spacer--md); --pf-c-drawer--child--md--PaddingTop: var(--pf-global--spacer--lg); --pf-c-drawer--child--md--PaddingRight: var(--pf-global--spacer--lg); --pf-c-drawer--child--md--PaddingBottom: var(--pf-global--spacer--lg); --pf-c-drawer--child--md--PaddingLeft: var(--pf-global--spacer--lg); --pf-c-drawer--child--m-padding--PaddingTop: var(--pf-global--spacer--md); --pf-c-drawer--child--m-padding--PaddingRight: var(--pf-global--spacer--md); --pf-c-drawer--child--m-padding--PaddingBottom: var(--pf-global--spacer--md); --pf-c-drawer--child--m-padding--PaddingLeft: var(--pf-global--spacer--md); --pf-c-drawer--child--m-padding--md--PaddingTop: var(--pf-global--spacer--lg); --pf-c-drawer--child--m-padding--md--PaddingRight: var(--pf-global--spacer--lg); --pf-c-drawer--child--m-padding--md--PaddingBottom: var(--pf-global--spacer--lg); --pf-c-drawer--child--m-padding--md--PaddingLeft: var(--pf-global--spacer--lg); --pf-c-drawer__content--child--PaddingTop: 0; --pf-c-drawer__content--child--PaddingRight: 0; --pf-c-drawer__content--child--PaddingBottom: 0; --pf-c-drawer__content--child--PaddingLeft: 0; --pf-c-drawer__splitter--Height: 0.5625rem; --pf-c-drawer__splitter--Width: 100%; --pf-c-drawer__splitter--BackgroundColor: var(--pf-global--BackgroundColor--100); --pf-c-drawer__splitter--Cursor: row-resize; --pf-c-drawer__splitter--m-vertical--Height: 100%; --pf-c-drawer__splitter--m-vertical--Width: 0.5625rem; --pf-c-drawer__splitter--m-vertical--Cursor: col-resize; --pf-c-drawer--m-inline__splitter--focus--OutlineOffset: -0.0625rem; --pf-c-drawer__splitter--after--BorderColor: var(--pf-global--BorderColor--100); --pf-c-drawer__splitter--after--border-width--base: var(--pf-global--BorderWidth--sm); --pf-c-drawer__splitter--after--BorderTopWidth: 0; --pf-c-drawer__splitter--after--BorderRightWidth: var(--pf-c-drawer__splitter--after--border-width--base); --pf-c-drawer__splitter--after--BorderBottomWidth: 0; --pf-c-drawer__splitter--after--BorderLeftWidth: 0; --pf-c-drawer--m-panel-left__splitter--after--BorderLeftWidth: var(--pf-c-drawer__splitter--after--border-width--base); --pf-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth: var(--pf-c-drawer__splitter--after--border-width--base); --pf-c-drawer--m-inline__splitter--m-vertical--Width: 0.625rem; --pf-c-drawer--m-inline__splitter-handle--Left: 50%; --pf-c-drawer--m-inline__splitter--after--BorderRightWidth: var(--pf-c-drawer__splitter--after--border-width--base); --pf-c-drawer--m-inline__splitter--after--BorderLeftWidth: var(--pf-c-drawer__splitter--after--border-width--base); --pf-c-drawer--m-inline--m-panel-bottom__splitter--Height: 0.625rem; --pf-c-drawer--m-inline--m-panel-bottom__splitter-handle--Top: 50%; --pf-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderTopWidth: var(--pf-c-drawer__splitter--after--border-width--base); --pf-c-drawer__splitter-handle--Top: 50%; --pf-c-drawer__splitter-handle--Left: calc(50% - var(--pf-c-drawer__splitter--after--border-width--base)); --pf-c-drawer--m-panel-left__splitter-handle--Left: 50%; --pf-c-drawer--m-panel-bottom__splitter-handle--Top: calc(50% - var(--pf-c-drawer__splitter--after--border-width--base)); --pf-c-drawer__splitter-handle--after--BorderColor: var(--pf-global--Color--200); --pf-c-drawer__splitter-handle--after--BorderTopWidth: var(--pf-global--BorderWidth--sm); --pf-c-drawer__splitter-handle--after--BorderRightWidth: 0; --pf-c-drawer__splitter-handle--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm); --pf-c-drawer__splitter-handle--after--BorderLeftWidth: 0; --pf-c-drawer__splitter--hover__splitter-handle--after--BorderColor: var(--pf-global--Color--100); --pf-c-drawer__splitter--focus__splitter-handle--after--BorderColor: var(--pf-global--Color--100); --pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderTopWidth: 0; --pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth: var(--pf-global--BorderWidth--sm); --pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth: 0; --pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth: var(--pf-global--BorderWidth--sm); --pf-c-drawer__splitter-handle--after--Width: 0.75rem; --pf-c-drawer__splitter-handle--after--Height: 0.25rem; --pf-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem; --pf-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem; --pf-c-drawer__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1); --pf-c-drawer__actions--MarginRight: calc(var(--pf-global--spacer--form-element) * -1); --pf-c-drawer__panel--BoxShadow: none; --pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-global--BoxShadow--lg-left); --pf-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-global--BoxShadow--lg-right); --pf-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-global--BoxShadow--lg-top); --pf-c-drawer__panel--after--Width: var(--pf-global--BorderWidth--sm); --pf-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-global--BorderWidth--sm); --pf-c-drawer__panel--after--BackgroundColor: transparent; --pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-global--BorderColor--100); --pf-c-drawer--m-inline__panel--PaddingLeft: var(--pf-c-drawer__panel--after--Width); --pf-c-drawer--m-panel-left--m-inline__panel--PaddingRight: var(--pf-c-drawer__panel--after--Width); --pf-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop: var(--pf-c-drawer__panel--after--Width); display: flex; flex-direction: column; height: 100%; overflow-x: hidden; } @media screen and (min-width: 768px) { .pf-c-drawer { --pf-c-drawer--child--PaddingTop: var(--pf-c-drawer--child--md--PaddingTop); --pf-c-drawer--child--PaddingRight: var(--pf-c-drawer--child--md--PaddingRight); --pf-c-drawer--child--PaddingBottom: var(--pf-c-drawer--child--md--PaddingBottom); --pf-c-drawer--child--PaddingLeft: var(--pf-c-drawer--child--md--PaddingLeft); --pf-c-drawer--child--m-padding--PaddingTop: var(--pf-c-drawer--child--m-padding--md--PaddingTop); --pf-c-drawer--child--m-padding--PaddingRight: var(--pf-c-drawer--child--m-padding--md--PaddingRight); --pf-c-drawer--child--m-padding--PaddingBottom: var(--pf-c-drawer--child--m-padding--md--PaddingBottom); --pf-c-drawer--child--m-padding--PaddingLeft: var(--pf-c-drawer--child--m-padding--md--PaddingLeft); } } @media screen and (min-width: 1200px) { .pf-c-drawer { --pf-c-drawer__panel--MinWidth: var(--pf-c-drawer__panel--xl--MinWidth); } .pf-c-drawer.pf-m-panel-bottom { --pf-c-drawer__panel--MinWidth: auto; --pf-c-drawer__panel--MinHeight: var(--pf-c-drawer--m-panel-bottom__panel--xl--MinHeight); } } .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) { padding-left: var(--pf-c-drawer--m-inline__panel--PaddingLeft); } .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { order: 0; margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1); transform: translateX(-100%); } .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__content { order: 1; } .pf-c-drawer.pf-m-panel-bottom > .pf-c-drawer__main { flex-direction: column; } .pf-c-drawer.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(-100%); } .pf-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-expanded.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translate(0, -100%); } .pf-c-drawer.pf-m-resizing { --pf-c-drawer__panel--TransitionProperty: none; pointer-events: none; } .pf-c-drawer.pf-m-resizing .pf-c-drawer__splitter { pointer-events: auto; } .pf-c-drawer__section { flex-grow: 0; background-color: var(--pf-c-drawer__section--BackgroundColor); } .pf-c-drawer__section.pf-m-no-background { --pf-c-drawer__section--BackgroundColor: transparent; } .pf-c-drawer__section.pf-m-light-200 { --pf-c-drawer__section--BackgroundColor: var(--pf-c-drawer__section--m-light-200--BackgroundColor); } .pf-c-drawer__main { display: flex; flex: 1; overflow: hidden; } .pf-c-drawer__content, .pf-c-drawer__panel, .pf-c-drawer__panel-main { display: flex; flex-direction: column; flex-shrink: 0; overflow: auto; } .pf-c-drawer__content { z-index: var(--pf-c-drawer__content--ZIndex); flex-basis: var(--pf-c-drawer__content--FlexBasis); order: 0; background-color: var(--pf-c-drawer__content--BackgroundColor); } .pf-c-drawer__content.pf-m-no-background { --pf-c-drawer__content--BackgroundColor: transparent; } .pf-c-drawer__content.pf-m-light-200 { --pf-c-drawer__content--BackgroundColor: var(--pf-c-drawer__content--m-light-200--BackgroundColor); } .pf-c-drawer__content > .pf-c-drawer__body { padding: var(--pf-c-drawer__content--child--PaddingTop) var(--pf-c-drawer__content--child--PaddingRight) var(--pf-c-drawer__content--child--PaddingBottom) var(--pf-c-drawer__content--child--PaddingLeft); } .pf-c-drawer__panel { position: relative; z-index: var(--pf-c-drawer__panel--ZIndex); flex-basis: var(--pf-c-drawer__panel--FlexBasis); order: 1; max-height: var(--pf-c-drawer__panel--MaxHeight); overflow: auto; background-color: var(--pf-c-drawer__panel--BackgroundColor); box-shadow: var(--pf-c-drawer__panel--BoxShadow); transition-duration: var(--pf-c-drawer__panel--TransitionDuration); transition-property: var(--pf-c-drawer__panel--TransitionProperty); -webkit-overflow-scrolling: touch; } .pf-c-drawer__panel::after { position: absolute; top: 0; left: 0; width: var(--pf-c-drawer__panel--after--Width); height: 100%; content: ""; background-color: var(--pf-c-drawer__panel--after--BackgroundColor); } .pf-c-drawer__panel.pf-m-no-background { --pf-c-drawer__panel--BackgroundColor: transparent; } .pf-c-drawer__panel.pf-m-light-200 { --pf-c-drawer__panel--BackgroundColor: var(--pf-c-drawer__panel--m-light-200--BackgroundColor); } @media screen and (min-width: 768px) { .pf-c-drawer__panel { --pf-c-drawer__panel--FlexBasis: max( var(--pf-c-drawer__panel--md--FlexBasis--min), min(var(--pf-c-drawer__panel--md--FlexBasis), var(--pf-c-drawer__panel--md--FlexBasis--max)) ); } } @media screen and (min-width: 1200px) { .pf-c-drawer__panel { --pf-c-drawer__panel--md--FlexBasis: var(--pf-c-drawer__panel--xl--FlexBasis); } .pf-c-drawer.pf-m-panel-bottom .pf-c-drawer__panel { --pf-c-drawer__panel--md--FlexBasis: var(--pf-c-drawer--m-panel-bottom__panel--xl--FlexBasis); } } .pf-c-drawer__panel-main { flex-grow: 1; } @keyframes pf-remove-tab-focus { to { visibility: hidden; } } .pf-c-drawer__panel[hidden] { animation-name: pf-remove-tab-focus; animation-delay: var(--pf-c-drawer__panel--TransitionDuration); animation-fill-mode: forwards; } .pf-c-drawer__head { display: grid; grid-template-columns: auto; grid-auto-columns: max-content; } .pf-c-drawer__head > * { grid-column: 1; } .pf-c-drawer__actions { grid-column: 2; grid-row: 1; display: flex; align-self: baseline; margin-top: var(--pf-c-drawer__actions--MarginTop); margin-right: var(--pf-c-drawer__actions--MarginRight); } .pf-c-drawer__body { min-height: 0; padding: var(--pf-c-drawer--child--PaddingTop) var(--pf-c-drawer--child--PaddingRight) var(--pf-c-drawer--child--PaddingBottom) var(--pf-c-drawer--child--PaddingLeft); } .pf-c-drawer__body.pf-m-no-padding { padding: 0; } .pf-c-drawer__body.pf-m-no-padding > .pf-c-drawer__actions, .pf-c-drawer__body.pf-m-no-padding > .pf-c-drawer__head > .pf-c-drawer__actions { margin-top: 0; margin-right: 0; } .pf-c-drawer__body.pf-m-padding { padding: var(--pf-c-drawer--child--m-padding--PaddingTop) var(--pf-c-drawer--child--m-padding--PaddingRight) var(--pf-c-drawer--child--m-padding--PaddingBottom) var(--pf-c-drawer--child--m-padding--PaddingLeft); } .pf-c-drawer__body:not(.pf-m-no-padding) + * { padding-top: 0; } .pf-c-drawer__body:last-child { flex: 1 1; } .pf-c-drawer__body > .pf-c-page__main { height: 100%; } .pf-c-drawer__splitter { position: relative; display: none; width: var(--pf-c-drawer__splitter--Width); height: var(--pf-c-drawer__splitter--Height); cursor: var(--pf-c-drawer__splitter--Cursor); visibility: hidden; background-color: var(--pf-c-drawer__splitter--BackgroundColor); } .pf-c-drawer__splitter.pf-m-vertical { --pf-c-drawer__splitter--Height: var(--pf-c-drawer__splitter--m-vertical--Height); --pf-c-drawer__splitter--Width: var(--pf-c-drawer__splitter--m-vertical--Width); --pf-c-drawer__splitter--Cursor: var(--pf-c-drawer__splitter--m-vertical--Cursor); --pf-c-drawer__splitter-handle--after--Width: var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--Width); --pf-c-drawer__splitter-handle--after--Height: var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--Height); --pf-c-drawer__splitter-handle--after--BorderTopWidth: var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderTopWidth); --pf-c-drawer__splitter-handle--after--BorderRightWidth: var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth); --pf-c-drawer__splitter-handle--after--BorderBottomWidth: var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth); --pf-c-drawer__splitter-handle--after--BorderLeftWidth: var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth); } .pf-c-drawer__splitter:hover { --pf-c-drawer__splitter-handle--after--BorderColor: var(--pf-c-drawer__splitter--hover__splitter-handle--after--BorderColor); } .pf-c-drawer__splitter:focus { --pf-c-drawer__splitter-handle--after--BorderColor: var(--pf-c-drawer__splitter--focus__splitter-handle--after--BorderColor); } .pf-c-drawer__splitter::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border: solid var(--pf-c-drawer__splitter--after--BorderColor); border-width: var(--pf-c-drawer__splitter--after--BorderTopWidth) var(--pf-c-drawer__splitter--after--BorderRightWidth) var(--pf-c-drawer__splitter--after--BorderBottomWidth) var(--pf-c-drawer__splitter--after--BorderLeftWidth); } .pf-c-drawer__splitter-handle { position: absolute; top: var(--pf-c-drawer__splitter-handle--Top); left: var(--pf-c-drawer__splitter-handle--Left); transform: translate(-50%, -50%); } .pf-c-drawer__splitter-handle::after { display: block; width: var(--pf-c-drawer__splitter-handle--after--Width); height: var(--pf-c-drawer__splitter-handle--after--Height); content: ""; border-color: var(--pf-c-drawer__splitter-handle--after--BorderColor); border-style: solid; border-width: var(--pf-c-drawer__splitter-handle--after--BorderTopWidth) var(--pf-c-drawer__splitter-handle--after--BorderRightWidth) var(--pf-c-drawer__splitter-handle--after--BorderBottomWidth) var(--pf-c-drawer__splitter-handle--after--BorderLeftWidth); } @media screen and (min-width: 768px) { .pf-c-drawer { min-width: var(--pf-c-drawer__panel--MinWidth); } .pf-c-drawer.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { box-shadow: var(--pf-c-drawer--m-expanded__panel--BoxShadow); } .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable { --pf-c-drawer__panel--md--FlexBasis--min: var(--pf-c-drawer__panel--m-resizable--md--FlexBasis--min); flex-direction: var(--pf-c-drawer__panel--m-resizable--FlexDirection); min-width: var(--pf-c-drawer__panel--m-resizable--MinWidth); } .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable::after { width: 0; height: 0; } .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__splitter { flex-shrink: 0; } .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__panel-main { flex-shrink: 1; } .pf-c-drawer.pf-m-panel-left { --pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-c-drawer--m-expanded--m-panel-left__panel--BoxShadow); } .pf-c-drawer.pf-m-panel-left.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-c-drawer.pf-m-panel-left.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) { padding-right: var(--pf-c-drawer--m-panel-left--m-inline__panel--PaddingRight); padding-left: 0; } .pf-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel::after { right: 0; left: auto; } .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__splitter { --pf-c-drawer__splitter-handle--Left: var(--pf-c-drawer--m-panel-left__splitter-handle--Left); --pf-c-drawer__splitter--after--BorderRightWidth: 0; --pf-c-drawer__splitter--after--BorderLeftWidth: var(--pf-c-drawer--m-panel-left__splitter--after--BorderLeftWidth); order: 1; } .pf-c-drawer.pf-m-panel-bottom { --pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow); --pf-c-drawer__panel--MaxHeight: 100%; --pf-c-drawer__panel--FlexBasis--min: var(--pf-c-drawer--m-panel-bottom__panel--FlexBasis--min); min-width: auto; min-height: var(--pf-c-drawer--m-panel-bottom__panel--md--MinHeight); } .pf-c-drawer.pf-m-panel-bottom.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-c-drawer.pf-m-panel-bottom.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) { padding-top: var(--pf-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop); padding-left: 0; } .pf-c-drawer.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel::after { top: 0; left: auto; width: 100%; height: var(--pf-c-drawer--m-panel-bottom__panel--after--Height); } .pf-c-drawer.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable { --pf-c-drawer__panel--md--FlexBasis--min: var(--pf-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min); --pf-c-drawer__panel--m-resizable--FlexDirection: var(--pf-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection); --pf-c-drawer__panel--m-resizable--MinWidth: 0; min-height: var(--pf-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight); } .pf-c-drawer.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__splitter { --pf-c-drawer__splitter-handle--Top: var(--pf-c-drawer--m-panel-bottom__splitter-handle--Top); --pf-c-drawer__splitter--after--BorderRightWidth: 0; --pf-c-drawer__splitter--after--BorderBottomWidth: var(--pf-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth); } .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__splitter { --pf-c-drawer__splitter--m-vertical--Width: var(--pf-c-drawer--m-inline__splitter--m-vertical--Width); --pf-c-drawer__splitter-handle--Left: var(--pf-c-drawer--m-inline__splitter-handle--Left); --pf-c-drawer__splitter--after--BorderRightWidth: var(--pf-c-drawer--m-inline__splitter--after--BorderRightWidth); --pf-c-drawer__splitter--after--BorderLeftWidth: var(--pf-c-drawer--m-inline__splitter--after--BorderLeftWidth); outline-offset: var(--pf-c-drawer--m-inline__splitter--focus--OutlineOffset); } .pf-c-drawer.pf-m-inline.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__splitter { --pf-c-drawer__splitter--Height: var(--pf-c-drawer--m-inline--m-panel-bottom__splitter--Height); --pf-c-drawer__splitter-handle--Top: var(--pf-c-drawer--m-inline--m-panel-bottom__splitter-handle--Top); --pf-c-drawer__splitter--after--BorderTopWidth: var(--pf-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderTopWidth); --pf-c-drawer__splitter--after--BorderRightWidth: 0; --pf-c-drawer__splitter--after--BorderLeftWidth: 0; } .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border, .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border { --pf-c-drawer--m-expanded__panel--BoxShadow: none; } .pf-c-drawer__splitter { display: block; visibility: visible; } } @media (min-width: 768px) { .pf-c-drawer__panel.pf-m-width-25 { --pf-c-drawer__panel--md--FlexBasis: 25%; } .pf-c-drawer__panel.pf-m-width-33 { --pf-c-drawer__panel--md--FlexBasis: 33%; } .pf-c-drawer__panel.pf-m-width-50 { --pf-c-drawer__panel--md--FlexBasis: 50%; } .pf-c-drawer__panel.pf-m-width-66 { --pf-c-drawer__panel--md--FlexBasis: 66%; } .pf-c-drawer__panel.pf-m-width-75 { --pf-c-drawer__panel--md--FlexBasis: 75%; } .pf-c-drawer__panel.pf-m-width-100 { --pf-c-drawer__panel--md--FlexBasis: 100%; } } @media (min-width: 992px) { .pf-c-drawer__panel.pf-m-width-25-on-lg { --pf-c-drawer__panel--md--FlexBasis: 25%; } .pf-c-drawer__panel.pf-m-width-33-on-lg { --pf-c-drawer__panel--md--FlexBasis: 33%; } .pf-c-drawer__panel.pf-m-width-50-on-lg { --pf-c-drawer__panel--md--FlexBasis: 50%; } .pf-c-drawer__panel.pf-m-width-66-on-lg { --pf-c-drawer__panel--md--FlexBasis: 66%; } .pf-c-drawer__panel.pf-m-width-75-on-lg { --pf-c-drawer__panel--md--FlexBasis: 75%; } .pf-c-drawer__panel.pf-m-width-100-on-lg { --pf-c-drawer__panel--md--FlexBasis: 100%; } } @media (min-width: 1200px) { .pf-c-drawer__panel.pf-m-width-25-on-xl { --pf-c-drawer__panel--md--FlexBasis: 25%; } .pf-c-drawer__panel.pf-m-width-33-on-xl { --pf-c-drawer__panel--md--FlexBasis: 33%; } .pf-c-drawer__panel.pf-m-width-50-on-xl { --pf-c-drawer__panel--md--FlexBasis: 50%; } .pf-c-drawer__panel.pf-m-width-66-on-xl { --pf-c-drawer__panel--md--FlexBasis: 66%; } .pf-c-drawer__panel.pf-m-width-75-on-xl { --pf-c-drawer__panel--md--FlexBasis: 75%; } .pf-c-drawer__panel.pf-m-width-100-on-xl { --pf-c-drawer__panel--md--FlexBasis: 100%; } } @media (min-width: 1450px) { .pf-c-drawer__panel.pf-m-width-25-on-2xl { --pf-c-drawer__panel--md--FlexBasis: 25%; } .pf-c-drawer__panel.pf-m-width-33-on-2xl { --pf-c-drawer__panel--md--FlexBasis: 33%; } .pf-c-drawer__panel.pf-m-width-50-on-2xl { --pf-c-drawer__panel--md--FlexBasis: 50%; } .pf-c-drawer__panel.pf-m-width-66-on-2xl { --pf-c-drawer__panel--md--FlexBasis: 66%; } .pf-c-drawer__panel.pf-m-width-75-on-2xl { --pf-c-drawer__panel--md--FlexBasis: 75%; } .pf-c-drawer__panel.pf-m-width-100-on-2xl { --pf-c-drawer__panel--md--FlexBasis: 100%; } } @media (min-width: 768px) { .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content, .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content { flex-shrink: 1; } .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel, .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel { --pf-c-drawer--m-expanded__panel--BoxShadow: none; } .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after, .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after { background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor); } .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content { overflow-x: auto; } .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel { margin-left: calc(var(--pf-c-drawer__panel--FlexBasis) * -1); transform: translateX(100%); } .pf-c-drawer.pf-m-inline.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-left: 0; transform: translateX(0); } .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: unset; visibility: visible; } .pf-c-drawer.pf-m-inline.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1); margin-left: 0; transform: translateX(-100%); } .pf-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: 0; transform: translateX(0); } .pf-c-drawer.pf-m-inline.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: unset; visibility: visible; } .pf-c-drawer.pf-m-inline.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1); transform: translateY(100%); } .pf-c-drawer.pf-m-inline.pf-m-panel-bottom.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-bottom: 0; transform: translateY(0); } .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-static.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: 0; transform: translateX(0); } .pf-c-drawer.pf-m-static.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: none; visibility: hidden; } } @media (min-width: 992px) { .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content, .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content { flex-shrink: 1; } .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel, .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel { --pf-c-drawer--m-expanded__panel--BoxShadow: none; } .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after, .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after { background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor); } .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content { overflow-x: auto; } .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel { margin-left: calc(var(--pf-c-drawer__panel--FlexBasis) * -1); transform: translateX(100%); } .pf-c-drawer.pf-m-inline-on-lg.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-left: 0; transform: translateX(0); } .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: unset; visibility: visible; } .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1); margin-left: 0; transform: translateX(-100%); } .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: 0; transform: translateX(0); } .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: unset; visibility: visible; } .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1); transform: translateY(100%); } .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-bottom: 0; transform: translateY(0); } .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-static-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: 0; transform: translateX(0); } .pf-c-drawer.pf-m-static-on-lg.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: none; visibility: hidden; } } @media (min-width: 1200px) { .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content, .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content { flex-shrink: 1; } .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel, .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel { --pf-c-drawer--m-expanded__panel--BoxShadow: none; } .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after, .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after { background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor); } .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content { overflow-x: auto; } .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel { margin-left: calc(var(--pf-c-drawer__panel--FlexBasis) * -1); transform: translateX(100%); } .pf-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-left: 0; transform: translateX(0); } .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: unset; visibility: visible; } .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1); margin-left: 0; transform: translateX(-100%); } .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: 0; transform: translateX(0); } .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: unset; visibility: visible; } .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1); transform: translateY(100%); } .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-bottom: 0; transform: translateY(0); } .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-static-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: 0; transform: translateX(0); } .pf-c-drawer.pf-m-static-on-xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: none; visibility: hidden; } } @media (min-width: 1450px) { .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content, .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content { flex-shrink: 1; } .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel, .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel { --pf-c-drawer--m-expanded__panel--BoxShadow: none; } .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after, .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after { background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor); } .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content { overflow-x: auto; } .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel { margin-left: calc(var(--pf-c-drawer__panel--FlexBasis) * -1); transform: translateX(100%); } .pf-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-left: 0; transform: translateX(0); } .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: unset; visibility: visible; } .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1); margin-left: 0; transform: translateX(-100%); } .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: 0; transform: translateX(0); } .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: unset; visibility: visible; } .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1); transform: translateY(100%); } .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-bottom: 0; transform: translateY(0); } .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-static-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: 0; transform: translateX(0); } .pf-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: none; visibility: hidden; } } :where(.pf-theme-dark) .pf-c-drawer { --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--400); --pf-c-drawer__splitter--BackgroundColor: transparent; } :where(.pf-theme-dark) .pf-c-drawer.pf-m-inline, :where(.pf-theme-dark) .pf-c-drawer.pf-m-static { --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--100); } /* css-process:/home/authentik/authentik/web/node_modules/@patternfly/patternfly/components/List/list.css */ .pf-c-list { --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg); --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm); --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm); --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle); --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm); --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg); --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm); --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100); --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm); --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm); --pf-c-list__item-icon--MarginTop: 0.375rem; --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm); --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light); --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm); --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg); --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md); --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg); padding-left: var(--pf-c-list--PaddingLeft); } .pf-c-list ol, .pf-c-list ul { margin-top: var(--pf-c-list--nested--MarginTop); margin-left: var(--pf-c-list--nested--MarginLeft); } .pf-c-list li + li { margin-top: var(--pf-c-list--li--MarginTop); } ul.pf-c-list { list-style: var(--pf-c-list--ul--ListStyle); } .pf-c-list .pf-c-list__item { display: flex; } .pf-c-list .pf-c-list__item-icon { flex-shrink: 0; min-width: var(--pf-c-list__item-icon--MinWidth); margin-top: var(--pf-c-list__item-icon--MarginTop); margin-right: var(--pf-c-list__item-icon--MarginRight); font-size: var(--pf-c-list__item-icon--FontSize); line-height: 1; color: var(--pf-c-list__item-icon--Color); } .pf-c-list.pf-m-icon-lg { --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth); --pf-c-list__item-icon--MarginTop: 0; --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight); --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize); } .pf-c-list.pf-m-plain { --pf-c-list--PaddingLeft: 0; list-style: none; } .pf-c-list.pf-m-inline { --pf-c-list--PaddingLeft: 0; display: flex; flex-wrap: wrap; list-style: none; } .pf-c-list.pf-m-inline li { --pf-c-list--li--MarginTop: 0; } .pf-c-list.pf-m-inline li:not(:last-child) { margin-right: var(--pf-c-list--m-inline--li--MarginRight); } .pf-c-list.pf-m-bordered > * { padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom); border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor); } .pf-c-list.pf-m-bordered > :last-child { --pf-c-list--m-bordered--li--PaddingBottom: 0; --pf-c-list--m-bordered--li--BorderBottomWidth: 0; } /* css-process:/home/authentik/authentik/web/node_modules/@patternfly/patternfly/components/Login/login.css */ .pf-c-login__footer, .pf-c-login__header { --pf-global--Color--100: var(--pf-global--Color--light-100); --pf-global--Color--200: var(--pf-global--Color--light-200); --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100); --pf-global--primary-color--100: var(--pf-global--primary-color--light-100); --pf-global--link--Color: var(--pf-global--link--Color--light); --pf-global--link--Color--hover: var(--pf-global--link--Color--light); --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100); } .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card { --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200); } .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button { --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100); --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100); --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100); --pf-c-button--m-primary--active--Color: var(--pf-global--primary-color--dark-100); --pf-c-button--m-primary--BackgroundColor: var(--pf-global--BackgroundColor--light-100); --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300); --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300); --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--BackgroundColor--light-300); --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100); --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100); --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100); --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100); --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100); --pf-c-button--m-secondary--hover--BorderColor: var(--pf-global--Color--light-100); --pf-c-button--m-secondary--focus--BorderColor: var(--pf-global--Color--light-100); --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--Color--light-100); } .pf-c-login { --pf-c-login--PaddingTop: var(--pf-global--spacer--lg); --pf-c-login--PaddingBottom: var(--pf-global--spacer--lg); --pf-c-login--xl--BackgroundImage: none; --pf-c-login__container--xl--GridColumnGap: var(--pf-global--spacer--3xl); --pf-c-login__container--MaxWidth: 31.25rem; --pf-c-login__container--xl--MaxWidth: none; --pf-c-login__container--PaddingLeft: 6.125rem; --pf-c-login__container--PaddingRight: 6.125rem; --pf-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem); --pf-c-login__header--MarginBottom: var(--pf-global--spacer--md); --pf-c-login__header--PaddingLeft: var(--pf-global--spacer--md); --pf-c-login__header--PaddingRight: var(--pf-global--spacer--md); --pf-c-login__header--xl--MarginBottom: var(--pf-global--spacer--2xl); --pf-c-login__header--xl--MarginTop: var(--pf-global--spacer--3xl); --pf-c-login__header--c-brand--MarginBottom: var(--pf-global--spacer--lg); --pf-c-login__header--c-brand--xl--MarginBottom: var(--pf-global--spacer--2xl); --pf-c-login__main--BackgroundColor: var(--pf-global--BackgroundColor--light-100); --pf-c-login__main--MarginBottom: var(--pf-global--spacer--lg); --pf-c-login__main-header--PaddingTop: var(--pf-global--spacer--2xl); --pf-c-login__main-header--PaddingRight: var(--pf-global--spacer--xl); --pf-c-login__main-header--PaddingBottom: var(--pf-global--spacer--md); --pf-c-login__main-header--PaddingLeft: var(--pf-global--spacer--xl); --pf-c-login__main-header--md--PaddingRight: var(--pf-global--spacer--2xl); --pf-c-login__main-header--md--PaddingLeft: var(--pf-global--spacer--2xl); --pf-c-login__main-header--ColumnGap: var(--pf-global--spacer--md); --pf-c-login__main-header--RowGap: var(--pf-global--spacer--md); --pf-c-login__main-header-desc--MarginBottom: var(--pf-global--spacer--sm); --pf-c-login__main-header-desc--md--MarginBottom: 0; --pf-c-login__main-header-desc--FontSize: var(--pf-global--FontSize--sm); --pf-c-login__main-body--PaddingRight: var(--pf-global--spacer--xl); --pf-c-login__main-body--PaddingBottom: var(--pf-global--spacer--xl); --pf-c-login__main-body--PaddingLeft: var(--pf-global--spacer--xl); --pf-c-login__main-body--md--PaddingRight: var(--pf-global--spacer--2xl); --pf-c-login__main-body--md--PaddingLeft: var(--pf-global--spacer--2xl); --pf-c-login__main-footer--PaddingBottom: var(--pf-global--spacer--3xl); --pf-c-login__main-footer--c-title--MarginBottom: var(--pf-global--spacer--md); --pf-c-login__main-footer-links--PaddingTop: var(--pf-global--spacer--sm); --pf-c-login__main-footer-links--PaddingRight: var(--pf-global--spacer--3xl); --pf-c-login__main-footer-links--PaddingBottom: var(--pf-global--spacer--xl); --pf-c-login__main-footer-links--PaddingLeft: var(--pf-global--spacer--3xl); --pf-c-login__main-footer-links-item--PaddingRight: var(--pf-global--spacer--md); --pf-c-login__main-footer-links-item--PaddingLeft: var(--pf-global--spacer--md); --pf-c-login__main-footer-links-item--MarginBottom: var(--pf-global--spacer--sm); --pf-c-login__main-footer-links-item-link-svg--Fill: var(--pf-global--icon--Color--light); --pf-c-login__main-footer-links-item-link-svg--Width: var(--pf-global--icon--FontSize--lg); --pf-c-login__main-footer-links-item-link-svg--Height: var(--pf-global--icon--FontSize--lg); --pf-c-login__main-footer-links-item-link-svg--hover--Fill: var(--pf-global--icon--Color--dark); --pf-c-login__main-footer-band--PaddingTop: var(--pf-global--spacer--lg); --pf-c-login__main-footer-band--PaddingRight: var(--pf-global--spacer--md); --pf-c-login__main-footer-band--PaddingBottom: var(--pf-global--spacer--lg); --pf-c-login__main-footer-band--PaddingLeft: var(--pf-global--spacer--md); --pf-c-login__main-footer-band--BackgroundColor: var(--pf-global--BackgroundColor--200); --pf-c-login__main-footer-band-item--PaddingTop: var(--pf-global--spacer--md); --pf-c-login__footer--PaddingLeft: var(--pf-global--spacer--md); --pf-c-login__footer--PaddingRight: var(--pf-global--spacer--md); --pf-c-login__footer--c-list--PaddingTop: var(--pf-global--spacer--md); --pf-c-login__footer--c-list--xl--PaddingTop: var(--pf-global--spacer--2xl); display: flex; justify-content: center; min-height: 100vh; padding-top: var(--pf-c-login--PaddingTop); padding-bottom: var(--pf-c-login--PaddingBottom); } @media (min-width: 1200px) { .pf-c-login { --pf-c-login__container--MaxWidth: var(--pf-c-login__container--xl--MaxWidth); } } @media (min-width: 576px) { .pf-c-login { --pf-c-login__header--PaddingRight: 0; --pf-c-login__header--PaddingLeft: 0; } } @media (min-width: 1200px) { .pf-c-login { --pf-c-login__header--MarginBottom: var(--pf-c-login__header--xl--MarginBottom); --pf-c-login__header--c-brand--MarginBottom: var(--pf-c-login__header--c-brand--xl--MarginBottom); } } @media (min-width: 1200px) { .pf-c-login { --pf-c-login__main--MarginBottom: 0; } } @media (min-width: 768px) { .pf-c-login { --pf-c-login__main-header--PaddingRight: var(--pf-c-login__main-header--md--PaddingRight); --pf-c-login__main-header--PaddingLeft: var(--pf-c-login__main-header--md--PaddingLeft); --pf-c-login__main-header-desc--MarginBottom: var(--pf-c-login__main-header-desc--md--MarginBottom); } } @media (min-width: 768px) { .pf-c-login { --pf-c-login__main-body--PaddingRight: var(--pf-c-login__main-body--md--PaddingRight); --pf-c-login__main-body--PaddingLeft: var(--pf-c-login__main-body--md--PaddingLeft); } } @media (min-width: 576px) { .pf-c-login { --pf-c-login__footer--PaddingRight: 0; --pf-c-login__footer--PaddingLeft: 0; } } @media (min-width: 1200px) { .pf-c-login { --pf-c-login__footer--c-list--PaddingTop: var(--pf-c-login__footer--c-list--xl--PaddingTop); } } @media (min-width: 1200px) { .pf-c-login { background-image: var(--pf-c-login--xl--BackgroundImage); } } @media (min-width: 576px) { .pf-c-login { align-items: center; } } .pf-c-login__container { width: 100%; max-width: var(--pf-c-login__container--MaxWidth); } @media (min-width: 1200px) { .pf-c-login__container { display: grid; justify-content: center; grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap); grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns); grid-template-areas: "main header" "main footer" "main ."; padding-right: var(--pf-c-login__container--PaddingRight); padding-left: var(--pf-c-login__container--PaddingLeft); } } .pf-c-login__header { color: var(--pf-global--Color--100); grid-area: header; padding-right: var(--pf-c-login__header--PaddingRight); padding-left: var(--pf-c-login__header--PaddingLeft); } @media (min-width: 1200px) { .pf-c-login__header { margin-top: var(--pf-c-login__header--xl--MarginTop); } } .pf-c-login__header .pf-c-brand { margin-bottom: var(--pf-c-login__header--c-brand--MarginBottom); } .pf-c-login__main { align-self: start; margin-bottom: var(--pf-c-login__main--MarginBottom); background-color: var(--pf-c-login__main--BackgroundColor); grid-area: main; } .pf-c-login__main > :first-child:not(.pf-c-login__main-header) { padding-top: var(--pf-c-login__main-header--PaddingTop); } .pf-c-login__main > :last-child:not(.pf-c-login__main-footer) { padding-bottom: var(--pf-c-login__main-footer--PaddingBottom); } .pf-c-login__main-header { display: grid; grid-template-columns: 100%; column-gap: var(--pf-c-login__main-header--ColumnGap); row-gap: var(--pf-c-login__main-header--RowGap); align-items: center; padding: var(--pf-c-login__main-header--PaddingTop) var(--pf-c-login__main-header--PaddingRight) var(--pf-c-login__main-header--PaddingBottom) var(--pf-c-login__main-header--PaddingLeft); } @media (min-width: 768px) { .pf-c-login__main-header { grid-template-columns: 1fr auto; } } .pf-c-login__main-header-utilities, .pf-c-login__main-header .pf-c-dropdown { grid-column: auto; grid-row: auto; } @media (min-width: 768px) { .pf-c-login__main-header-utilities, .pf-c-login__main-header .pf-c-dropdown { grid-column: 2/3; grid-row: 1; } } .pf-c-login__main-header-utilities .pf-c-dropdown { grid-column: auto; grid-row: auto; } .pf-c-login__main-header-desc { margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom); font-size: var(--pf-c-login__main-header-desc--FontSize); grid-column: 1/-1; } .pf-c-login__main-body { padding-right: var(--pf-c-login__main-body--PaddingRight); padding-bottom: var(--pf-c-login__main-body--PaddingBottom); padding-left: var(--pf-c-login__main-body--PaddingLeft); } .pf-c-login__main-footer { display: flex; flex-wrap: wrap; } .pf-c-login__main-footer .pf-c-title { margin-bottom: var(--pf-c-login__main-footer--c-title--MarginBottom); text-align: center; } .pf-c-login__main-footer > * { flex-basis: 100%; } .pf-c-login__main-footer-links { display: flex; flex-wrap: wrap; justify-content: center; padding: var(--pf-c-login__main-footer-links--PaddingTop) var(--pf-c-login__main-footer-links--PaddingRight) var(--pf-c-login__main-footer-links--PaddingBottom) var(--pf-c-login__main-footer-links--PaddingLeft); } .pf-c-login__main-footer-links-item { padding-right: var(--pf-c-login__main-footer-links-item--PaddingRight); padding-left: var(--pf-c-login__main-footer-links-item--PaddingLeft); margin-bottom: var(--pf-c-login__main-footer-links-item--MarginBottom); } .pf-c-login__main-footer-links-item-link svg { fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill); width: 100%; max-width: var(--pf-c-login__main-footer-links-item-link-svg--Width); height: 100%; max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height); } .pf-c-login__main-footer-links-item-link:hover svg { fill: var(--pf-c-login__main-footer-links-item-link-svg--hover--Fill); } .pf-c-login__main-footer-band { padding: var(--pf-c-login__main-footer-band--PaddingTop) var(--pf-c-login__main-footer-band--PaddingRight) var(--pf-c-login__main-footer-band--PaddingBottom) var(--pf-c-login__main-footer-band--PaddingLeft); text-align: center; background-color: var(--pf-c-login__main-footer-band--BackgroundColor); } .pf-c-login__main-footer-band > * + * { padding-top: var(--pf-c-login__main-footer-band-item--PaddingTop); } .pf-c-login__footer { color: var(--pf-global--Color--100); grid-area: footer; padding-right: var(--pf-c-login__footer--PaddingRight); padding-left: var(--pf-c-login__footer--PaddingLeft); } .pf-c-login__footer .pf-c-list a { color: unset; } .pf-c-login__footer .pf-c-list:not(:only-child) { padding-top: var(--pf-c-login__footer--c-list--PaddingTop); } :where(.pf-theme-dark) .pf-c-login__header, :where(.pf-theme-dark) .pf-c-login__footer { --pf-global--Color--100: #e0e0e0; --pf-global--Color--200: #aaabac; --pf-global--BorderColor--100: #444548; --pf-global--primary-color--100: #1fa7f8; --pf-global--link--Color: #1fa7f8; --pf-global--link--Color--hover: #73bcf7; --pf-global--BackgroundColor--100: #1b1d21; } :where(.pf-theme-dark) .pf-c-login__header .pf-c-card, :where(.pf-theme-dark) .pf-c-login__footer .pf-c-card { --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100); } :where(.pf-theme-dark) .pf-c-login__header .pf-c-button, :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button { --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100); --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100); --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100); --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100); --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300); --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200); --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200); --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200); --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100); --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100); --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100); --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100); } :where(.pf-theme-dark) .pf-c-login__header, :where(.pf-theme-dark) .pf-c-login__footer { color: var(--pf-global--Color--100); } /* css-process:/home/authentik/authentik/web/node_modules/@patternfly/patternfly/components/Title/title.css */ .pf-c-title { --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif); --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm); --pf-c-title--m-4xl--FontSize: var(--pf-global--FontSize--4xl); --pf-c-title--m-4xl--FontWeight: var(--pf-global--FontWeight--normal); --pf-c-title--m-3xl--LineHeight: var(--pf-global--LineHeight--sm); --pf-c-title--m-3xl--FontSize: var(--pf-global--FontSize--3xl); --pf-c-title--m-3xl--FontWeight: var(--pf-global--FontWeight--normal); --pf-c-title--m-2xl--LineHeight: var(--pf-global--LineHeight--sm); --pf-c-title--m-2xl--FontSize: var(--pf-global--FontSize--2xl); --pf-c-title--m-2xl--FontWeight: var(--pf-global--FontWeight--normal); --pf-c-title--m-xl--LineHeight: var(--pf-global--LineHeight--md); --pf-c-title--m-xl--FontSize: var(--pf-global--FontSize--xl); --pf-c-title--m-xl--FontWeight: var(--pf-global--FontWeight--normal); --pf-c-title--m-lg--LineHeight: var(--pf-global--LineHeight--md); --pf-c-title--m-lg--FontSize: var(--pf-global--FontSize--lg); --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--normal); --pf-c-title--m-md--LineHeight: var(--pf-global--LineHeight--md); --pf-c-title--m-md--FontSize: var(--pf-global--FontSize--md); --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--normal); font-family: var(--pf-c-title--FontFamily); word-break: break-word; } .pf-c-title.pf-m-4xl { font-size: var(--pf-c-title--m-4xl--FontSize); font-weight: var(--pf-c-title--m-4xl--FontWeight); line-height: var(--pf-c-title--m-4xl--LineHeight); } .pf-c-title.pf-m-3xl { font-size: var(--pf-c-title--m-3xl--FontSize); font-weight: var(--pf-c-title--m-3xl--FontWeight); line-height: var(--pf-c-title--m-3xl--LineHeight); } .pf-c-title.pf-m-2xl { font-size: var(--pf-c-title--m-2xl--FontSize); font-weight: var(--pf-c-title--m-2xl--FontWeight); line-height: var(--pf-c-title--m-2xl--LineHeight); } .pf-c-title.pf-m-xl { font-size: var(--pf-c-title--m-xl--FontSize); font-weight: var(--pf-c-title--m-xl--FontWeight); line-height: var(--pf-c-title--m-xl--LineHeight); } .pf-c-title.pf-m-lg { font-size: var(--pf-c-title--m-lg--FontSize); font-weight: var(--pf-c-title--m-lg--FontWeight); line-height: var(--pf-c-title--m-lg--LineHeight); } .pf-c-title.pf-m-md { font-size: var(--pf-c-title--m-md--FontSize); font-weight: var(--pf-c-title--m-md--FontWeight); line-height: var(--pf-c-title--m-md--LineHeight); } .pf-m-overpass-font .pf-c-title { --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--semi-bold); --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold); } /* css-process:/home/authentik/authentik/web/node_modules/@patternfly/patternfly/components/Avatar/avatar.css */ .pf-c-avatar { --pf-c-avatar--BorderColor: transparent; --pf-c-avatar--BorderWidth: 0; --pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg); --pf-c-avatar--Width: 2.25rem; --pf-c-avatar--Height: 2.25rem; --pf-c-avatar--m-sm--Width: 1.5rem; --pf-c-avatar--m-sm--Height: 1.5rem; --pf-c-avatar--m-md--Width: 2.25rem; --pf-c-avatar--m-md--Height: 2.25rem; --pf-c-avatar--m-lg--Width: 4.5rem; --pf-c-avatar--m-lg--Height: 4.5rem; --pf-c-avatar--m-xl--Width: 8rem; --pf-c-avatar--m-xl--Height: 8rem; --pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100); --pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm); --pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700); --pf-c-avatar--m-dark--BorderWidth: var(--pf-global--BorderWidth--sm); width: var(--pf-c-avatar--Width); height: var(--pf-c-avatar--Height); border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor); border-radius: var(--pf-c-avatar--BorderRadius); } .pf-c-avatar.pf-m-light { --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-light--BorderColor); --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-light--BorderWidth); } .pf-c-avatar.pf-m-dark { --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor); --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth); } .pf-c-avatar.pf-m-sm { --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width); --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height); } @media (min-width: 576px) { .pf-c-avatar.pf-m-sm { --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width)); } } @media (min-width: 768px) { .pf-c-avatar.pf-m-sm { --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width))); } } @media (min-width: 992px) { .pf-c-avatar.pf-m-sm { --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-lg, var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width)))); } } @media (min-width: 1200px) { .pf-c-avatar.pf-m-sm { --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-xl, var(--pf-c-avatar--m-sm--Width-on-lg, var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width))))); } } @media (min-width: 1450px) { .pf-c-avatar.pf-m-sm { --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-2xl, var(--pf-c-avatar--m-sm--Width-on-xl, var(--pf-c-avatar--m-sm--Width-on-lg, var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width)))))); } } @media (min-width: 576px) { .pf-c-avatar.pf-m-sm { --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height)); } } @media (min-width: 768px) { .pf-c-avatar.pf-m-sm { --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height))); } } @media (min-width: 992px) { .pf-c-avatar.pf-m-sm { --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-lg, var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height)))); } } @media (min-width: 1200px) { .pf-c-avatar.pf-m-sm { --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-xl, var(--pf-c-avatar--m-sm--Height-on-lg, var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height))))); } } @media (min-width: 1450px) { .pf-c-avatar.pf-m-sm { --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-2xl, var(--pf-c-avatar--m-sm--Height-on-xl, var(--pf-c-avatar--m-sm--Height-on-lg, var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height)))))); } } .pf-c-avatar.pf-m-md { --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width); --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height); } @media (min-width: 576px) { .pf-c-avatar.pf-m-md { --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width)); } } @media (min-width: 768px) { .pf-c-avatar.pf-m-md { --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width))); } } @media (min-width: 992px) { .pf-c-avatar.pf-m-md { --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-lg, var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width)))); } } @media (min-width: 1200px) { .pf-c-avatar.pf-m-md { --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-xl, var(--pf-c-avatar--m-md--Width-on-lg, var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width))))); } } @media (min-width: 1450px) { .pf-c-avatar.pf-m-md { --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-2xl, var(--pf-c-avatar--m-md--Width-on-xl, var(--pf-c-avatar--m-md--Width-on-lg, var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width)))))); } } @media (min-width: 576px) { .pf-c-avatar.pf-m-md { --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height)); } } @media (min-width: 768px) { .pf-c-avatar.pf-m-md { --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height))); } } @media (min-width: 992px) { .pf-c-avatar.pf-m-md { --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height)))); } } @media (min-width: 1200px) { .pf-c-avatar.pf-m-md { --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-xl, var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height))))); } } @media (min-width: 1450px) { .pf-c-avatar.pf-m-md { --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-2xl, var(--pf-c-avatar--m-md--Height-on-xl, var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height)))))); } } .pf-c-avatar.pf-m-lg { --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width); --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height); } @media (min-width: 576px) { .pf-c-avatar.pf-m-lg { --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width)); } } @media (min-width: 768px) { .pf-c-avatar.pf-m-lg { --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width))); } } @media (min-width: 992px) { .pf-c-avatar.pf-m-lg { --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width)))); } } @media (min-width: 1200px) { .pf-c-avatar.pf-m-lg { --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-xl, var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width))))); } } @media (min-width: 1450px) { .pf-c-avatar.pf-m-lg { --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-2xl, var(--pf-c-avatar--m-lg--Width-on-xl, var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width)))))); } } @media (min-width: 576px) { .pf-c-avatar.pf-m-lg { --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height)); } } @media (min-width: 768px) { .pf-c-avatar.pf-m-lg { --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height))); } } @media (min-width: 992px) { .pf-c-avatar.pf-m-lg { --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height)))); } } @media (min-width: 1200px) { .pf-c-avatar.pf-m-lg { --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-xl, var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height))))); } } @media (min-width: 1450px) { .pf-c-avatar.pf-m-lg { --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-2xl, var(--pf-c-avatar--m-lg--Height-on-xl, var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height)))))); } } .pf-c-avatar.pf-m-xl { --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width); --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height); } @media (min-width: 576px) { .pf-c-avatar.pf-m-xl { --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width)); } } @media (min-width: 768px) { .pf-c-avatar.pf-m-xl { --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width))); } } @media (min-width: 992px) { .pf-c-avatar.pf-m-xl { --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width)))); } } @media (min-width: 1200px) { .pf-c-avatar.pf-m-xl { --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-xl, var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width))))); } } @media (min-width: 1450px) { .pf-c-avatar.pf-m-xl { --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-2xl, var(--pf-c-avatar--m-xl--Width-on-xl, var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width)))))); } } @media (min-width: 576px) { .pf-c-avatar.pf-m-xl { --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height)); } } @media (min-width: 768px) { .pf-c-avatar.pf-m-xl { --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))); } } @media (min-width: 992px) { .pf-c-avatar.pf-m-xl { --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height)))); } } @media (min-width: 1200px) { .pf-c-avatar.pf-m-xl { --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))))); } } @media (min-width: 1450px) { .pf-c-avatar.pf-m-xl { --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-2xl, var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height)))))); } } /* css-process:/home/authentik/authentik/web/node_modules/@patternfly/patternfly/utilities/Text/text.css */ .pf-u-font-family-sans-serif { font-family: var(--pf-global--FontFamily--sans-serif) !important; } .pf-u-font-family-heading-sans-serif { font-family: var(--pf-global--FontFamily--heading--sans-serif) !important; } .pf-u-font-family-monospace { font-family: var(--pf-global--FontFamily--monospace) !important; } .pf-u-font-family-redhatVF-sans-serif { font-family: var(--pf-global--FontFamily--redhatVF--sans-serif) !important; } .pf-u-font-family-redhatVF-heading-sans-serif { font-family: var(--pf-global--FontFamily--redhatVF--heading--sans-serif) !important; } .pf-u-font-family-redhatVF-monospace { font-family: var(--pf-global--FontFamily--redhatVF--monospace) !important; } .pf-u-font-size-xs { font-size: var(--pf-global--FontSize--xs) !important; } .pf-u-font-size-sm { font-size: var(--pf-global--FontSize--sm) !important; } .pf-u-font-size-md { font-size: var(--pf-global--FontSize--md) !important; } .pf-u-font-size-lg { font-size: var(--pf-global--FontSize--lg) !important; } .pf-u-font-size-xl { font-size: var(--pf-global--FontSize--xl) !important; } .pf-u-font-size-2xl { font-size: var(--pf-global--FontSize--2xl) !important; } .pf-u-font-size-3xl { font-size: var(--pf-global--FontSize--3xl) !important; } .pf-u-font-size-4xl { font-size: var(--pf-global--FontSize--4xl) !important; } @media screen and (min-width: 576px) { .pf-u-font-size-xs-on-sm { font-size: var(--pf-global--FontSize--xs) !important; } .pf-u-font-size-sm-on-sm { font-size: var(--pf-global--FontSize--sm) !important; } .pf-u-font-size-md-on-sm { font-size: var(--pf-global--FontSize--md) !important; } .pf-u-font-size-lg-on-sm { font-size: var(--pf-global--FontSize--lg) !important; } .pf-u-font-size-xl-on-sm { font-size: var(--pf-global--FontSize--xl) !important; } .pf-u-font-size-2xl-on-sm { font-size: var(--pf-global--FontSize--2xl) !important; } .pf-u-font-size-3xl-on-sm { font-size: var(--pf-global--FontSize--3xl) !important; } .pf-u-font-size-4xl-on-sm { font-size: var(--pf-global--FontSize--4xl) !important; } } @media screen and (min-width: 768px) { .pf-u-font-size-xs-on-md { font-size: var(--pf-global--FontSize--xs) !important; } .pf-u-font-size-sm-on-md { font-size: var(--pf-global--FontSize--sm) !important; } .pf-u-font-size-md-on-md { font-size: var(--pf-global--FontSize--md) !important; } .pf-u-font-size-lg-on-md { font-size: var(--pf-global--FontSize--lg) !important; } .pf-u-font-size-xl-on-md { font-size: var(--pf-global--FontSize--xl) !important; } .pf-u-font-size-2xl-on-md { font-size: var(--pf-global--FontSize--2xl) !important; } .pf-u-font-size-3xl-on-md { font-size: var(--pf-global--FontSize--3xl) !important; } .pf-u-font-size-4xl-on-md { font-size: var(--pf-global--FontSize--4xl) !important; } } @media screen and (min-width: 992px) { .pf-u-font-size-xs-on-lg { font-size: var(--pf-global--FontSize--xs) !important; } .pf-u-font-size-sm-on-lg { font-size: var(--pf-global--FontSize--sm) !important; } .pf-u-font-size-md-on-lg { font-size: var(--pf-global--FontSize--md) !important; } .pf-u-font-size-lg-on-lg { font-size: var(--pf-global--FontSize--lg) !important; } .pf-u-font-size-xl-on-lg { font-size: var(--pf-global--FontSize--xl) !important; } .pf-u-font-size-2xl-on-lg { font-size: var(--pf-global--FontSize--2xl) !important; } .pf-u-font-size-3xl-on-lg { font-size: var(--pf-global--FontSize--3xl) !important; } .pf-u-font-size-4xl-on-lg { font-size: var(--pf-global--FontSize--4xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-font-size-xs-on-xl { font-size: var(--pf-global--FontSize--xs) !important; } .pf-u-font-size-sm-on-xl { font-size: var(--pf-global--FontSize--sm) !important; } .pf-u-font-size-md-on-xl { font-size: var(--pf-global--FontSize--md) !important; } .pf-u-font-size-lg-on-xl { font-size: var(--pf-global--FontSize--lg) !important; } .pf-u-font-size-xl-on-xl { font-size: var(--pf-global--FontSize--xl) !important; } .pf-u-font-size-2xl-on-xl { font-size: var(--pf-global--FontSize--2xl) !important; } .pf-u-font-size-3xl-on-xl { font-size: var(--pf-global--FontSize--3xl) !important; } .pf-u-font-size-4xl-on-xl { font-size: var(--pf-global--FontSize--4xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-font-size-xs-on-2xl { font-size: var(--pf-global--FontSize--xs) !important; } .pf-u-font-size-sm-on-2xl { font-size: var(--pf-global--FontSize--sm) !important; } .pf-u-font-size-md-on-2xl { font-size: var(--pf-global--FontSize--md) !important; } .pf-u-font-size-lg-on-2xl { font-size: var(--pf-global--FontSize--lg) !important; } .pf-u-font-size-xl-on-2xl { font-size: var(--pf-global--FontSize--xl) !important; } .pf-u-font-size-2xl-on-2xl { font-size: var(--pf-global--FontSize--2xl) !important; } .pf-u-font-size-3xl-on-2xl { font-size: var(--pf-global--FontSize--3xl) !important; } .pf-u-font-size-4xl-on-2xl { font-size: var(--pf-global--FontSize--4xl) !important; } } .pf-u-font-weight-light { font-weight: var(--pf-global--FontWeight--light) !important; } .pf-u-font-weight-normal { font-weight: var(--pf-global--FontWeight--normal) !important; } .pf-u-font-weight-bold { font-weight: var(--pf-global--FontWeight--bold) !important; } @media screen and (min-width: 576px) { .pf-u-font-weight-light-on-sm { font-weight: var(--pf-global--FontWeight--light) !important; } .pf-u-font-weight-normal-on-sm { font-weight: var(--pf-global--FontWeight--normal) !important; } .pf-u-font-weight-bold-on-sm { font-weight: var(--pf-global--FontWeight--bold) !important; } } @media screen and (min-width: 768px) { .pf-u-font-weight-light-on-md { font-weight: var(--pf-global--FontWeight--light) !important; } .pf-u-font-weight-normal-on-md { font-weight: var(--pf-global--FontWeight--normal) !important; } .pf-u-font-weight-bold-on-md { font-weight: var(--pf-global--FontWeight--bold) !important; } } @media screen and (min-width: 992px) { .pf-u-font-weight-light-on-lg { font-weight: var(--pf-global--FontWeight--light) !important; } .pf-u-font-weight-normal-on-lg { font-weight: var(--pf-global--FontWeight--normal) !important; } .pf-u-font-weight-bold-on-lg { font-weight: var(--pf-global--FontWeight--bold) !important; } } @media screen and (min-width: 1200px) { .pf-u-font-weight-light-on-xl { font-weight: var(--pf-global--FontWeight--light) !important; } .pf-u-font-weight-normal-on-xl { font-weight: var(--pf-global--FontWeight--normal) !important; } .pf-u-font-weight-bold-on-xl { font-weight: var(--pf-global--FontWeight--bold) !important; } } @media screen and (min-width: 1450px) { .pf-u-font-weight-light-on-2xl { font-weight: var(--pf-global--FontWeight--light) !important; } .pf-u-font-weight-normal-on-2xl { font-weight: var(--pf-global--FontWeight--normal) !important; } .pf-u-font-weight-bold-on-2xl { font-weight: var(--pf-global--FontWeight--bold) !important; } } .pf-u-color-100 { color: var(--pf-global--Color--100) !important; } .pf-u-color-200 { color: var(--pf-global--Color--200) !important; } .pf-u-color-300 { color: var(--pf-global--Color--300) !important; } .pf-u-color-400 { color: var(--pf-global--Color--400) !important; } .pf-u-active-color-100 { color: var(--pf-global--active-color--100) !important; } .pf-u-active-color-400 { color: var(--pf-global--active-color--400) !important; } .pf-u-primary-color-100 { color: var(--pf-global--primary-color--100) !important; } .pf-u-color-light-100 { color: var(--pf-global--Color--light-100) !important; } .pf-u-color-light-200 { color: var(--pf-global--Color--light-200) !important; } .pf-u-link-color { color: var(--pf-global--link--Color) !important; } .pf-u-link-color-hover { color: var(--pf-global--link--Color--hover) !important; } .pf-u-link-color-light { color: var(--pf-global--link--Color--light) !important; } .pf-u-link-color-light-hover { color: var(--pf-global--link--Color--light--hover) !important; } .pf-u-link-color-dark { color: var(--pf-global--link--Color--dark) !important; } .pf-u-link-color-dark-hover { color: var(--pf-global--link--Color--dark--hover) !important; } .pf-u-link-color-visited { color: var(--pf-global--link--Color--visited) !important; } .pf-u-default-color-100 { color: var(--pf-global--default-color--100) !important; } .pf-u-default-color-200 { color: var(--pf-global--default-color--200) !important; } .pf-u-default-color-300 { color: var(--pf-global--default-color--300) !important; } .pf-u-success-color-100 { color: var(--pf-global--success-color--100) !important; } .pf-u-success-color-200 { color: var(--pf-global--success-color--200) !important; } .pf-u-info-color-100 { color: var(--pf-global--info-color--100) !important; } .pf-u-info-color-200 { color: var(--pf-global--info-color--200) !important; } .pf-u-warning-color-100 { color: var(--pf-global--warning-color--100) !important; } .pf-u-warning-color-200 { color: var(--pf-global--warning-color--200) !important; } .pf-u-danger-color-100 { color: var(--pf-global--danger-color--100) !important; } .pf-u-danger-color-200 { color: var(--pf-global--danger-color--200) !important; } .pf-u-danger-color-300 { color: var(--pf-global--danger-color--300) !important; } .pf-u-disabled-color-100 { color: var(--pf-global--disabled-color--100) !important; } .pf-u-disabled-color-200 { color: var(--pf-global--disabled-color--200) !important; } .pf-u-icon-color-light { color: var(--pf-global--icon--Color--light) !important; } .pf-u-icon-color-dark { color: var(--pf-global--icon--Color--dark) !important; } @media screen and (min-width: 576px) { .pf-u-color-100-on-sm { color: var(--pf-global--Color--100) !important; } .pf-u-color-200-on-sm { color: var(--pf-global--Color--200) !important; } .pf-u-color-300-on-sm { color: var(--pf-global--Color--300) !important; } .pf-u-color-400-on-sm { color: var(--pf-global--Color--400) !important; } .pf-u-active-color-100-on-sm { color: var(--pf-global--active-color--100) !important; } .pf-u-active-color-400-on-sm { color: var(--pf-global--active-color--400) !important; } .pf-u-primary-color-100-on-sm { color: var(--pf-global--primary-color--100) !important; } .pf-u-color-light-100-on-sm { color: var(--pf-global--Color--light-100) !important; } .pf-u-color-light-200-on-sm { color: var(--pf-global--Color--light-200) !important; } .pf-u-link-color-on-sm { color: var(--pf-global--link--Color) !important; } .pf-u-link-color-hover-on-sm { color: var(--pf-global--link--Color--hover) !important; } .pf-u-link-color-light-on-sm { color: var(--pf-global--link--Color--light) !important; } .pf-u-link-color-light-hover-on-sm { color: var(--pf-global--link--Color--light--hover) !important; } .pf-u-link-color-dark-on-sm { color: var(--pf-global--link--Color--dark) !important; } .pf-u-link-color-dark-hover-on-sm { color: var(--pf-global--link--Color--dark--hover) !important; } .pf-u-link-color-visited-on-sm { color: var(--pf-global--link--Color--visited) !important; } .pf-u-default-color-100-on-sm { color: var(--pf-global--default-color--100) !important; } .pf-u-default-color-200-on-sm { color: var(--pf-global--default-color--200) !important; } .pf-u-default-color-300-on-sm { color: var(--pf-global--default-color--300) !important; } .pf-u-success-color-100-on-sm { color: var(--pf-global--success-color--100) !important; } .pf-u-success-color-200-on-sm { color: var(--pf-global--success-color--200) !important; } .pf-u-info-color-100-on-sm { color: var(--pf-global--info-color--100) !important; } .pf-u-info-color-200-on-sm { color: var(--pf-global--info-color--200) !important; } .pf-u-warning-color-100-on-sm { color: var(--pf-global--warning-color--100) !important; } .pf-u-warning-color-200-on-sm { color: var(--pf-global--warning-color--200) !important; } .pf-u-danger-color-100-on-sm { color: var(--pf-global--danger-color--100) !important; } .pf-u-danger-color-200-on-sm { color: var(--pf-global--danger-color--200) !important; } .pf-u-danger-color-300-on-sm { color: var(--pf-global--danger-color--300) !important; } .pf-u-disabled-color-100-on-sm { color: var(--pf-global--disabled-color--100) !important; } .pf-u-disabled-color-200-on-sm { color: var(--pf-global--disabled-color--200) !important; } .pf-u-icon-color-light-on-sm { color: var(--pf-global--icon--Color--light) !important; } .pf-u-icon-color-dark-on-sm { color: var(--pf-global--icon--Color--dark) !important; } } @media screen and (min-width: 768px) { .pf-u-color-100-on-md { color: var(--pf-global--Color--100) !important; } .pf-u-color-200-on-md { color: var(--pf-global--Color--200) !important; } .pf-u-color-300-on-md { color: var(--pf-global--Color--300) !important; } .pf-u-color-400-on-md { color: var(--pf-global--Color--400) !important; } .pf-u-active-color-100-on-md { color: var(--pf-global--active-color--100) !important; } .pf-u-active-color-400-on-md { color: var(--pf-global--active-color--400) !important; } .pf-u-primary-color-100-on-md { color: var(--pf-global--primary-color--100) !important; } .pf-u-color-light-100-on-md { color: var(--pf-global--Color--light-100) !important; } .pf-u-color-light-200-on-md { color: var(--pf-global--Color--light-200) !important; } .pf-u-link-color-on-md { color: var(--pf-global--link--Color) !important; } .pf-u-link-color-hover-on-md { color: var(--pf-global--link--Color--hover) !important; } .pf-u-link-color-light-on-md { color: var(--pf-global--link--Color--light) !important; } .pf-u-link-color-light-hover-on-md { color: var(--pf-global--link--Color--light--hover) !important; } .pf-u-link-color-dark-on-md { color: var(--pf-global--link--Color--dark) !important; } .pf-u-link-color-dark-hover-on-md { color: var(--pf-global--link--Color--dark--hover) !important; } .pf-u-link-color-visited-on-md { color: var(--pf-global--link--Color--visited) !important; } .pf-u-default-color-100-on-md { color: var(--pf-global--default-color--100) !important; } .pf-u-default-color-200-on-md { color: var(--pf-global--default-color--200) !important; } .pf-u-default-color-300-on-md { color: var(--pf-global--default-color--300) !important; } .pf-u-success-color-100-on-md { color: var(--pf-global--success-color--100) !important; } .pf-u-success-color-200-on-md { color: var(--pf-global--success-color--200) !important; } .pf-u-info-color-100-on-md { color: var(--pf-global--info-color--100) !important; } .pf-u-info-color-200-on-md { color: var(--pf-global--info-color--200) !important; } .pf-u-warning-color-100-on-md { color: var(--pf-global--warning-color--100) !important; } .pf-u-warning-color-200-on-md { color: var(--pf-global--warning-color--200) !important; } .pf-u-danger-color-100-on-md { color: var(--pf-global--danger-color--100) !important; } .pf-u-danger-color-200-on-md { color: var(--pf-global--danger-color--200) !important; } .pf-u-danger-color-300-on-md { color: var(--pf-global--danger-color--300) !important; } .pf-u-disabled-color-100-on-md { color: var(--pf-global--disabled-color--100) !important; } .pf-u-disabled-color-200-on-md { color: var(--pf-global--disabled-color--200) !important; } .pf-u-icon-color-light-on-md { color: var(--pf-global--icon--Color--light) !important; } .pf-u-icon-color-dark-on-md { color: var(--pf-global--icon--Color--dark) !important; } } @media screen and (min-width: 992px) { .pf-u-color-100-on-lg { color: var(--pf-global--Color--100) !important; } .pf-u-color-200-on-lg { color: var(--pf-global--Color--200) !important; } .pf-u-color-300-on-lg { color: var(--pf-global--Color--300) !important; } .pf-u-color-400-on-lg { color: var(--pf-global--Color--400) !important; } .pf-u-active-color-100-on-lg { color: var(--pf-global--active-color--100) !important; } .pf-u-active-color-400-on-lg { color: var(--pf-global--active-color--400) !important; } .pf-u-primary-color-100-on-lg { color: var(--pf-global--primary-color--100) !important; } .pf-u-color-light-100-on-lg { color: var(--pf-global--Color--light-100) !important; } .pf-u-color-light-200-on-lg { color: var(--pf-global--Color--light-200) !important; } .pf-u-link-color-on-lg { color: var(--pf-global--link--Color) !important; } .pf-u-link-color-hover-on-lg { color: var(--pf-global--link--Color--hover) !important; } .pf-u-link-color-light-on-lg { color: var(--pf-global--link--Color--light) !important; } .pf-u-link-color-light-hover-on-lg { color: var(--pf-global--link--Color--light--hover) !important; } .pf-u-link-color-dark-on-lg { color: var(--pf-global--link--Color--dark) !important; } .pf-u-link-color-dark-hover-on-lg { color: var(--pf-global--link--Color--dark--hover) !important; } .pf-u-link-color-visited-on-lg { color: var(--pf-global--link--Color--visited) !important; } .pf-u-default-color-100-on-lg { color: var(--pf-global--default-color--100) !important; } .pf-u-default-color-200-on-lg { color: var(--pf-global--default-color--200) !important; } .pf-u-default-color-300-on-lg { color: var(--pf-global--default-color--300) !important; } .pf-u-success-color-100-on-lg { color: var(--pf-global--success-color--100) !important; } .pf-u-success-color-200-on-lg { color: var(--pf-global--success-color--200) !important; } .pf-u-info-color-100-on-lg { color: var(--pf-global--info-color--100) !important; } .pf-u-info-color-200-on-lg { color: var(--pf-global--info-color--200) !important; } .pf-u-warning-color-100-on-lg { color: var(--pf-global--warning-color--100) !important; } .pf-u-warning-color-200-on-lg { color: var(--pf-global--warning-color--200) !important; } .pf-u-danger-color-100-on-lg { color: var(--pf-global--danger-color--100) !important; } .pf-u-danger-color-200-on-lg { color: var(--pf-global--danger-color--200) !important; } .pf-u-danger-color-300-on-lg { color: var(--pf-global--danger-color--300) !important; } .pf-u-disabled-color-100-on-lg { color: var(--pf-global--disabled-color--100) !important; } .pf-u-disabled-color-200-on-lg { color: var(--pf-global--disabled-color--200) !important; } .pf-u-icon-color-light-on-lg { color: var(--pf-global--icon--Color--light) !important; } .pf-u-icon-color-dark-on-lg { color: var(--pf-global--icon--Color--dark) !important; } } @media screen and (min-width: 1200px) { .pf-u-color-100-on-xl { color: var(--pf-global--Color--100) !important; } .pf-u-color-200-on-xl { color: var(--pf-global--Color--200) !important; } .pf-u-color-300-on-xl { color: var(--pf-global--Color--300) !important; } .pf-u-color-400-on-xl { color: var(--pf-global--Color--400) !important; } .pf-u-active-color-100-on-xl { color: var(--pf-global--active-color--100) !important; } .pf-u-active-color-400-on-xl { color: var(--pf-global--active-color--400) !important; } .pf-u-primary-color-100-on-xl { color: var(--pf-global--primary-color--100) !important; } .pf-u-color-light-100-on-xl { color: var(--pf-global--Color--light-100) !important; } .pf-u-color-light-200-on-xl { color: var(--pf-global--Color--light-200) !important; } .pf-u-link-color-on-xl { color: var(--pf-global--link--Color) !important; } .pf-u-link-color-hover-on-xl { color: var(--pf-global--link--Color--hover) !important; } .pf-u-link-color-light-on-xl { color: var(--pf-global--link--Color--light) !important; } .pf-u-link-color-light-hover-on-xl { color: var(--pf-global--link--Color--light--hover) !important; } .pf-u-link-color-dark-on-xl { color: var(--pf-global--link--Color--dark) !important; } .pf-u-link-color-dark-hover-on-xl { color: var(--pf-global--link--Color--dark--hover) !important; } .pf-u-link-color-visited-on-xl { color: var(--pf-global--link--Color--visited) !important; } .pf-u-default-color-100-on-xl { color: var(--pf-global--default-color--100) !important; } .pf-u-default-color-200-on-xl { color: var(--pf-global--default-color--200) !important; } .pf-u-default-color-300-on-xl { color: var(--pf-global--default-color--300) !important; } .pf-u-success-color-100-on-xl { color: var(--pf-global--success-color--100) !important; } .pf-u-success-color-200-on-xl { color: var(--pf-global--success-color--200) !important; } .pf-u-info-color-100-on-xl { color: var(--pf-global--info-color--100) !important; } .pf-u-info-color-200-on-xl { color: var(--pf-global--info-color--200) !important; } .pf-u-warning-color-100-on-xl { color: var(--pf-global--warning-color--100) !important; } .pf-u-warning-color-200-on-xl { color: var(--pf-global--warning-color--200) !important; } .pf-u-danger-color-100-on-xl { color: var(--pf-global--danger-color--100) !important; } .pf-u-danger-color-200-on-xl { color: var(--pf-global--danger-color--200) !important; } .pf-u-danger-color-300-on-xl { color: var(--pf-global--danger-color--300) !important; } .pf-u-disabled-color-100-on-xl { color: var(--pf-global--disabled-color--100) !important; } .pf-u-disabled-color-200-on-xl { color: var(--pf-global--disabled-color--200) !important; } .pf-u-icon-color-light-on-xl { color: var(--pf-global--icon--Color--light) !important; } .pf-u-icon-color-dark-on-xl { color: var(--pf-global--icon--Color--dark) !important; } } @media screen and (min-width: 1450px) { .pf-u-color-100-on-2xl { color: var(--pf-global--Color--100) !important; } .pf-u-color-200-on-2xl { color: var(--pf-global--Color--200) !important; } .pf-u-color-300-on-2xl { color: var(--pf-global--Color--300) !important; } .pf-u-color-400-on-2xl { color: var(--pf-global--Color--400) !important; } .pf-u-active-color-100-on-2xl { color: var(--pf-global--active-color--100) !important; } .pf-u-active-color-400-on-2xl { color: var(--pf-global--active-color--400) !important; } .pf-u-primary-color-100-on-2xl { color: var(--pf-global--primary-color--100) !important; } .pf-u-color-light-100-on-2xl { color: var(--pf-global--Color--light-100) !important; } .pf-u-color-light-200-on-2xl { color: var(--pf-global--Color--light-200) !important; } .pf-u-link-color-on-2xl { color: var(--pf-global--link--Color) !important; } .pf-u-link-color-hover-on-2xl { color: var(--pf-global--link--Color--hover) !important; } .pf-u-link-color-light-on-2xl { color: var(--pf-global--link--Color--light) !important; } .pf-u-link-color-light-hover-on-2xl { color: var(--pf-global--link--Color--light--hover) !important; } .pf-u-link-color-dark-on-2xl { color: var(--pf-global--link--Color--dark) !important; } .pf-u-link-color-dark-hover-on-2xl { color: var(--pf-global--link--Color--dark--hover) !important; } .pf-u-link-color-visited-on-2xl { color: var(--pf-global--link--Color--visited) !important; } .pf-u-default-color-100-on-2xl { color: var(--pf-global--default-color--100) !important; } .pf-u-default-color-200-on-2xl { color: var(--pf-global--default-color--200) !important; } .pf-u-default-color-300-on-2xl { color: var(--pf-global--default-color--300) !important; } .pf-u-success-color-100-on-2xl { color: var(--pf-global--success-color--100) !important; } .pf-u-success-color-200-on-2xl { color: var(--pf-global--success-color--200) !important; } .pf-u-info-color-100-on-2xl { color: var(--pf-global--info-color--100) !important; } .pf-u-info-color-200-on-2xl { color: var(--pf-global--info-color--200) !important; } .pf-u-warning-color-100-on-2xl { color: var(--pf-global--warning-color--100) !important; } .pf-u-warning-color-200-on-2xl { color: var(--pf-global--warning-color--200) !important; } .pf-u-danger-color-100-on-2xl { color: var(--pf-global--danger-color--100) !important; } .pf-u-danger-color-200-on-2xl { color: var(--pf-global--danger-color--200) !important; } .pf-u-danger-color-300-on-2xl { color: var(--pf-global--danger-color--300) !important; } .pf-u-disabled-color-100-on-2xl { color: var(--pf-global--disabled-color--100) !important; } .pf-u-disabled-color-200-on-2xl { color: var(--pf-global--disabled-color--200) !important; } .pf-u-icon-color-light-on-2xl { color: var(--pf-global--icon--Color--light) !important; } .pf-u-icon-color-dark-on-2xl { color: var(--pf-global--icon--Color--dark) !important; } } .pf-u-text-break-word { word-break: break-word !important; } .pf-u-text-nowrap { white-space: nowrap !important; } .pf-u-text-wrap { white-space: normal !important; } @media screen and (min-width: 576px) { .pf-u-text-break-word-on-sm { word-break: break-word !important; } .pf-u-text-nowrap-on-sm { white-space: nowrap !important; } .pf-u-text-wrap-on-sm { white-space: normal !important; } } @media screen and (min-width: 768px) { .pf-u-text-break-word-on-md { word-break: break-word !important; } .pf-u-text-nowrap-on-md { white-space: nowrap !important; } .pf-u-text-wrap-on-md { white-space: normal !important; } } @media screen and (min-width: 992px) { .pf-u-text-break-word-on-lg { word-break: break-word !important; } .pf-u-text-nowrap-on-lg { white-space: nowrap !important; } .pf-u-text-wrap-on-lg { white-space: normal !important; } } @media screen and (min-width: 1200px) { .pf-u-text-break-word-on-xl { word-break: break-word !important; } .pf-u-text-nowrap-on-xl { white-space: nowrap !important; } .pf-u-text-wrap-on-xl { white-space: normal !important; } } @media screen and (min-width: 1450px) { .pf-u-text-break-word-on-2xl { word-break: break-word !important; } .pf-u-text-nowrap-on-2xl { white-space: nowrap !important; } .pf-u-text-wrap-on-2xl { white-space: normal !important; } } .pf-u-text-truncate { min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } :where(.pf-theme-dark) .pf-u-color-300 { color: var(--pf-global--Color--100) !important; } :where(.pf-theme-dark) .pf-u-color-light-100 { color: var(--pf-global--Color-100) !important; } :where(.pf-theme-dark) .pf-u-color-light-200 { color: var(--pf-global--Color-200) !important; } :where(.pf-theme-dark) .pf-u-default-color-300 { color: var(--pf-global--default-color--100) !important; } :where(.pf-theme-dark) .pf-u-success-color-200 { color: var(--pf-global--success-color--100) !important; } :where(.pf-theme-dark) .pf-u-info-color-200 { color: var(--pf-global--info-color--100) !important; } :where(.pf-theme-dark) .pf-u-danger-color-300 { color: var(--pf-global--danger-color--100) !important; } :where(.pf-theme-dark) .pf-u-icon-color-dark { color: var(--pf-global--icon--Color--dark) !important; } @media screen and (min-width: 576px) { :where(.pf-theme-dark) .pf-u-color-300-on-sm { color: var(--pf-global--Color--100) !important; } :where(.pf-theme-dark) .pf-u-color-light-100-on-sm { color: var(--pf-global--Color-100) !important; } :where(.pf-theme-dark) .pf-u-color-light-200-on-sm { color: var(--pf-global--Color-200) !important; } :where(.pf-theme-dark) .pf-u-default-color-300-on-sm { color: var(--pf-global--default-color--100) !important; } :where(.pf-theme-dark) .pf-u-success-color-200-on-sm { color: var(--pf-global--success-color--100) !important; } :where(.pf-theme-dark) .pf-u-info-color-200-on-sm { color: var(--pf-global--info-color--100) !important; } :where(.pf-theme-dark) .pf-u-danger-color-300-on-sm { color: var(--pf-global--danger-color--100) !important; } :where(.pf-theme-dark) .pf-u-icon-color-dark-on-sm { color: var(--pf-global--icon--Color--dark) !important; } } @media screen and (min-width: 768px) { :where(.pf-theme-dark) .pf-u-color-300-on-md { color: var(--pf-global--Color--100) !important; } :where(.pf-theme-dark) .pf-u-color-light-100-on-md { color: var(--pf-global--Color-100) !important; } :where(.pf-theme-dark) .pf-u-color-light-200-on-md { color: var(--pf-global--Color-200) !important; } :where(.pf-theme-dark) .pf-u-default-color-300-on-md { color: var(--pf-global--default-color--100) !important; } :where(.pf-theme-dark) .pf-u-success-color-200-on-md { color: var(--pf-global--success-color--100) !important; } :where(.pf-theme-dark) .pf-u-info-color-200-on-md { color: var(--pf-global--info-color--100) !important; } :where(.pf-theme-dark) .pf-u-danger-color-300-on-md { color: var(--pf-global--danger-color--100) !important; } :where(.pf-theme-dark) .pf-u-icon-color-dark-on-md { color: var(--pf-global--icon--Color--dark) !important; } } @media screen and (min-width: 992px) { :where(.pf-theme-dark) .pf-u-color-300-on-lg { color: var(--pf-global--Color--100) !important; } :where(.pf-theme-dark) .pf-u-color-light-100-on-lg { color: var(--pf-global--Color-100) !important; } :where(.pf-theme-dark) .pf-u-color-light-200-on-lg { color: var(--pf-global--Color-200) !important; } :where(.pf-theme-dark) .pf-u-default-color-300-on-lg { color: var(--pf-global--default-color--100) !important; } :where(.pf-theme-dark) .pf-u-success-color-200-on-lg { color: var(--pf-global--success-color--100) !important; } :where(.pf-theme-dark) .pf-u-info-color-200-on-lg { color: var(--pf-global--info-color--100) !important; } :where(.pf-theme-dark) .pf-u-danger-color-300-on-lg { color: var(--pf-global--danger-color--100) !important; } :where(.pf-theme-dark) .pf-u-icon-color-dark-on-lg { color: var(--pf-global--icon--Color--dark) !important; } } @media screen and (min-width: 1200px) { :where(.pf-theme-dark) .pf-u-color-300-on-xl { color: var(--pf-global--Color--100) !important; } :where(.pf-theme-dark) .pf-u-color-light-100-on-xl { color: var(--pf-global--Color-100) !important; } :where(.pf-theme-dark) .pf-u-color-light-200-on-xl { color: var(--pf-global--Color-200) !important; } :where(.pf-theme-dark) .pf-u-default-color-300-on-xl { color: var(--pf-global--default-color--100) !important; } :where(.pf-theme-dark) .pf-u-success-color-200-on-xl { color: var(--pf-global--success-color--100) !important; } :where(.pf-theme-dark) .pf-u-info-color-200-on-xl { color: var(--pf-global--info-color--100) !important; } :where(.pf-theme-dark) .pf-u-danger-color-300-on-xl { color: var(--pf-global--danger-color--100) !important; } :where(.pf-theme-dark) .pf-u-icon-color-dark-on-xl { color: var(--pf-global--icon--Color--dark) !important; } } @media screen and (min-width: 1450px) { :where(.pf-theme-dark) .pf-u-color-300-on-2xl { color: var(--pf-global--Color--100) !important; } :where(.pf-theme-dark) .pf-u-color-light-100-on-2xl { color: var(--pf-global--Color-100) !important; } :where(.pf-theme-dark) .pf-u-color-light-200-on-2xl { color: var(--pf-global--Color-200) !important; } :where(.pf-theme-dark) .pf-u-default-color-300-on-2xl { color: var(--pf-global--default-color--100) !important; } :where(.pf-theme-dark) .pf-u-success-color-200-on-2xl { color: var(--pf-global--success-color--100) !important; } :where(.pf-theme-dark) .pf-u-info-color-200-on-2xl { color: var(--pf-global--info-color--100) !important; } :where(.pf-theme-dark) .pf-u-danger-color-300-on-2xl { color: var(--pf-global--danger-color--100) !important; } :where(.pf-theme-dark) .pf-u-icon-color-dark-on-2xl { color: var(--pf-global--icon--Color--dark) !important; } } /* css-process:/home/authentik/authentik/web/src/styles/authentik/components/Drawer/drawer.css */ .pf-c-drawer { --pf-c-drawer__content--ZIndex: auto; } .pf-c-drawer__body { display: flex; flex-flow: column; } .pf-c-drawer__content { --pf-c-drawer__content--BackgroundColor: transparent; } .pf-c-drawer { .pf-c-drawer__panel { background-color: var(--pf-c-drawer__panel--BackgroundColor); transition-behavior: allow-discrete; gap: var(--pf-global--spacer--sm); @media (width > 768px) { flex-flow: row; .pf-c-drawer__panel_content { flex: 1 1 auto; max-width: 33dvw; } } } } [data-theme=dark] .pf-c-drawer, :host([theme="dark"]) .pf-c-drawer { .pf-c-drawer__panel { background-color: var(--ak-dark-background); } } /* css-process:/home/authentik/authentik/web/src/styles/authentik/components/Form/form.css */ .pf-c-form { --pf-c-form--m-horizontal__group-label--md--PaddingTop: calc( (((((var( --pf-global--FontSize--md) * var( --pf-global--LineHeight--md)) + (2 * var( --pf-global--BorderWidth--sm))) - var( --pf-global--FontSize--md)) / 2) + var( --pf-global--FontSize--md)) - ((((var( --pf-global--FontSize--sm) * var( --pf-global--LineHeight--sm)) - var( --pf-global--FontSize--sm)) / 2) + var( --pf-global--FontSize--sm)) + (var( --pf-global--BorderWidth--sm) * 4) ); } .pf-c-form__group { column-gap: var(--pf-global--spacer--md); } .pf-c-form__group-label { display: flex; user-select: none; padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop); .pf-c-form__label { display: block; flex: 1 1 auto; } } .pf-c-form__label[aria-required=true] .pf-c-form__label-text::after { content: "*" / ""; user-select: none; margin-left: var(--pf-c-form__label-required--MarginLeft); font-size: var(--pf-c-form__label-required--FontSize); color: var(--pf-c-form__label-required--Color); } .pf-c-form-control { --pf-c-form-control--BorderTopColor: transparent !important; --pf-c-form-control--BorderRightColor: transparent !important; --pf-c-form-control--BorderLeftColor: transparent !important; --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--BackgroundColor--200); --pf-c-form-control--disabled--BackgroundColor: var(--pf-global--BackgroundColor--200); --pf-c-form-control--m-caps-lock--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg fill='%23aaabac' viewBox='0 0 56 56' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 20.7812 37.6211 L 35.2421 37.6211 C 38.5233 37.6211 40.2577 35.6992 40.2577 32.6055 L 40.2577 28.4570 L 49.1404 28.4570 C 51.0859 28.4570 52.6329 27.3086 52.6329 25.5039 C 52.6329 24.4024 52.0703 23.5351 51.0158 22.6211 L 30.9062 4.8789 C 29.9452 4.0351 29.0546 3.4727 27.9999 3.4727 C 26.9687 3.4727 26.0780 4.0351 25.1171 4.8789 L 4.9843 22.6445 C 3.8828 23.6055 3.3671 24.4024 3.3671 25.5039 C 3.3671 27.3086 4.9140 28.4570 6.8828 28.4570 L 15.7421 28.4570 L 15.7421 32.6055 C 15.7421 35.6992 17.4999 37.6211 20.7812 37.6211 Z M 21.1562 34.0820 C 20.2655 34.0820 19.6562 33.4961 19.6562 32.6055 L 19.6562 25.7149 C 19.6562 25.1524 19.4452 24.9180 18.8828 24.9180 L 8.6640 24.9180 C 8.4999 24.9180 8.4296 24.8476 8.4296 24.7305 C 8.4296 24.6367 8.4530 24.5430 8.5702 24.4492 L 27.5077 7.9961 C 27.7187 7.8086 27.8359 7.7383 27.9999 7.7383 C 28.1640 7.7383 28.3046 7.8086 28.4921 7.9961 L 47.4532 24.4492 C 47.5703 24.5430 47.5939 24.6367 47.5939 24.7305 C 47.5939 24.8476 47.4998 24.9180 47.3356 24.9180 L 37.1406 24.9180 C 36.5780 24.9180 36.3671 25.1524 36.3671 25.7149 L 36.3671 32.6055 C 36.3671 33.4727 35.7109 34.0820 34.8671 34.0820 Z M 19.7733 52.5273 L 36.0624 52.5273 C 38.7577 52.5273 40.3046 51.0273 40.3046 48.3086 L 40.3046 44.9336 C 40.3046 42.2148 38.7577 40.6680 36.0624 40.6680 L 19.7733 40.6680 C 17.0546 40.6680 15.5077 42.2383 15.5077 44.9336 L 15.5077 48.3086 C 15.5077 51.0039 17.0546 52.5273 19.7733 52.5273 Z M 20.3124 49.2227 C 19.4921 49.2227 19.0468 48.8008 19.0468 47.9805 L 19.0468 45.2617 C 19.0468 44.4414 19.4921 43.9727 20.3124 43.9727 L 35.5233 43.9727 C 36.3202 43.9727 36.7655 44.4414 36.7655 45.2617 L 36.7655 47.9805 C 36.7655 48.8008 36.3202 49.2227 35.5233 49.2227 Z'/%3E%3C/svg%3E"); &.pf-m-icon.pf-m-caps-lock { --pf-c-form-control--m-icon--BackgroundUrl: var( --pf-c-form-control--m-caps-lock--BackgroundUrl ); } } .pf-c-form__helper-text { text-wrap: pretty; } fieldset { --ak-fieldset-border-width: thin; --ak-fieldset-border-color: var(--pf-global--BackgroundColor--light-100); --ak-legend-margin-inline-base: var(--pf-global--spacer--sm); --ak-legend-padding-inline-base: var(--pf-global--spacer--sm); border-color: var(--ak-fieldset-border-color); border-width: var(--ak-fieldset-border-width); padding: var(--ak-legend-padding-inline-base) !important; @media (prefers-contrast: more) { --ak-fieldset-border-color: var(--pf-global--BorderColor--200); } @media (prefers-contrast: less) { --ak-fieldset-border-color: transparent; } & > legend { line-height: 1; padding: var(--ak-legend-padding-inline-base) !important; margin-inline-start: var( --ak-legend-margin-inline-start, var(--ak-legend-margin-inline-base) ) !important; margin-inline-end: var( --ak-legend-margin-inline-end, var(--ak-legend-margin-inline-base) ) !important; } &:has(legend.sr-only:not(.more-contrast-only)) { border-width: 0; &:not(.pf-c-modal-box__footer) { --ak-legend-padding-inline-base: 0; --ak-legend-margin-inline-base: 0; } } &.pf-c-form__group { border-radius: var(--pf-global--BorderRadius--sm); } &.pf-c-form__group { display: flex; flex-wrap: wrap; &.pf-m-action { gap: var(--pf-global--spacer--md) var(--pf-global--spacer--sm); margin-block-start: 0; } } &.pf-c-login__main-footer-band { & > *:last-child { padding-block-end: var(--pf-c-login__main-footer-band-item--PaddingTop); } } &.pf-c-modal-box__footer { --ak-legend-padding-inline-base: var(--pf-global--spacer--md); padding-block: calc(var(--ak-legend-padding-inline-base) / 2); border-inline: none; border-block-end: none; --pf-c-modal-box__footer--c-button--sm--MarginRight: var( --pf-c-modal-box__footer--c-button--MarginRight ); & > ak-spinner-button:not(:last-child) { margin-right: var(--pf-c-modal-box__footer--c-button--MarginRight); } } } [data-theme=dark], :host([theme="dark"]) { .pf-c-input-group:not(:has(.pf-c-switch)) { --pf-c-input-group--BackgroundColor: transparent; --pf-global--Color--100: var(--pf-global--Color--light-100); --pf-global--Color--200: var(--pf-global--Color--light-200); --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100); --pf-global--primary-color--100: var(--pf-global--primary-color--300); --pf-global--link--Color: var(--pf-global--link--Color--light); --pf-global--link--Color--hover: var(--pf-global--link--Color--light--hover); --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100); } select.pf-c-form-control { --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23fafafa' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E"); } .pf-c-form-control { --pf-global--Color--100: var(--pf-global--Color--light-100) !important; --pf-global--Color--200: var(--pf-global--Color--light-200) !important; --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100) !important; --pf-global--BackgroundColor--200: var(--pf-global--BackgroundColor--dark-200) !important; --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100) !important; --pf-global--primary-color--100: var(--pf-global--primary-color--light-100) !important; --pf-global--link--Color: var(--pf-global--link--Color--light) !important; --pf-global--link--Color--hover: var(--pf-global--link--Color--light--hover) !important; --pf-c-form-control--BackgroundColor: var(--ak-dark-background-light) !important; --pf-c-form-control--readonly--BackgroundColor: var(--ak-dark-background-light) !important; --pf-c-form-control--disabled--BackgroundColor: var(--ak-dark-background-light) !important; } .form-control-static { color: var(--ak-dark-foreground); } .pf-c-form__field-group-header-title-text { color: var(--ak-dark-foreground); } .pf-c-form__field-group { border-bottom: 0; } fieldset { --ak-fieldset-border-color: var(--pf-global--BackgroundColor--dark-transparent-200); @media (prefers-contrast: more) { --ak-fieldset-border-color: var(--pf-global--BorderColor--300); } @media (prefers-contrast: less) { --ak-fieldset-border-color: transparent; } } .pf-c-radio { --pf-c-radio__label--Color: var(--ak-dark-foreground); } .pf-c-form__label-text { color: var(--ak-dark-foreground); } .pf-c-check__label { color: var(--ak-dark-foreground); } } /* css-process:/home/authentik/authentik/web/src/styles/authentik/components/Icon/icon.css */ .pf-icon { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; vertical-align: middle; &:has(+ span) { margin-inline-end: 0.5em; } } .pf-icon, .fa, .fas { &.pf-m-success { color: var(--pf-global--success-color--100); } &.pf-m-warning { color: var(--pf-global--warning-color--100); } &.pf-m-danger { color: var(--pf-global--danger-color--100); } } /* css-process:/home/authentik/authentik/web/src/elements/locale/ak-locale-select.css */ :host { --ak-c-locale-select--PaddingInline: 0.5em; --ak-c-locale-select--PaddingBlock: 0.25em; --ak-c-locale-select__select--PaddingInline: calc( var(--ak-c-locale-select--PaddingInline) * 4.5 ); cursor: pointer; display: flex; flex-flow: row; align-items: center; user-select: none; gap: var(--pf-global--spacer--sm); padding-inline: var(--pf-global--spacer--sm); padding-block: var(--pf-global--spacer--xs); overflow: hidden; outline: none; } [part=select] { display: flex; align-items: center; position: relative; cursor: pointer; user-select: none; opacity: var(--ak-c-locale-select--Opacity, 1); will-change: opacity, text-decoration-color, background-color, color; isolation: isolate; background-color: var(--ak-c-locale-select--BackgroundColor, transparent) !important; color: var(--ak-c-locale-select--Color, inherit) !important; text-decoration: underline; text-decoration-color: var(--ak-c-locale-select--TextDecorationColor, transparent); border-radius: var(--pf-global--BorderRadius--sm); outline: 1px solid var(--ak-c-locale--select--OutlineColor, transparent); border: none; &:focus { outline: 1px solid var(--ak-c-locale--select--OutlineColor, transparent); outline-offset: initial; } &:open { --ak-c-locale-select--BackgroundColor: Field; --ak-c-locale-select--Color: FieldText; } padding-inline-start: var( --ak-c-locale-select__select--PaddingInlineStart, var(--ak-c-locale-select__select--PaddingInline) ) !important; padding-inline-end: var( --ak-c-locale-select__select--PaddingInlineEnd, var(--ak-c-locale-select__select--PaddingInline) ) !important; padding-block: var(--ak-c-locale-select--PaddingBlock) !important; appearance: none; &::picker-icon { color: transparent; display: none; } } [part=label] { padding-inline-start: calc(var(--ak-c-locale-select--PaddingInline) * 1.25); background-color: var(--ak-c-locale-select--label--BackgroundColor, transparent); color: var(--ak-c-locale-select--label--Color, inherit); cursor: pointer; position: absolute; inset-block-start: 0.625em; inset-inline-start: 0.5em; z-index: 1; pointer-events: none; .icon { display: block; height: var(--pf-global--FontSize--xl); stroke-width: 0.5; stroke: currentColor; fill: currentColor; } } :host::after { padding-inline-end: var(--ak-c-locale-select--PaddingInline); inset-inline-end: var(--ak-c-locale-select--PaddingInline); content: "\22ef"; background-color: var(--ak-c-locale-select--label--BackgroundColor, transparent); color: var(--ak-c-locale-select--label--Color, inherit); cursor: pointer; position: absolute; opacity: var(--ak-c-locale-select__after--Opacity, 0); z-index: 1; } [part=select] { transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in-out; } /* css-process:/home/authentik/authentik/web/src/styles/authentik/components/Login/login.css */ .pf-c-login.pf-c-login { --ak-login--PaddingMax: 8dvw; --ak-login--padding: clamp( var(--pf-global--spacer--md), var(--pf-global--spacer--2xl), var(--ak-login--PaddingMax) ); --ak-login__main--brand-PaddingMin: var(--pf-global--spacer--xs); --ak-login__main--brand-PaddingIdeal: 5rem; --ak-login__main--brand-PaddingMax: 15dvh; --ak-login__footer--PaddingBlock: var(--pf-global--spacer--md); --ak-login--MaxWidth: 35rem; --ak-login__main-ColumnWidth: minmax( min(100%, var(--ak-login--MaxWidth)), var(--ak-login--MaxWidth) ); --pf-c-login__main-body--PaddingBottom: 0; --ak-login__main--footer-PaddingMin: var(--pf-global--spacer--xs); --ak-login__main--footer-PaddingIdeal: 3rem; --ak-login__main--footer-PaddingMax: 9dvh; --pf-c-login__main-footer--PaddingBottom: clamp( var(--ak-login__main--footer-PaddingMin), var(--ak-login__main--footer-PaddingIdeal), var(--ak-login__main--footer-PaddingMax) ); --pf-c-login__main-footer-band--BackgroundColor: transparent; flex: 1 1 auto; padding: 0; position: relative; display: grid; justify-content: space-between; min-height: 100dvh; grid-template-rows: [header] minmax(clamp(0.5rem, 15dvh, 3dvh), auto) [main] minmax(auto, min-content) [footer] minmax(min-content, auto); grid-template-columns: 1fr [main] var(--ak-login__main-ColumnWidth) 1fr; grid-template-areas: "header header header" " . main . " "footer footer footer"; &::before { display: block; content: ""; background-color: var(--ak-login--background-color-overlay, transparent); z-index: -1; height: 100%; pointer-events: none; } &::before, .pf-c-login__overlay { grid-row: header / footer; grid-column: header; } &::after { display: block; content: ""; grid-area: main; z-index: -1; height: 75dvh; pointer-events: none; } @media (max-width: 35rem) or (max-height: 17.5rem) { --ak-login--background-color-overlay: var(--pf-c-login__main--BackgroundColor); } } .ak-c-placeholder { grid-area: main; } [data-theme=dark] .pf-c-login, :host([theme="dark"]) .pf-c-login { --pf-c-login__main--BackgroundColor: var(--pf-global--BackgroundColor--100); } .pf-c-login__header { grid-area: header; padding-inline: calc(var(--ak-login--padding) / 2); align-self: start; display: grid; grid-template-columns: 1fr; } .pf-c-login__main-footer .pf-c-button__icon { vertical-align: middle; } .pf-c-login__main-footer .source-button { display: flex; align-items: center; justify-content: center; gap: var(--pf-global--spacer--sm); } .pf-c-login__main { --pf-c-login__container--PaddingLeft: 0 !important; --pf-c-login__container--PaddingRight: 0 !important; box-shadow: var(--pf-global--BoxShadow--md); grid-area: main; margin: 0; position: relative; max-width: var(--ak-login--MaxWidth); min-height: calc(var(--ak-login--MaxWidth) * 0.8); display: flex; flex-flow: column; justify-content: space-between; .slotted-content { position: relative; flex: 1 1 auto; } @media (max-width: 35rem) or (max-height: 17.5rem) { box-shadow: none; } } .pf-c-login__main-header { padding-inline: var(--ak-login--padding); padding-block: clamp(var(--pf-global--spacer--xs), 6dvw, var(--pf-global--spacer--lg)); .pf-c-title { font-size: clamp(1rem, var(--pf-c-title--m-3xl--FontSize), 7dvw); } } .pf-c-login__main-header.pf-c-brand { --ak-login__main-padding-block-start: clamp( var(--ak-login__main--brand-PaddingMin), var(--ak-login__main--brand-PaddingIdeal), var(--ak-login__main--brand-PaddingMax) ); padding-inline: calc(var(--ak-login--padding) / 4); padding-block-start: calc(var(--ak-login__main-padding-block-start) - var(--ak-login__footer--PaddingBlock)); padding-bottom: var(--pf-global--spacer--xs); padding-block-end: calc(var(--ak-login--padding) / 2); display: flex; justify-content: center; .branding-logo { display: block; max-width: clamp(75%, calc(var(--ak-login--MaxWidth) / 2), 90%); } .branding-logo.font-awesome, .branding-logo.fas, .branding-logo.far, .branding-logo.fab { display: flex; align-items: center; justify-content: center; font-size: clamp(3rem, 8vw, 5rem); line-height: 1; } } .pf-c-login__main-body { flex: 1 1 auto; padding-inline: var(--ak-login--padding); } @media (min-width: 70rem) and (min-height: 17.5rem) { .pf-c-login__main[data-layout^=sidebar] { box-shadow: none; } .pf-c-login[data-layout=content_left], .pf-c-login[data-layout=content_right] { display: flex; flex-flow: row wrap; place-content: space-between; gap: var(--pf-global--spacer--lg); .pf-c-login__main, .pf-c-login__footer { align-self: center; } } .pf-c-login[data-layout=content_right] { flex-direction: row-reverse; } .pf-c-login[data-layout=sidebar_left], .pf-c-login[data-layout=sidebar_right] { --ak-login--MaxWidth: 36rem; --ak-login--background-color-overlay: var(--pf-c-login__main--BackgroundColor); &::before { box-shadow: var(--pf-global--BoxShadow--md); } .pf-c-login__main { height: 100%; justify-content: normal; } .pf-c-login__footer { color: inherit; flex: 1 1 auto; justify-content: end; width: 100%; } } .pf-c-login[data-layout=sidebar_left] { grid-template-columns: [main footer] var(--ak-login__main-ColumnWidth) repeat(2, 1fr); grid-template-areas: "header . ." "main . ." "footer . ."; } .pf-c-login[data-layout=sidebar_right] { grid-template-columns: repeat(2, 1fr) var(--ak-login__main-ColumnWidth) [main footer]; grid-template-areas: ". . header" ". . main " ". . footer"; } } .pf-c-login__footer { --pf-global--Color--100: var(--pf-global--Color--light-100) !important; grid-area: footer; flex: 0 0 auto; display: flex; flex-direction: column; align-self: end; justify-content: center; padding-inline: var(--pf-global--spacer--xl) !important; padding-block: var(--ak-login__footer--PaddingBlock) !important; min-height: calc((var(--ak-login__footer--PaddingBlock) * 2) + 1rem); line-height: var(--pf-global--LineHeight--md); min-height: calc((var(--ak-login__footer--PaddingBlock) * 2) + (var(--pf-global--LineHeight--md) * 1rem)); @media (max-width: 35rem) { color: var(--pf-global--Color--200); } @media (min-width: 35rem) and (min-height: 17.5rem) { filter: var(--ak-global--background-contrast-Filter); } } /* css-process:/home/authentik/authentik/web/src/flow/FlowExecutor.css */ :host { display: flex; min-height: 100dvh; flex-flow: column nowrap; } .inspector-toggle { position: absolute; inset-inline-end: var(--pf-global--spacer--md); inset-block-start: var(--pf-global--spacer--md); z-index: 100; } [part=locale-select] { --pf-global--Color--100: var(--pf-global--Color--light-100) !important; --ak-c-flow-executor__locale-select--Padding: var(--pf-global--spacer--md); --ak-c-flow-executor__locale-select--Color: var(--pf-global--Color--100); --ak-c-locale-select--label--Color: var(--ak-c-flow-executor__locale-select--Color); & { color: var(--ak-c-flow-executor__locale-select--Color); position: absolute; inset-block-start: var(--ak-c-flow-executor__locale-select--Padding); inset-inline-start: var(--ak-c-flow-executor__locale-select--Padding); font-weight: 500; z-index: 100; } &:has(select:hover), &:hover { --ak-c-locale-select--label--Color: var( --ak-c-flow-executor__locale-select--Color--hover, var(--ak-c-flow-executor__locale-select--Color) ); --ak-c-locale-select--BackgroundColor: var( --ak-c-flow-executor__locale-select--BackgroundColor--hover ); --ak-c-locale-select--TextDecorationColor: var(--ak-c-locale-select--label--Color); --ak-c-locale-select__after--Opacity: 1; --ak-c-locale-select--Color: var(--ak-c-flow-executor__locale-select--Color--hover); @media (prefers-contrast: more) { --ak-c-locale--select--OutlineColor: var(--pf-global--primary-color--dark-100); } } filter: var(--ak-global--background-contrast-Filter); grid-area: header; @media (width <= 61.25rem) and (height <= 61.25rem) { --ak-global--background-contrast-Filter: none; --ak-c-flow-executor__locale-select--Color: var(--ak-global--background-contrast); grid-area: main; } @media (width <= 61.25rem) and (height <= 61.25rem) and (not (prefers-contrast: more)) { --ak-c-locale-select--Opacity: 0; &:hover { --ak-c-locale-select--Opacity: 1; --ak-c-locale-select__after--Opacity: 1; } } @media (width <= 35rem) { grid-row: header; } } @media (min-width: 70rem) and (min-height: 17.5rem) { :host([data-layout^="sidebar"]), [data-layout^=sidebar] { --ak-global--background-contrast-Filter: none !important; [part=locale-select] { --ak-c-flow-executor__locale-select--Color: inherit !important; } } } /* css-process:/home/authentik/authentik/web/src/styles/authentik/static.global.css */ .pf-c-login__main-body { display: flex; flex-flow: column; .pf-c-form { display: flex; flex-flow: column; flex: 1 1 auto; justify-content: end; } } .form-control-static { margin-top: var(--pf-global--spacer--sm); display: flex; align-items: center; justify-content: space-between; .avatar { display: flex; align-items: center; } img { margin-right: var(--pf-global--spacer--xs); } a { padding-top: var(--pf-global--spacer--xs); padding-bottom: var(--pf-global--spacer--xs); line-height: var(--pf-global--spacer--xl); } } /*# sourceMappingURL=static-2025.12.4.css.map */