:root {
    color-scheme: initial;
    --f-shadow-inputfield: 0 2px 3px rgba(0, 0, 0, 0.12) inset;
    --f-border-radius-2: 8px;
    --f-border-radius-3: 12px;
    color: var(--pf-v5-global--Color--100);
}

.pf-v5-c-modal-box {
    border-radius: var(--f-border-radius-3);
}

.pf-v5-c-button {
    --pf-v5-c-button--BorderRadius: var(--f-border-radius-2);
    --pf-v5-c-button--after--BorderRadius: var(--f-border-radius-2);
    --pf-v5-c-button--m-control--after--BorderTopColor: var(--pf-v5-global--palette--black-400);
    --pf-v5-c-button--m-control--after--BorderRightColor: var(--pf-v5-global--palette--black-400);
    --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--palette--black-400);
    --pf-v5-c-button--m-control--after--BorderLeftColor: var(--pf-v5-global--palette--black-400);
}

.pf-v5-theme-dark .pf-v5-c-button {
    --pf-v5-c-button--m-control--after--BorderTopColor: var(--pf-v5-global--palette--black-300);
    --pf-v5-c-button--m-control--after--BorderRightColor: var(--pf-v5-global--palette--black-300);
    --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--palette--black-300);
    --pf-v5-c-button--m-control--after--BorderLeftColor: var(--pf-v5-global--palette--black-300);
}

.pf-v5-c-button:focus-visible {
    outline: 2px solid var(--pf-v5-global--palette--blue-300);
    outline-offset: 1px;
}

.pf-v5-c-form-control {
    --pf-v5-c-form-control--before--BorderTopColor: var(--pf-v5-global--palette--black-400);
    --pf-v5-c-form-control--before--BorderRightColor: var(--pf-v5-global--palette--black-400);
    --pf-v5-c-form-control--before--BorderBottomColor: var(--pf-v5-global--palette--black-400);
    --pf-v5-c-form-control--before--BorderLeftColor: var(--pf-v5-global--palette--black-400);
    --pf-v5-c-form-control--before--BorderBottomWidth: 1px;
    --pf-v5-c-form-control--OutlineOffset: 1px;
    border-radius: var(--f-border-radius-2);
}

.pf-v5-c-form-control::before {
    border-radius: var(--f-border-radius-2);
    box-shadow: var(--f-shadow-inputfield);
}

.pf-v5-c-form-control::after {
    border-block-end: none;
}

.pf-v5-c-form-control > :is(input, select, textarea) {
    border-radius: var(--f-border-radius-2);
    background: transparent;
}

.pf-v5-c-form-control > :is(input, select, textarea):focus {
    outline: 2px solid var(--pf-v5-global--palette--blue-300);
    outline-offset: var(--pf-v5-c-form-control--OutlineOffset);
    z-index: 1;
}

.pf-v5-c-form-control:hover,
.pf-v5-c-form-control:focus-within {
    --pf-v5-c-form-control--before--BorderTopColor: var(--pf-v5-global--palette--black-500);
    --pf-v5-c-form-control--before--BorderRightColor: var(--pf-v5-global--palette--black-500);
    --pf-v5-c-form-control--before--BorderBottomColor: var(--pf-v5-global--palette--black-500);
    --pf-v5-c-form-control--before--BorderLeftColor: var(--pf-v5-global--palette--black-500);
}

.pf-v5-c-form-control:has(> :is(input, select, textarea):disabled) {
    --pf-v5-c-form-control--before--BorderTopColor: var(--pf-v5-c-form-control--m-disabled--after--BorderColor);
    --pf-v5-c-form-control--before--BorderRightColor: var(--pf-v5-c-form-control--m-disabled--after--BorderColor);
    --pf-v5-c-form-control--before--BorderBottomColor: var(--pf-v5-c-form-control--m-disabled--after--BorderColor);
    --pf-v5-c-form-control--before--BorderLeftColor: var(--pf-v5-c-form-control--m-disabled--after--BorderColor);
    background: var(--pf-v5-c-form-control--m-disabled--BackgroundColor);
    color: var(--pf-v5-c-form-control--m-disabled--Color);
}

.pf-v5-c-form-control:has(> :is(input, select, textarea):disabled)::before {
    box-shadow: none;
}

.pf-v5-theme-dark .pf-v5-c-form-control {
    --pf-v5-c-form-control--before--BorderTopColor: var(--pf-v5-global--palette--black-300);
    --pf-v5-c-form-control--before--BorderRightColor: var(--pf-v5-global--palette--black-300);
    --pf-v5-c-form-control--before--BorderBottomColor: var(--pf-v5-global--palette--black-300);
    --pf-v5-c-form-control--before--BorderLeftColor: var(--pf-v5-global--palette--black-300);
}

.pf-v5-c-menu-toggle {
    --pf-v5-c-menu-toggle--BorderRadius: var(--f-border-radius-2);
}