@charset "UTF-8";

@font-face {
    font-family: RedHatDisplay;
    font-style: "normal";
    font-weight: 300;
    src: url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatDisplay/RedHatDisplay-Regular.eot);
    src: url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatDisplay/RedHatDisplay-Regular.eot?#iefix) format("embedded-opentype"), url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatDisplay/RedHatDisplay-Regular.woff) format("woff"), url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatDisplay/RedHatDisplay-Regular.svg#RedHatDisplay-Regular) format("svg");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: RedHatDisplay;
    font-style: "normal";
    font-weight: 400;
    src: url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatDisplay/RedHatDisplay-Medium.eot);
    src: url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatDisplay/RedHatDisplay-Medium.eot?#iefix) format("embedded-opentype"), url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatDisplay/RedHatDisplay-Medium.woff) format("woff"), url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatDisplay/RedHatDisplay-Medium.svg#RedHatDisplay-Medium) format("svg");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: RedHatDisplay;
    font-style: "normal";
    font-weight: 700;
    src: url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatDisplay/RedHatDisplay-Bold.eot);
    src: url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatDisplay/RedHatDisplay-Bold.eot?#iefix) format("embedded-opentype"), url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatDisplay/RedHatDisplay-Bold.woff) format("woff"), url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatDisplay/RedHatDisplay-Bold.svg#RedHatDisplay-Bold) format("svg");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: RedHatText;
    font-style: "normal";
    font-weight: 400;
    src: url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatText/RedHatText-Regular.eot);
    src: url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatText/RedHatText-Regular.eot?#iefix) format("embedded-opentype"), url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatText/RedHatText-Regular.woff) format("woff"), url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatText/RedHatText-Regular.svg#RedHatDisplay-Regular) format("svg");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: RedHatText;
    font-style: "normal";
    font-weight: 700;
    src: url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatText/RedHatText-Medium.eot);
    src: url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatText/RedHatText-Medium.eot?#iefix) format("embedded-opentype"), url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatText/RedHatText-Medium.woff) format("woff"), url(https://static.redhat.com/libs/redhat/redhat-font/2/webfonts/RedHatText/RedHatText-Medium.svg#RedHatDisplay-Medium) format("svg");
    text-rendering: optimizeLegibility
}

:root {
    --rhd-grey-3: #d5d5d5;
    --rhd-gray-3: #d5d5d5;
    --rhd-gray-4: #ccc;
    --rhd-blue: #06c;
    --rhd-linkhover: #004c98;
    --rhd-white: #fff
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: RedHatText, Helvetica, helvetica, arial, sans-serif;
    font-family: var(--pfe-theme--font-family, "RedHatText", Helvetica, helvetica, arial, sans-serif)
}

body {
    color: #333;
    margin: 0;
    padding: 0
}

.node__content>.field--name-body {
    color: #242424;
    font-family: Red Hat Display, Open Sans, Helvetica, sans-serif;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 16px;
    margin-top: 16px
}

.rhd-marketing-header {
    color: #242424;
    font-size: 27px;
    line-height: 1.5
}

@media (min-width:768px) {
    .rhd-marketing-header {
        font-size: 57px
    }
}

h1 {
    font-size: 23px;
    line-height: 1.3
}

@media (min-width:768px) {
    h1 {
        font-size: 50px
    }
}

h2 {
    font-size: 20px;
    line-height: 1.3
}

@media (min-width:768px) {
    h2 {
        font-size: 38px
    }
}

h3 {
    font-size: 16px;
    font-weight: 600
}

@media (min-width:768px) {
    h3 {
        font-size: 32px
    }
}

h4 {
    font-size: 15px;
    font-weight: 600
}

@media (min-width:768px) {
    h4 {
        font-size: 27px
    }
}

h5 {
    font-size: 14px;
    font-weight: 600
}

@media (min-width:768px) {
    h5 {
        font-size: 18px
    }
}

h5.alt {
    letter-spacing: .05em;
    text-transform: uppercase
}

a {
    color: #06c;
    cursor: pointer;
    text-decoration: none
}

a:active,
a:focus,
a:hover {
    color: #004c98
}

a.dark-background {
    color: #73bcf7
}

a.link-sm {
    color: #027cbb
}

a.link-sm-dark {
    color: #02ace4
}

a:focus {
    outline-color: color(#06c);
    outline-offset: 1px;
    outline-style: dotted;
    outline-width: 1px
}

a.pdf:after,
a[href$=".pdf"]:after {
    content: "\f1c1";
    font-family: FontAwesome;
    margin-left: 4px
}

a.img-link.pdf:after,
a.img-link[href$=".pdf"]:after {
    display: none
}

p a:hover {
    border-bottom: 1px solid #dcdcdc
}

p a.external-link:after {
    display: none
}

.link-sm a,
small a {
    color: #027cbb
}

.menu-trigger {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.44;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 9px 40px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background .2s ease-in 0s;
    transition: background .2s ease-in 0s
}

.menu-trigger:active,
.menu-trigger:focus,
.menu-trigger:hover {
    background-color: #000
}

p {
    font-size: 14px;
    line-height: 1.5
}

@media (min-width:768px) {
    p {
        font-size: 16px
    }
}

p.sm {
    font-size: 12px
}

@media (min-width:768px) {
    p.sm {
        font-size: 14px
    }
}

p.lg {
    color: #242424;
    font-size: 16px
}

@media (min-width:768px) {
    p.lg {
        font-size: 20px
    }
}

label:not(.pf-c-form__label) {
    color: #000;
    font-size: 14px;
    font-weight: 800;
    line-height: 22px
}

label:not(.pf-c-form__label).light {
    color: #828282;
    font-size: 12px;
    line-height: 18px
}

div.alert-box {
    border-style: solid;
    border-width: 1px;
    color: #363636 !important;
    font-size: 1em;
    margin: 1.5em auto;
    padding: 10px 20px
}

div.alert-box div.alert-content {
    display: inline
}

div.alert-box div.alert-content strong {
    margin-right: .5em
}

div.alert-box div.alert-content p {
    display: inline;
    margin-bottom: 0
}

div.alert-box div.icon {
    display: inline-block;
    height: 1.5em;
    margin-right: 10px;
    position: relative;
    top: 6px;
    width: 1.5em
}

div.alert-box.alert-info {
    background-color: #dcedf8;
    border-color: #87aac1
}

div.alert-box.alert-info div.icon:before {
    content: url(https://static.jboss.org/rhd/images/icons/RHD_alerticon_info.svg)
}

div.alert-box.alert-success {
    background-color: #e9f4e9;
    border-color: #8db28a
}

div.alert-box.alert-success div.icon:before {
    content: url(https://static.jboss.org/rhd/images/icons/RHD_alerticon_success.svg)
}

div.alert-box.alert-warning {
    background-color: #fdf2e5;
    border-color: #deb142
}

div.alert-box.alert-warning div.icon:before {
    content: url(https://static.jboss.org/rhd/images/icons/RHD_alerticon_warning.svg)
}

div.alert-box.alert-error {
    background-color: #ffe6e6;
    border-color: #d8aaab
}

div.alert-box.alert-error div.icon:before {
    content: url(https://static.jboss.org/rhd/images/icons/RHD_alerticon_error.svg)
}

div.alert-box.alert-xl {
    background-color: #dcedf8;
    border-color: #87aac1
}

div.alert-box.alert-xl div.icon {
    display: inline;
    float: left;
    margin-left: 1em
}

div.alert-box.alert-xl div.icon:before {
    content: url(https://static.jboss.org/rhd/images/icons/RHD_alerticon_info.svg)
}

div.alert-box.alert-xl div.alert-content {
    display: inline;
    float: right;
    width: calc(100% - 4em)
}

div.alert-box.alert-xl div.alert-content h1,
div.alert-box.alert-xl div.alert-content h2,
div.alert-box.alert-xl div.alert-content h3,
div.alert-box.alert-xl div.alert-content h4,
div.alert-box.alert-xl div.alert-content h5,
div.alert-box.alert-xl div.alert-content h6 {
    font-weight: 400;
    margin-bottom: 0
}

div.alert-box a.close {
    background-repeat: no-repeat;
    color: #3b6e90;
    height: 24px;
    margin-right: 5px;
    top: 1em;
    width: 24px
}

div.alert-box a.close:before {
    content: "\f00d";
    font-family: FontAwesome
}

.author.short-teaser {
    font-size: 14px;
    text-align: center
}

.author.short-teaser .author-name {
    background-color: #fff;
    color: #06c;
    display: inline-block;
    font-size: 14px;
    line-height: 1.6;
    padding: 6px 13px;
    text-transform: uppercase
}

.author.short-teaser .author-name .field--name-title {
    margin-bottom: 0
}

.author.short-teaser .field--name-field-headshot img {
    border-radius: 100%;
    height: auto !important;
    width: 90px
}

.node--type-author.node--view-mode-teaser .grid {
    grid-gap: 15px;
    display: grid;
    grid-template-columns: 160px 1fr
}

.node--type-author.node--view-mode-teaser .name {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: .5rem;
    margin-top: 0
}

.node--type-author.node--view-mode-teaser .bio {
    margin: 0;
    padding: 0
}

.node--type-author.node--view-mode-teaser .bio p {
    font-size: 14px;
    margin-top: 0
}

.node--type-author .headshot img {
    display: block;
    height: auto;
    max-width: 100%
}

.node--type-author .social-icons {
    list-style-type: none;
    padding: 0
}

.author-social-icon-facebook,
.author-social-icon-github,
.author-social-icon-linkedin,
.author-social-icon-twitter,
.author-social-icon-youtube {
    display: inline-block;
    font-size: 21px;
    margin-right: 12px;
    text-decoration: none
}

.author-social-icon-facebook svg {
    color: #3b5998
}

.author-social-icon-twitter svg {
    color: #00aced
}

.author-social-icon-youtube svg {
    color: red
}

.author-social-icon-linkedin svg {
    color: #0077b5
}

.author-social-icon-github svg {
    color: #000
}

.button:not(.pf-c-button):not(.pfe-navigation__secondary-link),
button:not(.pf-c-button):not(.pfe-navigation__secondary-link):not(.rhdPasswordToggle) {
    border: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.44;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 9px 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background .2s ease-in 0s;
    transition: background .2s ease-in 0s
}

.button:not(.pf-c-button):not(.pfe-navigation__secondary-link):focus,
.button:not(.pf-c-button):not(.pfe-navigation__secondary-link):hover,
button:not(.pf-c-button):not(.pfe-navigation__secondary-link):not(.rhdPasswordToggle):focus,
button:not(.pf-c-button):not(.pfe-navigation__secondary-link):not(.rhdPasswordToggle):hover {
    background-color: #006633;
    color: #fff
}

.button.heavy-cta,
button.heavy-cta {
    font-weight: 700
}

.button.heavy-cta:visited,
button.heavy-cta:visited {
    color: #fff
}

.button.heavy-cta.white,
button.heavy-cta.white {
    background: #fff;
    color: #063
}

.button.heavy-cta.white:visited,
button.heavy-cta.white:visited {
    color: #063
}

.button.heavy-cta.white:focus,
.button.heavy-cta.white:hover,
button.heavy-cta.white:focus,
button.heavy-cta.white:hover {
    background-color: #f0f0f0
}

.button.heavy-cta.black,
button.heavy-cta.black {
    background: #000;
    color: #fff
}

.button.heavy-cta.blue,
button.heavy-cta.blue {
    background: #06c;
    color: #fff
}

.button.heavy-cta.blue:focus,
.button.heavy-cta.blue:hover,
button.heavy-cta.blue:focus,
button.heavy-cta.blue:hover {
    background-color: #0057ad
}

.button.medium-cta,
button.medium-cta {
    background-color: transparent;
    border: 1px solid #063;
    color: #063;
    line-height: 1.44;
    padding: 8px 40px
}

.button.medium-cta:visited,
button.medium-cta:visited {
    color: #063
}

.button.medium-cta:focus,
.button.medium-cta:hover,
button.medium-cta:focus,
button.medium-cta:hover {
    background-color: #063;
    color: #fff
}

.button.medium-cta.white,
button.medium-cta.white {
    border-color: #fff;
    color: #fff
}

.button.medium-cta.white:focus,
.button.medium-cta.white:hover,
button.medium-cta.white:focus,
button.medium-cta.white:hover {
    background-color: #fff;
    color: #063
}

.button.medium-cta.black,
button.medium-cta.black {
    border-color: #000;
    color: #000
}

.button.medium-cta.black:focus,
.button.medium-cta.black:hover,
button.medium-cta.black:focus,
button.medium-cta.black:hover {
    background-color: #000;
    color: #fff
}

.button.medium-cta.blue,
button.medium-cta.blue {
    border-color: #06c;
    color: #06c
}

.button.medium-cta.blue:focus,
.button.medium-cta.blue:hover,
button.medium-cta.blue:focus,
button.medium-cta.blue:hover {
    background-color: #06c;
    color: #fff
}

.button.large,
button.large {
    padding: .6em .9em
}

.button.long,
button.long {
    padding: .6em 5em
}

.button+.button,
.button+button,
button+.button,
button+button {
    margin-left: 20px
}

.button.inverse,
button.inverse {
    background: #fff;
    color: #063
}

.button.clear,
button.clear {
    background: transparent;
    border: 0;
    padding-left: 0;
    padding-right: 0
}

.button.clear i,
button.clear i {
    margin-left: 2px;
    margin-right: 2px
}

.button.external-link:after,
button.external-link:after {
    display: none
}

.button:not(.pf-c-button) {
    display: inline-block
}

.heavy-cta a[href$=".pdf"]:after,
.madium-cta a[href$=".pdf"]:after,
a.button[href$=".pdf"]:after,
a.heavy-cta[href$=".pdf"]:after,
a.medium-cta[href$=".pdf"]:after {
    display: none
}

a.light-cta {
    color: #06c;
    font-weight: 800
}

a.light-cta:after {
    content: "▸";
    padding-left: 2px
}

a.light-cta:focus,
a.light-cta:hover {
    color: #004c98
}

a.light-cta.black {
    color: #000
}

a.light-cta.black:focus,
a.light-cta.black:hover {
    color: #06c
}

a.light-cta.white {
    color: #fff
}

a.light-cta.white:focus,
a.light-cta.white:hover {
    color: #2b9af3
}

a.light-cta.external-link:after {
    vertical-align: baseline
}

.button-group .button,
.button-group button {
    border-left: 1px solid #fff;
    border-radius: 0;
    margin-left: 0
}

.button-group a {
    color: #fff
}

.node--view-mode-card {
    background: #fff;
    width: 100%
}

.node--view-mode-card>a {
    color: #000;
    display: block;
    text-decoration: none
}

.node--view-mode-card .card-title {
    font-size: 14px;
    line-height: 1.4;
    margin: 0
}

@media (min-width:768px) {
    .node--view-mode-card .card-title {
        font-size: 18px
    }
}

.node--view-mode-card .content-block,
.node--view-mode-card .header-block {
    padding: 1rem
}

.node--view-mode-card .content-block {
    padding-bottom: 15px;
    padding-top: 15px
}

@media (min-width:768px) {
    .node--view-mode-card .content-block {
        padding-bottom: 30px;
        padding-top: 30px
    }
}

.node--view-mode-card .content-block .lesson .lesson-label {
    color: #656565;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 6px;
    text-transform: uppercase
}

.node--view-mode-card .content-block .lesson .lesson-title {
    color: #333;
    font-size: 16px;
    line-height: 1.5
}

.node--view-mode-card .content-block .lesson+.lesson {
    margin-top: 1em
}

.node--view-mode-card .header-block {
    background: #06c;
    padding: 22px 1rem 9px
}

.node--view-mode-card .header-block .asset-type,
.node--view-mode-card .header-block .card-title {
    color: #fff
}

@media (min-width:768px) {
    .node--view-mode-card .header-block .card-title {
        font-size: 27px;
        margin-top: 4px
    }
}

.node--view-mode-card .header-block .asset-type {
    margin-bottom: 0
}

.node--view-mode-card .asset-type {
    color: #06c;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: .5rem;
    text-transform: uppercase
}

.node--view-mode-card .login-required {
    display: inline-block;
    margin-right: .5rem
}

.node--view-mode-card .more {
    color: #06c;
    font-weight: 800;
    margin-top: 40px
}

.node--view-mode-card .more:after {
    content: "▸";
    padding-left: 2px
}

.node--view-mode-card .more:focus,
.node--view-mode-card .more:hover {
    color: #004c98
}

.node--view-mode-card .more.black {
    color: #000
}

.node--view-mode-card .more.black:focus,
.node--view-mode-card .more.black:hover {
    color: #06c
}

.node--view-mode-card .more.white {
    color: #fff
}

.node--view-mode-card .more.white:focus,
.node--view-mode-card .more.white:hover {
    color: #2b9af3
}

.node--view-mode-card .more.external-link:after {
    vertical-align: baseline
}

.card-image {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 25px;
    text-align: center
}

@media (min-width:768px) {
    .card-image {
        padding-top: 50px
    }
}

.card-image .table {
    display: table;
    height: 100%;
    width: 100%
}

.card-image .cell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%
}

.card-image img {
    -webkit-box-shadow: -2px 2px 11px 0 rgba(0, 0, 0, .5);
    box-shadow: -2px 2px 11px 0 rgba(0, 0, 0, .5);
    max-height: 160px;
    width: auto
}

@media (min-width:768px) {
    .card-image img {
        max-height: 205px
    }
}

.node--type-video-resource.node--view-mode-teaser,
.wordpress-blog-post-teaser {
    padding-bottom: 30px;
    padding-top: 30px;
    width: 100%
}

.node--type-video-resource.node--view-mode-teaser .teaser-content,
.wordpress-blog-post-teaser .teaser-content {
    display: none
}

@media (min-width:576px) {

    .node--type-video-resource.node--view-mode-teaser .teaser-content,
    .wordpress-blog-post-teaser .teaser-content {
        display: none
    }
}

@media (min-width:768px) {

    .node--type-video-resource.node--view-mode-teaser,
    .wordpress-blog-post-teaser {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .node--type-video-resource.node--view-mode-teaser .teaser-image,
    .wordpress-blog-post-teaser .teaser-image {
        margin-left: 30px;
        max-width: 260px;
        min-width: 180px
    }

    .node--type-video-resource.node--view-mode-teaser .text-content,
    .wordpress-blog-post-teaser .text-content {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.node--type-video-resource.node--view-mode-teaser .teaser-image .tile-image,
.wordpress-blog-post-teaser .teaser-image .tile-image {
    border: none
}

@media (min-width:768px) {

    .node--type-video-resource.node--view-mode-teaser .teaser-image .tile-image,
    .wordpress-blog-post-teaser .teaser-image .tile-image {
        background: transparent
    }

    .node--type-video-resource.node--view-mode-teaser .teaser-image .tile-image .image-table .image-cell,
    .wordpress-blog-post-teaser .teaser-image .tile-image .image-table .image-cell {
        vertical-align: top
    }
}

.node--type-video-resource.node--view-mode-teaser .title,
.wordpress-blog-post-teaser .title {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 8px;
    margin-top: 0
}

@media (min-width:576px) {

    .node--type-video-resource.node--view-mode-teaser .title,
    .wordpress-blog-post-teaser .title {
        font-size: 26px
    }
}

.node--type-video-resource.node--view-mode-teaser .title a,
.wordpress-blog-post-teaser .title a {
    color: #000;
    text-decoration: none
}

.node--type-video-resource.node--view-mode-teaser .date,
.wordpress-blog-post-teaser .date {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 6px
}

.node--type-video-resource.node--view-mode-teaser .summary,
.wordpress-blog-post-teaser .summary {
    display: none
}

@media (min-width:576px) {

    .node--type-video-resource.node--view-mode-teaser .summary,
    .wordpress-blog-post-teaser .summary {
        display: block
    }
}

.node--type-video-resource.node--view-mode-teaser .summary p,
.wordpress-blog-post-teaser .summary p {
    font-size: 14px;
    margin-top: 0
}

.node--type-video-resource.node--view-mode-teaser .summary>:last-child,
.wordpress-blog-post-teaser .summary>:last-child {
    margin-bottom: 0
}

.node--view-mode-tile,
.wordpress-blog-post-tile {
    width: 100%
}

.node--view-mode-tile>a,
.wordpress-blog-post-tile>a {
    color: #000;
    display: block;
    text-decoration: none
}

.tile-title {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 0
}

@media (min-width:768px) {
    .tile-title {
        font-size: 18px
    }
}

.tile-image {
    background: #fff;
    height: 0;
    margin-bottom: 1rem;
    overflow: hidden;
    padding-top: 58%;
    position: relative;
    width: 100%
}

.tile-image .image-table {
    display: table;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.tile-image .image-table .image-cell {
    display: table-cell;
    height: 100%;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

.tile-image .image-table .image-cell img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.node--type-video-resource.node--view-mode-tile .image-cell,
.node--type-video-resource.node--view-mode-tile .image-table,
.tile-image.vertical .image-table,
.tile-image.vertical .image-table .image-cell {
    display: block
}

.node--type-video-resource.node--view-mode-tile .tile-image img {
    bottom: -9999px;
    height: 100%;
    left: -9999px;
    margin: auto;
    max-width: none;
    position: absolute;
    right: -9999px;
    top: -9999px;
    width: auto
}

.node--type-video-resource.node--view-mode-tile .play-button {
    background: rgba(0, 0, 0, .65);
    border-radius: 50%;
    bottom: 10px;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    padding: 6px 3px 4px 7px;
    position: absolute;
    right: 10px
}

@media (min-width:768px) {
    .node--type-video-resource.node--view-mode-tile .play-button {
        bottom: 16px;
        font-size: 23px;
        padding: 10px 9px 9px 12px;
        right: 16px
    }
}

.latest-disqus-comment .comment-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 0
}

.latest-disqus-comment .comment-body {
    color: #333;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 6px
}

.latest-disqus-comment .comment-footer {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.latest-disqus-comment .comment-footer .date {
    color: #656565;
    font-size: 14px
}

.latest-disqus-comment .comment-footer .reply {
    font-size: 14px;
    text-align: right
}

.latest-disqus-comment+.latest-disqus-comment {
    margin-top: 30px
}

.page-node-type-topic-page .layout-container,
.page-node-type-topic-page .rhd-masthead {
    background-color: #f9f9f9
}

.assembly {
    background-color: #fff
}

.assembly.has-background {
    position: relative
}

.assembly.has-background #block-rhdp-local-tasks,
.assembly.has-background .container,
.assembly.has-background .node__content>.field--name-body {
    position: relative;
    z-index: 1
}

.assembly:focus {
    outline: 0
}

.assembly .field,
.assembly .field__item {
    display: block
}

.assembly.assembly-dark {
    background: #252525
}

.assembly.assembly-dark a {
    color: #73bcf7
}

.assembly.assembly-dark,
.assembly.assembly-dark h1,
.assembly.assembly-dark h2,
.assembly.assembly-dark h3,
.assembly.assembly-dark h4,
.assembly.assembly-dark h5,
.assembly.assembly-dark h6 {
    color: #fff
}

.assembly.assembly-space {
    padding-bottom: 80px;
    padding-top: 80px
}

.assembly.assembly-center * {
    text-align: center
}

.assembly .background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.assembly .field--name-field-title,
.assembly .header {
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 40px;
    text-align: center
}

.assembly.no-padding-top {
    padding-top: 0 !important
}

.assembly.no-padding-bottom {
    padding-bottom: 0 !important
}

.assembly-type-video_hero {
    background-color: #00b9e4;
    background-image: url(../images/Blue_Background@2x.png);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 1060px auto;
    padding: 30px 0
}

@media (min-width:576px) {
    .assembly-type-video_hero {
        background-size: 1440px auto;
        padding: 70px 0
    }
}

@media (min-width:992px) {

    .assembly-type-video_hero #block-rhdp-local-tasks,
    .assembly-type-video_hero .container,
    .assembly-type-video_hero .node__content>.field--name-body {
        grid-column-gap: 50px;
        display: grid;
        grid-template-columns: 1.25fr 1fr
    }
}

@media (min-width:1240px) {

    .assembly-type-video_hero #block-rhdp-local-tasks,
    .assembly-type-video_hero .container,
    .assembly-type-video_hero .node__content>.field--name-body {
        grid-column-gap: 70px
    }
}

.assembly-type-video_hero .content {
    margin-top: 30px;
    padding: 0
}

@media (min-width:992px) {
    .assembly-type-video_hero .content {
        margin-top: 20px
    }
}

.assembly-type-video_hero .content .section-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 0
}

@media (min-width:576px) {
    .assembly-type-video_hero .content .section-title {
        font-size: 32px
    }
}

@media (min-width:992px) {
    .assembly-type-video_hero .content .section-title {
        margin-bottom: 6px
    }
}

.assembly-type-video_hero .content .section-title a {
    color: #333
}

.assembly-type-video_hero .content p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 6px;
    margin-top: 0
}

@media (min-width:576px) {
    .assembly-type-video_hero .content p {
        margin-bottom: 1rem
    }

    .assembly-type-video_hero .content p:last-child {
        margin-bottom: 0
    }
}

.assembly-type-video_hero .authors {
    grid-column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    text-align: center
}

@media (min-width:576px) {
    .assembly-type-video_hero .authors {
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 22px
    }
}

@media (min-width:992px) {
    .assembly-type-video_hero .authors {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        margin-top: 0
    }
}

.assembly-type-video_hero .authors>div {
    margin-top: 10px
}

@media (min-width:768px) {
    .assembly-type-video_hero .authors>div {
        margin-top: 40px
    }
}

@media (min-width:992px) {
    .assembly-type-video_hero .authors>div {
        margin-top: 10px
    }
}

.assembly-type-hero {
    padding: 40px 0
}

@media (min-width:992px) {
    .assembly-type-hero {
        padding: 100px 0 120px
    }
}

.assembly-type-hero .content {
    max-width: 40rem
}

@media (min-width:1240px) {
    .assembly-type-hero .content {
        max-width: 48rem
    }
}

.assembly-type-hero .background {
    display: none;
    z-index: -1
}

@media (min-width:992px) {
    .assembly-type-hero .background {
        display: block
    }
}

.assembly-type-hero .background:after {
    display: none
}

.assembly-type-hero h2 {
    font-size: 4rem;
    line-height: 1.1
}

.assembly-type-hero .field--name-field-content p {
    font-size: 1.5rem
}

@media (min-width:768px) {
    .assembly-type-hero .field--name-field-content p {
        font-size: 50px
    }
}

.assembly-type-hero .content :first-child {
    margin-top: 0
}

.assembly-type-hero .content :last-child {
    margin-bottom: 0
}

.topics-hero-list {
    font-size: 23px;
    font-weight: 500;
    line-height: 1.24;
    margin: 0
}

@media (min-width:576px) {
    .topics-hero-list {
        font-size: 40px;
        margin-bottom: 1rem
    }
}

@media (min-width:992px) {
    .topics-hero-list {
        font-size: 70px;
        margin-bottom: 2rem
    }
}

.topics-hero-list a {
    color: #06c;
    font-weight: 700;
    position: relative;
    text-decoration: none
}

.topics-hero-list a:before {
    background-image: radial-gradient(ellipse, #06c 50%, transparent 0);
    background-repeat: repeat-x;
    background-size: 6px 4px;
    bottom: 0;
    content: " ";
    height: 4px;
    left: 0;
    position: absolute;
    width: calc(100% - 1em)
}

.topics-hero-list a:last-child:before {
    width: 100%
}

.topics-hero-list .topic {
    white-space: nowrap
}

.topics-hero-list .topic:after {
    color: #333;
    content: " / ";
    font-weight: 400
}

.topics-hero-list .topic:last-child:after {
    content: ""
}

.assembly-type-on_page_navigation {
    background-color: #06c;
    color: #fff;
    padding: 22px 0 31px;
    text-align: center
}

@media (min-width:992px) {
    .assembly-type-on_page_navigation {
        padding: 19px 0;
        text-align: left
    }
}

.assembly-type-on_page_navigation a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    text-decoration: none;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.assembly-type-on_page_navigation * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.assembly-type-on_page_navigation .page-nav-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 380px
}

@media (min-width:768px) {
    .assembly-type-on_page_navigation .page-nav-wrapper {
        max-width: 690px
    }
}

@media (min-width:992px) {
    .assembly-type-on_page_navigation .page-nav-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        display: grid;
        grid-auto-rows: 1fr;
        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
        max-width: 931px
    }
}

@media (min-width:1240px) {
    .assembly-type-on_page_navigation .page-nav-wrapper {
        max-width: 1172px
    }
}

@media (min-width:992px) {
    .assembly-type-on_page_navigation .item-list {
        align-self: center;
        grid-column: 2/right
    }
}

.assembly-type-on_page_navigation .item-list>ul {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width:768px) {
    .assembly-type-on_page_navigation .item-list>ul {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (min-width:992px) {
    .assembly-type-on_page_navigation .item-list>ul {
        display: block;
        margin-left: -15px;
        margin-right: -15px
    }
}

@media (min-width:1240px) {
    .assembly-type-on_page_navigation .item-list>ul {
        margin-left: -25px;
        margin-right: -25px
    }
}

.assembly-type-on_page_navigation .item-list>ul>li {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template: subgrid;
    margin: 0
}

@media (min-width:992px) {
    .assembly-type-on_page_navigation .item-list>ul>li {
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width:1240px) {
    .assembly-type-on_page_navigation .item-list>ul>li {
        padding-left: 27.5px;
        padding-right: 27.5px
    }
}

.assembly-type-on_page_navigation .item-list>ul>li>a {
    border: 1px solid #73bcf7;
    display: grid;
    font-size: 14px;
    font-weight: 700;
    grid-auto-rows: 1fr;
    grid-template: subgrid;
    padding: .7em 1em
}

.assembly-type-on_page_navigation .item-list>ul>li>a:active,
.assembly-type-on_page_navigation .item-list>ul>li>a:focus,
.assembly-type-on_page_navigation .item-list>ul>li>a:hover {
    background-color: #004a94;
    border-color: #004a94
}

@media (min-width:992px) {

    .assembly-type-on_page_navigation .item-list>ul>li>a:active,
    .assembly-type-on_page_navigation .item-list>ul>li>a:focus,
    .assembly-type-on_page_navigation .item-list>ul>li>a:hover {
        background-color: transparent;
        color: #73bcf7
    }
}

@media (min-width:768px) {
    .assembly-type-on_page_navigation .item-list>ul>li>a {
        font-size: 16px;
        padding: .35em .7em
    }
}

@media (min-width:992px) {
    .assembly-type-on_page_navigation .item-list>ul>li>a {
        border: none;
        display: inline-block;
        font-size: 18px;
        padding: 0
    }
}

@media (min-width:1240px) {
    .assembly-type-on_page_navigation .item-list>ul>li>a {
        font-size: 21px
    }
}

.assembly-type-on_page_navigation .item-list>ul>li>a>span {
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center
}

.assembly-type-on_page_navigation .section-title {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 25px;
    margin-top: 0
}

@media (min-width:992px) {
    .assembly-type-on_page_navigation .section-title {
        -ms-flex-item-align: start;
        align-self: start;
        margin-bottom: 0
    }
}

@media (min-width:1240px) {
    .assembly-type-on_page_navigation .section-title {
        padding-top: .25em
    }
}

.assembly-type-featured_evangelists {
    background-image: url(../docs/img/vertical_paths_background.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: auto;
    padding-bottom: 2rem;
    padding-top: 3rem
}

.assembly-type-featured_evangelists .header {
    margin-top: 0;
    text-align: center
}

.assembly-type-featured_evangelists .grid {
    grid-gap: 30px 30px;
    display: grid
}

@media (min-width:576px) {
    .assembly-type-featured_evangelists .grid {
        grid-template-columns: 2fr 1fr
    }
}

@media (min-width:992px) {
    .assembly-type-featured_evangelists .grid {
        grid-template-columns: 3fr 1fr
    }
}

.assembly-type-featured_evangelists .content-teaser-list {
    grid-gap: 30px 30px;
    display: grid;
    margin: 0;
    padding: 0
}

@media (min-width:992px) {
    .assembly-type-featured_evangelists .content-teaser-list {
        grid-template-columns: 1fr 1fr
    }
}

.assembly-type-featured_evangelists .content-link-list {
    margin: 0 0 -1rem;
    padding: 0
}

.assembly-type-featured_evangelists .content-link-list a {
    display: block;
    margin-bottom: 1rem;
    text-decoration: none
}

.assembly-type-featured_products {
    background-color: #e6e6e6;
    padding: 5rem 0
}

.assembly-type-featured_products h2.field--name-field-title {
    font-size: 32px;
    font-weight: 600
}

.assembly-type-featured_products .header {
    margin-top: 0;
    text-align: center
}

.assembly-type-featured_products .grid {
    grid-gap: 30px 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: grid;
    grid-template-columns: repeat(3, 300px);
    justify-content: center
}

.assembly-type-featured_products article {
    background-color: #f9f9f9;
    border-top: 6px solid #063;
    font-size: 14px;
    padding: 30px 15px;
    text-align: center
}

.assembly-type-featured_products article .tile-title {
    color: #242424;
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0
}

.assembly-type-featured_products article .description {
    margin-bottom: 30px
}

@media screen and (max-width:1024px) {
    .assembly-type-featured_products .grid {
        grid-template-columns: repeat(2, 300px)
    }
}

@media screen and (max-width:768px) {
    .assembly-type-featured_products .grid {
        grid-template-columns: repeat(1, 300px)
    }
}

.assembly-type-static_content_band {
    background-color: #f9f9f9;
    padding-bottom: 1rem;
    padding-top: 2rem
}

@media (min-width:576px) {
    .assembly-type-static_content_band {
        padding-bottom: 6rem;
        padding-top: 7rem
    }
}

.assembly-type-static_content_band .header {
    margin-top: 0;
    text-align: center
}

.assembly-type-static_content_band .field--name-field-content-list {
    grid-gap: 30px 30px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (min-width:768px) {
    .assembly-type-static_content_band .field--name-field-content-list {
        grid-template-columns: 1fr 1fr 1fr
    }

    .assembly-type-static_content_band.four-up .field--name-field-content-list {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.assembly-type-node_reference,
.assembly-type-static_item,
.assembly-type-wordpress_post_reference {
    background: transparent
}

.assembly-type-dynamic_content_feed {
    background-color: #f9f9f9;
    padding-bottom: 1rem;
    padding-top: 2rem
}

@media (min-width:576px) {
    .assembly-type-dynamic_content_feed {
        padding-bottom: 6rem;
        padding-top: 7rem
    }
}

.assembly-type-dynamic_content_feed .header {
    margin-top: 0;
    text-align: center
}

.assembly-type-dynamic_content_feed .item-list ul.content-tile-list,
.assembly-type-dynamic_content_feed .item-list ul.content-tile-list>li {
    list-style-image: none;
    list-style-type: none;
    margin: 0
}

.assembly-type-dynamic_content_feed .content-tile-list {
    grid-gap: 30px 30px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.assembly-type-dynamic_content_feed .content-tile-list>li {
    margin: 0;
    padding: 0
}

@media (min-width:768px) {
    .assembly-type-dynamic_content_feed .content-tile-list.count-3 {
        grid-template-columns: 1fr 1fr 1fr
    }

    .assembly-type-dynamic_content_feed .content-tile-list.count-4 {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.assembly-type-dynamic_content_feed .cta-link {
    margin-top: 1rem;
    text-align: center
}

.assembly-type-dynamic_content_feed .cta-link a {
    display: inline-block
}

.assembly-type-dynamic_content_list {
    background: #f9f9f9;
    padding-bottom: 35px;
    padding-top: 70px
}

@media (min-width:576px) {
    .assembly-type-dynamic_content_list {
        padding-bottom: 70px;
        padding-top: 123px
    }
}

.assembly-type-dynamic_content_list .header {
    margin-bottom: 35px;
    margin-top: 0;
    text-align: center
}

.assembly-type-dynamic_content_list .grid {
    grid-gap: 30px 30px;
    display: grid
}

@media (min-width:576px) {
    .assembly-type-dynamic_content_list .grid {
        grid-template-columns: 2fr 1fr
    }

    .assembly-type-dynamic_content_list .narrow .grid {
        grid-template-columns: 1fr
    }
}

.assembly-type-dynamic_content_list .content-teaser-list {
    grid-gap: 30px 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.assembly-type-dynamic_content_list .content-teaser-list>li {
    margin: 0
}

@media (min-width:576px) {
    .assembly-type-dynamic_content_list .content-teaser-list>li {
        border-bottom: 1px dashed #242424
    }

    .assembly-type-dynamic_content_list .content-teaser-list {
        grid-gap: 0;
        grid-template-columns: 1fr;
        margin-top: -30px
    }
}

.assembly-type-dynamic_content_list .disqus {
    background: #fff;
    padding: 35px 1rem;
    position: relative
}

.assembly-type-dynamic_content_list .disqus:after {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff);
    bottom: 0;
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.assembly-type-dynamic_content_list .disqus .header {
    font-size: 17px;
    margin-bottom: 30px;
    margin-top: 0;
    text-align: left
}

.assembly-type-dynamic_content_list .disqus .header .fa-comment {
    font-size: 15px;
    margin-right: 3px
}

.assembly-type-dynamic_content_list .cta-link {
    margin-top: 2rem
}

.assembly-type-dynamic_content_list .cta-link .button {
    display: inline-block;
    width: 100%
}

@media (min-width:576px) {
    .assembly-type-dynamic_content_list .cta-link .button {
        width: auto
    }
}

.assembly-type-dynamic_content_list .related-topics label {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 15px;
    text-transform: uppercase
}

.assembly-type-dynamic_content_list .related-topics .content-link-list a {
    color: #333;
    font-weight: 700
}

.assembly-type-dynamic_content_list .related-topics .content-link-list a:after {
    content: ", "
}

.assembly-type-dynamic_content_list .related-topics .content-link-list a:last-child:after {
    content: ""
}

.assembly-type-dynamic_content_list .related-topics .content-link-list a:hover {
    border-bottom: 3px solid #063
}

.assembly-type-dynamic_content_list .disqus+.related-topics {
    margin-top: 46px
}

.rhd-list-entry {
    grid-column-gap: 1rem;
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: 2rem;
    max-width: 160px
}

.rhd-list-entry>:first-child {
    grid-row-start: -1
}

@media only screen and (min-width:481px) {
    .rhd-list-entry {
        grid-template-columns: 1fr auto;
        grid-template-rows: unset;
        margin: 1rem 0;
        max-width: 100%
    }
}

.rhd-list-entry--title {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 8px
}

.rhd-list-entry--title>a {
    color: #000;
    text-decoration: none
}

@media only screen and (min-width:481px) {
    .rhd-list-entry--title {
        display: block;
        font-size: 26px;
        margin-top: 0
    }
}

.rhd-list-entry--summary {
    display: none
}

@media only screen and (min-width:481px) {
    .rhd-list-entry--summary {
        display: block
    }

    .rhd-list-entry--summary p {
        font-size: 14px
    }
}

.rhd-list-entry--date {
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 6px
}

.rhd-list-entry--image {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 90px;
    justify-content: center;
    justify-self: center
}

@media only screen and (min-width:481px) {
    .rhd-list-entry--image {
        display: inherit;
        height: unset
    }
}

.rhd-list-entry--image>img {
    max-height: 90px;
    max-width: 160px
}

@media only screen and (min-width:481px) {
    .rhd-list-entry--image>img {
        max-height: unset;
        max-width: 180px
    }
}

.assembly-type-featured_resources {
    background: #e5e5e5;
    background-image: url(../docs/img/gray_diamond_background.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 38px;
    padding-top: 38px
}

@media (min-width:768px) {
    .assembly-type-featured_resources {
        padding-bottom: 85px;
        padding-top: 85px
    }
}

.assembly-type-featured_resources .header {
    margin-top: 0;
    text-align: center
}

.assembly-type-featured_resources .grid {
    grid-gap: 30px 30px;
    display: grid;
    grid-template-columns: 1fr
}

.assembly-type-featured_resources .content-card-list {
    grid-gap: 30px 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0;
    padding: 0
}

@media (min-width:992px) {
    .assembly-type-featured_resources .content-card-list {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.assembly-type-featured_resources .content-link-list {
    margin: 0 0 -1rem;
    padding: 0
}

.assembly-type-featured_resources .content-link-list a {
    display: block;
    margin-bottom: 1rem
}

@media (min-width:576px) {
    .assembly-type-featured_resources.has-links .grid {
        grid-template-columns: 2fr 1fr
    }
}

@media (min-width:768px) {
    .assembly-type-featured_resources.has-links .grid {
        grid-template-columns: 3fr 1fr
    }
}

@media (min-width:992px) {
    .assembly-type-featured_resources.has-links .grid {
        grid-template-columns: 4fr 1fr
    }

    .assembly-type-featured_resources.has-links .content-card-list {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.assembly-type-call_to_action {
    background: #00b9e4;
    color: #fff;
    font-weight: 700;
    padding-bottom: 5rem;
    padding-top: 3rem;
    text-align: center
}

.assembly-type-call_to_action .text-formatted {
    color: #fff;
    font-size: 18px;
    line-height: 1.5
}

@media (min-width:576px) {
    .assembly-type-call_to_action .text-formatted {
        font-size: 24px
    }
}

.assembly-type-call_to_action .header {
    color: #fff;
    font-size: 27px;
    line-height: 1.25;
    margin-bottom: 5px
}

@media (min-width:576px) {
    .assembly-type-call_to_action .header {
        font-size: 40px
    }
}

@media (min-width:768px) {
    .assembly-type-call_to_action .header {
        font-size: 57px;
        margin-bottom: 0
    }
}

.assembly-type-call_to_action ol:last-child,
.assembly-type-call_to_action p:last-child,
.assembly-type-call_to_action ul:last-child {
    margin-bottom: 0
}

.assembly-type-call_to_action>#block-rhdp-local-tasks>.button:last-child,
.assembly-type-call_to_action>.container>.button:last-child,
.node__content.assembly-type-call_to_action>.field--name-body>.button:last-child {
    margin-top: 24px
}

@media (min-width:768px) {

    .assembly-type-call_to_action>#block-rhdp-local-tasks>.button:last-child,
    .assembly-type-call_to_action>.container>.button:last-child,
    .node__content.assembly-type-call_to_action>.field--name-body>.button:last-child {
        margin-top: 34px
    }
}

.assembly-type-call_to_action>#block-rhdp-local-tasks>.button:first-child:last-child,
.assembly-type-call_to_action>.container>.button:first-child:last-child,
.node__content.assembly-type-call_to_action>.field--name-body>.button:first-child:last-child {
    margin-top: 0
}

.assembly-type-call_to_action.left {
    float: none !important;
    text-align: left
}

.assembly-type-call_to_action.left .header {
    text-align: left
}

.assembly-type-rich_text {
    background-image: url(../docs/img/white_diamond_background.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 2rem;
    padding-top: 3rem
}

.assembly-type-rich_text .header {
    font-size: 42px;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 0;
    text-align: left
}

.assembly-type-rich_text.assembly-slim {
    background-image: none;
    padding-top: 0
}

.assembly-type-rich_text.assembly-slim .text-formatted p:first-child {
    margin-top: 0
}

.assembly-type-rich_text.assembly-slim .text-formatted p:last-child {
    margin-bottom: 0
}

.assembly-type-rich_text.assembly-no-bkg {
    background-image: none
}

.assembly-type-all_products_listing {
    background-color: #f9f9f9;
    padding: 5rem 0
}

.assembly-type-all_products_listing header .field__item {
    color: #242424;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 1em;
    text-align: center
}

.assembly-type-all_products_listing .all-products-listing {
    grid-row-gap: 1.5em;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.assembly-type-all_products_listing .all-products-listing a,
.assembly-type-all_products_listing .all-products-listing a:active,
.assembly-type-all_products_listing .all-products-listing a:focus {
    color: #424242
}

.assembly-type-all_products_listing .all-products-listing a:hover {
    color: #06c
}

.assembly-type-all_products_listing .field--name-field-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: grid;
    grid-template-columns: 70%;
    justify-content: center;
    margin-bottom: 2em
}

.assembly-type-all_products_listing .field--name-field-content .field__item p {
    color: #242424;
    font-size: 20px;
    text-align: center
}

@media screen and (max-width:1024px) {
    .assembly-type-all_products_listing .all-products-listing {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:768px) {
    .assembly-type-all_products_listing .all-products-listing {
        grid-template-columns: repeat(1, 1fr)
    }
}

.assembly-type-rich_text_columns {
    background-color: #f9f9f9;
    padding: 40px 0;
    text-align: center
}

@media (min-width:768px) {
    .assembly-type-rich_text_columns {
        padding: 100px
    }
}

.assembly-type-rich_text_columns .caret-right {
    font-size: 16px
}

.assembly-type-rich_text_columns .field--name-field-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0
}

@media (min-width:768px) {
    .assembly-type-rich_text_columns .field--name-field-title {
        font-size: 32px;
        margin-bottom: 16px
    }
}

.assembly-type-rich_text_columns .field--name-field-content * {
    font-size: 16px
}

@media (min-width:768px) {
    .assembly-type-rich_text_columns .field--name-field-content * {
        font-size: 20px
    }
}

.assembly-type-rich_text_columns .field--name-field-content * :first-child {
    margin-top: 0
}

.assembly-type-rich_text_columns .field--name-field-content * :last-child {
    margin-bottom: 0
}

@media (min-width:768px) {
    .assembly-type-rich_text_columns .field--name-field-columns {
        grid-column-gap: 30px;
        grid-row-gap: 70px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin-top: 70px
    }
}

@media (min-width:992px) {
    .assembly-type-rich_text_columns .field--name-field-columns {
        grid-template-columns: repeat(4, 1fr)
    }
}

.assembly-type-rich_text_columns .field--name-field-columns:after,
.assembly-type-rich_text_columns .field--name-field-columns:before {
    display: none
}

.assembly-type-rich_text_columns .field--name-field-columns>div {
    margin-top: 40px
}

@media (min-width:768px) {
    .assembly-type-rich_text_columns .field--name-field-columns>div {
        margin-top: 0
    }
}

.assembly-type-rich_text_columns .field--name-field-columns>div :first-child {
    margin-top: 0
}

.assembly-type-rich_text_columns .field--name-field-columns>div :last-child {
    margin-bottom: 0
}

.assembly-type-rich_text_columns .field--name-field-columns h3 {
    font-size: 14px
}

@media (min-width:768px) {
    .assembly-type-rich_text_columns .field--name-field-columns h3 {
        font-size: 18px;
        margin-top: 26px
    }
}

.assembly-type-rich_text_columns .field--name-field-columns h3:first-child {
    margin-top: 0
}

@media (min-width:992px) {
    .assembly-type-rich_text_columns.three-up .field--name-field-columns {
        grid-template-columns: repeat(3, 1fr)
    }
}

.assembly-type-learning_paths {
    background: #e5e5e5;
    background-image: url(../docs/img/gray_diamond_background.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 30px;
    padding-top: 30px
}

.assembly-type-learning_paths .header {
    margin-bottom: 0;
    margin-top: 0;
    text-align: center
}

.assembly-type-learning_paths .description {
    text-align: center
}

.assembly-type-learning_paths .description p:first-child {
    margin-top: 0
}

.assembly-type-learning_paths .description p:last-child {
    margin-bottom: 0
}

.assembly-type-learning_paths .item-list {
    margin-top: 2rem
}

.assembly-type-learning_paths .cta-link {
    margin-top: 2rem;
    text-align: center
}

.assembly-type-learning_paths .cta-link a {
    display: inline-block
}

.assembly-type-learning_paths .content-card-list {
    grid-gap: 30px 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0;
    padding: 0
}

.assembly-type-learning_paths .content-card-list>li {
    list-style-type: none;
    margin: 0
}

@media (min-width:768px) {
    .assembly-type-learning_paths .content-card-list {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.event-list {
    list-style-type: none;
    padding: 0
}

.event-list li.event-item {
    grid-gap: 10px;
    border-bottom: 2px dotted #d2d3d4;
    display: grid;
    grid-template-columns: 255px repeat(4, 1fr);
    padding: 30px 0
}

@media screen and (max-width:768px) {
    .event-list li.event-item {
        grid-template-columns: 1fr
    }
}

.event-list li.event-item i {
    margin-right: 5px
}

.event-list li.event-item .event-thumbnail {
    grid-column: 1;
    max-height: 185px;
    max-width: 250px
}

.event-list li.event-item .event-date {
    color: #656565;
    font-size: 14px
}

.event-list li.event-item .event-info {
    grid-column: 2/span 4
}

@media screen and (max-width:768px) {
    .event-list li.event-item .event-info {
        grid-column: 1
    }
}

.event-list li.event-item p {
    margin: 10px 0
}

.event-list li.event-item p:first-of-type.event-speaker {
    grid-column: 2
}

@media screen and (max-width:768px) {
    .event-list li.event-item p:first-of-type.event-speaker {
        grid-column: 1
    }
}

.event-list li.event-item p.event-speaker {
    color: #656565;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 50px 1fr
}

.event-list li.event-item p.event-speaker img {
    border-radius: 100%;
    height: auto !important;
    width: auto
}

.event-list li.event-item p.event-speaker span {
    -ms-flex-item-align: center;
    align-self: center;
    color: #656565;
    font-size: 14px;
    margin-left: 10px
}

@media screen and (max-width:768px) {
    .event-list li.event-item p.event-speaker {
        grid-column: 1
    }
}

.event-list li.event-item a.event-title {
    font-size: 18px;
    font-weight: 700
}

.event-list li.event-item:first-of-type {
    border-top: 2px dotted #d2d3d4
}

.event-list li.event-item:last-of-type {
    border-bottom: none
}

.assembly-type-content_with_image {
    padding: 40px 0
}

@media (min-width:768px) {
    .assembly-type-content_with_image {
        padding: 100px 0
    }
}

.assembly-type-content_with_image .header {
    font-size: 18px;
    margin-bottom: 16px;
    margin-top: 0;
    text-align: left
}

@media (min-width:768px) {
    .assembly-type-content_with_image .header {
        font-size: 36px;
        font-weight: 700
    }
}

@media (min-width:576px) {

    .assembly-type-content_with_image #block-rhdp-local-tasks,
    .assembly-type-content_with_image .container,
    .assembly-type-content_with_image .node__content>.field--name-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .assembly-type-content_with_image #block-rhdp-local-tasks>div,
    .assembly-type-content_with_image .container>div,
    .assembly-type-content_with_image .node__content>.field--name-body>div {
        -ms-flex-item-align: start;
        align-self: start;
        width: 50%
    }
}

@media (min-width:1240px) {

    .assembly-type-content_with_image #block-rhdp-local-tasks>div,
    .assembly-type-content_with_image .container>div,
    .assembly-type-content_with_image .node__content>.field--name-body>div {
        -ms-flex-item-align: center;
        align-self: center
    }
}

.assembly-type-content_with_image ol,
.assembly-type-content_with_image p,
.assembly-type-content_with_image ul {
    font-size: 13px
}

@media (min-width:768px) {

    .assembly-type-content_with_image ol,
    .assembly-type-content_with_image p,
    .assembly-type-content_with_image ul {
        font-size: 16px
    }
}

.assembly-type-content_with_image ol:first-child,
.assembly-type-content_with_image p:first-child,
.assembly-type-content_with_image ul:first-child {
    margin-top: 0
}

@media (min-width:576px) {
    .assembly-type-content_with_image .assembly-content {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }
}

.assembly-type-content_with_image .assembly-content .field--name-field-title {
    font-size: 38px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left
}

.assembly-type-content_with_image .assembly-content+.assembly-image {
    margin-top: 13px;
    max-width: 212px
}

@media (min-width:576px) {
    .assembly-type-content_with_image .assembly-content+.assembly-image {
        margin-left: 30px;
        margin-top: 0
    }
}

@media (min-width:992px) {
    .assembly-type-content_with_image .assembly-content+.assembly-image {
        margin-left: 50px;
        max-width: 320px
    }
}

@media (min-width:576px) {
    .assembly-type-content_with_image .assembly-image {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.assembly-type-product_categories {
    background-color: #f9f9f9;
    padding: 5rem 0 0
}

.assembly-type-product_categories .section-title {
    color: #242424;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 1em;
    text-align: center
}

body,
html {
    font-size: 100%
}

a:hover {
    cursor: pointer
}

img {
    -ms-interpolation-mode: bicubic
}

#map_canvas embed,
#map_canvas img,
#map_canvas object,
.map_canvas embed,
.map_canvas img,
.map_canvas object {
    max-width: none !important
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.buzz-product-update:after,
.buzz-product-update:before,
.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.buzz-product-update:after,
.clearfix:after {
    clear: both
}

.hide {
    display: none
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px
}

select {
    width: 100%
}

@media only screen {

    .hide-for-large,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-medium,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-xlarge,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large-down,
    .show-for-medium-down,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-small-up,
    .show-for-xlarge-down,
    .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-down,
    .hide-for-medium-down,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-small-up,
    .hide-for-xlarge-down,
    .hide-for-xxlarge-down,
    .show-for-large,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-medium,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-xlarge,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-medium,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .visible-for-large-down,
    .visible-for-medium-down,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-small-only,
    .visible-for-small-up,
    .visible-for-xlarge-down,
    .visible-for-xxlarge-down {
        clip: auto;
        height: auto;
        overflow: visible;
        position: static !important;
        width: auto
    }

    .hidden-for-large-down,
    .hidden-for-medium-down,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-small-only,
    .hidden-for-small-up,
    .hidden-for-xlarge-down,
    .hidden-for-xxlarge-down,
    .visible-for-large,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-medium,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-xlarge,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xxlarge,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-medium,
    table.hide-for-medium-only,
    table.hide-for-medium-up,
    table.hide-for-xlarge,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xxlarge,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.show-for-large-down,
    table.show-for-medium-down,
    table.show-for-small,
    table.show-for-small-down,
    table.show-for-small-only,
    table.show-for-small-up,
    table.show-for-xlarge-down,
    table.show-for-xxlarge-down {
        display: table
    }

    thead.hide-for-large,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-medium,
    thead.hide-for-medium-only,
    thead.hide-for-medium-up,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xxlarge,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.show-for-large-down,
    thead.show-for-medium-down,
    thead.show-for-small,
    thead.show-for-small-down,
    thead.show-for-small-only,
    thead.show-for-small-up,
    thead.show-for-xlarge-down,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-only,
    tbody.hide-for-medium-up,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xxlarge,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.show-for-large-down,
    tbody.show-for-medium-down,
    tbody.show-for-small,
    tbody.show-for-small-down,
    tbody.show-for-small-only,
    tbody.show-for-small-up,
    tbody.show-for-xlarge-down,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-medium,
    tr.hide-for-medium-only,
    tr.hide-for-medium-up,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xxlarge,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.show-for-large-down,
    tr.show-for-medium-down,
    tr.show-for-small,
    tr.show-for-small-down,
    tr.show-for-small-only,
    tr.show-for-small-up,
    tr.show-for-xlarge-down,
    tr.show-for-xxlarge-down {
        display: table-row !important
    }

    td.hide-for-large,
    td.hide-for-large-only,
    td.hide-for-large-up,
    td.hide-for-medium,
    td.hide-for-medium-only,
    td.hide-for-medium-up,
    td.hide-for-xlarge,
    td.hide-for-xlarge-only,
    td.hide-for-xlarge-up,
    td.hide-for-xxlarge,
    td.hide-for-xxlarge-only,
    td.hide-for-xxlarge-up,
    td.show-for-large-down,
    td.show-for-medium-down,
    td.show-for-small,
    td.show-for-small-down,
    td.show-for-small-only,
    td.show-for-small-up,
    td.show-for-xlarge-down,
    td.show-for-xxlarge-down,
    th.hide-for-large,
    th.hide-for-large-only,
    th.hide-for-large-up,
    th.hide-for-medium,
    th.hide-for-medium-only,
    th.hide-for-medium-up,
    th.hide-for-xlarge,
    th.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    th.hide-for-xxlarge,
    th.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    th.show-for-large-down,
    th.show-for-medium-down,
    th.show-for-small,
    th.show-for-small-down,
    th.show-for-small-only,
    th.show-for-small-up,
    th.show-for-xlarge-down,
    th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:48.063em) {

    .hide-for-large,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-xlarge,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large-down,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-small-up,
    .show-for-xlarge-down,
    .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-down,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-small-up,
    .hide-for-xlarge-down,
    .hide-for-xxlarge-down,
    .show-for-large,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-xlarge,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-small-only,
    .hidden-for-xlarge,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .visible-for-large-down,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-small-up,
    .visible-for-xlarge-down,
    .visible-for-xxlarge-down {
        clip: auto;
        height: auto;
        overflow: visible;
        position: static !important;
        width: auto
    }

    .hidden-for-large-down,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-small-up,
    .hidden-for-xlarge-down,
    .hidden-for-xxlarge-down,
    .visible-for-large,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-small-only,
    .visible-for-xlarge,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xxlarge,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-small-only,
    table.hide-for-xlarge,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xxlarge,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.show-for-large-down,
    table.show-for-medium,
    table.show-for-medium-down,
    table.show-for-medium-only,
    table.show-for-medium-up,
    table.show-for-small-up,
    table.show-for-xlarge-down,
    table.show-for-xxlarge-down {
        display: table
    }

    thead.hide-for-large,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-small-only,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xxlarge,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.show-for-large-down,
    thead.show-for-medium,
    thead.show-for-medium-down,
    thead.show-for-medium-only,
    thead.show-for-medium-up,
    thead.show-for-small-up,
    thead.show-for-xlarge-down,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-small-only,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xxlarge,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.show-for-large-down,
    tbody.show-for-medium,
    tbody.show-for-medium-down,
    tbody.show-for-medium-only,
    tbody.show-for-medium-up,
    tbody.show-for-small-up,
    tbody.show-for-xlarge-down,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-small-only,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xxlarge,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.show-for-large-down,
    tr.show-for-medium,
    tr.show-for-medium-down,
    tr.show-for-medium-only,
    tr.show-for-medium-up,
    tr.show-for-small-up,
    tr.show-for-xlarge-down,
    tr.show-for-xxlarge-down {
        display: table-row !important
    }

    td.hide-for-large,
    td.hide-for-large-only,
    td.hide-for-large-up,
    td.hide-for-small,
    td.hide-for-small-down,
    td.hide-for-small-only,
    td.hide-for-xlarge,
    td.hide-for-xlarge-only,
    td.hide-for-xlarge-up,
    td.hide-for-xxlarge,
    td.hide-for-xxlarge-only,
    td.hide-for-xxlarge-up,
    td.show-for-large-down,
    td.show-for-medium,
    td.show-for-medium-down,
    td.show-for-medium-only,
    td.show-for-medium-up,
    td.show-for-small-up,
    td.show-for-xlarge-down,
    td.show-for-xxlarge-down,
    th.hide-for-large,
    th.hide-for-large-only,
    th.hide-for-large-up,
    th.hide-for-small,
    th.hide-for-small-down,
    th.hide-for-small-only,
    th.hide-for-xlarge,
    th.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    th.hide-for-xxlarge,
    th.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    th.show-for-large-down,
    th.show-for-medium,
    th.show-for-medium-down,
    th.show-for-medium-only,
    th.show-for-medium-up,
    th.show-for-small-up,
    th.show-for-xlarge-down,
    th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:64.063em) {

    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-medium-only,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-xlarge,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large,
    .show-for-large-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-medium-up,
    .show-for-small-up,
    .show-for-xlarge-down,
    .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large,
    .hide-for-large-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-medium-up,
    .hide-for-small-up,
    .hide-for-xlarge-down,
    .hide-for-xxlarge-down,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-medium-only,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-xlarge,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-medium-only,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-small-only,
    .hidden-for-xlarge,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .visible-for-large,
    .visible-for-large-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-medium-up,
    .visible-for-small-up,
    .visible-for-xlarge-down,
    .visible-for-xxlarge-down {
        clip: auto;
        height: auto;
        overflow: visible;
        position: static !important;
        width: auto
    }

    .hidden-for-large,
    .hidden-for-large-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-medium-up,
    .hidden-for-small-up,
    .hidden-for-xlarge-down,
    .hidden-for-xxlarge-down,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-medium-only,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-small-only,
    .visible-for-xlarge,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xxlarge,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-medium-only,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-small-only,
    table.hide-for-xlarge,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xxlarge,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.show-for-large,
    table.show-for-large-down,
    table.show-for-large-only,
    table.show-for-large-up,
    table.show-for-medium-up,
    table.show-for-small-up,
    table.show-for-xlarge-down,
    table.show-for-xxlarge-down {
        display: table
    }

    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-medium-only,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-small-only,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xxlarge,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.show-for-large,
    thead.show-for-large-down,
    thead.show-for-large-only,
    thead.show-for-large-up,
    thead.show-for-medium-up,
    thead.show-for-small-up,
    thead.show-for-xlarge-down,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-small-only,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xxlarge,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.show-for-large,
    tbody.show-for-large-down,
    tbody.show-for-large-only,
    tbody.show-for-large-up,
    tbody.show-for-medium-up,
    tbody.show-for-small-up,
    tbody.show-for-xlarge-down,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-medium-only,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-small-only,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xxlarge,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.show-for-large,
    tr.show-for-large-down,
    tr.show-for-large-only,
    tr.show-for-large-up,
    tr.show-for-medium-up,
    tr.show-for-small-up,
    tr.show-for-xlarge-down,
    tr.show-for-xxlarge-down {
        display: table-row !important
    }

    td.hide-for-medium,
    td.hide-for-medium-down,
    td.hide-for-medium-only,
    td.hide-for-small,
    td.hide-for-small-down,
    td.hide-for-small-only,
    td.hide-for-xlarge,
    td.hide-for-xlarge-only,
    td.hide-for-xlarge-up,
    td.hide-for-xxlarge,
    td.hide-for-xxlarge-only,
    td.hide-for-xxlarge-up,
    td.show-for-large,
    td.show-for-large-down,
    td.show-for-large-only,
    td.show-for-large-up,
    td.show-for-medium-up,
    td.show-for-small-up,
    td.show-for-xlarge-down,
    td.show-for-xxlarge-down,
    th.hide-for-medium,
    th.hide-for-medium-down,
    th.hide-for-medium-only,
    th.hide-for-small,
    th.hide-for-small-down,
    th.hide-for-small-only,
    th.hide-for-xlarge,
    th.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    th.hide-for-xxlarge,
    th.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    th.show-for-large,
    th.show-for-large-down,
    th.show-for-large-only,
    th.show-for-large-up,
    th.show-for-medium-up,
    th.show-for-small-up,
    th.show-for-xlarge-down,
    th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:90.063em) {

    .hide-for-large,
    .hide-for-large-down,
    .hide-for-large-only,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-medium-only,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-xxlarge,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large-up,
    .show-for-medium-up,
    .show-for-small-up,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-up,
    .hide-for-medium-up,
    .hide-for-small-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge-down,
    .show-for-large,
    .show-for-large-down,
    .show-for-large-only,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-medium-only,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-xxlarge,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large,
    .hidden-for-large-down,
    .hidden-for-large-only,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-medium-only,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-small-only,
    .hidden-for-xxlarge,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .visible-for-large-up,
    .visible-for-medium-up,
    .visible-for-small-up,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xxlarge-down {
        clip: auto;
        height: auto;
        overflow: visible;
        position: static !important;
        width: auto
    }

    .hidden-for-large-up,
    .hidden-for-medium-up,
    .hidden-for-small-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge-down,
    .visible-for-large,
    .visible-for-large-down,
    .visible-for-large-only,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-medium-only,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-small-only,
    .visible-for-xxlarge,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large,
    table.hide-for-large-down,
    table.hide-for-large-only,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-medium-only,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-small-only,
    table.hide-for-xxlarge,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.show-for-large-up,
    table.show-for-medium-up,
    table.show-for-small-up,
    table.show-for-xlarge,
    table.show-for-xlarge-down,
    table.show-for-xlarge-only,
    table.show-for-xlarge-up,
    table.show-for-xxlarge-down {
        display: table
    }

    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.hide-for-large-only,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-medium-only,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-small-only,
    thead.hide-for-xxlarge,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.show-for-large-up,
    thead.show-for-medium-up,
    thead.show-for-small-up,
    thead.show-for-xlarge,
    thead.show-for-xlarge-down,
    thead.show-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.hide-for-large-only,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-small-only,
    tbody.hide-for-xxlarge,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.show-for-large-up,
    tbody.show-for-medium-up,
    tbody.show-for-small-up,
    tbody.show-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.show-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.hide-for-large-only,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-medium-only,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-small-only,
    tr.hide-for-xxlarge,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.show-for-large-up,
    tr.show-for-medium-up,
    tr.show-for-small-up,
    tr.show-for-xlarge,
    tr.show-for-xlarge-down,
    tr.show-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.show-for-xxlarge-down {
        display: table-row !important
    }

    td.hide-for-large,
    td.hide-for-large-down,
    td.hide-for-large-only,
    td.hide-for-medium,
    td.hide-for-medium-down,
    td.hide-for-medium-only,
    td.hide-for-small,
    td.hide-for-small-down,
    td.hide-for-small-only,
    td.hide-for-xxlarge,
    td.hide-for-xxlarge-only,
    td.hide-for-xxlarge-up,
    td.show-for-large-up,
    td.show-for-medium-up,
    td.show-for-small-up,
    td.show-for-xlarge,
    td.show-for-xlarge-down,
    td.show-for-xlarge-only,
    td.show-for-xlarge-up,
    td.show-for-xxlarge-down,
    th.hide-for-large,
    th.hide-for-large-down,
    th.hide-for-large-only,
    th.hide-for-medium,
    th.hide-for-medium-down,
    th.hide-for-medium-only,
    th.hide-for-small,
    th.hide-for-small-down,
    th.hide-for-small-only,
    th.hide-for-xxlarge,
    th.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    th.show-for-large-up,
    th.show-for-medium-up,
    th.show-for-small-up,
    th.show-for-xlarge,
    th.show-for-xlarge-down,
    th.show-for-xlarge-only,
    th.show-for-xlarge-up,
    th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:120.063em) {

    .hide-for-large,
    .hide-for-large-down,
    .hide-for-large-only,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-medium-only,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .hide-for-xlarge-only,
    .show-for-large-up,
    .show-for-medium-up,
    .show-for-small-up,
    .show-for-xlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: inherit !important
    }

    .hide-for-large-up,
    .hide-for-medium-up,
    .hide-for-small-up,
    .hide-for-xlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large,
    .show-for-large-down,
    .show-for-large-only,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-medium-only,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .show-for-xlarge-only {
        display: none !important
    }

    .hidden-for-large,
    .hidden-for-large-down,
    .hidden-for-large-only,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-medium-only,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-small-only,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .hidden-for-xlarge-only,
    .visible-for-large-up,
    .visible-for-medium-up,
    .visible-for-small-up,
    .visible-for-xlarge-up,
    .visible-for-xxlarge,
    .visible-for-xxlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
        clip: auto;
        height: auto;
        overflow: visible;
        position: static !important;
        width: auto
    }

    .hidden-for-large-up,
    .hidden-for-medium-up,
    .hidden-for-small-up,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge,
    .hidden-for-xxlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .visible-for-large,
    .visible-for-large-down,
    .visible-for-large-only,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-medium-only,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-small-only,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .visible-for-xlarge-only {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large,
    table.hide-for-large-down,
    table.hide-for-large-only,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-medium-only,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-small-only,
    table.hide-for-xlarge,
    table.hide-for-xlarge-down,
    table.hide-for-xlarge-only,
    table.show-for-large-up,
    table.show-for-medium-up,
    table.show-for-small-up,
    table.show-for-xlarge-up,
    table.show-for-xxlarge,
    table.show-for-xxlarge-down,
    table.show-for-xxlarge-only,
    table.show-for-xxlarge-up {
        display: table
    }

    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.hide-for-large-only,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-medium-only,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-small-only,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-down,
    thead.hide-for-xlarge-only,
    thead.show-for-large-up,
    thead.show-for-medium-up,
    thead.show-for-small-up,
    thead.show-for-xlarge-up,
    thead.show-for-xxlarge,
    thead.show-for-xxlarge-down,
    thead.show-for-xxlarge-only,
    thead.show-for-xxlarge-up {
        display: table-header-group !important
    }

    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.hide-for-large-only,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-small-only,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-down,
    tbody.hide-for-xlarge-only,
    tbody.show-for-large-up,
    tbody.show-for-medium-up,
    tbody.show-for-small-up,
    tbody.show-for-xlarge-up,
    tbody.show-for-xxlarge,
    tbody.show-for-xxlarge-down,
    tbody.show-for-xxlarge-only,
    tbody.show-for-xxlarge-up {
        display: table-row-group !important
    }

    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.hide-for-large-only,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-medium-only,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-small-only,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-down,
    tr.hide-for-xlarge-only,
    tr.show-for-large-up,
    tr.show-for-medium-up,
    tr.show-for-small-up,
    tr.show-for-xlarge-up,
    tr.show-for-xxlarge,
    tr.show-for-xxlarge-down,
    tr.show-for-xxlarge-only,
    tr.show-for-xxlarge-up {
        display: table-row !important
    }

    td.hide-for-large,
    td.hide-for-large-down,
    td.hide-for-large-only,
    td.hide-for-medium,
    td.hide-for-medium-down,
    td.hide-for-medium-only,
    td.hide-for-small,
    td.hide-for-small-down,
    td.hide-for-small-only,
    td.hide-for-xlarge,
    td.hide-for-xlarge-down,
    td.hide-for-xlarge-only,
    td.show-for-large-up,
    td.show-for-medium-up,
    td.show-for-small-up,
    td.show-for-xlarge-up,
    td.show-for-xxlarge,
    td.show-for-xxlarge-down,
    td.show-for-xxlarge-only,
    td.show-for-xxlarge-up,
    th.hide-for-large,
    th.hide-for-large-down,
    th.hide-for-large-only,
    th.hide-for-medium,
    th.hide-for-medium-down,
    th.hide-for-medium-only,
    th.hide-for-small,
    th.hide-for-small-down,
    th.hide-for-small-only,
    th.hide-for-xlarge,
    th.hide-for-xlarge-down,
    th.hide-for-xlarge-only,
    th.show-for-large-up,
    th.show-for-medium-up,
    th.show-for-small-up,
    th.show-for-xlarge-up,
    th.show-for-xxlarge,
    th.show-for-xxlarge-down,
    th.show-for-xxlarge-only,
    th.show-for-xxlarge-up {
        display: table-cell !important
    }
}

.hide-for-portrait,
.show-for-landscape {
    display: inherit !important
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

table.hide-for-landscape,
table.show-for-portrait {
    display: table
}

thead.hide-for-landscape,
thead.show-for-portrait {
    display: table-header-group !important
}

tbody.hide-for-landscape,
tbody.show-for-portrait {
    display: table-row-group !important
}

tr.hide-for-landscape,
tr.show-for-portrait {
    display: table-row !important
}

td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
    display: table-cell !important
}

@media only screen and (orientation:landscape) {

    .hide-for-portrait,
    .show-for-landscape {
        display: inherit !important
    }

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }

    table.hide-for-portrait,
    table.show-for-landscape {
        display: table
    }

    thead.hide-for-portrait,
    thead.show-for-landscape {
        display: table-header-group !important
    }

    tbody.hide-for-portrait,
    tbody.show-for-landscape {
        display: table-row-group !important
    }

    tr.hide-for-portrait,
    tr.show-for-landscape {
        display: table-row !important
    }

    td.hide-for-portrait,
    td.show-for-landscape,
    th.hide-for-portrait,
    th.show-for-landscape {
        display: table-cell !important
    }
}

@media only screen and (orientation:portrait) {

    .hide-for-landscape,
    .show-for-portrait {
        display: inherit !important
    }

    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }

    table.hide-for-landscape,
    table.show-for-portrait {
        display: table
    }

    thead.hide-for-landscape,
    thead.show-for-portrait {
        display: table-header-group !important
    }

    tbody.hide-for-landscape,
    tbody.show-for-portrait {
        display: table-row-group !important
    }

    tr.hide-for-landscape,
    tr.show-for-portrait {
        display: table-row !important
    }

    td.hide-for-landscape,
    td.show-for-portrait,
    th.hide-for-landscape,
    th.show-for-portrait {
        display: table-cell !important
    }
}

.show-for-touch {
    display: none !important
}

.hide-for-touch,
.touch .show-for-touch {
    display: inherit !important
}

.touch .hide-for-touch {
    display: none !important
}

.touch table.show-for-touch,
table.hide-for-touch {
    display: table
}

.touch thead.show-for-touch,
thead.hide-for-touch {
    display: table-header-group !important
}

.touch tbody.show-for-touch,
tbody.hide-for-touch {
    display: table-row-group !important
}

.touch tr.show-for-touch,
tr.hide-for-touch {
    display: table-row !important
}

.touch td.show-for-touch,
.touch th.show-for-touch,
td.hide-for-touch,
th.hide-for-touch {
    display: table-cell !important
}

@media print {
    .show-for-print {
        display: block
    }

    .hide-for-print {
        display: none
    }

    table.show-for-print {
        display: table
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print,
    th.show-for-print {
        display: table-cell !important
    }
}

[class*=block-grid-] {
    display: block;
    margin: 0 -.625em;
    padding: 0
}

[class*=block-grid-]:after,
[class*=block-grid-]:before {
    content: " ";
    display: table
}

[class*=block-grid-]:after {
    clear: both
}

[class*=block-grid-]>li {
    display: block;
    float: left;
    height: auto;
    padding: 0 .625em 1.25em
}

@media only screen {
    .small-block-grid-1>li {
        list-style: none;
        width: 100%
    }

    .small-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .small-block-grid-2>li {
        list-style: none;
        width: 50%
    }

    .small-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-2>li:nth-of-type(odd) {
        clear: both
    }

    .small-block-grid-3>li {
        list-style: none;
        width: 33.33333%
    }

    .small-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .small-block-grid-4>li {
        list-style: none;
        width: 25%
    }

    .small-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .small-block-grid-5>li {
        list-style: none;
        width: 20%
    }

    .small-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .small-block-grid-6>li {
        list-style: none;
        width: 16.66667%
    }

    .small-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .small-block-grid-7>li {
        list-style: none;
        width: 14.28571%
    }

    .small-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .small-block-grid-8>li {
        list-style: none;
        width: 12.5%
    }

    .small-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .small-block-grid-9>li {
        list-style: none;
        width: 11.11111%
    }

    .small-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .small-block-grid-10>li {
        list-style: none;
        width: 10%
    }

    .small-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .small-block-grid-11>li {
        list-style: none;
        width: 9.09091%
    }

    .small-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .small-block-grid-12>li {
        list-style: none;
        width: 8.33333%
    }

    .small-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width:48.063em) {
    .medium-block-grid-1>li {
        list-style: none;
        width: 100%
    }

    .medium-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .medium-block-grid-2>li {
        list-style: none;
        width: 50%
    }

    .medium-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-2>li:nth-of-type(odd) {
        clear: both
    }

    .medium-block-grid-3>li {
        list-style: none;
        width: 33.33333%
    }

    .medium-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .medium-block-grid-4>li {
        list-style: none;
        width: 25%
    }

    .medium-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .medium-block-grid-5>li {
        list-style: none;
        width: 20%
    }

    .medium-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .medium-block-grid-6>li {
        list-style: none;
        width: 16.66667%
    }

    .medium-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .medium-block-grid-7>li {
        list-style: none;
        width: 14.28571%
    }

    .medium-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .medium-block-grid-8>li {
        list-style: none;
        width: 12.5%
    }

    .medium-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .medium-block-grid-9>li {
        list-style: none;
        width: 11.11111%
    }

    .medium-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .medium-block-grid-10>li {
        list-style: none;
        width: 10%
    }

    .medium-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .medium-block-grid-11>li {
        list-style: none;
        width: 9.09091%
    }

    .medium-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .medium-block-grid-12>li {
        list-style: none;
        width: 8.33333%
    }

    .medium-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width:64.063em) {
    .large-block-grid-1>li {
        list-style: none;
        width: 100%
    }

    .large-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .large-block-grid-2>li {
        list-style: none;
        width: 50%
    }

    .large-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-2>li:nth-of-type(odd) {
        clear: both
    }

    .large-block-grid-3>li {
        list-style: none;
        width: 33.33333%
    }

    .large-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .large-block-grid-4>li {
        list-style: none;
        width: 25%
    }

    .large-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .large-block-grid-5>li {
        list-style: none;
        width: 20%
    }

    .large-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .large-block-grid-6>li {
        list-style: none;
        width: 16.66667%
    }

    .large-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .large-block-grid-7>li {
        list-style: none;
        width: 14.28571%
    }

    .large-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .large-block-grid-8>li {
        list-style: none;
        width: 12.5%
    }

    .large-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .large-block-grid-9>li {
        list-style: none;
        width: 11.11111%
    }

    .large-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .large-block-grid-10>li {
        list-style: none;
        width: 10%
    }

    .large-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .large-block-grid-11>li {
        list-style: none;
        width: 9.09091%
    }

    .large-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .large-block-grid-12>li {
        list-style: none;
        width: 8.33333%
    }

    .large-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

.side-nav {
    display: block;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: .875rem 0
}

.side-nav li {
    font-size: .875rem;
    font-weight: 400;
    margin: 0 0 .4375rem
}

.side-nav li a:not(.button) {
    color: #242424;
    display: block;
    margin: 0;
    padding: .4375rem .875rem
}

.side-nav li a:not(.button):focus,
.side-nav li a:not(.button):hover {
    background: rgba(0, 0, 0, .025);
    color: #666
}

.side-nav li.active>a:first-child:not(.button) {
    color: #666;
    font-weight: 400
}

.side-nav li.divider {
    border-top: 0 solid #fff;
    height: 0;
    list-style: none;
    padding: 0
}

.side-nav li.heading {
    color: #242424;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase
}

form {
    margin: 0 0 1rem
}

form .row .row {
    margin: 0 -.5rem
}

form .row .row .column,
form .row .row .columns,
form .row .row .developer-materials-main,
form .row .row .developer-materials-sidebar,
form .row .row .microsite-nav {
    padding: 0 .5rem
}

form .row .row.collapse {
    margin: 0
}

form .row .row.collapse .column,
form .row .row.collapse .columns,
form .row .row.collapse .developer-materials-main,
form .row .row.collapse .developer-materials-sidebar,
form .row .row.collapse .microsite-nav {
    padding: 0
}

form .row .row.collapse input {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}

form .row input.column,
form .row input.columns,
form .row input.developer-materials-main,
form .row input.developer-materials-sidebar,
form .row input.microsite-nav,
form .row textarea.column,
form .row textarea.columns,
form .row textarea.developer-materials-main,
form .row textarea.developer-materials-sidebar,
form .row textarea.microsite-nav {
    padding-left: .5rem
}

label:not(.pf-c-form__label) {
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0
}

label:not(.pf-c-form__label).right {
    float: none !important;
    text-align: right
}

label:not(.pf-c-form__label).inline {
    margin: 0 0 1rem;
    padding: .5625rem 0
}

label:not(.pf-c-form__label) small {
    color: #676767;
    text-transform: capitalize
}

select::-ms-expand {
    display: none
}

.postfix,
.prefix {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: .875rem;
    height: 2.3125rem;
    line-height: 2.3125rem;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2
}

label.prefix,
span.prefix {
    background: #f2f2f2;
    border-right: none;
    border-color: #ccc;
    color: #333
}

label.postfix,
span.postfix {
    background: #f2f2f2;
    border-left: none;
    border-color: #ccc;
    color: #333
}

input[type=color]:not(.pf-c-form-control),
input[type=date]:not(.pf-c-form-control),
input[type=datetime-local]:not(.pf-c-form-control),
input[type=datetime]:not(.pf-c-form-control),
input[type=email]:not(.pf-c-form-control),
input[type=month]:not(.pf-c-form-control),
input[type=number]:not(.pf-c-form-control),
input[type=password]:not(.pf-c-form-control),
input[type=search]:not(.pf-c-form-control),
input[type=tel]:not(.pf-c-form-control),
input[type=text]:not(.pf-c-form-control),
input[type=time]:not(.pf-c-form-control),
input[type=url]:not(.pf-c-form-control),
input[type=week]:not(.pf-c-form-control),
textarea {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .75);
    display: block;
    font-family: inherit;
    font-size: .875rem;
    height: 2.3125rem;
    margin: 0 0 1rem;
    padding: .5rem;
    -webkit-transition: border-color .45s ease-in-out, -webkit-box-shadow .45s;
    transition: border-color .45s ease-in-out, -webkit-box-shadow .45s;
    transition: box-shadow .45s, border-color .45s ease-in-out;
    transition: box-shadow .45s, border-color .45s ease-in-out, -webkit-box-shadow .45s;
    width: 100%
}

input[type=color]:not(.pf-c-form-control):focus,
input[type=date]:not(.pf-c-form-control):focus,
input[type=datetime-local]:not(.pf-c-form-control):focus,
input[type=datetime]:not(.pf-c-form-control):focus,
input[type=email]:not(.pf-c-form-control):focus,
input[type=month]:not(.pf-c-form-control):focus,
input[type=number]:not(.pf-c-form-control):focus,
input[type=password]:not(.pf-c-form-control):focus,
input[type=search]:not(.pf-c-form-control):focus,
input[type=tel]:not(.pf-c-form-control):focus,
input[type=text]:not(.pf-c-form-control):focus,
input[type=time]:not(.pf-c-form-control):focus,
input[type=url]:not(.pf-c-form-control):focus,
input[type=week]:not(.pf-c-form-control):focus,
textarea:focus {
    background: #fafafa;
    border-color: #999;
    -webkit-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
    outline: none
}

fieldset[disabled] input[type=color]:not(.pf-c-form-control),
fieldset[disabled] input[type=date]:not(.pf-c-form-control),
fieldset[disabled] input[type=datetime-local]:not(.pf-c-form-control),
fieldset[disabled] input[type=datetime]:not(.pf-c-form-control),
fieldset[disabled] input[type=email]:not(.pf-c-form-control),
fieldset[disabled] input[type=month]:not(.pf-c-form-control),
fieldset[disabled] input[type=number]:not(.pf-c-form-control),
fieldset[disabled] input[type=password]:not(.pf-c-form-control),
fieldset[disabled] input[type=search]:not(.pf-c-form-control),
fieldset[disabled] input[type=tel]:not(.pf-c-form-control),
fieldset[disabled] input[type=text]:not(.pf-c-form-control),
fieldset[disabled] input[type=time]:not(.pf-c-form-control),
fieldset[disabled] input[type=url]:not(.pf-c-form-control),
fieldset[disabled] input[type=week]:not(.pf-c-form-control),
fieldset[disabled] textarea:not(.pf-c-form-control),
input[type=color]:not(.pf-c-form-control):disabled,
input[type=color]:not(.pf-c-form-control)[disabled],
input[type=color]:not(.pf-c-form-control)[readonly],
input[type=date]:not(.pf-c-form-control):disabled,
input[type=date]:not(.pf-c-form-control)[disabled],
input[type=date]:not(.pf-c-form-control)[readonly],
input[type=datetime-local]:not(.pf-c-form-control):disabled,
input[type=datetime-local]:not(.pf-c-form-control)[disabled],
input[type=datetime-local]:not(.pf-c-form-control)[readonly],
input[type=datetime]:not(.pf-c-form-control):disabled,
input[type=datetime]:not(.pf-c-form-control)[disabled],
input[type=datetime]:not(.pf-c-form-control)[readonly],
input[type=email]:not(.pf-c-form-control):disabled,
input[type=email]:not(.pf-c-form-control)[disabled],
input[type=email]:not(.pf-c-form-control)[readonly],
input[type=month]:not(.pf-c-form-control):disabled,
input[type=month]:not(.pf-c-form-control)[disabled],
input[type=month]:not(.pf-c-form-control)[readonly],
input[type=number]:not(.pf-c-form-control):disabled,
input[type=number]:not(.pf-c-form-control)[disabled],
input[type=number]:not(.pf-c-form-control)[readonly],
input[type=password]:not(.pf-c-form-control):disabled,
input[type=password]:not(.pf-c-form-control)[disabled],
input[type=password]:not(.pf-c-form-control)[readonly],
input[type=search]:not(.pf-c-form-control):disabled,
input[type=search]:not(.pf-c-form-control)[disabled],
input[type=search]:not(.pf-c-form-control)[readonly],
input[type=tel]:not(.pf-c-form-control):disabled,
input[type=tel]:not(.pf-c-form-control)[disabled],
input[type=tel]:not(.pf-c-form-control)[readonly],
input[type=text]:not(.pf-c-form-control):disabled,
input[type=text]:not(.pf-c-form-control)[disabled],
input[type=text]:not(.pf-c-form-control)[readonly],
input[type=time]:not(.pf-c-form-control):disabled,
input[type=time]:not(.pf-c-form-control)[disabled],
input[type=time]:not(.pf-c-form-control)[readonly],
input[type=url]:not(.pf-c-form-control):disabled,
input[type=url]:not(.pf-c-form-control)[disabled],
input[type=url]:not(.pf-c-form-control)[readonly],
input[type=week]:not(.pf-c-form-control):disabled,
input[type=week]:not(.pf-c-form-control)[disabled],
input[type=week]:not(.pf-c-form-control)[readonly],
textarea:not(.pf-c-form-control):disabled,
textarea[disabled]:not(.pf-c-form-control),
textarea[readonly]:not(.pf-c-form-control) {
    background-color: #ddd;
    cursor: default
}

input[type=color].radius,
input[type=date].radius,
input[type=datetime-local].radius,
input[type=datetime].radius,
input[type=email].radius,
input[type=month].radius,
input[type=number].radius,
input[type=password].radius,
input[type=search].radius,
input[type=tel].radius,
input[type=text].radius,
input[type=time].radius,
input[type=url].radius,
input[type=week].radius,
textarea.radius {
    border-radius: 0
}

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse textarea {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}

form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0
}

form .row .postfix-radius.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}

form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse textarea {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-top-right-radius: 1000px
}

form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse textarea,
form .row .prefix-round.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-top-left-radius: 1000px
}

form .row .postfix-round.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-top-right-radius: 1000px
}

input[type=submit]:not(.pf-c-button) {
    -webkit-appearance: none;
    -webkit-border-radius: 0
}

textarea[rows] {
    height: auto
}

select {
    -webkit-appearance: none !important;
    background-color: #fff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjEyIiB3aWR0aD0iMjQiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0ibTUuOTkyIDAtMyAzLTMtM3oiLz48L3N2Zz4=);
    background-position: 100%;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    -webkit-border-radius: 0;
    color: rgba(0, 0, 0, .75);
    font-size: .875rem;
    height: 2.3125rem;
    line-height: normal;
    padding: .5rem
}

select,
select.radius {
    border-radius: 0
}

select:hover {
    background-color: #f3f3f3;
    border-color: #999
}

select:disabled {
    background-color: #ddd;
    cursor: default
}

input[type=checkbox],
input[type=file],
input[type=radio],
select {
    margin: 0 0 1rem
}

input[type=checkbox]+label,
input[type=radio]+label {
    display: inline-block;
    margin-bottom: 0;
    margin-left: .5rem;
    margin-right: 1rem;
    vertical-align: baseline
}

input[type=file] {
    width: 100%
}

fieldset {
    border: 1px solid #ddd;
    margin: 1.125rem 0;
    padding: 1.25rem
}

fieldset legend {
    background: #fff;
    font-weight: 700;
    margin: 0 0 0 -.1875rem;
    padding: 0 .1875rem
}

[data-abide] .error small.error,
[data-abide] .error span.error,
[data-abide] small.error,
[data-abide] span.error {
    background: #c60f13;
    color: #fff;
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem
}

[data-abide] small.error,
[data-abide] span.error {
    display: none
}

small.error,
span.error {
    background: #c60f13;
    color: #fff;
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem
}

.error input,
.error select,
.error textarea {
    margin-bottom: 0
}

.error input[type=checkbox],
.error input[type=radio] {
    margin-bottom: 1rem
}

.error label,
.error label.error {
    color: #c60f13
}

.error small.error {
    background: #c60f13;
    color: #fff;
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem
}

.error>label>small {
    background: transparent;
    color: #676767;
    display: inline;
    font-size: 60%;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-transform: capitalize
}

.error span.error-message {
    display: block
}

input.error,
select.error,
textarea.error {
    margin-bottom: 0
}

label.error {
    color: #c60f13
}

.row {
    max-width: 75em;
    width: 100%
}

.row:after,
.row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row.collapse>.column,
.row.collapse>.columns,
.row.collapse>.developer-materials-main,
.row.collapse>.developer-materials-sidebar,
.row.collapse>.microsite-nav {
    padding-left: 0;
    padding-right: 0
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    margin: 0 -1em;
    max-width: none;
    width: auto
}

.row .row:after,
.row .row:before {
    content: " ";
    display: table
}

.row .row:after {
    clear: both
}

.row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto
}

.row .row.collapse:after,
.row .row.collapse:before {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.column,
.columns,
.developer-materials-main,
.developer-materials-sidebar,
.microsite-nav {
    float: left;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%
}

[class*=column]+[class*=column]:last-child {
    float: right
}

[class*=column]+[class*=column].end {
    float: left
}

@media only screen {
    .small-push-0 {
        left: 0;
        position: relative;
        right: auto
    }

    .small-pull-0 {
        left: auto;
        position: relative;
        right: 0
    }

    .small-push-1 {
        left: 4.16667%;
        position: relative;
        right: auto
    }

    .small-pull-1 {
        left: auto;
        position: relative;
        right: 4.16667%
    }

    .small-push-2 {
        left: 8.33333%;
        position: relative;
        right: auto
    }

    .small-pull-2 {
        left: auto;
        position: relative;
        right: 8.33333%
    }

    .small-push-3 {
        left: 12.5%;
        position: relative;
        right: auto
    }

    .small-pull-3 {
        left: auto;
        position: relative;
        right: 12.5%
    }

    .small-push-4 {
        left: 16.66667%;
        position: relative;
        right: auto
    }

    .small-pull-4 {
        left: auto;
        position: relative;
        right: 16.66667%
    }

    .small-push-5 {
        left: 20.83333%;
        position: relative;
        right: auto
    }

    .small-pull-5 {
        left: auto;
        position: relative;
        right: 20.83333%
    }

    .small-push-6 {
        left: 25%;
        position: relative;
        right: auto
    }

    .small-pull-6 {
        left: auto;
        position: relative;
        right: 25%
    }

    .small-push-7 {
        left: 29.16667%;
        position: relative;
        right: auto
    }

    .small-pull-7 {
        left: auto;
        position: relative;
        right: 29.16667%
    }

    .small-push-8 {
        left: 33.33333%;
        position: relative;
        right: auto
    }

    .small-pull-8 {
        left: auto;
        position: relative;
        right: 33.33333%
    }

    .small-push-9 {
        left: 37.5%;
        position: relative;
        right: auto
    }

    .small-pull-9 {
        left: auto;
        position: relative;
        right: 37.5%
    }

    .small-push-10 {
        left: 41.66667%;
        position: relative;
        right: auto
    }

    .small-pull-10 {
        left: auto;
        position: relative;
        right: 41.66667%
    }

    .small-push-11 {
        left: 45.83333%;
        position: relative;
        right: auto
    }

    .small-pull-11 {
        left: auto;
        position: relative;
        right: 45.83333%
    }

    .small-push-12 {
        left: 50%;
        position: relative;
        right: auto
    }

    .small-pull-12 {
        left: auto;
        position: relative;
        right: 50%
    }

    .small-push-13 {
        left: 54.16667%;
        position: relative;
        right: auto
    }

    .small-pull-13 {
        left: auto;
        position: relative;
        right: 54.16667%
    }

    .small-push-14 {
        left: 58.33333%;
        position: relative;
        right: auto
    }

    .small-pull-14 {
        left: auto;
        position: relative;
        right: 58.33333%
    }

    .small-push-15 {
        left: 62.5%;
        position: relative;
        right: auto
    }

    .small-pull-15 {
        left: auto;
        position: relative;
        right: 62.5%
    }

    .small-push-16 {
        left: 66.66667%;
        position: relative;
        right: auto
    }

    .small-pull-16 {
        left: auto;
        position: relative;
        right: 66.66667%
    }

    .small-push-17 {
        left: 70.83333%;
        position: relative;
        right: auto
    }

    .small-pull-17 {
        left: auto;
        position: relative;
        right: 70.83333%
    }

    .small-push-18 {
        left: 75%;
        position: relative;
        right: auto
    }

    .small-pull-18 {
        left: auto;
        position: relative;
        right: 75%
    }

    .small-push-19 {
        left: 79.16667%;
        position: relative;
        right: auto
    }

    .small-pull-19 {
        left: auto;
        position: relative;
        right: 79.16667%
    }

    .small-push-20 {
        left: 83.33333%;
        position: relative;
        right: auto
    }

    .small-pull-20 {
        left: auto;
        position: relative;
        right: 83.33333%
    }

    .small-push-21 {
        left: 87.5%;
        position: relative;
        right: auto
    }

    .small-pull-21 {
        left: auto;
        position: relative;
        right: 87.5%
    }

    .small-push-22 {
        left: 91.66667%;
        position: relative;
        right: auto
    }

    .small-pull-22 {
        left: auto;
        position: relative;
        right: 91.66667%
    }

    .small-push-23 {
        left: 95.83333%;
        position: relative;
        right: auto
    }

    .small-pull-23 {
        left: auto;
        position: relative;
        right: 95.83333%
    }

    .column,
    .columns,
    .developer-materials-main,
    .developer-materials-sidebar,
    .microsite-nav {
        float: left;
        padding-left: 1em;
        padding-right: 1em;
        position: relative
    }

    .small-1 {
        width: 4.16667%
    }

    .small-2 {
        width: 8.33333%
    }

    .small-3 {
        width: 12.5%
    }

    .small-4 {
        width: 16.66667%
    }

    .small-5 {
        width: 20.83333%
    }

    .small-6 {
        width: 25%
    }

    .small-7 {
        width: 29.16667%
    }

    .small-8 {
        width: 33.33333%
    }

    .small-9 {
        width: 37.5%
    }

    .small-10 {
        width: 41.66667%
    }

    .small-11 {
        width: 45.83333%
    }

    .small-12 {
        width: 50%
    }

    .small-13 {
        width: 54.16667%
    }

    .small-14 {
        width: 58.33333%
    }

    .small-15 {
        width: 62.5%
    }

    .small-16 {
        width: 66.66667%
    }

    .small-17 {
        width: 70.83333%
    }

    .small-18 {
        width: 75%
    }

    .small-19 {
        width: 79.16667%
    }

    .small-20 {
        width: 83.33333%
    }

    .small-21 {
        width: 87.5%
    }

    .small-22 {
        width: 91.66667%
    }

    .small-23 {
        width: 95.83333%
    }

    .small-24 {
        width: 100%
    }

    .small-offset-0 {
        margin-left: 0 !important
    }

    .small-offset-1 {
        margin-left: 4.16667% !important
    }

    .small-offset-2 {
        margin-left: 8.33333% !important
    }

    .small-offset-3 {
        margin-left: 12.5% !important
    }

    .small-offset-4 {
        margin-left: 16.66667% !important
    }

    .small-offset-5 {
        margin-left: 20.83333% !important
    }

    .small-offset-6 {
        margin-left: 25% !important
    }

    .small-offset-7 {
        margin-left: 29.16667% !important
    }

    .small-offset-8 {
        margin-left: 33.33333% !important
    }

    .small-offset-9 {
        margin-left: 37.5% !important
    }

    .small-offset-10 {
        margin-left: 41.66667% !important
    }

    .small-offset-11 {
        margin-left: 45.83333% !important
    }

    .small-offset-12 {
        margin-left: 50% !important
    }

    .small-offset-13 {
        margin-left: 54.16667% !important
    }

    .small-offset-14 {
        margin-left: 58.33333% !important
    }

    .small-offset-15 {
        margin-left: 62.5% !important
    }

    .small-offset-16 {
        margin-left: 66.66667% !important
    }

    .small-offset-17 {
        margin-left: 70.83333% !important
    }

    .small-offset-18 {
        margin-left: 75% !important
    }

    .small-offset-19 {
        margin-left: 79.16667% !important
    }

    .small-offset-20 {
        margin-left: 83.33333% !important
    }

    .small-offset-21 {
        margin-left: 87.5% !important
    }

    .small-offset-22 {
        margin-left: 91.66667% !important
    }

    .small-offset-23 {
        margin-left: 95.83333% !important
    }

    .small-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.small-centered,
    .columns.small-centered,
    .small-centered.developer-materials-main,
    .small-centered.developer-materials-sidebar,
    .small-centered.microsite-nav {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .column.small-uncentered,
    .columns.small-uncentered,
    .small-uncentered.developer-materials-main,
    .small-uncentered.developer-materials-sidebar,
    .small-uncentered.microsite-nav {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.small-centered:last-child,
    .columns.small-centered:last-child,
    .small-centered.developer-materials-main:last-child,
    .small-centered.developer-materials-sidebar:last-child,
    .small-centered.microsite-nav:last-child {
        float: none
    }

    .column.small-uncentered:last-child,
    .columns.small-uncentered:last-child,
    .small-uncentered.developer-materials-main:last-child,
    .small-uncentered.developer-materials-sidebar:last-child,
    .small-uncentered.microsite-nav:last-child {
        float: left
    }

    .column.small-uncentered.opposite,
    .columns.small-uncentered.opposite,
    .small-uncentered.opposite.developer-materials-main,
    .small-uncentered.opposite.developer-materials-sidebar,
    .small-uncentered.opposite.microsite-nav {
        float: right
    }
}

@media only screen and (min-width:48.063em) {
    .medium-push-0 {
        left: 0;
        position: relative;
        right: auto
    }

    .medium-pull-0 {
        left: auto;
        position: relative;
        right: 0
    }

    .medium-push-1 {
        left: 4.16667%;
        position: relative;
        right: auto
    }

    .medium-pull-1 {
        left: auto;
        position: relative;
        right: 4.16667%
    }

    .medium-push-2 {
        left: 8.33333%;
        position: relative;
        right: auto
    }

    .medium-pull-2 {
        left: auto;
        position: relative;
        right: 8.33333%
    }

    .medium-push-3 {
        left: 12.5%;
        position: relative;
        right: auto
    }

    .medium-pull-3 {
        left: auto;
        position: relative;
        right: 12.5%
    }

    .medium-push-4 {
        left: 16.66667%;
        position: relative;
        right: auto
    }

    .medium-pull-4 {
        left: auto;
        position: relative;
        right: 16.66667%
    }

    .medium-push-5 {
        left: 20.83333%;
        position: relative;
        right: auto
    }

    .medium-pull-5 {
        left: auto;
        position: relative;
        right: 20.83333%
    }

    .medium-push-6 {
        left: 25%;
        position: relative;
        right: auto
    }

    .medium-pull-6 {
        left: auto;
        position: relative;
        right: 25%
    }

    .medium-push-7 {
        left: 29.16667%;
        position: relative;
        right: auto
    }

    .medium-pull-7 {
        left: auto;
        position: relative;
        right: 29.16667%
    }

    .medium-push-8 {
        left: 33.33333%;
        position: relative;
        right: auto
    }

    .medium-pull-8 {
        left: auto;
        position: relative;
        right: 33.33333%
    }

    .medium-push-9 {
        left: 37.5%;
        position: relative;
        right: auto
    }

    .medium-pull-9 {
        left: auto;
        position: relative;
        right: 37.5%
    }

    .medium-push-10 {
        left: 41.66667%;
        position: relative;
        right: auto
    }

    .medium-pull-10 {
        left: auto;
        position: relative;
        right: 41.66667%
    }

    .medium-push-11 {
        left: 45.83333%;
        position: relative;
        right: auto
    }

    .medium-pull-11 {
        left: auto;
        position: relative;
        right: 45.83333%
    }

    .medium-push-12 {
        left: 50%;
        position: relative;
        right: auto
    }

    .medium-pull-12 {
        left: auto;
        position: relative;
        right: 50%
    }

    .medium-push-13 {
        left: 54.16667%;
        position: relative;
        right: auto
    }

    .medium-pull-13 {
        left: auto;
        position: relative;
        right: 54.16667%
    }

    .medium-push-14 {
        left: 58.33333%;
        position: relative;
        right: auto
    }

    .medium-pull-14 {
        left: auto;
        position: relative;
        right: 58.33333%
    }

    .medium-push-15 {
        left: 62.5%;
        position: relative;
        right: auto
    }

    .medium-pull-15 {
        left: auto;
        position: relative;
        right: 62.5%
    }

    .medium-push-16 {
        left: 66.66667%;
        position: relative;
        right: auto
    }

    .medium-pull-16 {
        left: auto;
        position: relative;
        right: 66.66667%
    }

    .medium-push-17 {
        left: 70.83333%;
        position: relative;
        right: auto
    }

    .medium-pull-17 {
        left: auto;
        position: relative;
        right: 70.83333%
    }

    .medium-push-18 {
        left: 75%;
        position: relative;
        right: auto
    }

    .medium-pull-18 {
        left: auto;
        position: relative;
        right: 75%
    }

    .medium-push-19 {
        left: 79.16667%;
        position: relative;
        right: auto
    }

    .medium-pull-19 {
        left: auto;
        position: relative;
        right: 79.16667%
    }

    .medium-push-20 {
        left: 83.33333%;
        position: relative;
        right: auto
    }

    .medium-pull-20 {
        left: auto;
        position: relative;
        right: 83.33333%
    }

    .medium-push-21 {
        left: 87.5%;
        position: relative;
        right: auto
    }

    .medium-pull-21 {
        left: auto;
        position: relative;
        right: 87.5%
    }

    .medium-push-22 {
        left: 91.66667%;
        position: relative;
        right: auto
    }

    .medium-pull-22 {
        left: auto;
        position: relative;
        right: 91.66667%
    }

    .medium-push-23 {
        left: 95.83333%;
        position: relative;
        right: auto
    }

    .medium-pull-23 {
        left: auto;
        position: relative;
        right: 95.83333%
    }

    .column,
    .columns,
    .developer-materials-main,
    .developer-materials-sidebar,
    .microsite-nav {
        float: left;
        padding-left: 1em;
        padding-right: 1em;
        position: relative
    }

    .medium-1 {
        width: 4.16667%
    }

    .medium-2 {
        width: 8.33333%
    }

    .medium-3 {
        width: 12.5%
    }

    .medium-4 {
        width: 16.66667%
    }

    .medium-5 {
        width: 20.83333%
    }

    .medium-6 {
        width: 25%
    }

    .medium-7 {
        width: 29.16667%
    }

    .medium-8 {
        width: 33.33333%
    }

    .medium-9 {
        width: 37.5%
    }

    .medium-10 {
        width: 41.66667%
    }

    .medium-11 {
        width: 45.83333%
    }

    .medium-12 {
        width: 50%
    }

    .medium-13 {
        width: 54.16667%
    }

    .medium-14 {
        width: 58.33333%
    }

    .medium-15 {
        width: 62.5%
    }

    .medium-16 {
        width: 66.66667%
    }

    .medium-17 {
        width: 70.83333%
    }

    .medium-18 {
        width: 75%
    }

    .medium-19 {
        width: 79.16667%
    }

    .medium-20 {
        width: 83.33333%
    }

    .medium-21 {
        width: 87.5%
    }

    .medium-22 {
        width: 91.66667%
    }

    .medium-23 {
        width: 95.83333%
    }

    .medium-24 {
        width: 100%
    }

    .medium-offset-0 {
        margin-left: 0 !important
    }

    .medium-offset-1 {
        margin-left: 4.16667% !important
    }

    .medium-offset-2 {
        margin-left: 8.33333% !important
    }

    .medium-offset-3 {
        margin-left: 12.5% !important
    }

    .medium-offset-4 {
        margin-left: 16.66667% !important
    }

    .medium-offset-5 {
        margin-left: 20.83333% !important
    }

    .medium-offset-6 {
        margin-left: 25% !important
    }

    .medium-offset-7 {
        margin-left: 29.16667% !important
    }

    .medium-offset-8 {
        margin-left: 33.33333% !important
    }

    .medium-offset-9 {
        margin-left: 37.5% !important
    }

    .medium-offset-10 {
        margin-left: 41.66667% !important
    }

    .medium-offset-11 {
        margin-left: 45.83333% !important
    }

    .medium-offset-12 {
        margin-left: 50% !important
    }

    .medium-offset-13 {
        margin-left: 54.16667% !important
    }

    .medium-offset-14 {
        margin-left: 58.33333% !important
    }

    .medium-offset-15 {
        margin-left: 62.5% !important
    }

    .medium-offset-16 {
        margin-left: 66.66667% !important
    }

    .medium-offset-17 {
        margin-left: 70.83333% !important
    }

    .medium-offset-18 {
        margin-left: 75% !important
    }

    .medium-offset-19 {
        margin-left: 79.16667% !important
    }

    .medium-offset-20 {
        margin-left: 83.33333% !important
    }

    .medium-offset-21 {
        margin-left: 87.5% !important
    }

    .medium-offset-22 {
        margin-left: 91.66667% !important
    }

    .medium-offset-23 {
        margin-left: 95.83333% !important
    }

    .medium-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.medium-centered,
    .columns.medium-centered,
    .medium-centered.developer-materials-main,
    .medium-centered.developer-materials-sidebar,
    .medium-centered.microsite-nav {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .column.medium-uncentered,
    .columns.medium-uncentered,
    .medium-uncentered.developer-materials-main,
    .medium-uncentered.developer-materials-sidebar,
    .medium-uncentered.microsite-nav {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.medium-centered:last-child,
    .columns.medium-centered:last-child,
    .medium-centered.developer-materials-main:last-child,
    .medium-centered.developer-materials-sidebar:last-child,
    .medium-centered.microsite-nav:last-child {
        float: none
    }

    .column.medium-uncentered:last-child,
    .columns.medium-uncentered:last-child,
    .medium-uncentered.developer-materials-main:last-child,
    .medium-uncentered.developer-materials-sidebar:last-child,
    .medium-uncentered.microsite-nav:last-child {
        float: left
    }

    .column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite,
    .medium-uncentered.opposite.developer-materials-main,
    .medium-uncentered.opposite.developer-materials-sidebar,
    .medium-uncentered.opposite.microsite-nav {
        float: right
    }

    .push-0 {
        left: 0;
        right: auto
    }

    .pull-0,
    .push-0 {
        position: relative
    }

    .pull-0 {
        left: auto;
        right: 0
    }

    .push-1 {
        left: 4.16667%;
        right: auto
    }

    .pull-1,
    .push-1 {
        position: relative
    }

    .pull-1 {
        left: auto;
        right: 4.16667%
    }

    .push-2 {
        left: 8.33333%;
        right: auto
    }

    .pull-2,
    .push-2 {
        position: relative
    }

    .pull-2 {
        left: auto;
        right: 8.33333%
    }

    .push-3 {
        left: 12.5%;
        right: auto
    }

    .pull-3,
    .push-3 {
        position: relative
    }

    .pull-3 {
        left: auto;
        right: 12.5%
    }

    .push-4 {
        left: 16.66667%;
        right: auto
    }

    .pull-4,
    .push-4 {
        position: relative
    }

    .pull-4 {
        left: auto;
        right: 16.66667%
    }

    .push-5 {
        left: 20.83333%;
        right: auto
    }

    .pull-5,
    .push-5 {
        position: relative
    }

    .pull-5 {
        left: auto;
        right: 20.83333%
    }

    .push-6 {
        left: 25%;
        right: auto
    }

    .pull-6,
    .push-6 {
        position: relative
    }

    .pull-6 {
        left: auto;
        right: 25%
    }

    .push-7 {
        left: 29.16667%;
        right: auto
    }

    .pull-7,
    .push-7 {
        position: relative
    }

    .pull-7 {
        left: auto;
        right: 29.16667%
    }

    .push-8 {
        left: 33.33333%;
        right: auto
    }

    .pull-8,
    .push-8 {
        position: relative
    }

    .pull-8 {
        left: auto;
        right: 33.33333%
    }

    .push-9 {
        left: 37.5%;
        right: auto
    }

    .pull-9,
    .push-9 {
        position: relative
    }

    .pull-9 {
        left: auto;
        right: 37.5%
    }

    .push-10 {
        left: 41.66667%;
        position: relative;
        right: auto
    }

    .pull-10 {
        left: auto;
        position: relative;
        right: 41.66667%
    }

    .push-11 {
        left: 45.83333%;
        position: relative;
        right: auto
    }

    .pull-11 {
        left: auto;
        position: relative;
        right: 45.83333%
    }

    .push-12 {
        left: 50%;
        position: relative;
        right: auto
    }

    .pull-12 {
        left: auto;
        position: relative;
        right: 50%
    }

    .push-13 {
        left: 54.16667%;
        position: relative;
        right: auto
    }

    .pull-13 {
        left: auto;
        position: relative;
        right: 54.16667%
    }

    .push-14 {
        left: 58.33333%;
        position: relative;
        right: auto
    }

    .pull-14 {
        left: auto;
        position: relative;
        right: 58.33333%
    }

    .push-15 {
        left: 62.5%;
        position: relative;
        right: auto
    }

    .pull-15 {
        left: auto;
        position: relative;
        right: 62.5%
    }

    .push-16 {
        left: 66.66667%;
        position: relative;
        right: auto
    }

    .pull-16 {
        left: auto;
        position: relative;
        right: 66.66667%
    }

    .push-17 {
        left: 70.83333%;
        position: relative;
        right: auto
    }

    .pull-17 {
        left: auto;
        position: relative;
        right: 70.83333%
    }

    .push-18 {
        left: 75%;
        position: relative;
        right: auto
    }

    .pull-18 {
        left: auto;
        position: relative;
        right: 75%
    }

    .push-19 {
        left: 79.16667%;
        position: relative;
        right: auto
    }

    .pull-19 {
        left: auto;
        position: relative;
        right: 79.16667%
    }

    .push-20 {
        left: 83.33333%;
        position: relative;
        right: auto
    }

    .pull-20 {
        left: auto;
        position: relative;
        right: 83.33333%
    }

    .push-21 {
        left: 87.5%;
        position: relative;
        right: auto
    }

    .pull-21 {
        left: auto;
        position: relative;
        right: 87.5%
    }

    .push-22 {
        left: 91.66667%;
        position: relative;
        right: auto
    }

    .pull-22 {
        left: auto;
        position: relative;
        right: 91.66667%
    }

    .push-23 {
        left: 95.83333%;
        position: relative;
        right: auto
    }

    .pull-23 {
        left: auto;
        position: relative;
        right: 95.83333%
    }
}

@media only screen and (min-width:64.063em) {
    .large-push-0 {
        left: 0;
        position: relative;
        right: auto
    }

    .large-pull-0 {
        left: auto;
        position: relative;
        right: 0
    }

    .large-push-1 {
        left: 4.16667%;
        position: relative;
        right: auto
    }

    .large-pull-1 {
        left: auto;
        position: relative;
        right: 4.16667%
    }

    .large-push-2 {
        left: 8.33333%;
        position: relative;
        right: auto
    }

    .large-pull-2 {
        left: auto;
        position: relative;
        right: 8.33333%
    }

    .large-push-3 {
        left: 12.5%;
        position: relative;
        right: auto
    }

    .large-pull-3 {
        left: auto;
        position: relative;
        right: 12.5%
    }

    .large-push-4 {
        left: 16.66667%;
        position: relative;
        right: auto
    }

    .large-pull-4 {
        left: auto;
        position: relative;
        right: 16.66667%
    }

    .large-push-5 {
        left: 20.83333%;
        position: relative;
        right: auto
    }

    .large-pull-5 {
        left: auto;
        position: relative;
        right: 20.83333%
    }

    .large-push-6 {
        left: 25%;
        position: relative;
        right: auto
    }

    .large-pull-6 {
        left: auto;
        position: relative;
        right: 25%
    }

    .large-push-7 {
        left: 29.16667%;
        position: relative;
        right: auto
    }

    .large-pull-7 {
        left: auto;
        position: relative;
        right: 29.16667%
    }

    .large-push-8 {
        left: 33.33333%;
        position: relative;
        right: auto
    }

    .large-pull-8 {
        left: auto;
        position: relative;
        right: 33.33333%
    }

    .large-push-9 {
        left: 37.5%;
        position: relative;
        right: auto
    }

    .large-pull-9 {
        left: auto;
        position: relative;
        right: 37.5%
    }

    .large-push-10 {
        left: 41.66667%;
        position: relative;
        right: auto
    }

    .large-pull-10 {
        left: auto;
        position: relative;
        right: 41.66667%
    }

    .large-push-11 {
        left: 45.83333%;
        position: relative;
        right: auto
    }

    .large-pull-11 {
        left: auto;
        position: relative;
        right: 45.83333%
    }

    .large-push-12 {
        left: 50%;
        position: relative;
        right: auto
    }

    .large-pull-12 {
        left: auto;
        position: relative;
        right: 50%
    }

    .large-push-13 {
        left: 54.16667%;
        position: relative;
        right: auto
    }

    .large-pull-13 {
        left: auto;
        position: relative;
        right: 54.16667%
    }

    .large-push-14 {
        left: 58.33333%;
        position: relative;
        right: auto
    }

    .large-pull-14 {
        left: auto;
        position: relative;
        right: 58.33333%
    }

    .large-push-15 {
        left: 62.5%;
        position: relative;
        right: auto
    }

    .large-pull-15 {
        left: auto;
        position: relative;
        right: 62.5%
    }

    .large-push-16 {
        left: 66.66667%;
        position: relative;
        right: auto
    }

    .large-pull-16 {
        left: auto;
        position: relative;
        right: 66.66667%
    }

    .large-push-17 {
        left: 70.83333%;
        position: relative;
        right: auto
    }

    .large-pull-17 {
        left: auto;
        position: relative;
        right: 70.83333%
    }

    .large-push-18 {
        left: 75%;
        position: relative;
        right: auto
    }

    .large-pull-18 {
        left: auto;
        position: relative;
        right: 75%
    }

    .large-push-19 {
        left: 79.16667%;
        position: relative;
        right: auto
    }

    .large-pull-19 {
        left: auto;
        position: relative;
        right: 79.16667%
    }

    .large-push-20 {
        left: 83.33333%;
        position: relative;
        right: auto
    }

    .large-pull-20 {
        left: auto;
        position: relative;
        right: 83.33333%
    }

    .large-push-21 {
        left: 87.5%;
        position: relative;
        right: auto
    }

    .large-pull-21 {
        left: auto;
        position: relative;
        right: 87.5%
    }

    .large-push-22 {
        left: 91.66667%;
        position: relative;
        right: auto
    }

    .large-pull-22 {
        left: auto;
        position: relative;
        right: 91.66667%
    }

    .large-push-23 {
        left: 95.83333%;
        position: relative;
        right: auto
    }

    .large-pull-23 {
        left: auto;
        position: relative;
        right: 95.83333%
    }

    .column,
    .columns,
    .developer-materials-main,
    .developer-materials-sidebar,
    .microsite-nav {
        float: left;
        padding-left: 1em;
        padding-right: 1em;
        position: relative
    }

    .large-1 {
        width: 4.16667%
    }

    .large-2 {
        width: 8.33333%
    }

    .large-3 {
        width: 12.5%
    }

    .large-4 {
        width: 16.66667%
    }

    .large-5 {
        width: 20.83333%
    }

    .developer-materials-sidebar,
    .large-6 {
        width: 25%
    }

    .large-7 {
        width: 29.16667%
    }

    .large-8 {
        width: 33.33333%
    }

    .large-9 {
        width: 37.5%
    }

    .large-10 {
        width: 41.66667%
    }

    .large-11 {
        width: 45.83333%
    }

    .large-12 {
        width: 50%
    }

    .large-13 {
        width: 54.16667%
    }

    .large-14 {
        width: 58.33333%
    }

    .large-15 {
        width: 62.5%
    }

    .large-16 {
        width: 66.66667%
    }

    .developer-materials-main,
    .large-17 {
        width: 70.83333%
    }

    .large-18 {
        width: 75%
    }

    .large-19 {
        width: 79.16667%
    }

    .large-20 {
        width: 83.33333%
    }

    .large-21 {
        width: 87.5%
    }

    .large-22 {
        width: 91.66667%
    }

    .large-23 {
        width: 95.83333%
    }

    .large-24,
    .microsite-nav {
        width: 100%
    }

    .large-offset-0 {
        margin-left: 0 !important
    }

    .large-offset-1 {
        margin-left: 4.16667% !important
    }

    .large-offset-2 {
        margin-left: 8.33333% !important
    }

    .large-offset-3 {
        margin-left: 12.5% !important
    }

    .large-offset-4 {
        margin-left: 16.66667% !important
    }

    .large-offset-5 {
        margin-left: 20.83333% !important
    }

    .large-offset-6 {
        margin-left: 25% !important
    }

    .large-offset-7 {
        margin-left: 29.16667% !important
    }

    .large-offset-8 {
        margin-left: 33.33333% !important
    }

    .large-offset-9 {
        margin-left: 37.5% !important
    }

    .large-offset-10 {
        margin-left: 41.66667% !important
    }

    .large-offset-11 {
        margin-left: 45.83333% !important
    }

    .large-offset-12 {
        margin-left: 50% !important
    }

    .large-offset-13 {
        margin-left: 54.16667% !important
    }

    .large-offset-14 {
        margin-left: 58.33333% !important
    }

    .large-offset-15 {
        margin-left: 62.5% !important
    }

    .large-offset-16 {
        margin-left: 66.66667% !important
    }

    .large-offset-17 {
        margin-left: 70.83333% !important
    }

    .large-offset-18 {
        margin-left: 75% !important
    }

    .large-offset-19 {
        margin-left: 79.16667% !important
    }

    .large-offset-20 {
        margin-left: 83.33333% !important
    }

    .large-offset-21 {
        margin-left: 87.5% !important
    }

    .large-offset-22 {
        margin-left: 91.66667% !important
    }

    .large-offset-23 {
        margin-left: 95.83333% !important
    }

    .large-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.large-centered,
    .columns.large-centered,
    .large-centered.developer-materials-main,
    .large-centered.developer-materials-sidebar,
    .large-centered.microsite-nav {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .column.large-uncentered,
    .columns.large-uncentered,
    .large-uncentered.developer-materials-main,
    .large-uncentered.developer-materials-sidebar,
    .large-uncentered.microsite-nav {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.large-centered:last-child,
    .columns.large-centered:last-child,
    .large-centered.developer-materials-main:last-child,
    .large-centered.developer-materials-sidebar:last-child,
    .large-centered.microsite-nav:last-child {
        float: none
    }

    .column.large-uncentered:last-child,
    .columns.large-uncentered:last-child,
    .large-uncentered.developer-materials-main:last-child,
    .large-uncentered.developer-materials-sidebar:last-child,
    .large-uncentered.microsite-nav:last-child {
        float: left
    }

    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite,
    .large-uncentered.opposite.developer-materials-main,
    .large-uncentered.opposite.developer-materials-sidebar,
    .large-uncentered.opposite.microsite-nav {
        float: right
    }

    .push-0 {
        left: 0;
        right: auto
    }

    .pull-0,
    .push-0 {
        position: relative
    }

    .pull-0 {
        left: auto;
        right: 0
    }

    .push-1 {
        left: 4.16667%;
        right: auto
    }

    .pull-1,
    .push-1 {
        position: relative
    }

    .pull-1 {
        left: auto;
        right: 4.16667%
    }

    .push-2 {
        left: 8.33333%;
        right: auto
    }

    .pull-2,
    .push-2 {
        position: relative
    }

    .pull-2 {
        left: auto;
        right: 8.33333%
    }

    .push-3 {
        left: 12.5%;
        right: auto
    }

    .pull-3,
    .push-3 {
        position: relative
    }

    .pull-3 {
        left: auto;
        right: 12.5%
    }

    .push-4 {
        left: 16.66667%;
        right: auto
    }

    .pull-4,
    .push-4 {
        position: relative
    }

    .pull-4 {
        left: auto;
        right: 16.66667%
    }

    .push-5 {
        left: 20.83333%;
        right: auto
    }

    .pull-5,
    .push-5 {
        position: relative
    }

    .pull-5 {
        left: auto;
        right: 20.83333%
    }

    .push-6 {
        left: 25%;
        right: auto
    }

    .pull-6,
    .push-6 {
        position: relative
    }

    .pull-6 {
        left: auto;
        right: 25%
    }

    .push-7 {
        left: 29.16667%;
        right: auto
    }

    .pull-7,
    .push-7 {
        position: relative
    }

    .pull-7 {
        left: auto;
        right: 29.16667%
    }

    .push-8 {
        left: 33.33333%;
        right: auto
    }

    .pull-8,
    .push-8 {
        position: relative
    }

    .pull-8 {
        left: auto;
        right: 33.33333%
    }

    .push-9 {
        left: 37.5%;
        right: auto
    }

    .pull-9,
    .push-9 {
        position: relative
    }

    .pull-9 {
        left: auto;
        right: 37.5%
    }

    .push-10 {
        left: 41.66667%;
        position: relative;
        right: auto
    }

    .pull-10 {
        left: auto;
        position: relative;
        right: 41.66667%
    }

    .push-11 {
        left: 45.83333%;
        position: relative;
        right: auto
    }

    .pull-11 {
        left: auto;
        position: relative;
        right: 45.83333%
    }

    .push-12 {
        left: 50%;
        position: relative;
        right: auto
    }

    .pull-12 {
        left: auto;
        position: relative;
        right: 50%
    }

    .push-13 {
        left: 54.16667%;
        position: relative;
        right: auto
    }

    .pull-13 {
        left: auto;
        position: relative;
        right: 54.16667%
    }

    .push-14 {
        left: 58.33333%;
        position: relative;
        right: auto
    }

    .pull-14 {
        left: auto;
        position: relative;
        right: 58.33333%
    }

    .push-15 {
        left: 62.5%;
        position: relative;
        right: auto
    }

    .pull-15 {
        left: auto;
        position: relative;
        right: 62.5%
    }

    .push-16 {
        left: 66.66667%;
        position: relative;
        right: auto
    }

    .pull-16 {
        left: auto;
        position: relative;
        right: 66.66667%
    }

    .push-17 {
        left: 70.83333%;
        position: relative;
        right: auto
    }

    .pull-17 {
        left: auto;
        position: relative;
        right: 70.83333%
    }

    .push-18 {
        left: 75%;
        position: relative;
        right: auto
    }

    .pull-18 {
        left: auto;
        position: relative;
        right: 75%
    }

    .push-19 {
        left: 79.16667%;
        position: relative;
        right: auto
    }

    .pull-19 {
        left: auto;
        position: relative;
        right: 79.16667%
    }

    .push-20 {
        left: 83.33333%;
        position: relative;
        right: auto
    }

    .pull-20 {
        left: auto;
        position: relative;
        right: 83.33333%
    }

    .push-21 {
        left: 87.5%;
        position: relative;
        right: auto
    }

    .pull-21 {
        left: auto;
        position: relative;
        right: 87.5%
    }

    .push-22 {
        left: 91.66667%;
        position: relative;
        right: auto
    }

    .pull-22 {
        left: auto;
        position: relative;
        right: 91.66667%
    }

    .push-23 {
        left: 95.83333%;
        position: relative;
        right: auto
    }

    .pull-23 {
        left: auto;
        position: relative;
        right: 95.83333%
    }
}

.tabs {
    margin-bottom: 0 !important;
    margin-left: 0
}

.tabs:after,
.tabs:before {
    content: " ";
    display: table
}

.tabs:after {
    clear: both
}

.tabs .tab-title,
.tabs dd {
    float: left;
    list-style: none;
    margin-bottom: 0 !important;
    position: relative
}

.tabs .tab-title>a,
.tabs dd>a {
    background-color: #efefef;
    color: #222;
    display: block;
    font-size: 1rem;
    padding: 1rem 2rem
}

.tabs .tab-title>a:hover,
.tabs dd>a:hover {
    background-color: #e1e1e1
}

.tabs .tab-title.active a,
.tabs dd.active a {
    background-color: #fff;
    color: #222
}

.tabs.radius .tab:first-child a,
.tabs.radius dd:first-child a {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0
}

.tabs.radius .tab:last-child a,
.tabs.radius dd:last-child a {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.tabs.vertical .tab-title,
.tabs.vertical dd {
    display: block;
    float: none;
    position: inherit;
    top: auto
}

.tabs-content {
    margin-bottom: 1.5rem;
    width: 100%
}

.tabs-content:after,
.tabs-content:before {
    content: " ";
    display: table
}

.tabs-content:after {
    clear: both
}

.tabs-content>.content {
    display: none;
    float: left;
    padding: 1em 0;
    width: 100%
}

.tabs-content>.content.active {
    display: block;
    float: none
}

.tabs-content>.content.contained {
    padding: 1em
}

.tabs-content.vertical {
    display: block
}

.tabs-content.vertical>.content {
    padding: 0 1em
}

@media only screen and (min-width:48.063em) {
    .tabs.vertical {
        float: left;
        margin: 0 0 1.25rem;
        max-width: 20%;
        width: 20%
    }

    .tabs-content.vertical {
        float: left;
        margin-left: -1px;
        max-width: 80%;
        padding-left: 1rem;
        width: 80%
    }
}

.no-js .tabs-content>.content {
    display: block;
    float: none
}

.accordion {
    margin-bottom: 0
}

.accordion:after,
.accordion:before {
    content: " ";
    display: table
}

.accordion:after {
    clear: both
}

.accordion .accordion-navigation,
.accordion dd {
    display: block;
    margin-bottom: 0 !important
}

.accordion .accordion-navigation.active>a,
.accordion dd.active>a {
    background: #e8e8e8
}

.accordion .accordion-navigation>a,
.accordion dd>a {
    background: #efefef;
    color: #222;
    display: block;
    font-size: 1rem;
    padding: 1rem
}

.accordion .accordion-navigation>a:hover,
.accordion dd>a:hover {
    background: #e3e3e3
}

.accordion .accordion-navigation>.content,
.accordion dd>.content {
    display: none;
    padding: 1em
}

.accordion .accordion-navigation>.content.active,
.accordion dd>.content.active {
    background: #fff;
    display: block
}

table:not(.pf-c-table) {
    background: #f5f5f6;
    border: 1px solid transparent;
    margin-bottom: 1.25rem;
    table-layout: auto
}

table:not(.pf-c-table) caption {
    background: transparent;
    color: #fff;
    font-size: 1rem;
    font-weight: 700
}

table:not(.pf-c-table) thead {
    background: #242424
}

table:not(.pf-c-table) thead tr td,
table:not(.pf-c-table) thead tr th {
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    padding: 10px
}

table:not(.pf-c-table) tfoot {
    background: #242424
}

table:not(.pf-c-table) tfoot tr td,
table:not(.pf-c-table) tfoot tr th {
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    padding: 10px
}

table:not(.pf-c-table) tr td,
table:not(.pf-c-table) tr th {
    color: #333;
    font-size: .875rem;
    padding: .5625rem .625rem;
    text-align: left
}

table:not(.pf-c-table) tr.alt,
table:not(.pf-c-table) tr.even,
table:not(.pf-c-table) tr:nth-of-type(2n) {
    background: #fff
}

table:not(.pf-c-table) tbody tr td,
table:not(.pf-c-table) tbody tr th,
table:not(.pf-c-table) tfoot tr td,
table:not(.pf-c-table) tfoot tr th,
table:not(.pf-c-table) thead tr th,
table:not(.pf-c-table) tr td {
    display: table-cell;
    line-height: 1.375em
}

meta.foundation-version {
    font-family: "/5.4.4/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:48.063em)/";
    width: 48.063em
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.063em)/";
    width: 64.063em
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.063em)/";
    width: 90.063em
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.063em)/";
    width: 120.063em
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

ul.pagination {
    display: block;
    margin-left: -.3125rem;
    min-height: 1.5rem
}

ul.pagination li {
    color: #222;
    font-size: .875rem;
    height: 1.5rem;
    margin-left: .3125rem
}

ul.pagination li a,
ul.pagination li button {
    background: none;
    border-radius: 0;
    color: #999;
    display: block;
    font-size: 1em;
    font-weight: 400;
    line-height: inherit;
    padding: .5em .9375em;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}

ul.pagination li a:focus,
ul.pagination li button:focus,
ul.pagination li:hover a,
ul.pagination li:hover button {
    background: #e6e6e6
}

ul.pagination li.unavailable a,
ul.pagination li.unavailable button {
    color: #999;
    cursor: default
}

ul.pagination li.unavailable a:focus,
ul.pagination li.unavailable button:focus,
ul.pagination li.unavailable:hover a,
ul.pagination li.unavailable:hover button {
    background: transparent
}

ul.pagination li.current a,
ul.pagination li.current button {
    background: #06c;
    color: #fff;
    cursor: default;
    font-weight: 400
}

ul.pagination li.current a:focus,
ul.pagination li.current a:hover,
ul.pagination li.current button:focus,
ul.pagination li.current button:hover {
    background: #008cba
}

ul.pagination li {
    display: block;
    float: left
}

.pagination-centered {
    text-align: center
}

.pagination-centered ul.pagination li {
    display: inline-block;
    float: none
}

.row,
.top-bar .row {
    max-width: 73.125rem
}

.row {
    margin: 0 auto
}

.row.grow>[class^=large-]:first-child {
    padding-left: 0
}

.row.grow>[class^=large-]:last-child {
    padding-right: 0
}

.row.full-width {
    max-width: 100% !important;
    width: 100%
}

.row.full-width>.column:first-child,
.row.full-width>.columns:first-child,
.row.full-width>.developer-materials-main:first-child,
.row.full-width>.developer-materials-sidebar:first-child,
.row.full-width>.microsite-nav:first-child {
    padding-left: 0
}

.row.full-width>.column:last-child,
.row.full-width>.columns:last-child,
.row.full-width>.developer-materials-main:last-child,
.row.full-width>.developer-materials-sidebar:last-child,
.row.full-width>.microsite-nav:last-child {
    padding-right: 0
}

pre code {
    border: none
}

.content {
    padding: 1em 0
}

.content-wrapper {
    margin: 0 auto
}

body.fullbleed .content-wrapper {
    background: none;
    margin: 0;
    max-width: none;
    padding: 0
}

.wrapper {
    -webkit-box-flex: 1;
    -ms-flex-preferred-size: auto;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 100px;
    -ms-flex: 1;
    flex: 1;
    flex-basis: auto;
    min-height: 400px;
    padding-bottom: 6.25rem
}

.hero {
    border: 1px solid #000;
    border-radius: 0;
    margin-bottom: 20px
}

.rh-universal-header {
    background-color: rgba(0, 0, 0, .8);
    display: none !important
}

@media (min-width:768px) {
    .rh-universal-header {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.rh-nav-universal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-column-gap: 224px;
    align-items: center;
    display: grid;
    font-size: 14px;
    font-weight: 600;
    grid-template-columns: auto 1fr;
    justify-items: center;
    margin: 0 auto;
    max-width: 720px;
    min-height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%
}

@media (min-width:992px) {
    .rh-nav-universal {
        grid-column-gap: 0;
        grid-template-columns: 145px 1fr;
        max-width: 1400px
    }
}

.rhd-menu {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.rhd-menu>li {
    padding: 0
}

.rh-logo-wrapper {
    justify-self: start
}

.rh-nav-universal-list {
    display: none !important;
    justify-self: start;
    list-style: none;
    padding-left: 0
}

@media (min-width:992px) {
    .rh-nav-universal-list {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.rh-nav-universal-list li {
    display: inline;
    margin-right: 30px
}

.rh-nav-universal-list a {
    color: #999
}

.rh-nav-universal-list a:active,
.rh-nav-universal-list a:focus,
.rh-nav-universal-list a:hover {
    color: #fff
}

.rh-nav-universal-link {
    color: #999;
    text-transform: uppercase
}

.rh-nav-universal-link:active,
.rh-nav-universal-link:focus,
.rh-nav-universal-link:hover {
    color: #fff
}

.rh-nav-universal-link a[data-drupal-link-system-path="<front>"] {
    color: #fff;
    position: relative
}

.rh-nav-universal-link a[data-drupal-link-system-path="<front>"]:after {
    background-color: #063;
    content: "";
    display: block;
    height: 3px;
    margin-top: 0;
    width: 25px
}

.rh-header-logo {
    max-width: 100px;
    padding: 5px
}

.rh-universal-header .rh-universal-login {
    grid-column-end: right;
    height: 100%;
    padding: 15px 10px 0
}

.rh-universal-header .rh-universal-login li.logged-in,
.rh-universal-header .rh-universal-login li.logged-in .logged-in-name {
    font-size: 14px
}

.rh-universal-header .rh-universal-login li.logged-in .icon {
    color: #fff;
    margin-right: 10px
}

.rh-universal-header .rh-universal-login li.logged-in .logged-in-name~.icon {
    margin-right: 0
}

.rh-universal-header .rh-universal-login:hover {
    background-color: #424242
}

.rh-universal-header .rh-universal-login li a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: none
}

.rh-universal-header .rh-universal-login li a:active,
.rh-universal-header .rh-universal-login li a:focus,
.rh-universal-header .rh-universal-login li a:hover {
    color: #fff
}

.rh-universal-login .dropdwn-menu {
    background-color: #e6e6e6;
    -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .35);
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .35);
    color: #333;
    display: none;
    font-size: 14px;
    list-style: none;
    margin-left: -10px;
    margin-top: 10px;
    padding-left: 0;
    position: absolute;
    z-index: 99
}

@media screen and (max-width:768px) {
    .rh-universal-login .dropdwn-menu {
        margin-left: 0;
        position: relative;
        width: auto !important
    }
}

.rh-universal-login .dropdwn-menu li {
    margin: 10px;
    padding-left: 0;
    padding-right: 35px
}

.rh-universal-login .dropdwn-menu li:not(:last-child) {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 5px
}

.rh-universal-login .dropdwn-menu li a,
.rh-universal-login .dropdwn-menu li a:active,
.rh-universal-login .dropdwn-menu li a:focus,
.rh-universal-login .dropdwn-menu li a:hover {
    color: #000;
    font-size: 14px
}

.rh-universal-login .icon {
    color: #fff;
    margin-right: 10px
}

.rh-universal-login a+.icon {
    margin-left: 10px
}

@media screen and (max-width:768px) {
    .rh-universal-login a+.icon {
        display: none
    }
}

@media screen and (max-width:1024px) {
    .rh-nav-universal-list {
        display: none
    }
}

@media screen and (max-width:480px) {
    .rh-universal-header {
        display: none
    }
}

.rhd-header {
    color: #656565;
    margin: 0 auto;
    padding: 11px 0
}

@media (min-width:768px) {
    .rhd-header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-flex: 1;
        align-items: center;
        display: grid;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        justify-items: center;
        max-width: 73.125rem
    }
}

@media (min-width:992px) {
    .rhd-header {
        padding: 20px 0
    }

    .rhd-header.front-nav {
        border-bottom: 1px solid #242424;
        padding: 20px 0
    }
}

.rhd-header .rhd-nav-fixed {
    -webkit-box-align: right;
    -ms-flex-align: right;
    align-items: right;
    display: none;
    grid-column: 2;
    grid-row: 1
}

@media (min-width:768px) {
    .rhd-header .rhd-nav-fixed {
        display: block
    }
}

.rhd-header .rhd-nav-fixed .search-bar .user-search {
    border-left: none;
    border-right: none;
    border-top: none;
    padding-left: 0
}

.rhd-header .rhd-nav-fixed .rhd-nav-search {
    padding-top: 0 !important
}

.rhd-header .rhd-nav-fixed .rhd-search-wrapper {
    overflow: hidden;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 0
}

.rhd-header .rhd-nav-fixed .rhd-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    justify-content: flex-end;
    margin: 0;
    padding: 0
}

.rhd-header .rhd-nav-fixed .rhd-menu li {
    -webkit-box-flex: 0;
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-top: 5px
}

@media (min-width:576px) {
    .rhd-header .rhd-nav-fixed .rhd-menu li {
        margin-left: 30px
    }
}

@media (min-width:992px) {
    .rhd-header .rhd-nav-fixed .rhd-menu li {
        margin-left: 40px
    }
}

.rhd-header .rhd-nav-fixed .rhd-menu li>a {
    color: #656565;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.rhd-header .rhd-nav-fixed .rhd-menu li>a:hover {
    color: #000
}

.rhd-header .rhd-nav-fixed .rhd-menu li>a:after {
    background-color: #063;
    content: "";
    display: block;
    height: 3px;
    margin-top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 30px
}

.rhd-header .rhd-nav-fixed .rhd-menu li>a.is-active {
    color: #000
}

.rhd-header .rhd-nav-fixed .rhd-menu li>a.is-active:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.rhd-header.rhd-search-open .rhd-menu li {
    display: none
}

@media (min-width:992px) {
    .rhd-header.rhd-search-open .rhd-menu li {
        display: inline-block
    }
}

.rhd-header.rhd-search-open .rhd-menu li.rhd-nav-search {
    display: inline-block
}

.rhd-topic-nav {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    height: 41px;
    overflow: hidden
}

@media (min-width:768px) {
    .rhd-topic-nav {
        font-size: 16px;
        height: 44px
    }
}

@media (min-width:992px) {
    .rhd-topic-nav {
        margin-left: -15px;
        margin-right: -15px;
        padding-right: 150px
    }
}

.rhd-topic-nav li.menu-item {
    display: inline-block;
    padding: 0 10px
}

@media (min-width:768px) {
    .rhd-topic-nav li.menu-item {
        padding: 0 15px
    }
}

.rhd-topic-nav li.menu-item:active,
.rhd-topic-nav li.menu-item:focus {
    outline: 0
}

.rhd-topic-nav li.rhd-nav-all-topics {
    padding: 0 10px
}

@media (min-width:768px) {
    .rhd-topic-nav li.rhd-nav-all-topics {
        padding: 0 15px
    }
}

@media (min-width:992px) {
    .rhd-topic-nav li.rhd-nav-all-topics {
        display: none
    }
}

.rhd-topic-nav a {
    border-bottom: 3px solid transparent;
    color: #242424;
    display: inline-block;
    padding: 8px 0;
    position: relative
}

.rhd-topic-nav a:after {
    background-color: #063;
    bottom: -3px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    width: 100%
}

.rhd-topic-nav a.is-active:after,
.rhd-topic-nav a:active:after,
.rhd-topic-nav a:hover:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.rhd-nav-all-topics .icon {
    margin-left: 10px
}

.rhd-topic-header-inner {
    position: relative
}

@media (min-width:992px) {
    .rhd-topic-header-inner {
        border-bottom: 1px solid #242424
    }
}

.rhd-topic-header-inner>.rhd-nav-all-topics {
    display: none;
    font-weight: 700
}

@media (min-width:992px) {
    .rhd-topic-header-inner>.rhd-nav-all-topics {
        display: block;
        position: absolute;
        right: 0;
        top: 0
    }
}

.rhd-topic-header-inner>.rhd-nav-all-topics a {
    border-bottom: 3px solid transparent;
    color: #000;
    display: inline-block;
    padding: 8px 0
}

.rhd-topic-header-inner .slider-arrow {
    font-size: 20px
}

@media (min-width:768px) {
    .rhd-topic-header-inner .slider-arrow {
        font-size: 24px
    }
}

@media (min-width:992px) {
    .rhd-topic-header-inner .slider-arrow {
        display: none !important
    }
}

.rhd-topic-header-inner .next-arrow,
.rhd-topic-header-inner .previous-arrow {
    background-color: transparent;
    color: #424242;
    cursor: pointer;
    height: 100%;
    overflow: visible;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 40px;
    z-index: 10
}

.rhd-topic-header-inner .next-arrow:active,
.rhd-topic-header-inner .next-arrow:focus,
.rhd-topic-header-inner .next-arrow:hover,
.rhd-topic-header-inner .previous-arrow:active,
.rhd-topic-header-inner .previous-arrow:focus,
.rhd-topic-header-inner .previous-arrow:hover {
    outline: 0
}

.rhd-topic-header-inner .previous-arrow {
    display: none;
    left: 0
}

.rhd-topic-header-inner .previous-arrow:after {
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#f9f9f9), to(hsla(0, 0%, 98%, 0)));
    background: linear-gradient(90deg, #f9f9f9, hsla(0, 0%, 98%, 0));
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100px;
    z-index: -1
}

.rhd-topic-header-inner .next-arrow {
    right: 0;
    text-align: right
}

.rhd-topic-header-inner .next-arrow:after {
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 98%, 0)), to(#f9f9f9));
    background: linear-gradient(90deg, hsla(0, 0%, 98%, 0), #f9f9f9);
    content: "";
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    z-index: -1
}

.rhd-nav-search {
    min-height: 23px;
    min-width: 16px;
    position: relative;
    z-index: 51
}

.rhd-nav-search.open .rhd-search-wrapper {
    width: 150px
}

.rhd-nav-search.open .rhd-search-toggle {
    display: none
}

.rhd-nav-search .rhd-search-toggle {
    bottom: 0;
    position: absolute;
    top: 5px
}

.rhd-nav-search .rhd-search-toggle:active,
.rhd-nav-search .rhd-search-toggle:focus,
.rhd-nav-search .rhd-search-toggle:hover {
    background-color: transparent;
    color: inherit
}

.rhd-search-toggle-overlay {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50
}

.rhd-nav-fixed {
    justify-self: end
}

.rhd-nav-fixed .description {
    display: none
}

.rhd-nav-fixed ul {
    list-style: none
}

.rhd-nav-fixed ul li {
    display: inline
}

.rhd-nav-fixed ul li.rhd-nav-search {
    font-size: 18px;
    margin-right: 0
}

.rhd-nav-mobile ul {
    text-align: center
}

.rhd-nav-mobile ul>li>a {
    font-weight: 700
}

.rhd-nav-mobile .rhd-nav-search {
    display: none
}

.rhd-nav-mobile .rhd-header-link>a {
    color: #242424;
    display: block;
    padding: 15px
}

.rhd-nav-mobile .rhd-header-link:nth-child(2n)>a {
    background-color: #e6e6e6
}

.rhd-nav-mobile .rhd-header-link .title {
    font-size: 18px
}

.rhd-nav-mobile .rhd-header-link .description {
    display: block;
    font-size: 12px;
    font-weight: 400;
    text-transform: none
}

.rhd-header-link,
.rhd-nav-search {
    color: #656565;
    font-size: 16px;
    text-transform: uppercase
}

.rhd-header-link:active,
.rhd-header-link:focus,
.rhd-header-link:hover,
.rhd-nav-search:active,
.rhd-nav-search:focus,
.rhd-nav-search:hover {
    color: #656565;
}

.rhd-mobile-overlay {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 100%;
    z-index: 100
}

.rhd-masthead {
    background-color: #fff;
    border-bottom: 1px solid #242424
}

@media (min-width:992px) {
    .rhd-masthead {
        border-bottom: none
    }
}

.rhd-masthead.sticky {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.rhd-masthead .rhd-masthead-inner {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: grid;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    position: relative
}

@media (min-width:768px) {
    .rhd-masthead .rhd-masthead-inner {
        display: block
    }
}

.rhd-masthead .menu-toggle-wrapper {
    text-align: right
}

@media (min-width:768px) {
    .rhd-masthead .menu-toggle-wrapper {
        display: none
    }
}

.rhd-masthead .menu-toggle {
    background-color: transparent;
    border: 1px solid #242424;
    color: #242424;
    font-size: 14px;
    line-height: 1;
    padding: 11px 15px
}

.rhd-masthead .menu-toggle .icon {
    margin-left: 15px
}

.rhd-mobile-tray {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    display: none;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    right: -15px;
    top: 0;
    width: 261px;
    z-index: 101
}

.rhd-mobile-tray .rhd-menu {
    margin: 0
}

.rhd-mobile-tray .rhd-search-wrapper {
    background-color: #999;
    padding: 15px
}

.rhd-mobile-tray .rhd-search-wrapper .user-search {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.rhd-mobile-tray .rhd-mobile-tray-inner {
    position: relative
}

.rhd-mobile-tray .rh-universal-login {
    background-color: #242424;
    color: #fff;
    font-size: 13px
}

.rhd-mobile-tray .rh-universal-login li.logged-in {
    text-align: left
}

.rhd-mobile-tray .rh-universal-login li.logged-in .logged-in-name {
    background-color: transparent;
    display: inline-block;
    font-weight: 400;
    max-width: 50%;
    padding: 20px 10px 15px
}

.rhd-mobile-tray .rh-universal-login li.logged-in .logged-in-name:active,
.rhd-mobile-tray .rh-universal-login li.logged-in .logged-in-name:focus,
.rhd-mobile-tray .rh-universal-login li.logged-in .logged-in-name:hover {
    color: #fff
}

.rhd-mobile-tray .rh-universal-login li.logged-in .icon {
    margin-left: 10px;
    margin-right: 0
}

.rhd-mobile-tray .rh-universal-login li.logged-in .icon .fa-user {
    margin-top: 24px;
    vertical-align: top
}

.rhd-mobile-tray .rh-universal-login li.logged-in.dropdwn-item {
    border-bottom: none;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    min-width: 128px;
    padding: 10px 0;
    text-align: center;
    text-transform: none
}

.rhd-mobile-tray .rh-universal-login li.logged-in.dropdwn-item:first-child {
    border-right: 1px solid #d5d5d5
}

.rhd-mobile-tray .rh-universal-login li.logged-in.dropdwn-item a {
    font-size: 13px
}

.rhd-mobile-tray .rh-universal-login li.logged-in.dropdwn-item a.logout {
    background-color: transparent;
    display: inline;
    padding: 0
}

.rhd-mobile-tray .rh-universal-login a {
    color: #fff;
    letter-spacing: .05em
}

.rhd-mobile-tray .rh-universal-login li:first-child {
    padding: 21px 130px 21px 15px
}

.rhd-mobile-tray .rh-universal-login li:nth-child(n+2) {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    text-transform: none
}

.rhd-mobile-tray .rh-universal-login li:nth-child(n+2)>a {
    background-color: #363636;
    display: block;
    padding: 10px 15px
}

.rhd-mobile-tray .rh-universal-login .menu-item {
    padding-top: 0
}

.rhd-mobile-tray .rh-universal-login .icon {
    margin-right: 10px
}

.rhd-mobile-tray .menu-toggle {
    border: none;
    padding: 0;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 1
}

.rhd-mobile-tray .menu-toggle,
.rhd-mobile-tray .menu-toggle:active,
.rhd-mobile-tray .menu-toggle:focus,
.rhd-mobile-tray .menu-toggle:hover {
    background-color: transparent;
    color: #73bcf7
}

.rhd-mobile-tray .menu-toggle .icon {
    margin-left: 5px
}

.mobile-tray-open .rhd-mobile-overlay {
    opacity: 1;
    pointer-events: auto
}

@media (min-width:768px) {
    .mobile-tray-open .rhd-mobile-overlay {
        display: none
    }
}

.mobile-tray-open .rhd-mobile-tray {
    height: auto
}

@media (min-width:768px) {
    .mobile-tray-open .rhd-mobile-tray {
        display: none !important
    }
}

.rhd-header-logo {
    display: block;
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    line-height: 0;
    margin: -20px 0;
    max-width: 260px;
    padding-right: 20px;
    width: 100%
}

.rhd-header-logo img {
    height: auto;
    max-width: none;
    width: 100%
}

@media only screen and (max-width:768px) {
    .rhd-header-logo {
        margin: 0
    }

    .rhd-header-logo img {
        width: 90%
    }
}

.rhd-nav-dynamic {
    grid-column: span 2;
    grid-row: 2
}

.rhd-nav-dynamic ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0
}

.rhd-nav-dynamic ul li {
    -webkit-box-flex: 0;
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.rhd-footer-nav {
    display: grid;
    grid-column-end: 8;
    grid-column-start: 3;
    grid-template-columns: repeat(1, 1fr);
    padding: 30px 0
}

.rhd-footer-nav>.rhd-menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: none
}

.rhd-footer-nav .rhd-menu>.menu-item.menu-item--expanded {
    list-style: none
}

.rhd-footer-nav a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    text-decoration: none
}

.rhd-footer-nav a:active,
.rhd-footer-nav a:focus,
.rhd-footer-nav a:hover {
    color: #fff;
    text-decoration: underline
}

.rhd-footer-nav .menu-item--expanded>a,
.rhd-footer-nav .menu-item--expanded>h3.section-toggle {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin: 15px 0 20px;
    pointer-events: none;
    text-transform: uppercase
}

.rhd-footer-nav .menu-item--expanded .rhd-menu {
    margin: 20px 0
}

.rhd-footer-nav .menu-item--expanded .rhd-menu .menu-item {
    margin-bottom: 10px
}

.rhd-footer-sidebar {
    grid-column-end: 11;
    grid-column-start: 8;
    padding: 20px 30px 30px
}

.rhd-footer-sidebar-title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 15px 0 10px;
    text-transform: uppercase
}

.rhd-footer-sidebar a,
.rhd-footer-sidebar-content {
    color: #fff;
    font-size: 14px
}

.rhd-footer-sidebar a,
.rhd-footer-sidebar a:active,
.rhd-footer-sidebar a:focus,
.rhd-footer-sidebar a:hover {
    color: #fff;
    text-decoration: underline
}

.rhd-footer-sidebar-subtitle {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px
}

.rhd-footer-sidebar-social {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 4px 0
}

.rhd-footer-sidebar-social li {
    display: inline;
    float: none;
    margin-left: 16px
}

.rhd-footer-sidebar-social li:first-child {
    margin-left: 0
}

.rhd-footer-sidebar-social li a {
    font-size: 1.5rem
}

.rhd-footer-sidebar-signup {
    float: right;
    font-size: 16px;
    margin-top: 10px;
    text-decoration: none
}

.rh-universal-footer {
    padding: 15px 0 10px
}

.rh-universal-footer-rh-logo {
    grid-column-end: 4;
    grid-column-start: 3
}

.rh-universal-footer-legal {
    grid-column-end: 10;
    grid-column-start: 4;
    justify-self: center;
    list-style: none;
    margin: .5em 1em;
    padding-left: 0
}

.rh-universal-footer-legal .rhd-menu {
    display: inline
}

.rh-universal-footer-legal .rhd-menu li,
.rh-universal-footer-legal>li {
    display: inline;
    margin: 0
}

.rh-universal-footer-legal .rhd-menu li a,
.rh-universal-footer-legal>li a {
    color: #858585;
    display: inline;
    font-size: 14px
}

.rh-universal-footer-legal .rhd-menu li a.copyright,
.rh-universal-footer-legal>li a.copyright {
    cursor: default;
    margin-right: 3em;
    text-decoration: none;
    width: 220px
}

.rh-universal-footer-legal .rhd-menu li:after {
    content: "|";
    display: inline-block;
    margin: 0 10px
}

.rh-universal-footer-legal .rhd-menu li:last-child:after {
    display: none
}

.rh-universal-footer-summit-logo {
    grid-column-end: 10;
    grid-column-start: 10;
    justify-self: end
}

.rhd-menu {
    overflow: hidden;
    -webkit-transition: max-height .5s;
    transition: max-height .5s
}

.menu-item--expanded.collapsed .section-toggle~.rhd-menu {
    max-height: 0
}

@media screen and (max-width:1170px) {
    .rhd-footer-nav>.rhd-menu {
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content;
        grid-template-columns: repeat(1, 1fr)
    }

    .rhd-footer-nav>.rhd-menu .menu-item--expanded .rhd-menu {
        margin: 0 25px
    }

    .rhd-footer-nav .menu-item--expanded>h3.section-toggle {
        cursor: pointer;
        pointer-events: all
    }

    .rhd-footer-nav .menu-item--expanded>h3.section-toggle:before {
        font-size: 25px;
        margin-right: 3px;
        position: relative;
        width: 20px
    }

    .rhd-footer-nav .menu-item--expanded .section-toggle:before {
        content: "›";
        display: inline-block;
        top: 10px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .rhd-footer-nav .menu-item--expanded.collapsed .section-toggle:before {
        content: "›";
        display: inline-block;
        top: 2px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@media screen and (max-width:1024px) {
    .rhd-footer-nav {
        grid-column-start: 1;
        padding: 30px
    }

    .rhd-footer-sidebar {
        grid-column-end: -1
    }

    .rh-universal-footer-rh-logo {
        grid-column-end: 3;
        grid-column-start: 1;
        justify-self: center
    }

    .rh-universal-footer-legal {
        grid-column-end: 12;
        grid-column-start: 3
    }

    .rh-universal-footer-summit-logo {
        grid-column-end: -1;
        grid-column-start: 12;
        justify-self: center
    }
}

@media screen and (max-width:768px) {
    .rh-universal-footer {
        padding: 1em
    }

    .rh-universal-footer-legal {
        margin-left: 0
    }

    .rh-universal-footer-legal,
    .rh-universal-footer-rh-logo,
    .rh-universal-footer-summit-logo {
        grid-column-end: -1;
        grid-column-start: 1;
        justify-self: start
    }
}

@media screen and (max-width:480px) {

    .rhd-footer-nav,
    .rhd-footer-sidebar {
        grid-column-end: -1;
        grid-column-start: 1
    }

    .rhd-footer-sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .rhd-footer-nav {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .rh-universal-footer-legal>li {
        display: block
    }

    .rh-universal-footer-legal>li:after {
        display: none
    }
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

body.page-node-type-learning-path .wrapper {
    padding-bottom: 0
}

@media screen and (max-width:930px) {
    body.page-node-type-learning-path .content-wrapper {
        padding: 0
    }
}

#rhd-learning-path {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    min-width: 1px;
    padding: 0;
    width: 100%
}

#rhd-learning-path .lp-info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    border: 1px solid #ccc;
    flex-grow: 1;
    flex-shrink: 1;
    margin: 30px 15px;
    min-width: 370px;
    padding: 30px
}

#rhd-learning-path .lp-info h1 {
    font-size: 38px
}

#rhd-learning-path .lp-info h2 {
    font-size: 27px;
    text-transform: uppercase
}

#rhd-learning-path .lp-info strong {
    font-weight: 600
}

#rhd-learning-path .lp-info .lp-time {
    float: right
}

#rhd-learning-path .lp-info .lp-time .interval-value {
    color: #999;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px
}

#rhd-learning-path .lp-info .certification {
    margin-top: 15px
}

#rhd-learning-path .lp-info .certification span {
    display: inline
}

#rhd-learning-path .lp-info .certification span.icon {
    height: 20px;
    width: 20px
}

#rhd-learning-path .lp-info .show-more-text,
#rhd-learning-path .lp-info .show-more-text.open {
    display: block;
    max-height: 100%;
    overflow: auto
}

#rhd-learning-path .lp-info a.show-more {
    display: none
}

#rhd-learning-path .lp-cards-container {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    -ms-flex-negative: 0.5;
    -webkit-box-orient: vertical;
    background-color: #eee;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 2;
    flex-shrink: 0.5;
    margin: 0 15px;
    min-width: 1px;
    padding: 30px
}

#rhd-learning-path .lp-cards-container,
#rhd-learning-path .lp-cards-container .dp-content-card {
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start
}

#rhd-learning-path .lp-cards-container .dp-content-card {
    -webkit-box-orient: horizontal;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    -webkit-box-shadow: 2px 2px 4px 0 #999;
    box-shadow: 2px 2px 4px 0 #999;
    cursor: pointer;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 30px;
    width: 100%
}

#rhd-learning-path .lp-cards-container .dp-content-card p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -ms-flex-preferred-size: 70px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    display: -webkit-box;
    flex-basis: 70px;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis
}

#rhd-learning-path .lp-cards-container .dp-content-card.free-content {
    border-left: 10px solid #3f9c35
}

#rhd-learning-path .lp-cards-container .dp-content-card.free-content div.img .dp-access-level {
    background-color: rgba(63, 156, 53, .85)
}

#rhd-learning-path .lp-cards-container .dp-content-card.member-content {
    border-left: 10px solid #007a87
}

#rhd-learning-path .lp-cards-container .dp-content-card.member-content div.img .dp-access-level {
    background-color: rgba(0, 122, 135, .85)
}

#rhd-learning-path .lp-cards-container .dp-content-card.training-content {
    border-left: 10px solid #00b9e4
}

#rhd-learning-path .lp-cards-container .dp-content-card.training-content div.img .dp-access-level {
    background-color: rgba(0, 185, 228, .85)
}

#rhd-learning-path .lp-cards-container .dp-content-card div.img {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 220px;
    background-color: #ccc;
    background-size: cover;
    flex-basis: 220px;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative
}

#rhd-learning-path .lp-cards-container .dp-content-card div.img img {
    min-height: 100%;
    min-width: 100%;
    position: absolute
}

#rhd-learning-path .lp-cards-container .dp-content-card div.img .dp-access-level {
    bottom: 25px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 3px 10px;
    position: absolute;
    width: 90%
}

#rhd-learning-path .lp-cards-container .dp-content-card .card-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    min-width: 1px;
    padding: 30px
}

#rhd-learning-path .lp-cards-container .dp-content-card .card-details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    color: grey;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 14px;
    font-weight: 600;
    justify-content: flex-end;
    line-height: 22px
}

#rhd-learning-path .lp-cards-container .dp-content-card .dp-content-type {
    -ms-flex-item-align: start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    align-self: flex-start;
    flex-grow: 1;
    flex-shrink: 1;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

#rhd-learning-path .lp-cards-container .dp-content-card .dp-content-type.article,
#rhd-learning-path .lp-cards-container .dp-content-card .dp-content-type.video_resource {
    color: #3f9c35
}

#rhd-learning-path .lp-cards-container .dp-content-card .dp-content-type.books,
#rhd-learning-path .lp-cards-container .dp-content-card .dp-content-type.cheat_sheet,
#rhd-learning-path .lp-cards-container .dp-content-card .dp-content-type.rh_training-video {
    color: #007a87
}

#rhd-learning-path .lp-cards-container .dp-content-card .dp-content-type.certification-exam,
#rhd-learning-path .lp-cards-container .dp-content-card .dp-content-type.rh_training_class {
    color: #00b9e4
}

#rhd-learning-path .lp-cards-container .dp-content-card .dp-content-type i {
    margin-right: .25em
}

#rhd-learning-path .lp-cards-container .dp-content-card h4 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -ms-flex-negative: 0;
    display: -webkit-box;
    flex-shrink: 0;
    font-size: 23px;
    font-weight: 600px;
    line-height: 1.2;
    margin: 15px 0;
    max-height: 64px;
    overflow: hidden;
    text-overflow: ellipsis
}

#rhd-learning-path .lp-cards-container .dp-content-card .bio .dp-author,
#rhd-learning-path .lp-cards-container .dp-content-card .bio rh-datetime {
    color: #999;
    display: inline;
    font-size: 14px;
    line-height: 22px
}

@media screen and (max-width:1175px) {
    #rhd-learning-path .lp-info {
        margin: 0
    }

    #rhd-learning-path .lp-cards-container {
        margin: -15px 0 0 15px;
        padding: 15px
    }
}

@media screen and (max-width:1175px) and (min-width:1171px) {
    #rhd-learning-path .lp-info {
        margin-top: 15px
    }

    #rhd-learning-path .lp-cards-container {
        margin-top: 0
    }
}

@media screen and (max-width:1150px) {
    #rhd-learning-path .lp-info .lp-time .interval-value {
        margin-top: 0
    }
}

@media screen and (max-width:1024px) {
    #rhd-learning-path {
        background-color: #fff
    }

    #rhd-learning-path .lp-cards-container,
    #rhd-learning-path .lp-info {
        padding: 15px
    }

    #rhd-learning-path .lp-cards-container .dp-content-card {
        margin-bottom: 15px
    }

    #rhd-learning-path .lp-cards-container .dp-content-card .card-info {
        padding: 15px
    }

    #rhd-learning-path .lp-cards-container .dp-content-card div.img {
        position: relative;
        width: 220px
    }
}

@media screen and (max-width:930px) {
    #rhd-learning-path {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #rhd-learning-path .lp-info {
        border: none;
        padding: 15px
    }

    #rhd-learning-path .lp-info .show-more-text {
        max-height: 90px;
        overflow: hidden
    }

    #rhd-learning-path .lp-info a.show-more {
        border-top: 1px solid #ccc;
        display: block;
        margin: 15px 0;
        padding-top: .25em
    }

    #rhd-learning-path .lp-cards-container {
        margin: 0;
        padding: 15px
    }
}

@media screen and (max-width:750px) {
    #rhd-learning-path .lp-info .show-more-text {
        max-height: 80px;
        overflow: hidden
    }

    #rhd-learning-path .lp-cards-container .dp-content-card .card-details {
        display: block
    }

    #rhd-learning-path .lp-cards-container .dp-content-card .card-details .dp-duration {
        margin-top: .25em
    }
}

@media screen and (max-width:675px) {
    #rhd-learning-path .lp-cards-container .dp-content-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #rhd-learning-path .lp-cards-container .dp-content-card .card-info {
        padding: 15px
    }

    #rhd-learning-path .lp-cards-container .dp-content-card .dp-level,
    #rhd-learning-path .lp-cards-container .dp-content-card p {
        display: none
    }

    #rhd-learning-path .lp-cards-container .dp-content-card h4 {
        font-size: 18px;
        line-height: 28px
    }

    #rhd-learning-path .lp-cards-container .dp-content-card div.img {
        width: auto
    }
}

@media screen and (max-width:480px) {
    #rhd-learning-path .lp-info {
        min-width: 250px
    }
}

@media (max-width:320px) {
    #rhd-learning-path .lp-cards-container .dp-content-card div.img {
        display: block
    }
}

@media screen and (max-width:323px) and (min-width:320px) {
    #rhd-learning-path .lp-cards-container .dp-content-card div.img {
        height: 200px
    }
}

.hero.hero-wide.product-header {
    border: none;
    margin-bottom: 0
}

.products-content {
    padding: 0
}

.product-graphics {
    padding-bottom: 5em
}

div.mobile.product-color {
    margin: -15px -15px 10px;
    padding-bottom: 0
}

.mobile.product-header {
    border-bottom: none;
    padding-bottom: 0
}

.mobile.product-header h3 {
    color: #242424;
    font-weight: 600
}

.mobile.build-panel {
    background: #e6e6e6;
    border: 1px solid #ccc;
    color: #333;
    display: none;
    margin-bottom: 1.25rem;
    padding: 1.25rem
}

.mobile.build-panel .fa-caret-right:before {
    margin-left: 5px
}

.mobile.build-panel .outside-links strong {
    color: #000
}

.mobile.build-panel a.button,
.mobile.product-header a.button {
    display: block
}

.mobile.build-panel a.button.inverse,
.mobile.product-header a.button.inverse {
    border: 2px solid #063;
    margin-left: 0
}

.product .toolbar {
    text-align: right
}

.product .toolbar a {
    margin-right: 1em
}

.product p {
    font-style: italic
}

.product h4 {
    font-weight: 400;
    margin-bottom: 0
}

.product-header {
    padding: 20px 15px 15px
}

.product-header h3 {
    font-size: 27px;
    font-weight: 100;
    margin-bottom: 0
}

@media only screen and (max-width:1170px) {
    .product-header {
        padding: 20px
    }
}

#hero-try-or-buy {
    display: none
}

.product-placeholder {
    background-color: #ededed;
    border: none;
    height: 250px;
    width: 100%
}

.product-video h4 {
    display: none
}

#product-features {
    margin: 1.5em 0
}

#product-features .feature-icon {
    text-align: center
}

#product-features .feature-icon p {
    color: #656565;
    margin-bottom: 0
}

#product-features .feature-icon img {
    max-width: 160px
}

#product-features .feature-text {
    text-align: center
}

#product-features .feature-text h4 {
    color: #063;
    font-size: 1em;
    text-transform: uppercase
}

#product-features .feature-text .paragraph {
    text-align: left
}

.hero-placeholder {
    background-color: #e6e6e6;
    height: 300px
}

.development-tools {
    margin-top: 20px
}

.development-tools h2 {
    clear: both
}

.development-tool-category .category-label {
    margin-bottom: 40px;
    margin-top: 50px
}

.development-tool-category .category-label h5 {
    color: #000;
    font-size: 30px;
    margin-bottom: 0;
    text-transform: uppercase
}

.development-tool-category .divider {
    border-bottom: 1px solid #d5d5d5;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 5px
}

.development-tool-category .indent-product {
    margin-left: 2em
}

.development-tool-category .indent-product .large-8 {
    margin-left: -.7em
}

@media only screen and (max-width:1024px) {
    .development-tool-category .indent-product .large-8 {
        margin-left: 0
    }
}

#development-tool .download-link {
    background-color: #e6e6e6;
    padding: 15px;
    text-align: center;
    width: 100%
}

#development-tool .download-link a:before {
    display: none
}

#development-tool a.button {
    display: block;
    margin: 0 auto 5px;
    max-width: 265px;
    padding: .8rem 2rem
}

#development-tool .download-sublabel {
    display: block;
    font-size: 70%;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase
}

#development-tool .tool-links {
    padding: 15px;
    text-align: center
}

#development-tool .tool-links li:last-child {
    margin-left: 8px
}

.band-tabs .nav-tabs {
    font-size: 0
}

.band-tabs .nav-tabs li {
    margin: 0
}

.band-tabs .nav-tabs li.active a {
    background: #fff;
    color: #242424
}

.band-tabs .nav-tabs li.active a:after {
    background: #006633
}

.band-tabs .nav-tabs li a {
    background: #242424;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    min-width: 250px;
    padding: 15px 15px 24px;
    text-transform: uppercase
}

.band-tabs .nav-tabs li a:after {
    background-color: #888;
    bottom: 10px;
    left: 15px
}

.downloads-table {
    background: #f5f5f6;
    padding: 0
}

@media only screen and (max-width:480px) {
    .products-content {
        padding: 0 1em
    }

    .side-nav li.side-nav-toggle {
        background: #333 !important
    }

    .product-page-content {
        padding-top: 0
    }

    .product-page-content h2:first-of-type {
        font-size: 22px;
        font-weight: 700
    }

    .row.content.product-page-content {
        padding-top: 0
    }

    .mobile.build-panel {
        display: block
    }

    .product-graphics .row.content {
        padding-top: 0
    }

    .product-graphics .row.content h2.subpage-name {
        font-size: 1.5em
    }
}

ul.product-langs {
    margin-top: 25px !important
}

ul.product-langs li {
    background-color: #e6e6e6;
    list-style: none;
    margin: 10px 20px 10px 0;
    padding: 50px 0 35px;
    width: 195px
}

ul.product-langs li:before {
    display: none
}

ul.product-langs li .lang-logo {
    height: 50px;
    margin-bottom: 15px
}

ul.product-langs li .lang-logo img {
    display: block;
    margin: 0 auto;
    max-width: 125px
}

ul.product-langs li .prod-lang-name {
    color: #063;
    font-weight: 100;
    margin: 0 5px;
    text-align: center
}

@media only screen and (max-width:1024px) {
    ul.product-langs li {
        min-height: 189px;
        width: calc(33% - 20px)
    }
}

@media only screen and (max-width:480px) {
    ul.product-langs li {
        width: calc(50% - 20px)
    }
}

.sp-header {
    margin: 35px 0 15px !important
}

.sp-header p {
    font-size: 1.125rem
}

.gs-header .paragraph {
    display: inline-block
}

.gs-header .paragraph p {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 0
}

.os-tabs.tabs-content {
    margin-left: 0;
    padding: 0;
    width: 100%
}

.label.material-duration {
    max-width: 45px;
    padding: 0 6px
}

.product-updates .ulist li {
    margin-bottom: 5px
}

.top-section span {
    display: inline
}

.top-section span.product-video {
    margin-left: 20px;
    width: 415px
}

@media only screen and (max-width:480px) {
    .top-section span {
        display: block
    }

    .top-section span.product-video {
        margin-left: 0;
        width: 340px
    }
}

.docs-and-apis-ec table {
    width: 100%
}

.docs-and-apis-ec table caption {
    color: #333
}

@media only screen and (max-width:480px) {
    table.downloads-table thead tr th {
        padding: 5px
    }

    table.downloads-table .download-links a,
    table.downloads-table .download-links a+a {
        display: block;
        margin-left: 0
    }
}

.forums-stack-row {
    margin: 2em 0
}

.services-and-support ul {
    margin: 1.5em -15px !important;
    text-align: center
}

.services-and-support ul h5 {
    color: #063;
    margin-bottom: 5px
}

.services-and-support ul h5.offset-img {
    margin-top: -22px
}

.services-and-support ul a.button {
    margin-top: 1em
}

.services-and-support ul img {
    margin: 10px auto;
    opacity: .4;
    width: 60%
}

.latest-discussions h4,
.top-qa h4 {
    color: #063
}

.latest-discussions h4 i,
.top-qa h4 i {
    color: #d5d5d5
}

.latest-discussions a,
.top-qa a {
    color: #06c
}

.latest-discussions .see-all,
.top-qa .see-all {
    float: right;
    margin-top: 13px
}

@media only screen and (max-width:1170px) {
    rhdp-tryitnow section {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width:768px) {
    rhdp-tryitnow .row span {
        width: calc(100% - 90px)
    }

    rhdp-tryitnow a.button.medium-cta.white {
        left: 107px
    }
}

@media only screen and (max-width:480px) {
    rhdp-tryitnow section {
        margin-top: -10px
    }

    rhdp-tryitnow rhdp-tryitnow {
        display: none
    }
}

.side-nav {
    background: #fff;
    border: 0;
    margin-bottom: 20px !important;
    margin-top: 1rem !important;
    overflow: hidden;
    padding: 0 !important
}

.side-nav li {
    border-bottom: 1px solid #bdbdbd;
    margin: 0 0 15px !important;
    padding-bottom: 5px !important
}

.side-nav li a {
    color: #fff !important;
    font-size: 1.125rem;
    font-weight: 400 !important;
    padding: 0 10px 0 0 !important;
    position: relative;
    text-align: left
}

.side-nav li a:focus,
.side-nav li a:hover {
    background: none !important;
    color: #000 !important
}

.side-nav li.active,
.side-nav li:active {
    border-bottom: 2px solid #063
}

.side-nav li.active a,
.side-nav li.active:hover a {
    color: #000 !important;
    font-weight: 600 !important
}

.side-nav li.side-nav-toggle {
    background-color: #424242 !important;
    display: none;
    margin-bottom: 10px
}

.side-nav li.side-nav-toggle a {
    color: #fff;
    font-weight: 600;
    margin-bottom: 4px;
    text-align: right;
    text-transform: uppercase
}

@media only screen and (max-width:768px) {
    .side-nav li.side-nav-toggle a:before {
        display: none !important
    }

    .side-nav li,
    .side-nav li.active {
        display: none
    }

    .side-nav li.side-nav-toggle {
        background: #063;
        display: list-item;
        margin: 0;
        padding: 10px
    }

    .side-nav li.side-nav-toggle a {
        color: #fff !important
    }

    .side-nav li.side-nav-toggle a:after {
        content: "▼";
        display: inline-block;
        font-size: 10px;
        padding: 0 10px
    }

    .side-nav.side-nav-open li {
        display: list-item
    }
}

.button.tiny,
button.tiny {
    font-size: .6875rem;
    padding: .625rem 1.25rem .6875rem
}

#guides-row {
    border-bottom: 1px solid #d5d5d5;
    margin: 1em 0 0
}

#guides-row .dropdown.button,
#guides-row button.dropdown {
    float: right;
    margin-top: 15px
}

#guides-row>div {
    padding-left: 0
}

#guides-row h5 {
    margin: 5px 0
}

#guides-row p {
    margin-top: 0
}

#guides-row:last-child {
    border-bottom: none
}

.more-guides {
    margin: 1.5em auto
}

.f-dropdown {
    background: #fff;
    border: 1px solid #ccc;
    font-size: .875rem;
    height: auto;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    margin-top: 2px;
    max-height: none;
    max-width: 200px;
    position: absolute;
    width: 100%;
    z-index: 89
}

.rh-downloads table.downloads-table {
    background-color: #d5d5d5;
    border-collapse: collapse
}

.rh-downloads table.downloads-table thead tr th {
    padding: 5px
}

.rh-downloads table.downloads-table .download-links a {
    display: inline;
    height: auto;
    margin-left: 0;
    width: auto
}

.rh-downloads table.downloads-table .download-links a+a {
    margin-left: 10px
}

.rh-downloads .view-older-downloads {
    margin-bottom: 20px
}

.rh-downloads .download-link h4 a:before {
    content: "\f01a";
    font-family: FontAwesome;
    padding-right: 3px
}

.rh-downloads .download-link a.button {
    display: block;
    margin: 0 auto 5px
}

.rh-downloads .download-link .version-name {
    text-align: center
}

.rh-downloads a.download-link:before {
    content: "\f01a";
    font-family: FontAwesome;
    padding-right: 3px
}

.large-16.small-24.columns a.button,
.large-16.small-24.developer-materials-main a.button,
.large-16.small-24.developer-materials-sidebar a.button,
.large-16.small-24.microsite-nav a.button {
    margin-bottom: 1.25rem;
    margin-top: 0
}

.large-16.small-24.columns a.button.medium-cta.blue,
.large-16.small-24.developer-materials-main a.button.medium-cta.blue,
.large-16.small-24.developer-materials-sidebar a.button.medium-cta.blue,
.large-16.small-24.microsite-nav a.button.medium-cta.blue {
    border-color: #0088ce;
    color: #0088ce
}

.large-16.small-24.columns a.button.medium-cta.blue:hover,
.large-16.small-24.developer-materials-main a.button.medium-cta.blue:hover,
.large-16.small-24.developer-materials-sidebar a.button.medium-cta.blue:hover,
.large-16.small-24.microsite-nav a.button.medium-cta.blue:hover {
    background-color: #0088ce;
    color: #fff
}

.has-download .caps {
    margin-bottom: .5rem;
    margin-top: .2rem;
    text-transform: uppercase
}

.has-download .large-16.columns p,
.has-download .large-16.developer-materials-main p,
.has-download .large-16.developer-materials-sidebar p,
.has-download .large-16.microsite-nav p {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1.25rem;
    margin-top: 0;
    text-rendering: optimizeLegibility
}

.panel.callout h5 {
    margin: 0 0 10px
}

.panel.callout .field__item p {
    margin: 0 0 20px
}

#kc-register-form .rhd-adaptive-placeholder,
#kc-update-profile-form .rhd-adaptive-placeholder {
    margin-bottom: 20px
}

.rhd-adaptive-placeholder form {
    margin: 0;
    padding: 0
}

.rhd-adaptive-placeholder input[type] {
    height: 3.2em;
    padding-top: 1.2em
}

.rhd-adaptive-placeholder input.form-field-with-note {
    margin-bottom: 0
}

.rhd-adaptive-placeholder input,
.rhd-adaptive-placeholder select,
.rhd-adaptive-placeholder textarea {
    padding: 5px 15px
}

.rhd-adaptive-placeholder input:focus,
.rhd-adaptive-placeholder select:focus,
.rhd-adaptive-placeholder textarea:focus {
    border: 1px solid #d2d3d4;
    outline: none
}

.rhd-adaptive-placeholder input.filled+label,
.rhd-adaptive-placeholder input:focus+label,
.rhd-adaptive-placeholder select.filled+label,
.rhd-adaptive-placeholder select:focus+label,
.rhd-adaptive-placeholder textarea.filled+label,
.rhd-adaptive-placeholder textarea:focus+label {
    bottom: 32px;
    color: #8c8f91;
    font-size: 12px
}

.rhd-adaptive-placeholder input:-webkit-autofill,
.rhd-adaptive-placeholder select:-webkit-autofill,
.rhd-adaptive-placeholder textarea:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff
}

.rhd-adaptive-placeholder input:-webkit-autofill~label {
    bottom: 35px;
    color: #8c8f91;
    font-size: 12px
}

.rhd-adaptive-placeholder textarea {
    overflow: auto;
    padding-top: 2.3em
}

.rhd-adaptive-placeholder textarea+label {
    bottom: 100%;
    -webkit-transform: translateY(150%);
    transform: translateY(150%)
}

.rhd-adaptive-placeholder textarea.filled,
.rhd-adaptive-placeholder textarea:focus {
    background-color: #fff
}

.rhd-adaptive-placeholder textarea.filled+label,
.rhd-adaptive-placeholder textarea:focus+label {
    bottom: unset;
    top: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.rhd-adaptive-placeholder label {
    bottom: 22px;
    cursor: text;
    font-size: 14px;
    left: 16px;
    position: absolute;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    -webkit-transition-property: bottom, color, -webkit-transform;
    transition-property: bottom, color, -webkit-transform;
    transition-property: bottom, color, transform;
    transition-property: bottom, color, transform, -webkit-transform;
    z-index: 10
}

.rhd-adaptive-placeholder select {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .75);
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: .875rem;
    height: 3.2em;
    padding: 1.2em .5rem .5rem;
    -webkit-transition: border-color .45s ease-in-out, -webkit-box-shadow .45s;
    transition: border-color .45s ease-in-out, -webkit-box-shadow .45s;
    transition: box-shadow .45s, border-color .45s ease-in-out;
    transition: box-shadow .45s, border-color .45s ease-in-out, -webkit-box-shadow .45s;
    width: 100%
}

.rhd-adaptive-placeholder select.filled+label,
.rhd-adaptive-placeholder select:focus+label {
    bottom: 32px;
    color: #8c8f91;
    font-size: 12px
}

.rhd-adaptive-placeholder select+label {
    bottom: 22px
}

.rhd-adaptive-placeholder input.filled+label[for=password],
.rhd-adaptive-placeholder input.filled+label[for=username],
.rhd-adaptive-placeholder input:-webkit-autofill~label[for=password],
.rhd-adaptive-placeholder input:-webkit-autofill~label[for=username],
.rhd-adaptive-placeholder input:focus+label[for=password],
.rhd-adaptive-placeholder input:focus+label[for=username] {
    bottom: 32px
}

.rhd-adaptive-placeholder .field {
    color: #424242;
    list-style: none;
    position: relative
}

.rhd-adaptive-placeholder .field+.field,
.rhd-adaptive-placeholder .field:not(:first-of-type) {
    margin-top: 15px
}

.rhd-adaptive-placeholder .field.form-field-note-text {
    font-size: .75rem;
    line-height: 120%;
    margin-top: 5px
}

.rhd-adaptive-placeholder .heavy-cta {
    margin-top: 2em
}

.rhd-adaptive-placeholder .login-username-field {
    margin-bottom: 1.5em
}

.label-for-checkbox {
    bottom: 5px;
    position: relative
}

#kc-register {
    margin-bottom: 50px
}

.kc-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 570px;
    text-align: center
}

.kc-wrapper .kc-card {
    background-color: #fff;
    border-top: 4px solid #063;
    -webkit-box-shadow: 0 3px 6px 0 #696769;
    box-shadow: 0 3px 6px 0 #696769;
    margin: 30px 0 15px;
    padding: 30px;
    text-align: center;
    width: 570px
}

.kc-wrapper .kc-card h2 {
    margin-bottom: 15px
}

.kc-wrapper .kc-card input,
.kc-wrapper .kc-card p {
    margin-bottom: 30px
}

.kc-wrapper .kc-card input[name=password] {
    margin-bottom: 0
}

.kc-wrapper .kc-card .field {
    width: 100%
}

.kc-wrapper .kc-card .field+.field {
    margin-top: 0
}

.kc-wrapper .kc-card .form-hint {
    margin: 10px 10px 0 0
}

.kc-wrapper .kc-card .heavy-cta {
    margin-bottom: 0
}

.kc-wrapper span.new-account {
    font-weight: 600
}

.kc-wrapper .login-social {
    margin: 30px 0 15px
}

.kc-wrapper .kc-provider-login {
    display: inline-block;
    height: 56px;
    margin: 0 7px 20px;
    width: 56px
}

.kc-wrapper .kc-provider-login a {
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-size: contain;
    height: inherit
}

.kc-wrapper .kc-provider-login a.stack-overflow {
    background-image: url(https://static.jboss.org/images/rhd/icons/socialmedia_icons_stack_transparent.png)
}

.kc-wrapper .kc-provider-login a.linkedin {
    background-image: url(https://static.jboss.org/images/rhd/icons/socialmedia_icons_linkedin_transparent.png)
}

.kc-wrapper .kc-provider-login a.twitter {
    background-image: url(https://static.jboss.org/images/rhd/icons/socialmedia_icons_twitter_transparent.png)
}

.kc-wrapper .kc-provider-login a.facebook {
    background-image: url(https://static.jboss.org/images/rhd/icons/socialmedia_icons_facebook_transparent.png)
}

.kc-wrapper .kc-provider-login a.google-plus {
    background-image: url(https://static.jboss.org/images/rhd/icons/socialmedia_icons_googleplus_transparent.png)
}

.kc-wrapper .kc-provider-login a.windows {
    background-image: url(https://static.jboss.org/images/rhd/icons/socialmedia_icons_microsoft_transparent.png)
}

.kc-wrapper .kc-provider-login a.github {
    background-image: url(https://static.jboss.org/images/rhd/icons/socialmedia_icons_github_transparent.png)
}

@media only screen and (max-width:768px) {
    .kc-wrapper .kc-card {
        width: inherit
    }
}

@media only screen and (max-width:480px) {
    .kc-wrapper .kc-wrapper {
        max-width: none
    }

    .kc-wrapper .kc-card {
        border: none;
        border-bottom: 1px solid #ccc;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0 -15px 15px;
        padding: 15px
    }

    .kc-wrapper .kc-card p {
        margin-bottom: 15px
    }

    .kc-wrapper .login-social {
        margin-top: 15px
    }

    .kc-wrapper .social-links {
        margin: 0 auto;
        max-width: 280px
    }

    .kc-wrapper .social-links .kc-provider-login {
        height: 40px;
        width: 40px
    }

    .kc-wrapper .social-links .kc-provider-login a {
        margin-bottom: 0
    }
}

.rhdp-login,
.rhdp-login .site-wrapper {
    background-color: #f9f9f9
}

@media only screen and (max-width:480px) {
    .rhdp-login .content-wrapper {
        padding-top: 0
    }
}

.get-started-items {
    background: cdn("../images/design/get-started/bg.png") bottom no-repeat;
    margin-bottom: 30px;
    min-height: 250px;
    position: relative
}

.get-started-items span.line {
    background: cdn("../images/design/greypx.jpg") 50% repeat-x;
    display: block;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.get-started-items span.line span {
    background: #fff;
    color: #656565;
    padding: 0 10px
}

.get-started-items h4 {
    color: #82a430;
    text-align: center;
    text-transform: uppercase
}

.get-started-items>div {
    text-align: center
}

.extra-installation-instructions ol {
    margin-left: 0
}

a.get-started-example {
    background: cdn("../images/design/get-started/bg-squares.jpg");
    background-size: cover;
    border: 3px solid #fff;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    line-height: 2;
    margin-top: 10px !important;
    padding: 20px 10px;
    text-align: center;
    width: 37.5%
}

a.get-started-example:first-child {
    margin: 0 2.5% 0 10%
}

a.get-started-example:last-child {
    margin: 0 10% 0 2.5%
}

a.get-started-example:hover {
    color: #fff
}

a.get-started-quickstart.button {
    background: #94aebd;
    clear: both;
    display: block;
    font-size: .875rem;
    margin: 0 auto 10px;
    padding: 5px;
    width: 80%
}

.get-started-item {
    padding-top: 20px
}

.get-started-item h3 {
    margin: 0
}

.gsi-meta {
    background: #f9f9f9;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 12px
}

.gsi-meta ul {
    margin-top: 0;
    padding-left: 15px
}

.gsi-meta ul li {
    float: left;
    list-style: none;
    width: 33.33%
}

.gsi-meta ul li strong {
    margin-right: 3px
}

.gsi-meta ul li a+a {
    margin-left: 5px
}

.gsi-meta .field--name-field-related-product.field--type-entity-reference {
    background: none;
    border: none;
    margin: 0;
    padding: 0
}

ul.toc {
    margin: 0;
    width: 100%;
    z-index: -1
}

.gsi-nav-fixed {
    max-width: 180px;
    min-width: 125px;
    padding-top: 20px;
    position: fixed;
    top: 0;
    width: 11%
}

.gsi-nav {
    padding-left: 0
}

.gsi-nav li {
    list-style: none;
    padding-bottom: 10px
}

.gsi-nav li a.past-block:last-child {
    color: #a5ab36
}

.gsi-nav li a {
    color: #027cbb
}

.gsi-nav li a:after {
    content: "›";
    margin-left: 5px
}

.gsi h3 {
    border-bottom: 1px solid #d5d5d5;
    font-weight: 100;
    margin-bottom: 20px;
    padding-bottom: 5px
}

.gsi ol li,
.gsi ul li {
    margin-left: 2em
}

@media only screen and (max-width:768px) {
    .gsi-nav-fixed {
        position: relative
    }
}

@media only screen and (max-width:1024px) {
    .get-started-items {
        background: none
    }

    .get-started-items a.get-started-example {
        background: cdn("../images/design/get-started/bg-squares.jpg");
        background-size: cover;
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    ul.cta-blocks li {
        padding: 15px;
        width: 100%
    }

    ul.cta-blocks li p {
        min-height: 0
    }
}

.downloadthankyou {
    background-color: #e2f1f5;
    border: 1px solid #94aebd;
    border-radius: 3px;
    color: #424242;
    margin-bottom: 2em;
    padding: 2em 2em 1em
}

.downloadthankyou .thankyouclose {
    float: right;
    margin-right: -1em;
    margin-top: -1.5em
}

.downloadthankyou .thankyouclose a {
    color: #424242
}

.downloadthankyou .thankyouclose a:before {
    content: "\f00d";
    font-family: FontAwesome
}

.downloadthankyou .thankyoupanels i {
    color: #94aebd;
    margin-left: 15px;
    margin-top: 5px;
    text-align: center
}

.downloadthankyou .thankyoupanels p {
    margin-left: -1em
}

.downloadthankyou h2 {
    font-size: 1.75rem;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0
}

.downloadthankyou h3 {
    font-size: 1.25rem
}

.downloadthankyou p {
    margin-bottom: 0
}

.ticket-monster-items {
    border-radius: 0;
    margin-bottom: 30px;
    min-height: 200px;
    padding: 30px;
    position: relative
}

.ticket-monster-items p {
    color: #fff;
    font-size: 1.5em;
    text-shadow: 1px 1px 1px #000;
    text-transform: uppercase
}

.ticket-monster-links a i {
    color: #424242
}

#avg-rating,
#new-rating,
#your-rating {
    display: none
}

#rating-section {
    padding-top: 1em
}

.multipath-tabs-sm {
    border-bottom: 1px solid #bdbdbd;
    margin: 30px 0 15px;
    padding-left: 0
}

.multipath-tabs-sm ul.tabs.nav-tabs {
    margin-bottom: 0;
    padding-left: 0
}

.multipath-tabs-sm ul.tabs.nav-tabs li:before {
    display: none
}

.multipath-tabs-sm ul.tabs.nav-tabs li {
    border: 1px solid transparent;
    border-bottom: 0;
    display: inline-block;
    margin: 0;
    padding: 15px 20px 15px 10px
}

.multipath-tabs-sm ul.tabs.nav-tabs li.active {
    border-color: #bdbdbd;
    border-bottom: 1px solid #fff;
    bottom: -1px;
    position: relative
}

.multipath-tabs-sm ul.tabs.nav-tabs li.active a {
    border-bottom: 3px solid #063;
    padding-bottom: 4px
}

.multipath-tabs-sm ul.tabs.nav-tabs li a:active,
.multipath-tabs-sm ul.tabs.nav-tabs li a:focus,
.multipath-tabs-sm ul.tabs.nav-tabs li a:hover {
    background-color: #fff
}

@-moz-document url-prefix() {
    .multipath-tabs-sm ul.tabs.nav-tabs li.active {
        bottom: -1px
    }
}

.multipath-tabs-sm ul.tabs.nav-tabs li a {
    font-size: 1em
}

@media only screen and (max-width:768px) {
    .multipath-tabs-sm ul li {
        border: none;
        border-right: 4px solid #e6e7e8;
        display: block;
        height: 30px;
        margin-bottom: 10px;
        max-width: 100%;
        padding-right: 10px;
        padding-top: 0;
        text-align: right
    }

    .multipath-tabs-sm ul li.active {
        border: none;
        border-right: 4px solid #063
    }

    .multipath-tabs-sm ul li.active a {
        border-bottom: none
    }

    .multipath-tabs-sm ul li a {
        color: #1a1a1a;
        font-size: 1.125rem;
        font-weight: 600;
        text-align: right;
        text-transform: uppercase;
        vertical-align: -webkit-baseline-middle
    }
}

#get-started h2 {
    margin-bottom: 1rem
}

#get-started-instructions .gs-faq h4 p,
#get-started-instructions .gs-prerequisites h4 p {
    color: #252527;
    font-size: 1.4375rem;
    font-weight: 800;
    margin-bottom: .5rem
}

#get-started-instructions .gs-prerequisites ol {
    margin-bottom: 2.25rem
}

#get-started-instructions .gs-prerequisites ol p {
    margin-bottom: 0
}

#get-started-instructions .step-cards {
    margin-bottom: 20px
}

#get-started-instructions .step-cards .paragraph {
    float: right
}

#get-started-instructions .card {
    background-color: #3999cb;
    border: none;
    color: #fff;
    height: 100%;
    min-height: 165px;
    -webkit-transition: color .5s ease, background .5s ease, border-color .5s ease;
    transition: color .5s ease, background .5s ease, border-color .5s ease
}

#get-started-instructions .card h4 {
    color: #fff;
    font-size: 23px;
    margin-bottom: 8px;
    margin-top: 0
}

#get-started-instructions .card .tabs-content {
    margin: 0;
    padding: 0;
    width: 100%
}

#get-started-instructions .card .tabs-content .content {
    padding: 0
}

@media only screen and (max-width:1024px) {
    #get-started-instructions .card h4 {
        padding-top: 15px
    }
}

#get-started-instructions .card i {
    float: right;
    font-size: .9rem
}

#get-started-instructions .card .paragraph,
#get-started-instructions .card .paragraph p {
    display: inline-block;
    font-size: .9rem;
    margin-bottom: 0
}

#get-started-instructions .card:hover {
    background-color: #2d7195
}

#get-started-instructions .card:hover .step-num {
    color: #3999cb
}

#get-started-instructions .card:hover .paragraph,
#get-started-instructions .card:hover .paragraph p,
#get-started-instructions .card:hover h4,
#get-started-instructions .card:hover i {
    color: #a3dbe8
}

#get-started-instructions .card .step-duration {
    position: relative;
    top: 20px
}

#get-started-instructions .step2 {
    padding: 0;
    width: 100%
}

#get-started-instructions .step2 .step2-title {
    padding: 0
}

#get-started-instructions .step2 .step2-title .tabs-content {
    margin: 0;
    padding: 0
}

#get-started-instructions .step2 .step2-title .tabs-content .content {
    padding: 0
}

#get-started-instructions .step-header {
    background-color: #3999cb;
    border: none;
    color: #fff;
    margin: 20px 0;
    padding: 5px 15px
}

#get-started-instructions .step-header h4 {
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0
}

#get-started-instructions .step-header .duration {
    bottom: 2px;
    color: #aae3ec;
    display: inline;
    font-size: .9rem;
    margin-left: 10px;
    position: relative
}

#get-started-instructions .step-header .duration .paragraph,
#get-started-instructions .step-header .duration .paragraph p {
    display: inline;
    font-size: .9rem
}

#get-started-instructions .step-num {
    color: #aae3ec;
    display: inline;
    margin-right: 5px
}

#get-started-instructions ol,
#get-started-instructions ul {
    margin-top: 15px
}

#get-started-instructions ol li p,
#get-started-instructions ul li p {
    margin-bottom: 5px;
    margin-left: 1em
}

#get-started-instructions .get-started-content .accordion-navigation {
    margin-left: 0
}

#get-started-instructions .get-started-content img {
    margin-bottom: 20px;
    margin-top: 15px;
    max-width: 540px
}

#get-started-instructions .content-img-sm img {
    max-width: 300px
}

#get-started-instructions .content-img-xs img {
    margin: 0;
    max-width: 35px
}

#get-started-instructions table {
    width: 100%
}

#get-started-instructions #MoreResources {
    border: 5px solid #e6e7e8;
    margin: 3rem 0;
    padding: 1.5rem
}

#get-started-instructions #MoreResources ul li:before {
    display: none
}

#get-started-instructions mark {
    background: transparent;
    color: inherit;
    font-style: inherit;
    font-weight: inherit
}

#get-started-instructions .card h4>.paragraph p,
#get-started-instructions h4 p {
    font-size: 1.4375rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 0
}

#get-started-instructions .tabs-content>.content:focus {
    outline: none
}

.collapsable input#stepFour,
.collapsable input#stepOne,
.collapsable input#stepThree,
.collapsable input#stepTwo {
    display: none;
    visibility: hidden
}

.collapsable .collapse-icon {
    display: inline-block;
    float: right
}

.collapsable .collapse-icon:before {
    color: #fff;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 1.8em
}

.collapsable input[type=checkbox]+label,
.collapsable input[type=radio]+label {
    margin: 0;
    width: 100%
}

.collapsable #expandStepFour,
.collapsable #expandStepOne,
.collapsable #expandStepThree,
.collapsable #expandStepTwo {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .5s;
    transition: height .5s
}

.collapsable #stepFour:checked~label .collapse-icon,
.collapsable #stepOne:checked~label .collapse-icon,
.collapsable #stepThree:checked~label .collapse-icon,
.collapsable #stepTwo:checked~label .collapse-icon {
    display: inline-block;
    float: right
}

.collapsable #stepFour:checked~label .collapse-icon:before,
.collapsable #stepOne:checked~label .collapse-icon:before,
.collapsable #stepThree:checked~label .collapse-icon:before,
.collapsable #stepTwo:checked~label .collapse-icon:before {
    color: #fff;
    content: "\f106";
    font-family: FontAwesome;
    font-size: 1.8em
}

.collapsable #stepFour:checked~#expandStepFour,
.collapsable #stepOne:checked~#expandStepOne,
.collapsable #stepThree:checked~#expandStepThree,
.collapsable #stepTwo:checked~#expandStepTwo {
    height: auto
}

.collapsable .tabs-content {
    margin-left: 0;
    width: 100%
}

.download-completed .collapse-icon:before {
    color: #424242 !important
}

.download-completed .step-header {
    background-color: #d5d5d5 !important
}

.download-completed .step-header .step-num,
.download-completed .step-header h2,
.download-completed .step-header h4,
.download-completed .step-header i,
.download-completed .step-header p {
    color: #afb1b2 !important
}

.download-completed .step-num:before {
    color: #424242;
    content: "\f058";
    font-family: FontAwesome;
    font-size: 1em;
    margin-right: 5px;
    z-index: 9999
}

.download-completed .collapse-icon:before {
    content: "\f106"
}

.download-completed #stepOne:checked~label .collapse-icon:before {
    content: "\f107"
}

.download-completed #stepOne:checked~#expandStepOne {
    height: 0
}

.download-completed #expandStepOne {
    height: auto
}

.download-completed-box a {
    background-color: #d5d5d5 !important
}

.download-completed-box a .step-num,
.download-completed-box a h2,
.download-completed-box a h4,
.download-completed-box a i,
.download-completed-box a p {
    color: #afb1b2 !important
}

.download-completed-box a .fa-check-circle {
    color: #fff !important
}

.download-completed-box:after {
    color: #424242;
    content: "\f058";
    font-family: FontAwesome;
    font-size: 5em;
    height: 100%;
    left: 0;
    padding: 25% 45%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999
}

#get-started-instructions.four-steps img {
    margin-bottom: 20px;
    margin-top: 15px;
    max-width: 540px
}

#get-started-instructions.four-steps .card {
    min-height: 166px;
    padding: 22px 15px
}

#get-started-instructions.four-steps .card .step-num {
    font-size: 35px
}

.lang-tabs .tabs.vertical {
    max-width: none;
    width: 100%
}

.lang-tabs ul li {
    border-right: 4px solid #e6e7e8;
    height: 30px;
    margin-bottom: 10px;
    padding-right: 10px;
    text-align: right
}

.lang-tabs ul li:before {
    display: none
}

.lang-tabs ul li.active,
.lang-tabs ul li:active,
.lang-tabs ul li:focus,
.lang-tabs ul li:hover {
    border-right: 4px solid #063
}

.lang-tabs ul li a {
    color: #1a1a1a;
    font-size: 1.125rem;
    font-weight: 600;
    text-align: right;
    text-transform: uppercase;
    vertical-align: -webkit-baseline-middle
}

.tabs-content.rhel-tabs-cont {
    margin: 0;
    min-height: 300px;
    width: 100%
}

.tabs-content.rhel-tabs-cont .recommended em,
.tabs-content.rhel-tabs-cont .recommended p,
.tabs-content.rhel-tabs-cont .recommended strong {
    font-size: 105%
}

.tabs-content.rhel-tabs-cont .recommended em.red {
    color: #063
}

.tabs-content.rhel-tabs-cont .tc-button {
    margin-top: 15px
}

.tabs-content.rhel-tabs-cont .tc-button a {
    background: #063;
    border: 0;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 600;
    padding: 9px 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background .2s ease-in 0s;
    transition: background .2s ease-in 0s
}

.tabs-content.rhel-tabs-cont .tc-button a:active,
.tabs-content.rhel-tabs-cont .tc-button a:focus,
.tabs-content.rhel-tabs-cont .tc-button a:hover {
    background: #ad0000
}

.tabs-content.rhel-tabs-cont .tc-link {
    margin-top: 15px;
    text-align: center
}

.tabs-content.full-width-content {
    margin-left: 0;
    padding: 0;
    width: 100%
}

.tabs-content.full-width-content img {
    max-width: 600px
}

.box.callout {
    border: 5px solid #e6e7e8;
    clear: both;
    margin: 3rem 0;
    padding: 1.5rem
}

.box.callout ul li:before {
    display: none
}

@media only screen and (max-width:480px) {

    #get-started-instructions ol li p,
    #get-started-instructions ul li p {
        word-wrap: break-word
    }

    .product-updates iframe {
        max-width: 100%
    }

    .tabs-content.full-width-content img {
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .get-started-content img {
        width: 100%
    }
}

.hero.hero-resources {
    background: cdn("../images/design/RHDev_pageheader_resources_desktop.png") top/cover no-repeat;
    border: 0;
    margin-bottom: 0
}

.hero.hero-resources p {
    color: #fff;
    font-size: 22px
}

.hero.hero-resources h2 {
    color: #fff;
    font-size: 5em;
    font-weight: 600;
    margin-top: 10px;
    text-transform: uppercase
}

@media only screen and (max-width:1024px) {
    .hero.hero-resources {
        background: cdn("../images/design/RHDev_pageheader_resources_tablet.png") top/cover no-repeat;
        min-height: auto
    }

    .hero.hero-resources h2 {
        margin-top: 10px
    }
}

@media only screen and (max-width:480px) {
    .hero.hero-resources {
        background: cdn("../images/design/RHDev_pageheader_resources_mobile.png") top/cover no-repeat
    }

    .hero.hero-resources h2 {
        font-size: 4em
    }
}

.developer-materials-options {
    margin-bottom: 20px;
    text-align: right
}

.developer-materials-options label {
    background: #f5f5f5;
    display: inline-block;
    margin: 10px;
    padding: 10px
}

.developer-materials-options input[type=checkbox],
.developer-materials-options input[type=radio] {
    display: none
}

.developer-materials-options input[type=checkbox]:checked+label,
.developer-materials-options input[type=radio]:checked+label {
    background: #063;
    color: #fff
}

@media only screen {
    .more-developer-materials a {
        left: 1rem;
        position: relative;
        top: 1rem
    }
}

@media only screen and (min-width:64.063em) {
    .more-developer-materials {
        float: right
    }

    .more-developer-materials a {
        margin-left: 1.6rem
    }
}

ul.results {
    margin-top: 20px
}

ul.results.loading {
    background: cdn("../images/icons/ajax-loader.gif") center 80px no-repeat;
    min-height: 250px
}

ul.results.loading li.material {
    visibility: hidden
}

.material {
    word-wrap: break-word;
    position: relative
}

.material:before {
    display: none
}

.material p {
    word-wrap: break-word
}

.material img {
    border: 1px solid #d5d5d5;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    margin-bottom: 7px;
    padding: 5px;
    width: 100%
}

.material .label {
    border-radius: 0;
    float: right;
    line-height: 1.3;
    margin-left: 10px
}

.material .label.material-level-Beginner,
.material .label.material-level-beginner {
    background: #3f9c35
}

.material .label.material-level-Intermediate,
.material .label.material-level-intermediate {
    background: #06c
}

.material .label.material-level-Advanced,
.material .label.material-level-advanced {
    background: #063
}

.material .empty-label {
    font-size: .75em;
    height: 1.3em
}

.material .material-info {
    margin-bottom: 17px;
    position: relative;
    top: 10px
}

.material .material-info h5 {
    clear: both;
    margin-bottom: 0
}

.material p {
    font-size: .875rem;
    margin: 0
}

.material p.material-datestamp {
    font-size: .6875rem
}

.material p.rating {
    color: #000;
    margin: 5px 0;
    text-transform: uppercase
}

.material i,
.material p.rating i:first-child {
    margin-left: 5px
}

.material i {
    color: #ccc
}

.material i.fa-star,
.material i.fa-star-half-empty {
    color: #fdcf50
}

.material a.banner {
    display: block;
    position: absolute;
    text-indent: -9999px;
    width: 100%
}

.material a.banner.premium {
    height: 20px;
    top: 20px
}

.material a.banner.experimental {
    height: 120px;
    right: 0;
    top: 0;
    width: 130px
}

label.has-tip,
label.has-tip:hover {
    border-bottom: 0
}

.chosen-container~label {
    display: none
}

body .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    color: #ababab;
    font-size: 1em;
    height: auto !important
}

.label.experimental-text,
.label.premium-text {
    display: block;
    float: none;
    margin: 0;
    text-align: center;
    width: 100%
}

.label.experimental-text:hover,
.label.premium-text:hover {
    color: #fff
}

.label.experimental-text {
    background: #fe8d00
}

.label.premium-text {
    background: #cd0013;
    color: #fff
}

table.developer-materials-grid {
    margin-top: 1rem;
    table-layout: fixed;
    width: 100%
}

table.developer-materials-grid tr td {
    position: relative;
    vertical-align: middle
}

table.developer-materials-grid tr td.type {
    width: 15%
}

table.developer-materials-grid tr td.type img {
    padding: 0
}

table.developer-materials-grid tr td.description {
    width: 28%
}

table.developer-materials-grid tr td.title {
    width: 30%
}

table.developer-materials-grid tr td.title a.name {
    color: #027cbb;
    display: block;
    font-size: 12px;
    margin-top: 10px
}

table.developer-materials-grid tr td.publish {
    width: 12%
}

table.developer-materials-grid tr td.product {
    width: 10%
}

table.developer-materials-grid tr td.skill {
    padding: 0;
    text-align: center;
    width: 13%
}

table.developer-materials-grid tr td.skill .label {
    float: none;
    margin: 0
}

table.developer-materials-grid tr td.rating-stars {
    width: 11%
}

@media only screen and (max-width:768px) {

    body.developer-materials .content-wrapper,
    body.developer-materials .developer-materials-sidebar,
    body.developer-materials .wrapper {
        padding: 0
    }

    .developer-materials-sidebar h4 {
        background: #004c98;
        border-radius: 0;
        color: #fff;
        margin: 10px;
        padding: 10px;
        text-align: center
    }

    .developer-materials-sidebar h4:after {
        content: "\f078";
        font-family: FontAwesome;
        padding-left: 10px
    }

    .developer-materials-sidebar a.filters-clear,
    .developer-materials-sidebar form {
        display: none
    }

    .developer-materials-sidebar.open {
        background: #fff;
        bottom: 0;
        display: block;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999
    }

    .developer-materials-sidebar.open form {
        display: block
    }

    .developer-materials-sidebar.open h4 {
        background: #004c98;
        color: #fff;
        cursor: pointer;
        font-size: 0;
        padding: 20px;
        text-align: left
    }

    .developer-materials-sidebar.open h4:before {
        content: "Cancel";
        font-size: 14px
    }

    .developer-materials-sidebar.open a.filters-clear {
        color: #fff;
        display: inline;
        float: right;
        font-size: 14px;
        text-decoration: none
    }

    .developer-materials-sidebar.open .filters-apply {
        background: #94aebd;
        display: inline-block;
        left: 50%;
        margin-left: -45px;
        padding: 2px 20px;
        position: absolute;
        top: 0;
        top: 20px
    }

    .filter-block {
        border-bottom: 1px solid #d5d5d5;
        padding: 10px
    }

    .filter-block input[type=range] {
        width: 100%
    }

    .filter-block h5.show-more {
        cursor: pointer
    }

    .filter-block h5.show-more:after {
        color: #004c98;
        content: "\f078";
        float: right;
        font-family: FontAwesome;
        padding-right: 10px
    }

    .filter-block-checkboxes {
        padding: 0
    }

    .filter-block-checkboxes h5 {
        padding-left: 10px
    }

    .filter-block-checkboxes select[name="filter-topic[]"] {
        display: none
    }

    .filter-block-inputs {
        display: none;
        position: relative
    }

    .filter-block-inputs label {
        background: #004c98;
        border-bottom: 1px solid #656565;
        color: #fff;
        display: block;
        float: left;
        font-weight: 600;
        margin: 0;
        padding: 10px;
        width: 100%
    }

    .filter-block-inputs label:after {
        color: #5d8097;
        content: "\f00c";
        float: right;
        font-family: FontAwesome
    }

    .filter-block-inputs label.checked {
        background: #5d8097;
        color: #fff
    }

    .filter-block-inputs label.checked:after {
        color: #fff
    }

    .filter-block-inputs label input {
        display: none;
        margin: 0
    }

    .filter-block-inputs .chosen-container {
        display: none
    }

    .filter-block-inputs span.skill-display {
        position: absolute;
        right: 10px;
        top: 10px
    }
}

@media only screen and (max-width:1024px) {
    .developer-materials-main {
        width: 75%
    }
}

@media only screen and (max-width:768px) {
    .developer-materials-main {
        width: 100%
    }
}

.jdfadvise {
    background-color: #e1eef4;
    border: 1px solid #94aebd;
    border-radius: 3px;
    color: #424242;
    margin-bottom: 2em;
    padding: 2em
}

.jdfadvise .adviseclose {
    float: right;
    margin-right: -1.75em;
    margin-top: -1.75em
}

.jdfadvise .adviseclose a {
    color: #424242
}

.jdfadvise .adviseclose a:before {
    content: "\f00d";
    font-family: FontAwesome
}

.jdfadvise h2 {
    font-size: 1.75rem;
    font-weight: 400;
    margin-top: 0
}

.jdfadvise h3 {
    font-size: 1.25rem
}

.jdfadvise p {
    margin-bottom: 0
}

.bomadvise {
    background-color: #e1eef4;
    border: 1px solid #94aebd;
    border-radius: 3px;
    color: #424242;
    margin-bottom: 2em;
    margin-right: 2em;
    padding: 2em
}

.bomadvise .adviseclose {
    float: right;
    margin-right: -1.75em;
    margin-top: -1.75em
}

.bomadvise .adviseclose a {
    color: #424242
}

.bomadvise .adviseclose a:before {
    content: "\f00d";
    font-family: FontAwesome
}

.bomadvise h3 {
    font-size: 1.25rem;
    font-weight: 400;
    margin-top: 0
}

.bomadvise h4 {
    font-size: 1rem
}

.bomadvise p {
    margin-bottom: 0
}

img.loader {
    display: block;
    margin: 20px auto
}

span.label.count {
    background: #92d400;
    border-radius: 4px;
    display: none;
    margin-left: 4px
}

a[data-page=⋯] {
    cursor: default
}

a[data-page=⋯]:hover {
    background: none
}

#developer-materials-filters.resources-page h2 {
    display: none
}

#developer-materials-filters[class*=large] input,
#developer-materials-filters[class*=large] select {
    width: 100%
}

#developer-materials-filters .developer-materials-header {
    margin-bottom: 20px;
    padding-bottom: 5px
}

#developer-materials-filters .dropdown-filter ul {
    padding: 15px
}

#developer-materials-filters .dropdown-filter ul li:before {
    display: none
}

#developer-materials-filters .dropdown-filter .button {
    padding: 11px 20px
}

#developer-materials-filters label.inline {
    display: inline-block;
    margin-right: 10px
}

#developer-materials-filters input.keyword {
    display: inline-block;
    max-width: 160px
}

#developer-materials-filters label {
    text-align: left
}

#developer-materials-filters span.skill-display {
    padding-top: 0
}

#show-entries select {
    background-color: transparent;
    display: inline-block;
    margin: 0 10px;
    max-width: 55px
}

#show-entries label {
    font-weight: 700
}

#show-entries p {
    font-size: .9rem
}

.developer-materials-results-wrapper {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll
}

.developer-materials-results-wrapper .developer-material-results {
    min-width: 900px
}

.date-filter input[type=range] {
    border: 1px solid #909090;
    border-radius: 9px;
    height: 10px;
    z-index: 1
}

.buzz-filters {
    position: relative
}

.buzz-filters .searchResults ul {
    margin: 0
}

.buzz-filters input[type=text][name=buzz-filter-text]:focus+.searchResults {
    display: block
}

.buzz-container {
    overflow: visible
}

.buzz-item {
    float: left;
    padding: 10px;
    width: 24%
}

.buzz-item .buzz-item-inner {
    word-wrap: break-word;
    background: #e6e6e6;
    border: 1px solid #d5d5d5;
    -webkit-box-shadow: 2px 2px 0 #94aebd;
    box-shadow: 2px 2px 0 #94aebd
}

.buzz-item .buzz-item-inner a.authorUpdate {
    color: #06c
}

.buzz-item .buzz-item-inner p.authorName {
    color: #06c;
    font-size: 12px;
    padding-bottom: 0;
    padding-top: 0
}

.buzz-item .buzz-item-inner span.updateDate {
    float: right
}

.buzz-item h3,
.buzz-item p {
    color: #424242;
    font-weight: 100;
    margin: 0;
    padding: 10px
}

.buzz-item h3 {
    padding-bottom: 0
}

.buzz-item h3+p {
    padding-top: 0
}

.buzz-item img {
    width: 100%
}

.buzz-header {
    background: #fff;
    color: #94aebd;
    padding: 10px;
    text-align: center
}

.buzz-header i {
    font-size: 22px
}

.sort-icons {
    text-align: center
}

.sort-icons li {
    display: inline;
    margin: 3px;
    position: relative
}

.sort-icons li.sortBy {
    padding-right: 10px;
    position: relative;
    top: -6px
}

.sort-icons li a {
    color: #94aebd;
    font-size: 35px;
    padding: 5px 10px
}

.sort-icons li a:after {
    background: #004c98;
    content: "";
    display: block;
    display: none;
    height: 10px;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: 24px;
    width: 10px
}

.sort-icons li a.buzz-filter-active,
.sort-icons li a:hover {
    background: #004c98;
    color: #fff
}

.sort-icons li a.buzz-filter-active:after,
.sort-icons li a:hover:after {
    display: block
}

input[type=text][name=buzz-filter-text] {
    position: relative;
    width: 200px
}

h4.buzz-message.divider {
    float: left;
    margin: 20px 0 40px;
    width: 100%
}

@media only screen and (max-width:768px) {
    .buzz-item {
        width: 49%
    }

    .sort-icons li {
        margin: 0
    }

    .sort-icons li a {
        font-size: 20px
    }

    .sort-icons li a:after {
        top: 20px
    }

    input[type=text][name=buzz-filter-text] {
        margin-bottom: 20px;
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    .buzz-item {
        width: 98%
    }
}

span.loader {
    background: cdn("../images/icons/ajax-loader.gif") 50% no-repeat;
    background-color: transparent;
    background-size: contain;
    clear: both;
    content: "";
    display: block;
    height: 60px;
    width: 100%;
    z-index: 99999
}

.mini-buzz-container>div:nth-child(odd) {
    clear: left
}

h2.large-title#buzz i {
    font-size: .75em
}

.buzz-product-update .update {
    margin-bottom: 20px
}

.buzz-product-update .update a h5 {
    color: #06c;
    font-size: 1.25rem
}

#registration-confirmation .divider {
    border-bottom: 1px solid #333;
    margin-bottom: 25px;
    padding-bottom: 20px
}

#registration-confirmation .spotlight {
    background-color: #f9f9f9;
    min-height: 350px;
    padding: 1.25rem;
    position: relative
}

#registration-confirmation .spotlight .fa.fa-clock-o:before {
    margin-right: 5px
}

#registration-confirmation .spotlight small i {
    margin-bottom: 15px
}

#registration-confirmation .spotlight a.button {
    bottom: 0;
    margin-bottom: 1em;
    position: absolute;
    width: 90%
}

#registration-confirmation .home-title {
    margin-top: 3.125rem
}

@media only screen and (max-width:768px) {
    #registration-confirmation .spotlight {
        margin-top: 1.25rem
    }

    #registration-confirmation .spotlight a.button {
        position: relative;
        width: 100%
    }
}

.button.button--solution {
    background: #6abcd3 url(https://static.jboss.org/rhd/images/stars-texture.png) 100% 100% no-repeat;
    display: inline-block;
    margin-bottom: 1em;
    padding: 30px 10px 30px 20px;
    text-align: left;
    width: 100%
}

.button.button--solution:hover {
    background: #43aac7 url(https://static.jboss.org/rhd/images/stars-texture.png) 100% 100% no-repeat
}

.button.button--solution.clear {
    color: #0088ce;
    font-size: 20px;
    text-align: center
}

.button.button--solution.clear:hover {
    background: none
}

.page-middleware .wrapper {
    padding-bottom: 0
}

.page-middleware section:not(.footer-links):not(.footer-legal) {
    padding: 30px 0 60px
}

.page-middleware section:not(.footer-links):not(.footer-legal) h3,
.page-middleware section:not(.footer-links):not(.footer-legal) h4 {
    font-weight: 600;
    margin-bottom: 1em
}

.page-middleware section:not(.footer-links):not(.footer-legal) h3 {
    font-size: 27px;
    text-transform: uppercase
}

.page-middleware section:not(.footer-links):not(.footer-legal) h4 {
    font-size: 23px;
    margin-bottom: 1em
}

.page-middleware section:not(.footer-links):not(.footer-legal).green {
    background-color: #286322;
    color: #fff;
    padding: 30px 0 40px
}

.page-middleware section:not(.footer-links):not(.footer-legal).green h3,
.page-middleware section:not(.footer-links):not(.footer-legal).green h4 {
    color: #fff;
    margin-bottom: 8px
}

.page-middleware section:not(.footer-links):not(.footer-legal).grey {
    background-color: #e6e7e8
}

.page-middleware section:not(.footer-links):not(.footer-legal) .enterprise-ready h4 {
    margin-bottom: 8px
}

.page-middleware section:not(.footer-links):not(.footer-legal) .video-col {
    height: 0;
    height: auto;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 28%;
    position: relative
}

.page-middleware section:not(.footer-links):not(.footer-legal) iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 98%
}

.page-middleware section:not(.footer-links):not(.footer-legal) ul {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.page-middleware section:not(.footer-links):not(.footer-legal) ul li {
    margin-bottom: 1em
}

.page-middleware section:not(.footer-links):not(.footer-legal) ul.bullet-list {
    list-style: disc;
    margin-left: 1.25em
}

.page-middleware section:not(.footer-links):not(.footer-legal) .whats-new {
    background-color: #fff;
    padding: 1.4em;
    top: -20px
}

.page-middleware section:not(.footer-links):not(.footer-legal) ul.middleware-blog li a.title {
    font-weight: 600
}

.page-middleware section:not(.footer-links):not(.footer-legal) ul.middleware-blog li p.blog-info {
    margin-bottom: 5px
}

.page-middleware section:not(.footer-links):not(.footer-legal) ul.middleware-blog li span.author,
.page-middleware section:not(.footer-links):not(.footer-legal) ul.middleware-blog li span.date {
    font-size: .9em;
    font-weight: 600;
    margin-bottom: 5px
}

.page-middleware section:not(.footer-links):not(.footer-legal) ul.middleware-blog li span.date {
    float: right
}

.page-middleware section:not(.footer-links):not(.footer-legal) ul.middleware-blog li p.description {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    max-height: 70px;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-middleware #referral-alert {
    padding-bottom: 0
}

.page-middleware #referral-alert div.alert-content h3 {
    text-transform: none
}

@media only screen and (max-width:1024px) {
    .page-middleware section .video-col {
        margin-bottom: 30px;
        padding-bottom: 56.25%
    }

    .page-middleware section ul {
        margin-bottom: 1em
    }

    .page-middleware section .whats-new {
        top: 0
    }

    .page-middleware ul.middleware-blog li span.author,
    .page-middleware ul.middleware-blog li span.date {
        display: block;
        float: none
    }
}

@media only screen and (max-width:768px) {

    .page-middleware ul.middleware-blog li span.author,
    .page-middleware ul.middleware-blog li span.date {
        display: inline-block
    }

    .page-middleware ul.middleware-blog li span.date {
        float: left
    }

    .page-middleware #referral-alert i {
        margin-bottom: 10px
    }
}

li.upstream {
    font-size: .8125rem;
    padding-bottom: 45px
}

li.upstream .defaultprojectimage {
    border: 1px solid #656565;
    width: 100%
}

li.upstream h5.solution-name .solution-name-link {
    font-weight: 800
}

li.upstream a.image-link img {
    background: #fff;
    width: 100%
}

li.upstream a.upstream-toggle-more {
    clear: both;
    display: block;
    margin-top: 5px
}

li.upstream a.upstream-toggle-more span.view-less {
    display: none
}

li.upstream a.upstream-toggle-more.upstream-toggle-open span.view-less {
    display: inline
}

li.upstream a.upstream-toggle-more.upstream-toggle-open span.view-more {
    display: none
}

li.upstream a.upstream-toggle-more i {
    margin-left: 5px
}

li.upstream .upstream-more-content {
    display: none
}

li.upstream p {
    margin-bottom: 10px
}

li.upstream h3 {
    color: #06c;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 10px 0
}

ul.featured-projects-results {
    margin: 0
}

ul.featured-projects-results>li {
    display: inline;
    float: left;
    height: auto;
    max-width: 268px;
    padding: 0 .625em 1.25em
}

ul.featured-projects-results>li .defaultprojectimage {
    background: none;
    border: 0;
    height: auto;
    width: 100%
}

ul.featured-projects-results a.image-link img {
    border: 1px solid #ccc;
    padding: 5px;
    width: 100%
}

.project-content {
    display: none
}

.project-details-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.project-details-list li {
    font-size: 1rem;
    overflow: hidden
}

.project-details-list li a:after {
    color: #027cbb;
    content: "\f08e";
    font-family: FontAwesome;
    font-size: 12px;
    margin-left: 5px
}

.project-details-list li a[href*="jboss.org"]:after {
    content: ""
}

.project-filters h4 {
    font-size: 23px;
    font-weight: 600
}

.project-filters h5 {
    font-size: 18px;
    font-weight: 600
}

.project-filters .project-filters-clear {
    font-size: 14px;
    margin-left: 5px
}

.project-content-left {
    position: static
}

.project-content-left p {
    margin: 5px 0
}

ul.project-social {
    bottom: 10px;
    list-style: none;
    margin: 0;
    position: absolute
}

ul.project-social li {
    display: inline
}

ul.project-social li a {
    color: #d5d5d5;
    font-size: 30px
}

@media (max-width:320px) {
    ul.featured-projects-results {
        margin: 0
    }

    ul.featured-projects-results li {
        padding: 0
    }
}

.hero.hero-projects {
    background: url(https://static.jboss.org/rhd/images/RHDev_pageheader_upstream_desktop.png) top/cover no-repeat;
    border: 0;
    content: ":4242";
    margin-bottom: 0;
    min-height: 220px
}

.hero.hero-projects h2 {
    color: #fff;
    font-size: 4em;
    font-weight: 600;
    margin-top: .5em;
    text-transform: uppercase
}

@media only screen and (max-width:1024px) {
    .hero.hero-projects h2 {
        font-size: 4em
    }
}

@media only screen and (max-width:768px) {
    .hero.hero-projects {
        background: url(https://static.jboss.org/rhd/images/RHDev_pageheader_upstream_tablet.png) top/cover no-repeat;
        min-height: auto
    }

    .hero.hero-projects h2 {
        line-height: 1;
        margin-top: 10px
    }
}

@media only screen and (max-width:480px) {
    .hero.hero-projects {
        background: url(https://static.jboss.org/rhd/images/RHDev_pageheader_upstream_mobile.png) top/cover no-repeat
    }
}

.hero.hero-projects p {
    color: #fff;
    font-size: 20px
}

rhdp-thankyou .thankyou {
    border-bottom: 1px solid #d5d5d5;
    padding: 0 0 2em
}

rhdp-thankyou .thankyou iframe {
    display: none
}

rhdp-thankyou .thankyou h2 {
    text-align: center
}

rhdp-thankyou .thankyou-button {
    margin-bottom: 3em;
    padding: 2em 0 0;
    text-align: center
}

rhdp-thankyou .thankyou-button a.button.heavy-cta {
    text-align: center
}

.other-book-formats {
    margin-top: 12px
}

.books-filters input[name=filter-text] {
    width: 25%
}

ul.book-list.loading {
    background: cdn("../images/icons/ajax-loader.gif") center 80px no-repeat;
    min-height: 250px
}

ul.book-list.loading li.material {
    visibility: hidden
}

ul.book-list li:last-child {
    float: left !important
}

.book {
    padding-bottom: 20px;
    padding-right: 20px !important;
    position: relative
}

.book,
.book:last-child.column {
    float: left
}

.book span.highlight {
    background: #ffffd6;
    border-radius: 2px;
    font-weight: 600;
    padding: 0 2px
}

.book a.book-preview {
    background: #333;
    color: #fff;
    display: block;
    left: 20%;
    opacity: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 130px;
    width: 60%
}

.book:hover a.book-preview {
    opacity: 1
}

.book img {
    background: #fff;
    border: 1px solid #d5d5d5;
    padding: 5px;
    width: 100%
}

.book h4 {
    margin-bottom: 0;
    padding-top: .5em
}

.book p {
    font-size: .75rem;
    margin: 3px 0
}

.featured-books {
    background: #e6e6e6;
    border-radius: 0
}

.featured-books h3 {
    color: #000;
    margin-top: 0
}

.featured-books .book {
    padding-bottom: 0
}

p.desc {
    clear: both;
    margin-bottom: 5px
}

@media only screen and (max-width:1024px) {
    .books-filters input[name=filter-text] {
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    .book {
        padding-right: 0
    }

    li.book {
        margin-bottom: 10px;
        width: 100%
    }
}

.isbnList {
    display: none
}

#rhd-book,
#rhd-cheat-sheet {
    margin-bottom: 3em
}

#rhd-book .content-type,
#rhd-cheat-sheet .content-type {
    color: #424242;
    margin-bottom: 0;
    text-transform: uppercase
}

#rhd-book .book-excerpt,
#rhd-book .cs-excerpt,
#rhd-cheat-sheet .book-excerpt,
#rhd-cheat-sheet .cs-excerpt {
    background-color: #e8fbff;
    border: 1px solid #b8e3ed;
    display: block;
    margin: 40px 0 20px;
    padding: 20px 30px
}

#rhd-book .book-excerpt h4,
#rhd-book .cs-excerpt h4,
#rhd-cheat-sheet .book-excerpt h4,
#rhd-cheat-sheet .cs-excerpt h4 {
    margin-bottom: 15px
}

#rhd-book .book-excerpt span,
#rhd-book .cs-excerpt span,
#rhd-cheat-sheet .book-excerpt span,
#rhd-cheat-sheet .cs-excerpt span {
    display: inline-block;
    font-style: italic;
    width: calc(100% - 60px)
}

#rhd-book .book-excerpt span.open-quote,
#rhd-book .cs-excerpt span.open-quote,
#rhd-cheat-sheet .book-excerpt span.open-quote,
#rhd-cheat-sheet .cs-excerpt span.open-quote {
    color: #00b9e4;
    font-size: 7em;
    font-style: normal;
    width: 60px
}

#rhd-book .book-excerpt span .field--name-field-book-excerpt,
#rhd-book .book-excerpt span .field--name-field-cheat-sheet-excerpt,
#rhd-book .cs-excerpt span .field--name-field-book-excerpt,
#rhd-book .cs-excerpt span .field--name-field-cheat-sheet-excerpt,
#rhd-cheat-sheet .book-excerpt span .field--name-field-book-excerpt,
#rhd-cheat-sheet .book-excerpt span .field--name-field-cheat-sheet-excerpt,
#rhd-cheat-sheet .cs-excerpt span .field--name-field-book-excerpt,
#rhd-cheat-sheet .cs-excerpt span .field--name-field-cheat-sheet-excerpt {
    width: inherit
}

#rhd-book .book-excerpt .divider,
#rhd-book .cs-excerpt .divider,
#rhd-cheat-sheet .book-excerpt .divider,
#rhd-cheat-sheet .cs-excerpt .divider {
    border-bottom: 1px solid #d5d5d5;
    padding: 10px 0
}

#rhd-book .book-excerpt .divider:last-of-type,
#rhd-book .cs-excerpt .divider:last-of-type,
#rhd-cheat-sheet .book-excerpt .divider:last-of-type,
#rhd-cheat-sheet .cs-excerpt .divider:last-of-type {
    border-bottom: none;
    padding-bottom: 0
}

#rhd-book .book-excerpt code,
#rhd-book .cs-excerpt code,
#rhd-cheat-sheet .book-excerpt code,
#rhd-cheat-sheet .cs-excerpt code {
    background-color: transparent;
    border: none;
    font-weight: inherit;
    padding: 0
}

#rhd-book .cta-label,
#rhd-cheat-sheet .cta-label {
    margin-bottom: 15px
}

#rhd-book .book-info,
#rhd-book .cs-info,
#rhd-cheat-sheet .book-info,
#rhd-cheat-sheet .cs-info {
    border-bottom: 1px solid #656565;
    border-top: 1px solid #656565;
    margin-bottom: 2.5em;
    padding: 7px 0
}

#rhd-book .book-info ul,
#rhd-book .cs-info ul,
#rhd-cheat-sheet .book-info ul,
#rhd-cheat-sheet .cs-info ul {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding-left: 0
}

#rhd-book .book-info ul li,
#rhd-book .cs-info ul li,
#rhd-cheat-sheet .book-info ul li,
#rhd-cheat-sheet .cs-info ul li {
    display: inline-block;
    margin-bottom: 1px;
    padding-top: 1px;
    width: auto
}

#rhd-book .book-info ul li:first-child,
#rhd-book .cs-info ul li:first-child,
#rhd-cheat-sheet .book-info ul li:first-child,
#rhd-cheat-sheet .cs-info ul li:first-child {
    padding-left: 0
}

#rhd-book .book-info ul li .field,
#rhd-book .cs-info ul li .field,
#rhd-cheat-sheet .book-info ul li .field,
#rhd-cheat-sheet .cs-info ul li .field {
    display: inline-block
}

#rhd-book .book-tags .field--name-field-cheat-sheet-tags,
#rhd-book .book-tags .field--name-field-tags,
#rhd-book .cs-tags .field--name-field-cheat-sheet-tags,
#rhd-book .cs-tags .field--name-field-tags,
#rhd-cheat-sheet .book-tags .field--name-field-cheat-sheet-tags,
#rhd-cheat-sheet .book-tags .field--name-field-tags,
#rhd-cheat-sheet .cs-tags .field--name-field-cheat-sheet-tags,
#rhd-cheat-sheet .cs-tags .field--name-field-tags {
    display: inline
}

#rhd-book .book-tags .field--name-field-cheat-sheet-tags .field__item,
#rhd-book .book-tags .field--name-field-tags .field__item,
#rhd-book .cs-tags .field--name-field-cheat-sheet-tags .field__item,
#rhd-book .cs-tags .field--name-field-tags .field__item,
#rhd-cheat-sheet .book-tags .field--name-field-cheat-sheet-tags .field__item,
#rhd-cheat-sheet .book-tags .field--name-field-tags .field__item,
#rhd-cheat-sheet .cs-tags .field--name-field-cheat-sheet-tags .field__item,
#rhd-cheat-sheet .cs-tags .field--name-field-tags .field__item {
    color: #424242;
    display: inline-block
}

#rhd-book .book-tags .field--name-field-cheat-sheet-tags .field__item a,
#rhd-book .book-tags .field--name-field-tags .field__item a,
#rhd-book .cs-tags .field--name-field-cheat-sheet-tags .field__item a,
#rhd-book .cs-tags .field--name-field-tags .field__item a,
#rhd-cheat-sheet .book-tags .field--name-field-cheat-sheet-tags .field__item a,
#rhd-cheat-sheet .book-tags .field--name-field-tags .field__item a,
#rhd-cheat-sheet .cs-tags .field--name-field-cheat-sheet-tags .field__item a,
#rhd-cheat-sheet .cs-tags .field--name-field-tags .field__item a {
    color: #424242
}

#rhd-book .book-tags .field--name-field-cheat-sheet-tags .field__item:after,
#rhd-book .book-tags .field--name-field-tags .field__item:after,
#rhd-book .cs-tags .field--name-field-cheat-sheet-tags .field__item:after,
#rhd-book .cs-tags .field--name-field-tags .field__item:after,
#rhd-cheat-sheet .book-tags .field--name-field-cheat-sheet-tags .field__item:after,
#rhd-cheat-sheet .book-tags .field--name-field-tags .field__item:after,
#rhd-cheat-sheet .cs-tags .field--name-field-cheat-sheet-tags .field__item:after,
#rhd-cheat-sheet .cs-tags .field--name-field-tags .field__item:after {
    content: ", ";
    position: relative
}

#rhd-book .book-tags .field--name-field-cheat-sheet-tags .field__item:last-child:after,
#rhd-book .book-tags .field--name-field-tags .field__item:last-child:after,
#rhd-book .cs-tags .field--name-field-cheat-sheet-tags .field__item:last-child:after,
#rhd-book .cs-tags .field--name-field-tags .field__item:last-child:after,
#rhd-cheat-sheet .book-tags .field--name-field-cheat-sheet-tags .field__item:last-child:after,
#rhd-cheat-sheet .book-tags .field--name-field-tags .field__item:last-child:after,
#rhd-cheat-sheet .cs-tags .field--name-field-cheat-sheet-tags .field__item:last-child:after,
#rhd-cheat-sheet .cs-tags .field--name-field-tags .field__item:last-child:after {
    display: none
}

#rhd-book .book-social .googleplus-one,
#rhd-book .cs-social .googleplus-one,
#rhd-cheat-sheet .book-social .googleplus-one,
#rhd-cheat-sheet .cs-social .googleplus-one {
    max-width: 55px
}

#rhd-book .share-this,
#rhd-cheat-sheet .share-this {
    background: none;
    padding-top: 0
}

#rhd-book a.button,
#rhd-cheat-sheet a.button {
    margin: 5px 0 20px;
    margin-right: 25px !important
}

#rhd-book .hidden-after-login,
#rhd-book .shown-after-login,
#rhd-cheat-sheet .hidden-after-login,
#rhd-cheat-sheet .shown-after-login {
    display: none
}

@media only screen and (max-width:1024px) {

    #rhd-book,
    #rhd-cheat-sheet {
        padding: 15px
    }

    #rhd-book .book-info .book-social,
    #rhd-book .book-info .cs-social,
    #rhd-book .cs-info .book-social,
    #rhd-book .cs-info .cs-social,
    #rhd-cheat-sheet .book-info .book-social,
    #rhd-cheat-sheet .book-info .cs-social,
    #rhd-cheat-sheet .cs-info .book-social,
    #rhd-cheat-sheet .cs-info .cs-social {
        float: none !important;
        margin-top: 5px
    }

    #rhd-book .book-info ul li,
    #rhd-book .cs-info ul li,
    #rhd-cheat-sheet .book-info ul li,
    #rhd-cheat-sheet .cs-info ul li {
        display: block
    }

    #rhd-book .field--name-field-cheat-sheet-tags,
    #rhd-book .field--name-field-tags,
    #rhd-cheat-sheet .field--name-field-cheat-sheet-tags,
    #rhd-cheat-sheet .field--name-field-tags {
        margin-bottom: 25px
    }

    #rhd-book a.button,
    #rhd-cheat-sheet a.button {
        margin-right: 0;
        width: 100%
    }
}

@media only screen and (max-width:768px) {

    #rhd-book .cs-tags,
    #rhd-cheat-sheet .cs-tags {
        margin-top: 20px
    }
}

@media only screen and (max-width:480px) {

    #rhd-book .cs-excerpt span.open-quote,
    #rhd-cheat-sheet .cs-excerpt span.open-quote {
        display: none
    }

    #rhd-book .cs-excerpt span,
    #rhd-cheat-sheet .cs-excerpt span {
        width: 100%
    }
}

#rhd-book .white-card,
#rhd-cheat-sheet .white-card {
    background-color: #fff;
    border: 2px solid #d5d5d5;
    height: 193px;
    margin: 16px 0;
    padding: 15px;
    position: relative
}

#rhd-book .white-card h5,
#rhd-cheat-sheet .white-card h5 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis
}

#rhd-book .white-card h6,
#rhd-cheat-sheet .white-card h6 {
    text-transform: uppercase
}

#rhd-book .white-card .description,
#rhd-book .white-card p,
#rhd-cheat-sheet .white-card .description,
#rhd-cheat-sheet .white-card p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #424242;
    display: -webkit-box;
    font-size: 1em;
    line-height: 1.4;
    margin-bottom: 0;
    max-height: 43px;
    overflow: hidden;
    text-overflow: ellipsis
}

.video-page div.video-container:only-child {
    width: 100% !important
}

.video-page .slides iframe {
    height: 392px;
    width: 595px
}

.video-page .slides iframe .vp-player-layout {
    left: 0 !important;
    right: 0 !important
}

.video-page .slides small {
    display: block
}

.video-page .field--type-video-embed-field {
    margin-bottom: 1.5em
}

.video-page .page-info-bar {
    margin-top: 0;
    width: calc(100% - 30px)
}

.video-page .video-content {
    margin-top: 4.5em
}

.video-page .video-description {
    margin-bottom: 1em
}

.video-page .video-description .field--name-field-video-resource-tags {
    display: inline
}

.video-page .video-description .field--name-field-video-resource-tags .field__item {
    color: #424242;
    display: inline-block
}

.video-page .video-description .field--name-field-video-resource-tags .field__item a {
    color: #424242
}

.video-page .video-description .field--name-field-video-resource-tags .field__item:after {
    content: ",";
    position: relative
}

.video-page .video-description .field--name-field-video-resource-tags .field__item:last-child:after {
    display: none
}

.video-page .show-more-text {
    max-height: 69px
}

.video-page a.show-more {
    border-top: 1px solid #d5d5d5
}

.video-page .video-transcript {
    padding: 2em 0 0
}

.video-page .video-transcript h5 {
    margin: 3em 0 0;
    padding-bottom: 1em
}

.video-page .video-transcript .field--name-field-video-transcript {
    border: 1px solid #d5d5d5;
    padding: 10px
}

.video-page .video-transcript .field--name-field-video-transcript .field__item {
    height: 100%;
    max-height: 350px;
    overflow: scroll
}

.video-page .video-transcript .field--name-field-video-transcript .field__item>p:last-of-type {
    margin-bottom: 0
}

.video-page .field--name-field-speakers {
    display: inline-block
}

.video-page .field--name-field-speakers .field__items>.field__item:not(:only-child):not(:last-child):after {
    content: ","
}

.video-page .field--name-field-video-related-links {
    color: #06c;
    font-weight: 800
}

.video-page .field--name-field-video-related-links .field__item {
    display: block;
    margin-bottom: 10px
}

.video-page .field--name-field-video-related-links .field__item>a:after {
    content: "▸"
}

.video-page .related-content-card {
    margin: 15px;
    width: calc(25% - 28px)
}

.video-page .related-content-card h4 {
    min-height: 65px
}

.video-page .related-content-card:first-child {
    margin-left: 0
}

.video-page #video-related-cont .field--name-field-related-content {
    display: inline
}

.video-page #video-related-cont .field--name-field-related-content~.video-related-content .related-content-card {
    margin-left: 15px;
    width: calc(25% - 32px)
}

section.related-content {
    background-color: #f9f9f9;
    margin-top: 3em;
    padding: 3em 0
}

.video-caption {
    font-size: .9em;
    margin-top: 1em;
    text-align: center
}

.video-caption * {
    font-size: .9rem
}

.product-video {
    margin: 30px 0
}

.product-video .video-caption {
    margin-top: -3em
}

@media only screen and (max-width:1024px) {
    .video-page .slides iframe {
        height: 400px;
        width: 80%
    }

    .video-page .related-content-card {
        min-height: 245px
    }

    .video-page.related-content h4 {
        margin-left: 15px
    }

    .product-video {
        margin: 1em 0 0
    }

    .product-video .video-caption {
        margin-top: 0
    }
}

@media only screen and (max-width:768px) {
    header.video-page .field--name-title {
        font-size: 30px
    }

    .video-page .page-info-bar {
        margin-bottom: 2em
    }

    .video-page .video-transcript {
        margin-bottom: 1em
    }

    .video-page .video-transcript h5 {
        margin-top: 0
    }

    .video-page #video-related-cont .field--name-field-related-content~.video-related-content .related-content-card,
    .video-page .related-content-card,
    .video-page .related-product-card {
        min-height: 225px;
        width: calc(50% - 30px)
    }

    .video-page #video-related-cont .field--name-field-related-content~.video-related-content .related-content-card:first-child,
    .video-page .related-content-card:first-child,
    .video-page .related-product-card:first-child {
        margin-left: 15px
    }

    .video-page .related-product-card {
        margin: 0 15px
    }

    .video-page .field--name-field-video-related-links {
        margin-left: 15px
    }
}

@media only screen and (max-width:480px) {
    .video-page .slides iframe {
        height: 230px
    }

    .video-page .video-content {
        margin-top: 2em
    }
}

.rhd-play-button {
    background: rgba(0, 0, 0, .65);
    border-radius: 50%;
    bottom: 2.5rem;
    color: #fff;
    font-size: 1.5rem;
    height: 2rem;
    left: 80px;
    padding: 0 0 0 .5rem;
    position: relative;
    width: 2rem
}

@media only screen and (min-width:481px) {
    .rhd-play-button {
        bottom: 4rem;
        font-size: 1.7rem;
        height: 3rem;
        left: 120px;
        padding: .5rem 1rem;
        width: 3rem
    }
}

.wide h1,
.wide h2,
.wide h3,
.wide h4,
.wide h5,
.wide h6 {
    color: #424242
}

.microsite-icon-points {
    background: #000;
    color: #fff;
    margin: 20px 0;
    padding: 30px 0;
    text-align: center
}

.microsite-icon-points i {
    font-size: 100px
}

.microsite-icon-points h3 {
    color: #fff
}

.microsite-icon-points p {
    color: #fff;
    line-height: 1.3
}

.microsite-large-icons {
    border-bottom: 2px solid #f9f9f9;
    padding: 30px 0
}

.microsite-large-icons .center {
    text-align: center
}

.microsite-large-icons i {
    color: #ccc;
    font-size: 180px;
    margin-bottom: 30px;
    margin-top: -30px;
    position: relative
}

.microsite-large-icons i.fa-image {
    left: -20px
}

.microsite-text-points h3 {
    font-weight: 600
}

.wide-hero {
    background-size: cover;
    border-bottom: 1px solid #e6e6e6;
    color: #fff;
    margin-bottom: 40px;
    padding: 50px 0
}

.wide-hero h1 {
    color: #fff
}

.wide-hero h2 {
    font-size: 4.0625rem
}

.wide-hero h2,
.wide-hero h3 {
    color: #fff;
    line-height: 1;
    text-align: right
}

.wide-hero h3 {
    font-size: 2rem
}

.wide-hero p {
    margin-top: 20px
}

.left-aligned-h3 h3 {
    text-align: left
}

.microsite-cta {
    background: #004c98;
    margin: 20px 0;
    padding: 40px 0;
    text-align: center
}

.microsite-cta h3 {
    font-size: 2rem;
    text-transform: uppercase
}

.microsite-cta p {
    color: #fff;
    font-size: 1.375rem;
    font-style: italic
}

.microsite-cta--image {
    background-size: cover;
    text-align: left
}

.y-center {
    display: table;
    text-align: center
}

.y-center>div {
    display: table-cell;
    vertical-align: middle
}

.y-center a {
    margin: 0
}

@media only screen and (max-width:1024px) {
    body.fullbleed .row .row {
        margin: 0
    }

    body.fullbleed .row .row .columns,
    body.fullbleed .row .row .developer-materials-main,
    body.fullbleed .row .row .developer-materials-sidebar,
    body.fullbleed .row .row .microsite-nav {
        padding: 0
    }

    .wide-hero {
        margin-left: -5px;
        width: 100%;
        width: calc(100% + 5px)
    }

    .microsite-cta--image div {
        width: 100%
    }

    .microsite-large-icons {
        padding: 0
    }

    .microsite-large-icons i {
        font-size: 50px;
        margin: 0
    }

    .microsite-large-icons .row>div.microsite-large-icon {
        display: none
    }
}

.microsite-nav {
    margin-bottom: 20px;
    margin-top: -40px
}

.microsite-nav>ul {
    list-style: none
}

.microsite-nav>ul li {
    display: inline-block;
    float: left
}

.microsite-nav>ul li a {
    background: #e6e6e6;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    color: #656565;
    display: block;
    font-weight: 600;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase
}

.microsite-nav>ul li a:hover,
.microsite-nav>ul li.active a {
    background: #004c98;
    color: #fff
}

.microsite-nav>ul li:last-child a {
    border-right: 0
}

.microsite-nav>ul.microsite-nav-1 li {
    width: 100%
}

.microsite-nav>ul.microsite-nav-2 li {
    width: 50%
}

.microsite-nav>ul.microsite-nav-3 li {
    width: 33.33333%
}

.microsite-nav>ul.microsite-nav-4 li {
    width: 25%
}

.microsite-nav>ul.microsite-nav-5 li {
    width: 20%
}

.microsite-nav>ul.microsite-nav-6 li {
    width: 16.66667%
}

.microsite-nav>ul.microsite-nav-7 li {
    width: 14.28571%
}

.microsite-nav>ul.microsite-nav-8 li {
    width: 12.5%
}

.microsite-nav>ul.microsite-nav-9 li {
    width: 11.11111%
}

.microsite-nav>ul.microsite-nav-10 li {
    width: 10%
}

.microsite-nav>ul.microsite-nav-11 li {
    width: 9.09091%
}

.microsite-nav>ul.microsite-nav-12 li {
    width: 8.33333%
}

body.microsite .top-bar-section,
body.microsite-multi-page .top-bar-section {
    display: none
}

body.microsite nav.top-bar,
body.microsite-multi-page nav.top-bar {
    border-bottom: 0
}

@media only screen and (max-width:768px) {
    .microsite-nav {
        height: 80px;
        position: relative;
        z-index: 2
    }

    .microsite-nav>ul[class*=microsite-nav-] {
        border: 1px solid #ccc;
        border-radius: 0;
        left: 0;
        margin-top: 20px;
        overflow: hidden;
        position: absolute;
        width: 100%
    }

    .microsite-nav>ul[class*=microsite-nav-] li {
        display: block;
        display: none;
        position: relative;
        width: 100%
    }

    .microsite-nav>ul[class*=microsite-nav-] li.active {
        display: block
    }

    .microsite-nav>ul[class*=microsite-nav-] li.active a {
        background: #424242;
        border-top: 0;
        color: #fff
    }

    .microsite-nav>ul[class*=microsite-nav-] li a {
        background: #00b9e4;
        border: 0;
        border-top: 1px solid #fff;
        color: #004c98;
        padding-left: 10px;
        text-align: left
    }

    .microsite-nav>ul[class*=microsite-nav-] li a:hover {
        background: #424242;
        color: #fff
    }

    .microsite-nav>ul[class*=microsite-nav-] li a:after {
        content: "\f107";
        float: right;
        font-family: FontAwesome;
        font-weight: 600;
        margin-right: 10px
    }

    .microsite-nav>ul[class*=microsite-nav-] li :first-child a {
        border-top: 0
    }

    .microsite-nav.microsite-nav--open>ul[class*=microsite-nav-]>li {
        display: block
    }

    .microsite-nav.microsite-nav--open>ul[class*=microsite-nav-]>li a:after {
        content: "\f105"
    }

    .y-center {
        height: auto !important
    }
}

.microsite-header {
    margin-top: 3em
}

.dotnet-graphic {
    display: block;
    margin: 20px auto 40px
}

.devnation-discount h3 {
    margin-bottom: 20px
}

.devnation-discount img {
    display: block;
    margin: 0 auto 40px
}

.site-header .card.green {
    background-color: #3f9c35;
    border: none
}

.site-header .card.green p {
    margin-bottom: 0
}

.promotion-header {
    margin-bottom: 4em
}

.promotion-header img {
    max-width: 320px
}

.promotion-header .report-title {
    margin-top: 20px
}

.promotion-header .button {
    display: block;
    margin: 17px 0;
    max-width: 320px
}

.promotion-header h3 {
    margin-top: 0
}

.promotion-header .author-img {
    margin-top: 10px;
    width: 115px
}

.microsite-tmpl {
    margin-top: 3em
}

.microsite-tmpl ul li p {
    margin-bottom: 5px
}

.microsite-tmpl .button p {
    margin-bottom: 0
}

.microsite-tmpl .button a {
    color: #fff;
    font-weight: 600
}

.microsite-graphic {
    display: block;
    margin: 5px auto 40px
}

.microsite-tmpl .button.mailto-btn a,
.microsite-tmpl .mailto-link a {
    display: none
}

@media only screen and (max-width:1024px) {
    .promotion-header .field__item img {
        max-width: 100%
    }

    .microsite-tmpl {
        margin-top: 15px
    }

    .microsite-tmpl .field--name-field-call-to-action-link,
    .microsite-tmpl .field--name-field-mail-to-link {
        width: 100%
    }

    .microsite-tmpl .field__item img {
        margin-bottom: 25px
    }

    .microsite-tmpl .mailto-link .button.mailto-btn a {
        display: block
    }

    .microsite-tmpl .button.mailto-btn {
        background: #fff;
        border: 2px solid #08c0fc;
        color: #08c0fc;
        display: block !important
    }

    .field__item.button.mailto-btn a {
        color: #08c0fc;
        display: block
    }

    .field--name-title {
        margin-bottom: 10px
    }

    .microsite-tmpl .button.download-btn {
        display: block;
        padding-left: 20px;
        padding-right: 20px
    }
}

#rhd-article {
    padding-top: 2em
}

#rhd-article .large-5.medium-5.columns,
#rhd-article .large-5.medium-5.developer-materials-main,
#rhd-article .large-5.medium-5.developer-materials-sidebar,
#rhd-article .large-5.medium-5.microsite-nav {
    float: right;
    position: absolute;
    right: 0
}

#rhd-article .article-info {
    background: #d5d5d5;
    border: none;
    margin-bottom: 2.5em;
    padding: 7px 5px
}

#rhd-article .article-info ul {
    margin-top: 0;
    padding: 0 5px 5px
}

#rhd-article .article-info ul li {
    margin-right: 15px;
    width: auto
}

#rhd-article .article-info ul .field--name-field-content-author {
    display: inline-block
}

#rhd-article .article-content h2 {
    border-bottom: 1px solid #d5d5d5;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 20px;
    padding-bottom: 5px
}

@media (min-width:768px) {
    #rhd-article .article-content h2 {
        font-size: 32px
    }
}

#rhd-article .article-content h3 {
    border-bottom: none;
    font-size: 15px;
    margin-bottom: 10px;
    padding-bottom: 0
}

@media (min-width:768px) {
    #rhd-article .article-content h3 {
        font-size: 27px
    }
}

#rhd-article .a2a_kit {
    margin-bottom: 30px
}

#rhd-article .field--name-field-tags {
    display: inline
}

#rhd-article .field--name-field-tags .field__item {
    color: #424242;
    display: inline-block
}

#rhd-article .field--name-field-tags .field__item a {
    color: #424242
}

#rhd-article .field--name-field-tags .field__item:after {
    content: ", ";
    position: relative
}

#rhd-article .field--name-field-tags .field__item:last-child:after {
    display: none
}

@media only screen and (max-width:1170px) {
    #rhd-article {
        padding: 15px
    }
}

.stackoverflow-results-container .stackoverflow-product-update .update .qtn-stats,
.stackoverflow-results-container .stackoverflow-update .update .qtn-stats {
    padding-top: 5px
}

.stackoverflow-results-container .stackoverflow-product-update .update .qtn-stats div,
.stackoverflow-results-container .stackoverflow-update .update .qtn-stats div {
    display: inline-block;
    margin-right: 4px;
    max-height: 80;
    max-width: 80px;
    min-height: 80px;
    padding-top: 15px;
    text-align: center;
    width: 30%
}

.stackoverflow-results-container .stackoverflow-product-update .update .qtn-stats div p,
.stackoverflow-results-container .stackoverflow-update .update .qtn-stats div p {
    font-size: .8em
}

.stackoverflow-results-container .stackoverflow-product-update .update .qtn-stats div h4,
.stackoverflow-results-container .stackoverflow-update .update .qtn-stats div h4 {
    line-height: 1;
    margin-bottom: 0
}

.stackoverflow-results-container .stackoverflow-product-update .update .qtn-stats div.answer-count,
.stackoverflow-results-container .stackoverflow-update .update .qtn-stats div.answer-count {
    border: 2px solid #8ed300
}

.stackoverflow-results-container .stackoverflow-product-update .update .qtn-stats div.accepted-answer,
.stackoverflow-results-container .stackoverflow-update .update .qtn-stats div.accepted-answer {
    background-color: #8ed300;
    color: #fff
}

.stackoverflow-results-container .stackoverflow-product-update .update .qtn-stats div.accepted-answer h4,
.stackoverflow-results-container .stackoverflow-update .update .qtn-stats div.accepted-answer h4 {
    color: #fff
}

.stackoverflow-results-container .stackoverflow-product-update .update .qtn-stats div.views-count,
.stackoverflow-results-container .stackoverflow-product-update .update .qtn-stats div.votes-count,
.stackoverflow-results-container .stackoverflow-update .update .qtn-stats div.views-count,
.stackoverflow-results-container .stackoverflow-update .update .qtn-stats div.votes-count {
    background-color: #ccc;
    border: 2px solid #ccc;
    color: #fff
}

.stackoverflow-results-container .stackoverflow-product-update .update .qtn-stats div.views-count h4,
.stackoverflow-results-container .stackoverflow-product-update .update .qtn-stats div.views-count p,
.stackoverflow-results-container .stackoverflow-product-update .update .qtn-stats div.votes-count h4,
.stackoverflow-results-container .stackoverflow-product-update .update .qtn-stats div.votes-count p,
.stackoverflow-results-container .stackoverflow-update .update .qtn-stats div.views-count h4,
.stackoverflow-results-container .stackoverflow-update .update .qtn-stats div.views-count p,
.stackoverflow-results-container .stackoverflow-update .update .qtn-stats div.votes-count h4,
.stackoverflow-results-container .stackoverflow-update .update .qtn-stats div.votes-count p {
    color: #fff
}

.stackoverflow-results-container .stackoverflow-product-update .update .so-author,
.stackoverflow-results-container .stackoverflow-update .update .so-author {
    float: right
}

.stackoverflow-results-container .stackoverflow-product-update .update a.qtn-title,
.stackoverflow-results-container .stackoverflow-update .update a.qtn-title {
    color: #06c;
    font-size: 1.4375rem;
    font-weight: 600;
    margin-bottom: 8px
}

.stackoverflow-results-container .stackoverflow-product-update .update p.qtn-content,
.stackoverflow-results-container .stackoverflow-update .update p.qtn-content {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 10px !important;
    margin-top: 8px;
    max-height: 70px;
    overflow: hidden;
    text-overflow: ellipsis
}

.stackoverflow-results-container .stackoverflow-product-update .update span.qtn-answer,
.stackoverflow-results-container .stackoverflow-update .update span.qtn-answer {
    display: block;
    margin-top: 1em
}

.stackoverflow-results-container .stackoverflow-product-update .update .callout,
.stackoverflow-results-container .stackoverflow-update .update .callout {
    background-color: #f9f9f9;
    margin: 10px 0;
    padding: 20px
}

.stackoverflow-results-container .stackoverflow-product-update .update .callout a,
.stackoverflow-results-container .stackoverflow-update .update .callout a {
    color: #73bcf7
}

.stackoverflow-results-container .stackoverflow-update .update {
    margin-top: 2em
}

.so-product-result {
    padding: 0
}

.stackoverflow-product-update .update {
    padding: 0 1em 0 0
}

.stackoverflow-product-update .update .update-meta {
    border-bottom: 1px solid #e6e6e6;
    min-height: 120px;
    padding-bottom: 5px
}

.stackoverflow-product-update .update .qtn-title {
    min-height: 50px
}

.stackoverflow-product-update .update .qtn-title a {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis
}

.stackoverflow-update .update {
    border-bottom: 1px solid #e6e7e8;
    padding-bottom: 20px
}

.hero.stackoverflow-main {
    background-color: #0089d0;
    background-image: url(https://static.jboss.org/images/rhd/headers/stackoverflow_overview_background.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 37%;
    border: none;
    margin-bottom: 0;
    padding: 40px 0
}

.hero.stackoverflow-main h3,
.hero.stackoverflow-main p {
    color: #fff
}

.stack-help {
    background-color: #242424;
    margin-bottom: 25px
}

.stack-help h3 {
    color: #ccc;
    text-align: right
}

.stack-help p {
    color: #fff;
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 5px;
    padding: 10px 0 0
}

.stack-help a {
    color: #73bcf7
}

.stack-help a:active,
.stack-help a:hover {
    color: #06c
}

.stackoverflow-filters {
    padding-top: 1em
}

.stackoverflow-filters label {
    color: #424242;
    display: inline-block;
    font-size: 1.6em;
    font-weight: 800;
    margin-right: 20px
}

.stackoverflow-filters .styled-select {
    display: inline-block;
    z-index: 1
}

.qtn-answer.display-answer {
    display: block
}

.qtn-answer.hide-answer {
    display: none
}

.qtn-answer p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 10px !important;
    max-height: 70px;
    overflow: hidden;
    text-overflow: ellipsis
}

div.so-tags {
    margin-top: 5px
}

div.so-tags .tag:not(:nth-last-of-type(2)):after {
    content: ", "
}

div.so-tags>:nth-last-child(2):after {
    content: ""
}

.qtn-answer strong,
strong.tag-label {
    margin-right: 5px
}

@media only screen and (max-width:1024px) {
    .hero.stackoverflow-main {
        padding: 40px 30px
    }

    .stackoverflow-main img {
        margin-bottom: 20px;
        max-width: 500px
    }

    .stack-help {
        margin: 0 -15px 25px;
        padding: 20px 15px
    }

    .stack-help h3 {
        text-align: left
    }

    .qtn-stats {
        margin-bottom: 15px
    }
}

@media only screen and (max-width:480px) {
    .stackoverflow-results-container .stackoverflow-update .update span.so-author {
        display: block;
        float: none;
        margin-top: 5px
    }
}

#forumsContainer {
    display: none
}

.so-sorting {
    margin-top: 20px
}

.so-sorting select.results-count {
    margin: 0 1em;
    width: auto
}

#paginator {
    border-top: 1px solid #ccc;
    clear: both;
    padding-top: 15px
}

#paginator ul.pagination {
    font-size: 0;
    height: auto
}

@media only screen and (min-width:64.063em) {
    #paginator ul.pagination {
        float: right
    }
}

#paginator ul.pagination li {
    background: #fff;
    border: 1px solid #ddd;
    color: #06c;
    float: left;
    height: auto;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 0;
    position: relative;
    text-decoration: none
}

#paginator ul.pagination li:before {
    display: none
}

#paginator ul.pagination li.one-page {
    margin-top: 0;
    visibility: hidden
}

#paginator ul.pagination li a {
    cursor: pointer;
    min-height: 36.39px;
    padding-top: .6em;
    -webkit-transition: none;
    transition: none
}

#paginator ul.pagination li a:focus,
#paginator ul.pagination li a:hover {
    background: #eee;
    border-color: #ddd;
    color: #005582 !important
}

#paginator ul.pagination li.current a {
    background: #0088ce !important;
    border-color: #0088ce !important;
    color: #fff !important;
    z-index: 2
}

#paginator ul.pagination li.unavailable {
    background-color: #f7f7f7;
    cursor: auto;
    pointer-events: none
}

.faq-nav-fixed {
    max-width: 180px;
    padding-top: 20px;
    position: fixed;
    top: 0;
    width: 18%
}

.faq-nav a.past-block:last-child {
    color: #a5ab36
}

.faq-nav {
    padding-left: 0
}

.faq-nav li {
    list-style: none;
    padding-bottom: 10px
}

.faq-nav li a {
    color: #06c
}

.faq-nav li a:after {
    content: "›";
    margin-left: 5px
}

.mobile-selector {
    display: none
}

.faq .align {
    float: right !important
}

.faq h3 {
    border-bottom: 1px solid #d5d5d5;
    font-weight: 100;
    margin-bottom: 20px;
    padding-bottom: 5px
}

.faq .olist ol {
    counter-reset: section
}

.faq .olist li {
    list-style-type: none
}

.faq .olist li:before {
    background: #d5d5d5;
    border-radius: 5px;
    color: #fff;
    content: counters(section, ".") " ";
    counter-increment: section;
    display: inline;
    float: left;
    font-size: 19px;
    font-weight: 600;
    margin-right: 10px;
    padding: 3px 10px
}

.faq>div {
    margin-bottom: 40px
}

@media only screen and (max-width:768px) {
    .faq-nav-fixed {
        position: relative;
        width: 100%
    }

    .gsi-nav,
    ul.faq-nav {
        display: none
    }

    .mobile-selector {
        display: block;
        width: 100%
    }
}

.text-content .connector h3 {
    line-height: 1;
    margin-bottom: .3125rem;
    margin-top: .5em
}

.text-content .connector h3,
.text-content .connector p {
    text-align: left
}

.text-content .connectors-order a {
    margin: 0 .5em
}

.connector-overlay-content {
    display: none
}

.copy-to-clipboard {
    display: inline-block;
    margin-left: 10px
}

.copy-to-clipboard,
.copy-to-clipboard embed,
.copy-to-clipboard object {
    height: 14px;
    width: 114px
}

@media only screen and (max-width:768px) {
    body.overlay-open {
        overflow: hidden
    }

    body.overlay-open .overlay {
        -webkit-overflow-scrolling: touch;
        display: block;
        height: 100%;
        overflow: scroll
    }
}

ul.featured-connectors-results>li {
    display: inline;
    float: left;
    height: auto;
    padding: 0 .625em 1.25em
}

ul.featured-connectors-results>li .defaultconnectorimage {
    background: none;
    border: 0;
    height: auto;
    width: 100%
}

ul.featured-connectors-results>li:before {
    display: none
}

ul.featured-connectors-results>li .connector-logo {
    max-width: 250px
}

ul.featured-connectors-results a.image-link img {
    border: 1px solid #ccc;
    padding: 5px;
    width: 100%
}

.about .wrapper {
    padding-bottom: 0
}

.about-header {
    background: url(https://static.jboss.org/images/rhd/headers/about_hero_banner_2000x446.png) top/cover no-repeat;
    height: 446px
}

.about-header h2,
.about-header h3,
.about-header h5,
.about-header p {
    color: #fff
}

.about-header h2 {
    font-size: 4em
}

.about-header .about-title {
    margin-top: 17%
}

@media only screen and (max-width:480px) {
    .about-header h2 {
        font-size: 3em
    }

    .about-header .about-title {
        margin-top: 50%
    }
}

.about-sec1 {
    background: cdn("../images/design/about/about_our_mission_bg_lines.png") 0 0/auto no-repeat;
    padding: 50px 0
}

.about-sec1 h2,
.about-sec1 h4,
.about-sec1 p {
    text-align: center
}

.about-sec1 h4 {
    font-style: italic;
    font-weight: 100
}

.about-sec1 p {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0 auto;
    max-width: 800px
}

.about-sec2 {
    background-color: #0089d0;
    padding: 50px 0
}

.about-sec2 h2,
.about-sec2 h3,
.about-sec2 p {
    color: #fff
}

.about-sec2 h2 {
    margin-bottom: 0;
    text-transform: uppercase
}

.about-sec2 h3 {
    font-style: italic;
    font-weight: 100
}

.about-sec2 p {
    font-size: 1.2em
}

.about-sec2 .float-content {
    float: right;
    margin-right: 15%
}

@media only screen and (max-width:1024px) {
    .about-sec2 .float-content {
        float: none;
        margin-right: 0
    }
}

.about-sec3 {
    background: cdn("../images/design/about/about_who_should_join_bg_lines.png") 100% 100%/auto no-repeat;
    padding: 50px 0
}

.about-sec3 h2,
.about-sec3 h4,
.about-sec3 p {
    text-align: center
}

.about-sec3 h4 {
    font-style: italic;
    font-weight: 100
}

.about-sec3 a.button {
    margin: 20px auto 0;
    width: 350px
}

.about-sec3 p {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0 auto;
    max-width: 800px
}

.about-sec4 {
    background-color: #fb0;
    padding: 50px 0
}

.about-sec4 h2 {
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase
}

.about-sec4 span h4,
.about-sec4 span h5 {
    display: inline
}

.about-sec4 span h5 {
    font-weight: 100
}

.about-sec4 ul li {
    font-size: 1.4em;
    line-height: 2;
    list-style: none
}

.about-sec4 .float-content {
    float: right
}

.about-sec4 li:before {
    color: #399a2b;
    content: "\f00c";
    font-family: FontAwesome;
    margin: 0 5px 0 -15px
}

@media only screen and (max-width:480px) {
    .about-sec4 ul li {
        font-size: 1.2em;
        line-height: 1.6
    }
}

.about-sec5 {
    padding: 50px 0
}

.about-sec5 h2,
.about-sec5 h4,
.about-sec5 h5,
.about-sec5 p {
    text-align: center
}

.about-sec5 h2 {
    margin-bottom: 0
}

.about-sec5 img {
    display: block;
    margin: 5px auto;
    max-width: 200px
}

.about-sec5 p {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0 auto 20px;
    max-width: 800px
}

.about-sec5 .about-icon h4 {
    color: #063
}

.about-sec5 .about-icon p {
    font-size: 1em;
    text-align: left
}

.about-sec6 {
    background-color: #afb1b2;
    padding: 50px 0
}

.about-sec6 h2,
.about-sec6 h3 {
    color: #fff
}

.about-sec6 h2 {
    font-size: 4em;
    margin-bottom: 0;
    text-transform: uppercase
}

.about-sec6 h3 {
    font-weight: 100;
    margin-bottom: 25px
}

.about-sec6 a.button {
    display: block;
    margin: 9% auto 0;
    width: 350px
}

@media only screen and (max-width:1024px) {
    .about-sec6 a.button {
        margin: 0 auto
    }

    .about-sec6 h2,
    .about-sec6 h3 {
        text-align: center
    }
}

.about-sec7 {
    padding: 50px 0
}

.about-sec7 h2 {
    margin-bottom: 0;
    text-align: center
}

.about-sec7 h4 {
    font-weight: 100;
    text-align: center
}

.about-sec7 p {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0 auto;
    max-width: 800px
}

.about-sec7 ul.team-members {
    margin-top: 60px
}

.about-sec7 ul.team-members li {
    margin: 20px 0
}

.about-sec7 ul.team-members img {
    border-radius: 50%;
    display: block;
    margin: 0 auto 10px;
    max-width: 155px
}

.about-sec7 ul.team-members span .name {
    display: inline;
    font-size: 1em;
    font-weight: 800;
    margin-left: 5px
}

.about-sec7 ul.team-members span a {
    display: inline;
    font-size: 1.1em;
    margin-left: 5px
}

.about-sec7 ul.team-members span .title {
    font-size: .9em;
    margin-left: 5px
}

.about-sec8 {
    background-color: #063;
    padding: 50px 0
}

.about-sec8 h2 {
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase
}

.about-sec8 h4 {
    color: #fff;
    font-weight: 200
}

.about-sec8 ul.social-links {
    display: block;
    list-style: none;
    margin: 15px auto 0;
    max-width: 325px
}

.about-sec8 ul.social-links li,
.about-sec8 ul.social-links li a {
    color: #fff;
    display: inline;
    font-size: 1.8em;
    margin-right: 15px
}

.wide-hero.awards {
    background: url(https://static.jboss.org/rhd/images/_images_awards_microsite_hero.jpg);
    padding: 1em
}

.wide-hero.awards h2,
.wide-hero.awards p {
    color: #fff
}

.wide-hero.awards h2 {
    text-align: right
}

.middlewareAwards .award-section {
    margin-bottom: 40px
}

.middlewareAwards .award-section a h3,
.middlewareAwards .award-section a h5 {
    color: #2664a2;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 15px
}

.middlewareAwards .award-section a h3:hover,
.middlewareAwards .award-section a h5:hover {
    color: #a5aa4d
}

.middlewareAwards .award-section .dukes-links {
    margin-top: 15px
}

.middlewareAwards .award-section .award-logo {
    display: block;
    margin: 60px auto 30px;
    max-width: 350px
}

.middlewareAwards .award-section .logo-sm {
    margin: 0 auto;
    max-height: 75px
}

.middlewareAwards .award-section .dukes-logo {
    max-width: 160px
}

.middlewareAwards .award-section h6 {
    margin-bottom: 0
}

.communitycontributor .wrapper {
    padding-bottom: 0
}

.contributors-main {
    background: url(https://static.jboss.org/rhd/images/rhdev_pageheader_contributors_desktop.png) top/cover no-repeat
}

.contributors-main h2,
.contributors-main h3,
.contributors-main h4,
.contributors-main h5,
.contributors-main p {
    color: #fff
}

.contributors-main .contrubutors-title {
    padding: 3em 0
}

.contributors-main .contributors-cta {
    background-color: rgba(0, 0, 0, .5);
    padding: 50px 30px
}

.contributors-main .contributors-cta a.button {
    display: block;
    margin: 0 auto
}

.contributors-main .contributors-cta p {
    font-size: 1.2em
}

@media only screen and (max-width:1024px) {
    .contributors-main {
        background: url(https://static.jboss.org/rhd/images/rhdev_pageheader_contributors_tablet.png) top/cover no-repeat
    }
}

@media only screen and (max-width:480px) {
    .contributors-main {
        background: url(https://static.jboss.org/rhd/images/rhdev_pageheader_contributors_mobile.png) top/cover no-repeat
    }
}

.contributers-sec1 {
    padding: 50px 0
}

.contributers-sec1 h4 {
    margin-bottom: 10px
}

.contributers-sec1 .text {
    font-size: 1.2em
}

.contributers-sec1 .benefits span {
    display: inline
}

.contributers-sec1 .benefits span img {
    margin-bottom: 5px;
    max-width: 45px
}

.contributers-sec1 .benefits span p {
    margin-left: 5px
}

@media only screen and (max-width:1024px) {
    .benefits p {
        margin-left: 45px
    }
}

.contributers-sec2 {
    background-color: #f3bf40;
    padding: 50px 0
}

.contributers-sec2 li,
.contributers-sec2 p {
    font-size: 1.2em
}

.contributers-sec2 img {
    display: block;
    margin: 0 auto;
    max-width: 250px
}

@media only screen and (max-width:1024px) {
    .contributers-sec2 img {
        margin: 0
    }
}

.contributers-sec3 {
    background-color: #40a5d9;
    padding: 50px 0
}

.contributers-sec3 h2,
.contributers-sec3 h3 {
    color: #fff
}

.contributers-sec3 li,
.contributers-sec3 p {
    color: #fff;
    font-size: 1.2em
}

.contributers-sec3 form {
    min-height: 600px
}

.contributers-sec3 .answer-block {
    background-color: #fff;
    display: none;
    margin-left: 10px;
    margin-top: 30px;
    padding: 2.3em
}

.contributers-sec3 .answer-block h2,
.contributers-sec3 .answer-block h3,
.contributers-sec3 .answer-block h4,
.contributers-sec3 .answer-block p {
    color: #000;
    font-weight: 400
}

.contributers-sec3 .answer-block p {
    font-size: 1.2em
}

.contributers-sec4 {
    background-color: #ccc;
    padding: 50px 0
}

.contributers-sec4 h2 {
    color: #fff
}

.contributers-sec4 li,
.contributers-sec4 p {
    color: #fff;
    font-size: 1.4em
}

.cc-question {
    height: 250px;
    margin: 15px 0
}

.cc-or {
    margin-top: 50%;
    text-align: center;
    text-decoration: underline
}

@media only screen and (max-width:1024px) {
    .cc-or {
        margin: 20px auto
    }
}

.cc-selector input {
    position: absolute;
    z-index: 999
}

.cc-selector input[type=radio] {
    opacity: .01;
    z-index: 100
}

.cc-selector input[type=radio]+label {
    background-position: top;
    height: 150px;
    width: 100%
}

.cc-selector input[type=radio]+label div.label-text {
    background-color: #ccc;
    min-height: 90px;
    padding: 15px;
    position: relative;
    top: 150px
}

.cc-selector input[type=radio]+label div.label-text img {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px
}

.cc-selector input[type=radio]+label div.label-text p {
    display: inline;
    font-size: 1.4em;
    font-weight: 600;
    margin-bottom: 0
}

.cc-selector img.checked {
    display: none
}

.cc-selector input[type=radio][id=q1a1]+label {
    background-color: #efaa00
}

.cc-selector input[type=radio][id=q1a2]+label {
    background-color: #acde40
}

.cc-selector input[type=radio][id=q2a1]+label {
    background-color: #f3bf40
}

.cc-selector input[type=radio][id=q2a2]+label {
    background-color: #bee0f2
}

.radio-clock {
    background-image: cdn("../images/content-contributors/clock.png")
}

.radio-calendar {
    background-image: cdn("../images/content-contributors/calendar.png")
}

.radio-podium-woman {
    background-image: cdn("../images/content-contributors/podium_woman.png")
}

.radio-podium-empty {
    background-image: cdn("../images/content-contributors/podium_empty.png")
}

.cc-selector input:active+.answer-cc {
    opacity: .9
}

.cc-selector input:checked+.answer-cc {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none
}

.cc-selector input:checked+.answer-cc img.unchecked {
    display: none
}

.cc-selector input:checked+.answer-cc img.checked {
    display: inline
}

.answer-cc {
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    width: 100px
}

.answer-cc,
.answer-cc:hover {
    -webkit-filter: brightness(1) grayscale(.3) opacity(.7);
    -moz-filter: brightness(1) grayscale(.3) opacity(.7);
    filter: brightness(1) grayscale(.3) opacity(.7)
}

.contributors-registration iframe {
    display: block;
    margin: 30px auto;
    min-height: 1150px
}

.wide-hero.devnation-live {
    background-image: url(https://design.jboss.org/redhatdeveloper/website/redhatdeveloper_2_0/microsite_graphics/images/devnationlive_microsite_banner_desktop_background_r4v1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0;
    min-height: 242px
}

.wide-hero.devnation-live img {
    display: block;
    margin: 0 auto
}

@media only screen and (max-width:768px) {
    .wide-hero.devnation-live {
        background: url(https://design.jboss.org/redhatdeveloper/website/redhatdeveloper_2_0/microsite_graphics/images/devnationlive_microsite_banner_mobile_background_r4v1.png) top/cover repeat-x
    }

    #devnationLive-microsite h2 {
        font-size: 2em
    }
}

#devnationLive-microsite .divider {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2em;
    padding-bottom: 2em
}

#devnationLive-microsite .next-session {
    padding: 1em 0 2em
}

#devnationLive-microsite .next-session .columns,
#devnationLive-microsite .next-session .developer-materials-main,
#devnationLive-microsite .next-session .developer-materials-sidebar,
#devnationLive-microsite .next-session .microsite-nav {
    background: #fff;
    padding-top: 1em
}

#devnationLive-microsite .event-chat,
#devnationLive-microsite .event-video,
#devnationLive-microsite .session-list {
    margin-top: 2em
}

@media only screen and (max-width:768px) {
    #devnationLive-microsite .event-chat {
        margin-top: 1em
    }
}

#devnationLive-microsite iframe.embedded-chat {
    min-height: 465px;
    width: 100%
}

#devnationLive-microsite iframe.session-reg {
    border: 0;
    height: 200px;
    width: 100%
}

#devnationLive-microsite .session-date {
    color: #252527;
    font-size: 1.1em;
    font-weight: 800
}

#devnationLive-microsite .session-date i {
    margin-right: 10px;
    position: relative
}

#devnationLive-microsite ul.demo-links {
    margin-bottom: 2em
}

#devnationLive-microsite ul.events-list {
    list-style: none;
    margin-left: 0
}

#devnationLive-microsite ul.events-list li.single-event {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 2em;
    padding-bottom: 1.2em
}

#devnationLive-microsite ul.events-list li.single-event:last-child {
    border: none
}

#devnationLive-microsite ul.events-list li.single-event .session-links {
    padding-top: 5px
}

#devnationLive-microsite ul.events-list li.single-event .session-links a {
    color: #027cbb;
    margin-right: 10px
}

#devnationLive-microsite .session-links.y-centered {
    margin-top: 7px
}

#devnationLive-microsite #hiddenDate {
    display: none
}

#devnationLive-microsite a.enlarge-video {
    margin-right: 20px
}

#devnationLive-microsite .align-center {
    text-align: center
}

.hero.hero-devnation2015 {
    background: url(/images/devnation2015/RHDev_indeximage_desktop_devnation.png) top/cover repeat-x;
    border: 0;
    min-height: 230px;
    padding: 40px 20px 20px
}

@media only screen and (max-width:768px) {
    .hero.hero-devnation2015 {
        background: url(/images/devnation2015/RHDev_indeximage_mobile_devnation.png) top/cover repeat-x;
        margin: -15px
    }

    .hero.hero-devnation2015 h2.blowout {
        padding-top: 20px !important
    }
}

.hero.hero-devnation2015 h2.blowout {
    color: #fff;
    font-size: 70px;
    line-height: 1;
    text-shadow: 3px 3px #063a63
}

.hero.hero-devnation2015 p {
    color: #fff;
    font-size: 20px
}

.hero.hero-devnation2015 .row>[class^=large-]:first-child {
    padding-left: 0
}

.hero.hero-devnation2015 .row>[class^=large-]:last-child {
    padding-right: 0
}

ul.ytlist {
    list-style: none;
    margin-top: 50px
}

ul.ytlist td {
    padding: 1rem
}

ul.ytlist td:first-of-type {
    width: 300px
}

@media only screen and (max-width:768px) {
    ul.ytlist table {
        width: 100%
    }

    ul.ytlist tr {
        display: block;
        overflow-x: auto
    }

    ul.ytlist td {
        clear: both;
        display: block;
        width: 100%
    }

    ul.ytlist td:first-of-type {
        width: 100% !important
    }
}

.wide-hero.devnation2016 {
    background-image: url(https://static.jboss.org/images/rhd/microsite/RHDev_pageheader_devnation2016_desktop_21jun2016.png);
    background-position: top;
    background-repeat: repeat-x;
    background-size: cover;
    border: 0;
    margin: 0;
    max-width: 100%;
    padding: 0
}

.wide-hero.devnation2016 img {
    max-width: 700px
}

@media only screen and (max-width:768px) {
    .wide-hero.devnation2016 {
        background-position: top;
        background-repeat: repeat-x
    }
}

@media only screen and (max-width:480px) {
    .wide-hero.devnation2016 {
        background-image: url(https://static.jboss.org/images/rhd/microsite/RHDev_pageheader_devnation2016_mobile_21jun2016.png);
        min-height: 400px;
        padding-top: 115px
    }
}

#devnation2016-microsite {
    margin-top: 2em
}

#devnation2016-microsite .divider {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2em;
    padding-bottom: 2em
}

#devnation2016-microsite .event-video {
    margin-top: 2em
}

#devnation2016-microsite .event-video h4 {
    display: none
}

#devnation2016-microsite iframe.embedded-chat {
    height: 500px;
    margin-top: 2em;
    width: 100%
}

#devnation2016-microsite .devnation2016-date span {
    display: inline-block
}

#devnation2016-microsite .devnation2016-date span i {
    margin-right: 10px
}

#devnation2016-microsite .devnation2016-date span .event-day,
#devnation2016-microsite .devnation2016-date span .event-time,
#devnation2016-microsite .devnation2016-date span .event-timezone {
    color: #252527;
    font-size: 1.1em;
    font-weight: 800
}

#devnation2016-microsite .devnation2016-date span .event-time {
    display: inline;
    float: left;
    margin-right: 5px
}

#devnation2016-microsite .devnation2016-date span .event-timezone {
    display: inline
}

#devnation2016-microsite ul.demo-links {
    margin-bottom: 2em
}

#devnation2016-microsite ul.events-list {
    list-style: none;
    margin-left: 0
}

#devnation2016-microsite ul.events-list li.single-event {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2em;
    padding-bottom: 1.2em
}

#devnation2016-microsite ul.events-list li.single-event:last-child {
    border: none
}

#devnation2016-microsite ul.events-list li.single-event .session-links {
    padding-top: 5px
}

#devnation2016-microsite ul.events-list li.single-event .session-links a {
    color: #027cbb;
    margin-right: 10px
}

#devnation2016-microsite .session-links.y-centered {
    margin-top: 7px
}

#devnation2016-microsite #hiddenDate {
    display: none
}

#devnation2016-microsite a.enlarge-video {
    margin-right: 20px
}

#videoModal {
    max-width: 100em !important;
    top: 500px !important
}

#videoModal .row {
    margin: 0 5%;
    max-width: 1300px;
    width: 90%
}

#videoModal .event-video {
    display: inline-block;
    float: left;
    margin-right: 20px;
    width: calc(100% - 370px)
}

#videoModal .event-video h4 {
    display: block
}

#videoModal .chat {
    display: inline-block;
    width: 350px
}

#videoModal iframe.embedded-chat {
    min-height: 610px;
    width: 100%
}

@media only screen and (max-width:1024px) {

    #videoModal,
    a.enlarge-video {
        display: none
    }

    iframe.video {
        width: 100%
    }
}

.eventsdevoxx2015 .wrapper {
    padding-bottom: 0
}

.wide-hero.devoxxbe {
    background-image: url(https://static.jboss.org/rhd/images/devoxx-be_microsite_desktop_hero.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    min-height: 260px;
    padding: 40px 20px 20px
}

@media only screen and (max-width:768px) {
    .wide-hero.devoxxbe {
        background: url(https://static.jboss.org/rhd/images/devoxx-be_microsite_mobile_hero.png) top/cover repeat-x;
        min-height: 400px
    }
}

#devoxx-be-microsite section {
    padding: 35px 0
}

#devoxx-be-microsite section.inverse {
    background-color: #0d5884;
    padding: 25px 0
}

#devoxx-be-microsite section.inverse h2,
#devoxx-be-microsite section.inverse h3,
#devoxx-be-microsite section.inverse h4,
#devoxx-be-microsite section.inverse h5,
#devoxx-be-microsite section.inverse h6,
#devoxx-be-microsite section.inverse p {
    color: #fff
}

#devoxx-be-microsite section.inverse a {
    color: #fff;
    font-weight: 600
}

#devoxx-be-microsite ul {
    list-style: none
}

#devoxx-be-microsite ul.nav-list li {
    margin: 15px 0
}

#devoxx-be-microsite ul.nav-list li i {
    margin-right: 3px
}

#devoxx-be-microsite ul.speakers-list li img {
    display: block;
    float: left
}

#devoxx-be-microsite ul .desc-wrapper,
#devoxx-be-microsite ul .video-wrapper {
    display: inline
}

#devoxx-be-microsite ul .desc-wrapper .video-thumb,
#devoxx-be-microsite ul .video-wrapper .video-thumb {
    margin: .4em 1em .4em 0;
    width: 200px
}

#devoxx-be-microsite ul .desc-wrapper .button,
#devoxx-be-microsite ul .video-wrapper .button {
    clear: both;
    display: block;
    margin-bottom: 10px;
    max-width: 200px
}

#devoxx-be-microsite .event-header {
    margin-bottom: 25px
}

#devoxx-be-microsite .event-header .devoxx-date .developer-materials-sidebar,
#devoxx-be-microsite .event-header .devoxx-date .large-6 {
    padding-right: 0;
    text-align: right
}

#devoxx-be-microsite .event-header .devoxx-date h6 {
    display: inline
}

#devoxx-be-microsite ul.speakers-list li {
    margin-top: 30px
}

#devoxx-be-microsite ul.speakers-list li .speaker-img {
    max-width: 80px
}

#devoxx-be-microsite ul.speakers-list h4,
#devoxx-be-microsite ul.speakers-list p {
    margin-bottom: 0;
    margin-top: 0
}

#devoxx-be-microsite ul.speakers-list .talk-info {
    background-color: #e6e6e6;
    margin-bottom: 10px;
    padding: 10px
}

#devoxx-be-microsite ul.speakers-list .talk-info a {
    position: relative;
    top: 8px
}

#devoxx-be-microsite ul.speakers-list i.user-default {
    color: #d5d5d5;
    margin-left: 18%
}

#devoxx-be-microsite .divider {
    border-bottom: 1px solid #ccc;
    padding-bottom: 2em
}

#devoxx-be-microsite .button.button--join-today {
    display: block;
    margin: 2em auto 0;
    max-width: 300px
}

@media only screen and (max-width:768px) {
    #devoxx-be-microsite .talk-info {
        margin-top: 10px
    }

    #devoxx-be-microsite .speakers-list li {
        border-bottom: 1px solid #ccc;
        padding-bottom: 15px
    }

    #devoxx-be-microsite .speakers-list li:last-child {
        border: none
    }
}

.wide-hero.devoxx4kids {
    background: url(https://static.jboss.org/rhd/images/_images_devoxx4kids_microsite_hero.jpg) top no-repeat;
    background-size: cover;
    border-bottom: 1px solid #e6e6e6;
    color: #fff;
    margin-bottom: 40px;
    padding: 50px 0
}

.wide-hero.devoxx4kids h3 {
    color: #fff;
    text-align: left
}

ul.devoxx-list {
    padding-bottom: 5px
}

ul.devoxx-list li {
    padding-left: 1em
}

.video-embed h4 {
    display: none
}

.eventsdevoxxfrance2016 .wrapper {
    padding-bottom: 0
}

.wide-hero.devoxxfrance {
    background-image: url(https://static.jboss.org/images/rhd/microsite/devoxxfr2016_banner_1811x260px_11apr1016.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    margin: 0;
    max-width: 100%
}

.wide-hero.devoxxfrance h3 {
    font-size: 3em;
    font-weight: 700
}

.wide-hero.devoxxfrance h2 {
    font-size: 5.4em;
    font-weight: 700
}

.wide-hero.devoxxfrance h2 .blue {
    color: #a3dbe8;
    display: inline;
    margin-left: .3em
}

@media only screen and (max-width:768px) {
    .wide-hero.devoxxfrance {
        background: url(https://static.jboss.org/images/rhd/microsite/devoxxfr2016_banner_600x446_11apr1016.jpg) top/cover repeat-x
    }

    .wide-hero.devoxxfrance h2,
    .wide-hero.devoxxfrance h3 {
        max-width: 82%;
        text-align: left
    }

    .wide-hero.devoxxfrance h2 .blue {
        display: block;
        margin-left: 0
    }
}

@media only screen and (max-width:480px) {
    .wide-hero.devoxxfrance {
        background-image: url(https://static.jboss.org/images/rhd/microsite/devoxxfr2016_banner_480x500px_11apr1016.jpg)
    }

    .wide-hero.devoxxfrance h2,
    .wide-hero.devoxxfrance h3 {
        max-width: 100%
    }
}

#devoxxfrance-microsite section {
    padding: 35px 0
}

#devoxxfrance-microsite section.dark-blue {
    background-color: #0088c3
}

#devoxxfrance-microsite section.dark-blue h2,
#devoxxfrance-microsite section.dark-blue h3,
#devoxxfrance-microsite section.dark-blue h4,
#devoxxfrance-microsite section.dark-blue h5,
#devoxxfrance-microsite section.dark-blue h6,
#devoxxfrance-microsite section.dark-blue p {
    color: #fff
}

#devoxxfrance-microsite section.pale-blue {
    background-color: #a3dbe8
}

#devoxxfrance-microsite section.pale-blue h2,
#devoxxfrance-microsite section.pale-blue h3,
#devoxxfrance-microsite section.pale-blue h4,
#devoxxfrance-microsite section.pale-blue h5,
#devoxxfrance-microsite section.pale-blue h6,
#devoxxfrance-microsite section.pale-blue i,
#devoxxfrance-microsite section.pale-blue p {
    color: #242424
}

#devoxxfrance-microsite .site-header p {
    font-size: 1.2em
}

#devoxxfrance-microsite ul {
    list-style: none
}

#devoxxfrance-microsite ul.nav-list li {
    color: #0088c3;
    margin: 15px 0
}

#devoxxfrance-microsite ul.nav-list li i {
    color: #0088c3;
    margin-right: 3px
}

#devoxxfrance-microsite .devoxxfrance-date {
    margin-top: 15px
}

#devoxxfrance-microsite .devoxxfrance-date h6,
#devoxxfrance-microsite .devoxxfrance-date i.fa {
    display: inline;
    margin-right: 10px
}

#devoxxfrance-microsite ul.speakers-list li {
    margin-left: 0;
    margin-top: 35px
}

#devoxxfrance-microsite ul.speakers-list .speaker-info strong {
    color: #fff
}

#devoxxfrance-microsite ul.speakers-list h4 {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 0
}

#devoxxfrance-microsite ul.speakers-list p {
    margin-bottom: 0
}

#devoxxfrance-microsite ul.speakers-list .abstract ul {
    margin-top: 20px
}

#devoxxfrance-microsite ul.speakers-list .abstract ul li {
    color: #fff;
    list-style: initial;
    margin-left: 2em;
    margin-top: 0
}

#devoxxfrance-microsite ul.speakers-list .talk-info {
    background-color: rgba(0, 103, 146, .55);
    margin-bottom: 10px;
    padding: 5px 10px 10px
}

#devoxxfrance-microsite ul.speakers-list .talk-info a {
    color: #fff;
    position: relative;
    top: 8px
}

h3.downloads-header {
    margin: 30px 0;
    text-transform: uppercase
}

#downloads {
    width: 100%
}

#downloads .download-list p {
    margin: 0
}

#downloads .download-list .category-label+rhdp-downloads-all-item .row hr {
    display: none
}

#downloads .download-list hr {
    margin: 2rem 1rem
}

#downloads .download-list .category-label {
    background: #656565 url(../images/dotted_line-white.svg) no-repeat;
    background-position: center right -300px;
    background-size: 1000px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 20px
}

#downloads .download-list .category-label h4 {
    color: #fff;
    font-size: 25px;
    line-height: 1;
    margin: 0;
    text-transform: uppercase
}

#downloads .download-list .indent-product {
    margin-left: 1em
}

#downloads .download-list .indent-product .large-8 {
    margin-left: -.7em
}

@media only screen and (max-width:1024px) {
    #downloads .download-list .indent-product .large-8 {
        margin-left: 0
    }
}

#downloads .button {
    width: 100%
}

#downloads h5 {
    font-size: 25px
}

#downloads #other-resources .category-label {
    margin-bottom: 40px;
    margin-top: 50px
}

#downloads #other-resources ul {
    list-style: none;
    margin-left: 0
}

#downloads #other-resources a.button {
    background: #6abcd3 cdn("../images/design/stars-texture.png") 100% 100% no-repeat;
    padding: 25px 10px 25px 20px;
    text-align: left;
    width: 100%
}

#downloads #other-resources a.button:active,
#downloads #other-resources a.button:focus,
#downloads #other-resources a.button:hover {
    background: #43aac7 cdn("../images/design/stars-texture.png") 100% 100% no-repeat
}

div.download-loading.loading {
    background: cdn("../images/icons/ajax-loader.gif") center 80px no-repeat;
    min-height: 250px
}

.has-download,
.no-download {
    display: none
}

.has-download h4.caps,
.no-download h4.caps {
    text-transform: uppercase
}

.download-links a+a {
    margin-left: 10px
}

.download-link h4 a:before {
    content: "\f01a";
    font-family: FontAwesome;
    padding-right: 3px
}

.download-link a.button {
    display: block;
    margin: 0 auto 5px
}

.download-link .version-name {
    text-align: center
}

a.download-link:before {
    content: "\f01a";
    font-family: FontAwesome;
    padding-right: 3px
}

.most-popular-downloads {
    background: #e6e7e8 url(../images/dotted_line-white.svg) no-repeat;
    background-size: 1200px;
    padding: 20px 0
}

.most-popular-downloads h3 {
    color: #242424;
    text-transform: uppercase
}

.popular-download-box {
    background: #fff;
    border: 1px solid #dedede;
    margin-bottom: 20px;
    padding: 20px
}

.popular-download-box .button {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.popular-download-box h4 {
    font-size: 17px;
    min-height: 60px
}

.popular-download-box p {
    color: #000;
    margin: 0;
    text-align: center
}

.popular-download-box small {
    display: block;
    text-align: center
}

rhdp-downloads-all-item .large-9.center.columns,
rhdp-downloads-all-item .large-9.center.developer-materials-main,
rhdp-downloads-all-item .large-9.center.developer-materials-sidebar,
rhdp-downloads-all-item .large-9.center.microsite-nav {
    text-align: center
}

@media only screen and (max-width:768px) {
    .mobile {
        display: block
    }

    .desktop {
        display: none
    }

    rhdp-search-app .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        position: relative
    }

    rhdp-search-filter-item #check {
        display: none
    }

    rhdp-search-filter-item #toggle {
        display: block
    }
}

.eventsjudcon2016brno .wrapper {
    padding-bottom: 0
}

.wide-hero.judcon-brno {
    background-image: url(https://static.jboss.org/rhd/images/judcon-brno_banner_2000x400px.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    min-height: 260px;
    padding: 40px 20px 20px
}

@media only screen and (max-width:1024px) {
    .wide-hero.judcon-brno {
        background: url(https://static.jboss.org/rhd/images/judcon-brno_banner_1811x260px.png) top/cover repeat-x
    }
}

@media only screen and (max-width:480px) {
    .wide-hero.judcon-brno {
        background: url(https://static.jboss.org/rhd/images/judcon-brno_banner_480x500px.png) top/cover repeat-x;
        min-height: 500px
    }
}

#judcon-brno-microsite section {
    padding: 35px 0
}

#judcon-brno-microsite section.inverse {
    background-color: #0d5884;
    padding: 25px 0
}

#judcon-brno-microsite section.inverse h2,
#judcon-brno-microsite section.inverse h3,
#judcon-brno-microsite section.inverse h4,
#judcon-brno-microsite section.inverse h5,
#judcon-brno-microsite section.inverse h6,
#judcon-brno-microsite section.inverse li,
#judcon-brno-microsite section.inverse p,
#judcon-brno-microsite section.inverse ul {
    color: #fff
}

#judcon-brno-microsite section.inverse a {
    color: #fff;
    font-weight: 600
}

#judcon-brno-microsite .callout-light {
    padding-bottom: 0
}

#judcon-brno-microsite .callout-light a {
    color: #73bcf7
}

#judcon-brno-microsite ul {
    list-style: none
}

#judcon-brno-microsite ul.session-list li {
    margin-bottom: .5em
}

#judcon-brno-microsite .event-header {
    margin-bottom: 25px
}

#judcon-brno-microsite .event-header .judcon-date .developer-materials-sidebar,
#judcon-brno-microsite .event-header .judcon-date .large-6 {
    padding-right: 0;
    text-align: right
}

.eventsgids2016 .wrapper {
    padding-bottom: 0
}

.wide-hero.gids {
    background-image: url(https://static.jboss.org/images/rhd/microsite/gids2016_banner_1811x260px_31mar2016.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    margin: 0;
    max-width: 100%;
    min-height: 240px
}

@media only screen and (max-width:1024px) {
    .wide-hero.gids {
        background: url(https://static.jboss.org/images/rhd/microsite/gids2016_banner_600x446_31mar2016.png) top/cover repeat-x;
        min-height: 560px
    }
}

@media only screen and (max-width:480px) {
    .wide-hero.gids {
        background: url(https://static.jboss.org/images/rhd/microsite/gids2016_banner_480x500px_31mar2016.png) top/cover repeat-x;
        min-height: 450px
    }
}

#gids-microsite section {
    padding: 35px 0
}

#gids-microsite section.dark-blue {
    background-color: #0088c3
}

#gids-microsite section.dark-blue h2,
#gids-microsite section.dark-blue h3,
#gids-microsite section.dark-blue h4,
#gids-microsite section.dark-blue h5,
#gids-microsite section.dark-blue h6,
#gids-microsite section.dark-blue p {
    color: #fff
}

#gids-microsite section.pale-blue {
    background-color: #a3dbe8
}

#gids-microsite section.pale-blue h2,
#gids-microsite section.pale-blue h3,
#gids-microsite section.pale-blue h4,
#gids-microsite section.pale-blue h5,
#gids-microsite section.pale-blue h6,
#gids-microsite section.pale-blue i,
#gids-microsite section.pale-blue p {
    color: #242424
}

#gids-microsite .site-header p {
    font-size: 1.2em
}

#gids-microsite ul {
    list-style: none
}

#gids-microsite ul.nav-list li {
    color: #0088c3;
    margin: 15px 0
}

#gids-microsite ul.nav-list li i {
    color: #0088c3;
    margin-right: 3px
}

#gids-microsite .gids-date {
    margin-top: 15px
}

#gids-microsite .gids-date h6,
#gids-microsite .gids-date i.fa {
    display: inline;
    margin-right: 10px
}

#gids-microsite ul.speakers-list li {
    margin-left: 0;
    margin-top: 35px
}

#gids-microsite ul.speakers-list .speaker-info strong {
    color: #fff
}

#gids-microsite ul.speakers-list h4 {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 0
}

#gids-microsite ul.speakers-list p {
    margin-bottom: 0
}

#gids-microsite ul.speakers-list .talk-info {
    background-color: rgba(0, 103, 146, .55);
    margin-bottom: 10px;
    padding: 10px
}

#gids-microsite ul.speakers-list .talk-info a {
    color: #fff;
    position: relative;
    top: 8px
}

.eventsmsbuild2016 .wrapper {
    padding-bottom: 0
}

.wide-hero.msbuild {
    background-image: url(https://static.jboss.org/rhd/images/msbuild_microsite_banner_1811x260px.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    min-height: 260px
}

@media only screen and (max-width:1024px) {
    .wide-hero.msbuild {
        min-height: 188px
    }
}

@media only screen and (max-width:768px) {
    .wide-hero.msbuild {
        background: url(https://static.jboss.org/rhd/images/msbuild_microsite_banner_600x446.png) top/cover repeat-x;
        min-height: 480px
    }
}

@media only screen and (max-width:480px) {
    .wide-hero.msbuild {
        background: url(https://static.jboss.org/rhd/images/msbuild_microsite_banner_480x500px.png) top/cover repeat-x;
        min-height: 427px
    }
}

#msbuild-microsite section {
    padding: 35px 0
}

#msbuild-microsite section.inverse {
    background-color: #0d5884;
    background-image: none;
    padding: 25px 0
}

#msbuild-microsite section.inverse h2,
#msbuild-microsite section.inverse h3,
#msbuild-microsite section.inverse h4,
#msbuild-microsite section.inverse h5,
#msbuild-microsite section.inverse h6,
#msbuild-microsite section.inverse p {
    color: #fff
}

#msbuild-microsite .site-header p {
    font-size: 1.2em
}

#msbuild-microsite ul {
    list-style: none
}

#msbuild-microsite ul.nav-list li {
    margin: 15px 0
}

#msbuild-microsite ul.nav-list li i {
    margin-right: 3px
}

#msbuild-microsite ul.speakers-list li img {
    display: block;
    float: left;
    height: 120px
}

#msbuild-microsite .msbuild-date {
    margin-top: 15px
}

#msbuild-microsite .msbuild-date h6,
#msbuild-microsite .msbuild-date i.fa {
    color: #fff;
    display: inline
}

#msbuild-microsite ul.msb-team-members {
    margin-top: 60px
}

#msbuild-microsite ul.msb-team-members li {
    margin: 20px 0
}

#msbuild-microsite ul.msb-team-members img {
    border-radius: 50%;
    display: block;
    margin: 0 auto 10px;
    max-width: 155px
}

#msbuild-microsite ul.msb-team-members span .name {
    display: inline;
    font-size: 1em;
    font-weight: 800;
    margin-left: 15px
}

#msbuild-microsite ul.msb-team-members span a {
    display: inline;
    font-size: 1.1em;
    margin-left: 5px
}

#msbuild-microsite ul.msb-team-members span .title {
    font-size: .9em;
    margin-left: 15px
}

@media only screen and (max-width:768px) {
    #msbuild-microsite a.button {
        float: none !important;
        width: 100%
    }
}

#msbuild-registration iframe {
    display: block;
    margin: 30px auto;
    min-height: 670px
}

[data-rhd-grid=normal] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    grid-gap: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: grid;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-auto-flow: column;
    grid-template-columns: [content-start] 1fr [content-end];
    grid-template-rows: minmax(30px, 1fr) [bottomrow];
    margin: 0 15px;
    max-width: 320px
}

@media (min-width:640px) {
    [data-rhd-grid=normal] {
        grid-template-columns: repeat(2, [content-start] 1fr) [content-end];
        margin: 0 30px;
        max-width: auto;
        min-width: 640px
    }
}

@media (min-width:960px) {
    [data-rhd-grid=normal] {
        grid-template-columns: repeat(4, [content-start] 1fr) [content-end];
        margin: 0 30px;
        max-width: auto;
        min-width: 960px
    }
}

@media (min-width:1260px) {
    [data-rhd-grid=normal] {
        grid-template-columns: repeat(12, [content-start] 70px) [content-end];
        max-width: auto;
        min-width: 1260px
    }
}

[data-rhd-grid=quad] {
    grid-gap: 15px;
    display: grid;
    grid-template-columns: repeat(3, [content-start] 1fr) [content-end];
    margin: 0 15px;
    max-width: 320px
}

@media (min-width:640px) {
    [data-rhd-grid=quad] {
        grid-template-columns: repeat(2, [content-start] 1fr) [content-end];
        margin: 0 30px;
        max-width: auto;
        min-width: 640px
    }
}

@media (min-width:960px) {
    [data-rhd-grid=quad] {
        grid-template-columns: repeat(3, [content-start] 1fr) [content-end];
        margin: 0 30px;
        max-width: auto;
        min-width: 960px
    }
}

@media (min-width:1260px) {
    [data-rhd-grid=quad] {
        grid-template-columns: repeat(4, [content-start] 1fr) [content-end];
        max-width: auto;
        min-width: 1260px
    }
}

[data-rhd-grid=triple] {
    grid-gap: 15px;
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 15px;
    max-width: 320px
}

@media (min-width:640px) {
    [data-rhd-grid=triple] {
        grid-template-columns: repeat(2, [content-start] 1fr) [content-end];
        margin: 0 30px;
        max-width: auto;
        min-width: 640px
    }
}

@media (min-width:960px) {
    [data-rhd-grid=triple] {
        max-width: auto;
        min-width: 960px
    }
}

@media (min-width:1260px) {
    [data-rhd-grid=triple] {
        grid-template-columns: repeat(3, [content-start] 1fr) [content-end];
        grid-template-columns: repeat(3, 1fr);
        max-width: auto;
        max-width: 1260px;
        min-width: 1260px
    }
}

[data-rhd-col=span12] {
    grid-column: content-start/content-end
}

[data-rhd-col=span3] {
    grid-column: span 3
}

[data-rhd-col="5span9"] {
    grid-column: 5/span 9
}

[data-rhd-row=span5] {
    grid-row: span 5
}

[data-rhd-row=bottom] {
    grid-row: span bottomrow
}

body.page-node-type-article h1.page-title,
body.page-node-type-books h1.page-title,
body.page-node-type-cheat-sheet h1.page-title,
body.page-node-type-coding-resource h1.page-title,
body.page-node-type-learning-path h1.page-title,
body.page-node-type-page h1.page-title,
body.page-node-type-promotion-page h1.page-title,
body.page-node-type-video-resource h1.page-title,
body.path-products h1.page-title {
    display: none
}

.page-community-contributor .node__content>.text-formatted,
.page-events-devoxx-2015 .node__content>.text-formatted,
.page-events-devoxxfrance-2016 .node__content>.text-formatted,
.page-events-gids-2016 .node__content>.text-formatted,
.page-events-javaone-2015 .node__content>.text-formatted,
.page-events-javaone-2016 .node__content>.text-formatted,
.page-events-javaone-2017 .node__content>.text-formatted,
.page-events-judcon-2016-brno .node__content>.text-formatted,
.page-events-msbuild-2016 .node__content>.text-formatted,
.page-middleware .node__content>.text-formatted,
.page-stack-overflow .node__content>.text-formatted,
.page-ticket-monster .node__content>.text-formatted {
    margin-bottom: 0;
    max-width: none;
    padding: 0
}

.rh-universal-footer {
    -webkit-box-flex: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1a1a1a;
    color: #5e6a71;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: grid;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    -ms-flex-direction: row;
    flex-direction: row;
    grid-template-columns: repeat(12, 1fr);
    justify-content: space-between
}

.rh-universal-footer .rh-footer-logo,
.rh-universal-footer .rh-summit-footer-logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px
}

.rh-universal-footer .contentinfo,
.rhd-footer {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.rhd-footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    background-color: #242424;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: grid;
    -ms-flex-direction: row;
    flex-direction: row;
    grid-template-columns: repeat(12, 1fr)
}

.rhd-footer-nav {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.rhd-footer-sidebar {
    -webkit-box-flex: 0;
    background-color: #063;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%
}

.visually-hidden {
    display: none
}

.field--name-body {
    margin-bottom: 25px
}

@media (min-width:768px) {
    .field--name-body {
        margin-bottom: 40px
    }
}

.field--name-body ol:first-child,
.field--name-body p:first-child,
.field--name-body ul:first-child {
    margin-top: 0
}

.field--name-body ol:last-child,
.field--name-body p:last-child,
.field--name-body ul:last-child {
    margin-bottom: 0
}

.page-title {
    margin-bottom: 8px;
    margin-top: 23px
}

@media (min-width:768px) {
    .page-title {
        margin-top: 35px
    }
}

img {
    height: auto;
    max-width: 100%
}

.rhd-search-wrapper .user-search {
    color: #000;
    display: block;
    font-size: 14px;
    line-height: 1;
    padding: 4px 40px 4px 10px;
    width: 100%
}

.rhd-search-wrapper .user-search::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}

.rhd-search-wrapper .user-search::-moz-placeholder {
    color: #000;
    opacity: 1
}

.rhd-search-wrapper .user-search:-ms-input-placeholder {
    color: #000;
    opacity: 1
}

.rhd-search-wrapper .user-search::-ms-input-placeholder {
    color: #000;
    opacity: 1
}

.rhd-search-wrapper .user-search::placeholder {
    color: #000;
    opacity: 1
}

.rhd-search-wrapper .search-bar {
    position: relative
}

.rhd-search-wrapper button {
    border: none;
    color: #424242;
    padding: 6px 10px;
    position: absolute;
    right: 0;
    top: 0
}

.rhd-search-toggle,
.rhd-search-wrapper button,
.rhd-search-wrapper button:active,
.rhd-search-wrapper button:focus,
.rhd-search-wrapper button:hover {
    background-color: transparent
}

.rhd-search-toggle {
    color: inherit;
    padding: 0
}

.caret-right:after {
    color: inherit;
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z" fill="#0066CC"/></svg>');
    display: inline-block;
    height: auto;
    margin-left: .5em;
    position: relative;
    top: .1em;
    vertical-align: middle;
    width: .45em
}

.mobile {
    display: none
}

.callout-light {
    background-color: #f0f0f0;
    border: 1px solid #efeff0;
    margin: 15px 0;
    padding: 20px
}

.callout-light a,
.callout-light ol,
.callout-light p,
.callout-light ul {
    margin-top: 0
}

.callout-light a {
    color: #73bcf7
}

.callout-light a.button {
    color: #fff;
    display: inline-block
}

.card {
    background: #242424;
    border-left: 4px solid #063;
    color: #fff;
    display: block;
    margin-bottom: 15px;
    padding: 30px 20px
}

.field--name-field-related-product.field--type-entity-reference,
.related-content-card,
.related-product-card {
    background-color: #fff;
    border: 2px solid #d5d5d5;
    font-size: .9rem;
    height: auto;
    margin: 15px 0;
    padding: 20px;
    position: relative
}

.field--name-field-related-product.field--type-entity-reference h6,
.related-content-card h6,
.related-product-card h6 {
    color: #8c8f91;
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
    text-transform: uppercase
}

.field--name-field-related-product.field--type-entity-reference span,
.related-content-card span,
.related-product-card span {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 600;
    margin: 5px 0;
    max-height: 65px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:1024px) {

    .field--name-field-related-product.field--type-entity-reference span,
    .related-content-card span,
    .related-product-card span {
        -webkit-line-clamp: 3;
        max-height: 95px
    }
}

.field--name-field-related-product.field--type-entity-reference p,
.related-content-card p,
.related-product-card p {
    margin-bottom: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    word-wrap: break-word;
    background: #f9f9f9;
    border: 1px solid #d5d5d5;
    border-radius: 0;
    font-weight: 600;
    padding: 10px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap
}

code {
    background-color: #f9f9f9;
    border: 1px solid #d5d5d5;
    color: #0a0a0a;
    font-weight: 400;
    padding: 1px
}

.content-type-label {
    color: #424242;
    margin: 1em 0 0;
    text-transform: uppercase
}

.page-info-bar {
    border-bottom: 1px solid #656565;
    border-top: 1px solid #656565;
    margin: 1.5em 1em 2.5em;
    padding: 7px 0
}

.page-info-bar ul {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding-left: 0
}

.page-info-bar ul li {
    display: inline-block;
    margin: 2px 0;
    padding: 0 0 0 1em;
    width: auto
}

.page-info-bar ul li:first-child {
    padding-left: 0
}

.share-sm {
    margin-top: 2px
}

.share-sm .a2a_button_google_plusone {
    height: 24px
}

@media only screen and (max-width:1024px) {
    .page-info-bar .share-sm {
        float: none !important;
        margin-top: 5px
    }

    .page-info-bar .share-sm ul li:not(:first-child) {
        padding-left: 1em
    }

    .page-info-bar ul li {
        display: block;
        padding-left: 0
    }
}

table:not(.pf-c-table) {
    background: #d5d5d5;
    border: 0;
    border-collapse: collapse
}

table:not(.pf-c-table) tbody tr {
    background: #f5f5f6
}

table:not(.pf-c-table) td {
    vertical-align: top
}

table:not(.pf-c-table) td.linkList a {
    border-right: 1px solid;
    margin-right: 10px;
    padding-right: 10px
}

table:not(.pf-c-table) td.linkList a:last-child {
    border-right: 0
}

table:not(.pf-c-table) p {
    margin: 0
}

.error-content {
    margin: 15px auto 60px;
    padding-top: 40px;
    text-align: center
}

.error-content p {
    font-size: 18px
}

.error-content>img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.flex-video {
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 25px;
    position: relative
}

.flex-video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.page-devoxx4kids #ytplayer {
    max-width: 100%
}

.wide-hero.devoxx4kids .column {
    height: auto !important
}

@media (min-width:992px) {
    .wide-hero.devoxx4kids .column {
        width: 50%
    }
}

@media (min-width:1240px) {
    .wide-hero.devoxx4kids .column {
        padding-left: 30px;
        padding-right: 30px
    }
}

.wide-hero.devoxx4kids .video-embed {
    margin-top: 40px
}

@media (min-width:992px) {
    .wide-hero.devoxx4kids .video-embed {
        margin-top: 0
    }
}

.show-more-text {
    max-height: 75px;
    overflow: hidden
}

.show-more-text.open {
    max-height: 100% !important
}

.show-more {
    cursor: pointer;
    text-align: center
}

.show-more,
.show-more span {
    display: block
}

.overlay,
.show-more span.less {
    display: none
}

.overlay {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999
}

body.overlay-open .overlay {
    display: table
}

.overlay-wrap {
    display: table-cell;
    vertical-align: middle
}

.overlay-inner {
    background: #fff;
    margin: 0 auto;
    max-width: 800px;
    padding: 20px;
    position: relative
}

.overlay-close {
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 10px
}

.connect-with-us {
    background-color: #063;
    padding: 50px 0
}

.connect-with-us h2 {
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase
}

.connect-with-us h4 {
    color: #fff;
    font-weight: 200
}

.connect-with-us ul.social-links {
    display: block;
    list-style: none;
    margin: 15px auto 0;
    text-align: center
}

.connect-with-us ul.social-links li,
.connect-with-us ul.social-links li a {
    color: #fff;
    display: inline;
    font-size: 1.5em;
    margin-right: 15px
}

#termsAndConditions {
    margin-top: 30px
}

.title-email-opt-in {
    margin: 20px 0 !important
}

.email-phone-opt-in-message {
    margin: 20px 0 10px !important
}

.email-optin-disclosure {
    margin: 10px 0 20px !important
}

.pf-c-accordion,
.pf-c-alert,
.pf-c-banner.pf-m-info,
.pf-c-banner.pf-m-warning,
.pf-c-calendar-month,
.pf-c-chip,
.pf-c-chip-group,
.pf-c-context-selector__menu,
.pf-c-data-list,
.pf-c-form-control,
.pf-c-input-group,
.pf-c-masthead.pf-m-light,
.pf-c-masthead.pf-m-light-200,
.pf-c-menu,
.pf-c-page__sidebar.pf-m-light,
.pf-c-select,
.pf-c-table,
.pf-t-light {
    --pf-global--Color--100: var(--pf-global--Color--dark-100);
    --pf-global--Color--200: var(--pf-global--Color--dark-200);
    --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
    --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
    --pf-global--link--Color: var(--pf-global--link--Color--dark);
    --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
    --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100)
}

.pf-c-about-modal-box,
.pf-c-banner,
.pf-c-login__footer,
.pf-c-login__header,
.pf-c-masthead,
.pf-c-page__header,
.pf-c-page__main-section[class*=pf-m-dark-],
.pf-c-wizard__header,
.pf-t-dark {
    --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-about-modal-box .pf-c-card,
.pf-c-banner .pf-c-card,
.pf-c-login__footer .pf-c-card,
.pf-c-login__header .pf-c-card,
.pf-c-masthead .pf-c-card,
.pf-c-page__header .pf-c-card,
.pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card,
.pf-c-wizard__header .pf-c-card,
.pf-t-dark .pf-c-card {
    --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200)
}

.pf-c-about-modal-box .pf-c-button,
.pf-c-banner .pf-c-button,
.pf-c-login__footer .pf-c-button,
.pf-c-login__header .pf-c-button,
.pf-c-masthead .pf-c-button,
.pf-c-page__header .pf-c-button,
.pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
.pf-c-wizard__header .pf-c-button,
.pf-t-dark .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-data-list__item-action,
.pf-c-page__header-tools-group,
.pf-c-page__header-tools-item,
.pf-c-table tr>* {
    --pf-hidden-visible--visible--Visibility: visible;
    --pf-hidden-visible--hidden--Display: none;
    --pf-hidden-visible--hidden--Visibility: hidden;
    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
    display: var(--pf-hidden-visible--Display);
    visibility: var(--pf-hidden-visible--Visibility)
}

.pf-c-table tr>.pf-m-hidden,
.pf-m-hidden.pf-c-data-list__item-action,
.pf-m-hidden.pf-c-page__header-tools-group,
.pf-m-hidden.pf-c-page__header-tools-item {
    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility)
}

@media screen and (min-width:576px) {

    .pf-c-table tr>.pf-m-hidden-on-sm,
    .pf-m-hidden-on-sm.pf-c-data-list__item-action,
    .pf-m-hidden-on-sm.pf-c-page__header-tools-group,
    .pf-m-hidden-on-sm.pf-c-page__header-tools-item {
        --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
        --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility)
    }

    .pf-c-table tr>.pf-m-visible-on-sm,
    .pf-m-visible-on-sm.pf-c-data-list__item-action,
    .pf-m-visible-on-sm.pf-c-page__header-tools-group,
    .pf-m-visible-on-sm.pf-c-page__header-tools-item {
        --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
        --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility)
    }
}

@media screen and (min-width:768px) {

    .pf-c-table tr>.pf-m-hidden-on-md,
    .pf-m-hidden-on-md.pf-c-data-list__item-action,
    .pf-m-hidden-on-md.pf-c-page__header-tools-group,
    .pf-m-hidden-on-md.pf-c-page__header-tools-item {
        --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
        --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility)
    }

    .pf-c-table tr>.pf-m-visible-on-md,
    .pf-m-visible-on-md.pf-c-data-list__item-action,
    .pf-m-visible-on-md.pf-c-page__header-tools-group,
    .pf-m-visible-on-md.pf-c-page__header-tools-item {
        --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
        --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility)
    }
}

@media screen and (min-width:992px) {

    .pf-c-table tr>.pf-m-hidden-on-lg,
    .pf-m-hidden-on-lg.pf-c-data-list__item-action,
    .pf-m-hidden-on-lg.pf-c-page__header-tools-group,
    .pf-m-hidden-on-lg.pf-c-page__header-tools-item {
        --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
        --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility)
    }

    .pf-c-table tr>.pf-m-visible-on-lg,
    .pf-m-visible-on-lg.pf-c-data-list__item-action,
    .pf-m-visible-on-lg.pf-c-page__header-tools-group,
    .pf-m-visible-on-lg.pf-c-page__header-tools-item {
        --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
        --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility)
    }
}

@media screen and (min-width:1200px) {

    .pf-c-table tr>.pf-m-hidden-on-xl,
    .pf-m-hidden-on-xl.pf-c-data-list__item-action,
    .pf-m-hidden-on-xl.pf-c-page__header-tools-group,
    .pf-m-hidden-on-xl.pf-c-page__header-tools-item {
        --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
        --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility)
    }

    .pf-c-table tr>.pf-m-visible-on-xl,
    .pf-m-visible-on-xl.pf-c-data-list__item-action,
    .pf-m-visible-on-xl.pf-c-page__header-tools-group,
    .pf-m-visible-on-xl.pf-c-page__header-tools-item {
        --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
        --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility)
    }
}

@media screen and (min-width:1450px) {

    .pf-c-table tr>.pf-m-hidden-on-2xl,
    .pf-m-hidden-on-2xl.pf-c-data-list__item-action,
    .pf-m-hidden-on-2xl.pf-c-page__header-tools-group,
    .pf-m-hidden-on-2xl.pf-c-page__header-tools-item {
        --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
        --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility)
    }

    .pf-c-table tr>.pf-m-visible-on-2xl,
    .pf-m-visible-on-2xl.pf-c-data-list__item-action,
    .pf-m-visible-on-2xl.pf-c-page__header-tools-group,
    .pf-m-visible-on-2xl.pf-c-page__header-tools-item {
        --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
        --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility)
    }
}

:root {
    --pf-global--palette--black-100: #fafafa;
    --pf-global--palette--black-150: #f5f5f5;
    --pf-global--palette--black-200: #f0f0f0;
    --pf-global--palette--black-300: #d2d2d2;
    --pf-global--palette--black-400: #b8bbbe;
    --pf-global--palette--black-500: #8a8d90;
    --pf-global--palette--black-600: #6a6e73;
    --pf-global--palette--black-700: #4f5255;
    --pf-global--palette--black-800: #3c3f42;
    --pf-global--palette--black-850: #212427;
    --pf-global--palette--black-900: #151515;
    --pf-global--palette--black-1000: #030303;
    --pf-global--palette--blue-50: #e7f1fa;
    --pf-global--palette--blue-100: #bee1f4;
    --pf-global--palette--blue-200: #73bcf7;
    --pf-global--palette--blue-300: #2b9af3;
    --pf-global--palette--blue-400: #06c;
    --pf-global--palette--blue-500: #006633;
    --pf-global--palette--blue-600: #002952;
    --pf-global--palette--blue-700: #001223;
    --pf-global--palette--cyan-50: #f2f9f9;
    --pf-global--palette--cyan-100: #a2d9d9;
    --pf-global--palette--cyan-200: #73c5c5;
    --pf-global--palette--cyan-300: #009596;
    --pf-global--palette--cyan-400: #005f60;
    --pf-global--palette--cyan-500: #003737;
    --pf-global--palette--cyan-600: #002323;
    --pf-global--palette--cyan-700: #000f0f;
    --pf-global--palette--gold-50: #fdf7e7;
    --pf-global--palette--gold-100: #f9e0a2;
    --pf-global--palette--gold-200: #f6d173;
    --pf-global--palette--gold-300: #f4c145;
    --pf-global--palette--gold-400: #f0ab00;
    --pf-global--palette--gold-500: #c58c00;
    --pf-global--palette--gold-600: #795600;
    --pf-global--palette--gold-700: #3d2c00;
    --pf-global--palette--green-50: #f3faf2;
    --pf-global--palette--green-100: #bde5b8;
    --pf-global--palette--green-200: #95d58e;
    --pf-global--palette--green-300: #6ec664;
    --pf-global--palette--green-400: #5ba352;
    --pf-global--palette--green-500: #3e8635;
    --pf-global--palette--green-600: #1e4f18;
    --pf-global--palette--green-700: #0f280d;
    --pf-global--palette--light-blue-100: #beedf9;
    --pf-global--palette--light-blue-200: #7cdbf3;
    --pf-global--palette--light-blue-300: #35caed;
    --pf-global--palette--light-blue-400: #00b9e4;
    --pf-global--palette--light-blue-500: #008bad;
    --pf-global--palette--light-blue-600: #005c73;
    --pf-global--palette--light-blue-700: #002d39;
    --pf-global--palette--light-green-100: #e4f5bc;
    --pf-global--palette--light-green-200: #c8eb79;
    --pf-global--palette--light-green-300: #ace12e;
    --pf-global--palette--light-green-400: #92d400;
    --pf-global--palette--light-green-500: #6ca100;
    --pf-global--palette--light-green-600: #486b00;
    --pf-global--palette--light-green-700: #253600;
    --pf-global--palette--orange-100: #f4b678;
    --pf-global--palette--orange-200: #ef9234;
    --pf-global--palette--orange-300: #ec7a08;
    --pf-global--palette--orange-400: #c46100;
    --pf-global--palette--orange-500: #8f4700;
    --pf-global--palette--orange-600: #773d00;
    --pf-global--palette--orange-700: #3b1f00;
    --pf-global--palette--purple-50: #f2f0fc;
    --pf-global--palette--purple-100: #cbc1ff;
    --pf-global--palette--purple-200: #b2a3ff;
    --pf-global--palette--purple-300: #a18fff;
    --pf-global--palette--purple-400: #8476d1;
    --pf-global--palette--purple-500: #6753ac;
    --pf-global--palette--purple-600: #40199a;
    --pf-global--palette--purple-700: #1f0066;
    --pf-global--palette--red-50: #faeae8;
    --pf-global--palette--red-100: #c9190b;
    --pf-global--palette--red-200: #a30000;
    --pf-global--palette--red-300: #7d1007;
    --pf-global--palette--red-400: #470000;
    --pf-global--palette--red-500: #2c0000;
    --pf-global--palette--white: #fff;
    --pf-global--BackgroundColor--100: #fff;
    --pf-global--BackgroundColor--200: #f0f0f0;
    --pf-global--BackgroundColor--light-100: #fff;
    --pf-global--BackgroundColor--light-200: #fafafa;
    --pf-global--BackgroundColor--light-300: #f0f0f0;
    --pf-global--BackgroundColor--dark-100: #151515;
    --pf-global--BackgroundColor--dark-200: #3c3f42;
    --pf-global--BackgroundColor--dark-300: #212427;
    --pf-global--BackgroundColor--dark-400: #4f5255;
    --pf-global--BackgroundColor--dark-transparent-100: rgba(3, 3, 3, .62);
    --pf-global--BackgroundColor--dark-transparent-200: rgba(3, 3, 3, .32);
    --pf-global--Color--100: #151515;
    --pf-global--Color--200: #6a6e73;
    --pf-global--Color--300: #3c3f42;
    --pf-global--Color--400: #8a8d90;
    --pf-global--Color--light-100: #fff;
    --pf-global--Color--light-200: #f0f0f0;
    --pf-global--Color--light-300: #d2d2d2;
    --pf-global--Color--dark-100: #151515;
    --pf-global--Color--dark-200: #6a6e73;
    --pf-global--active-color--100: #06c;
    --pf-global--active-color--200: #bee1f4;
    --pf-global--active-color--300: #2b9af3;
    --pf-global--active-color--400: #73bcf7;
    --pf-global--disabled-color--100: #6a6e73;
    --pf-global--disabled-color--200: #d2d2d2;
    --pf-global--disabled-color--300: #f0f0f0;
    --pf-global--primary-color--100: #06c;
    --pf-global--primary-color--200: #006633;
    --pf-global--primary-color--light-100: #73bcf7;
    --pf-global--primary-color--dark-100: #06c;
    --pf-global--secondary-color--100: #6a6e73;
    --pf-global--default-color--100: #73c5c5;
    --pf-global--default-color--200: #009596;
    --pf-global--default-color--300: #003737;
    --pf-global--success-color--100: #3e8635;
    --pf-global--success-color--200: #1e4f18;
    --pf-global--info-color--100: #2b9af3;
    --pf-global--info-color--200: #002952;
    --pf-global--warning-color--100: #f0ab00;
    --pf-global--warning-color--200: #795600;
    --pf-global--danger-color--100: #c9190b;
    --pf-global--danger-color--200: #a30000;
    --pf-global--danger-color--300: #470000;
    --pf-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, .12), 0 0 0.125rem 0 rgba(3, 3, 3, .06);
    --pf-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, .16);
    --pf-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, .16);
    --pf-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, .16);
    --pf-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, .16);
    --pf-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, .12), 0 0 0.25rem 0 rgba(3, 3, 3, .06);
    --pf-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, .18);
    --pf-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, .18);
    --pf-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, .18);
    --pf-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, .18);
    --pf-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, .16), 0 0 0.375rem 0 rgba(3, 3, 3, .08);
    --pf-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, .18);
    --pf-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, .18);
    --pf-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, .18);
    --pf-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, .18);
    --pf-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, .16), 0 0 0.5rem 0 rgba(3, 3, 3, .1);
    --pf-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, .2);
    --pf-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, .2);
    --pf-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, .2);
    --pf-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, .2);
    --pf-global--BoxShadow--inset: inset 0 0 0.625rem 0 rgba(3, 3, 3, .25);
    --pf-global--font-path: "./assets/fonts";
    --pf-global--fonticon-path: "./assets/pficon";
    --pf-global--spacer--xs: 0.25rem;
    --pf-global--spacer--sm: 0.5rem;
    --pf-global--spacer--md: 1rem;
    --pf-global--spacer--lg: 1.5rem;
    --pf-global--spacer--xl: 2rem;
    --pf-global--spacer--2xl: 3rem;
    --pf-global--spacer--3xl: 4rem;
    --pf-global--spacer--4xl: 5rem;
    --pf-global--spacer--form-element: 0.375rem;
    --pf-global--gutter: 1rem;
    --pf-global--gutter--md: 1.5rem;
    --pf-global--ZIndex--xs: 100;
    --pf-global--ZIndex--sm: 200;
    --pf-global--ZIndex--md: 300;
    --pf-global--ZIndex--lg: 400;
    --pf-global--ZIndex--xl: 500;
    --pf-global--ZIndex--2xl: 600;
    --pf-global--breakpoint--xs: 0;
    --pf-global--breakpoint--sm: 576px;
    --pf-global--breakpoint--md: 768px;
    --pf-global--breakpoint--lg: 992px;
    --pf-global--breakpoint--xl: 1200px;
    --pf-global--breakpoint--2xl: 1450px;
    --pf-global--link--Color: #06c;
    --pf-global--link--Color--hover: #006633;
    --pf-global--link--Color--light: #2b9af3;
    --pf-global--link--Color--light--hover: #73bcf7;
    --pf-global--link--Color--dark: #06c;
    --pf-global--link--Color--dark--hover: #006633;
    --pf-global--link--Color--visited: #40199a;
    --pf-global--link--TextDecoration: none;
    --pf-global--link--TextDecoration--hover: underline;
    --pf-global--BorderWidth--sm: 1px;
    --pf-global--BorderWidth--md: 2px;
    --pf-global--BorderWidth--lg: 3px;
    --pf-global--BorderWidth--xl: 4px;
    --pf-global--BorderColor--100: #d2d2d2;
    --pf-global--BorderColor--200: #8a8d90;
    --pf-global--BorderColor--300: #f0f0f0;
    --pf-global--BorderColor--dark-100: #d2d2d2;
    --pf-global--BorderColor--light-100: #b8bbbe;
    --pf-global--BorderRadius--sm: 3px;
    --pf-global--BorderRadius--lg: 30em;
    --pf-global--icon--Color--light: #6a6e73;
    --pf-global--icon--Color--dark: #151515;
    --pf-global--icon--FontSize--sm: 0.625rem;
    --pf-global--icon--FontSize--md: 1.125rem;
    --pf-global--icon--FontSize--lg: 1.5rem;
    --pf-global--icon--FontSize--xl: 3.375rem;
    --pf-global--FontFamily--sans-serif: "RedHatText", "Overpass", overpass, helvetica, arial, sans-serif;
    --pf-global--FontFamily--heading--sans-serif: "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif;
    --pf-global--FontFamily--monospace: "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
    --pf-global--FontFamily--overpass--sans-serif: "overpass", overpass, "open sans", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --pf-global--FontFamily--overpass--monospace: "overpass-mono", overpass-mono, "SFMono-Regular", menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
    --pf-global--FontSize--4xl: 2.25rem;
    --pf-global--FontSize--3xl: 1.75rem;
    --pf-global--FontSize--2xl: 1.5rem;
    --pf-global--FontSize--xl: 1.25rem;
    --pf-global--FontSize--lg: 1.125rem;
    --pf-global--FontSize--md: 1rem;
    --pf-global--FontSize--sm: 0.875rem;
    --pf-global--FontSize--xs: 0.75rem;
    --pf-global--FontWeight--light: 300;
    --pf-global--FontWeight--normal: 400;
    --pf-global--FontWeight--semi-bold: 700;
    --pf-global--FontWeight--overpass--semi-bold: 500;
    --pf-global--FontWeight--bold: 700;
    --pf-global--FontWeight--overpass--bold: 600;
    --pf-global--LineHeight--sm: 1.3;
    --pf-global--LineHeight--md: 1.5;
    --pf-global--ListStyle: disc outside;
    --pf-global--Transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
    --pf-global--TimingFunction: cubic-bezier(0.645, 0.045, 0.355, 1);
    --pf-global--TransitionDuration: 250ms;
    --pf-global--arrow--width: 0.9375rem;
    --pf-global--arrow--width-lg: 1.5625rem;
    --pf-global--target-size--MinWidth: 44px;
    --pf-global--target-size--MinHeight: 44px
}

.pf-m-overpass-font {
    --pf-global--FontFamily--sans-serif: var(--pf-global--FontFamily--overpass--sans-serif);
    --pf-global--FontFamily--heading--sans-serif: var(--pf-global--FontFamily--sans-serif);
    --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--overpass--monospace);
    --pf-global--FontWeight--semi-bold: var(--pf-global--FontWeight--overpass--semi-bold);
    --pf-global--FontWeight--bold: var(--pf-global--FontWeight--overpass--bold)
}

@font-face {
    font-family: RedHatDisplay;
    font-style: normal;
    font-weight: 300;
    src: url(assets/fonts/RedHatDisplay/RedHatDisplay-Regular.eot);
    src: url(assets/fonts/RedHatDisplay/RedHatDisplay-Regular.eot?#iefix) format("embedded-opentype"), url(assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff) format("woff");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: RedHatDisplay;
    font-style: normal;
    font-weight: 400;
    src: url(assets/fonts/RedHatDisplay/RedHatDisplay-Medium.eot);
    src: url(assets/fonts/RedHatDisplay/RedHatDisplay-Medium.eot?#iefix) format("embedded-opentype"), url(assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff) format("woff");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: RedHatDisplay;
    font-style: normal;
    font-weight: 700;
    src: url(assets/fonts/RedHatDisplay/RedHatDisplay-Bold.eot);
    src: url(assets/fonts/RedHatDisplay/RedHatDisplay-Bold.eot?#iefix) format("embedded-opentype"), url(assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff) format("woff");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: RedHatText;
    font-style: normal;
    font-weight: 400;
    src: url(assets/fonts/RedHatText/RedHatText-Regular.eot);
    src: url(assets/fonts/RedHatText/RedHatText-Regular.eot?#iefix) format("embedded-opentype"), url(assets/fonts/RedHatText/RedHatText-Regular.woff) format("woff");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: RedHatText;
    font-style: normal;
    font-weight: 700;
    src: url(assets/fonts/RedHatText/RedHatText-Medium.eot);
    src: url(assets/fonts/RedHatText/RedHatText-Medium.eot?#iefix) format("embedded-opentype"), url(assets/fonts/RedHatText/RedHatText-Medium.woff) format("woff");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: overpass;
    font-style: normal;
    font-weight: 200;
    src: url(assets/fonts/overpass-webfont/overpass-thin.eot);
    src: url(assets/fonts/overpass-webfont/overpass-thin.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-webfont/overpass-thin.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-thin.woff) format("woff"), url(assets/fonts/overpass-webfont/overpass-thin.ttf) format("truetype")
}

@font-face {
    font-family: overpass;
    font-style: italic;
    font-weight: 200;
    src: url(assets/fonts/overpass-webfont/overpass-thin-italic.eot);
    src: url(assets/fonts/overpass-webfont/overpass-thin-italic.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-webfont/overpass-thin-italic.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-thin-italic.woff) format("woff"), url(assets/fonts/overpass-webfont/overpass-thin-italic.ttf) format("truetype")
}

@font-face {
    font-family: overpass;
    font-style: normal;
    font-weight: 300;
    src: url(assets/fonts/overpass-webfont/overpass-extralight.eot);
    src: url(assets/fonts/overpass-webfont/overpass-extralight.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-webfont/overpass-extralight.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-extralight.woff) format("woff"), url(assets/fonts/overpass-webfont/overpass-extralight.ttf) format("truetype")
}

@font-face {
    font-family: overpass;
    font-style: italic;
    font-weight: 300;
    src: url(assets/fonts/overpass-webfont/overpass-extralight-italic.eot);
    src: url(assets/fonts/overpass-webfont/overpass-extralight-italic.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-webfont/overpass-extralight-italic.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-extralight-italic.woff) format("woff"), url(assets/fonts/overpass-webfont/overpass-extralight-italic.ttf) format("truetype")
}

@font-face {
    font-family: overpass;
    font-style: normal;
    font-weight: 400;
    src: url(assets/fonts/overpass-webfont/overpass-light.eot);
    src: url(assets/fonts/overpass-webfont/overpass-light.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-webfont/overpass-light.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-light.woff) format("woff"), url(assets/fonts/overpass-webfont/overpass-light.ttf) format("truetype")
}

@font-face {
    font-family: overpass;
    font-style: italic;
    font-weight: 400;
    src: url(assets/fonts/overpass-webfont/overpass-light-italic.eot);
    src: url(assets/fonts/overpass-webfont/overpass-light-italic.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-webfont/overpass-light-italic.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-light-italic.woff) format("woff"), url(assets/fonts/overpass-webfont/overpass-light-italic.ttf) format("truetype")
}

@font-face {
    font-family: overpass;
    font-style: normal;
    font-weight: 500;
    src: url(assets/fonts/overpass-webfont/overpass-regular.eot);
    src: url(assets/fonts/overpass-webfont/overpass-regular.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-webfont/overpass-regular.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-regular.woff) format("woff"), url(assets/fonts/overpass-webfont/overpass-regular.ttf) format("truetype")
}

@font-face {
    font-family: overpass;
    font-style: italic;
    font-weight: 500;
    src: url(assets/fonts/overpass-webfont/overpass-italic.eot);
    src: url(assets/fonts/overpass-webfont/overpass-italic.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-webfont/overpass-italic.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-italic.woff) format("woff"), url(assets/fonts/overpass-webfont/overpass-italic.ttf) format("truetype")
}

@font-face {
    font-family: overpass;
    font-style: normal;
    font-weight: 600;
    src: url(assets/fonts/overpass-webfont/overpass-semibold.eot);
    src: url(assets/fonts/overpass-webfont/overpass-semibold.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-webfont/overpass-semibold.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-semibold.woff) format("woff"), url(assets/fonts/overpass-webfont/overpass-semibold.ttf) format("truetype")
}

@font-face {
    font-family: overpass;
    font-style: italic;
    font-weight: 600;
    src: url(assets/fonts/overpass-webfont/overpass-semibold-italic.eot);
    src: url(assets/fonts/overpass-webfont/overpass-semibold-italic.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-webfont/overpass-semibold-italic.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-semibold-italic.woff) format("woff"), url(assets/fonts/overpass-webfont/overpass-semibold-italic.ttf) format("truetype")
}

@font-face {
    font-family: overpass;
    font-style: normal;
    font-weight: 700;
    src: url(assets/fonts/overpass-webfont/overpass-bold.eot);
    src: url(assets/fonts/overpass-webfont/overpass-bold.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-webfont/overpass-bold.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-bold.woff) format("woff"), url(assets/fonts/overpass-webfont/overpass-bold.ttf) format("truetype")
}

@font-face {
    font-family: overpass;
    font-style: italic;
    font-weight: 700;
    src: url(assets/fonts/overpass-webfont/overpass-bold-italic.eot);
    src: url(assets/fonts/overpass-webfont/overpass-bold-italic.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-webfont/overpass-bold-italic.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-bold-italic.woff) format("woff"), url(assets/fonts/overpass-webfont/overpass-bold-italic.ttf) format("truetype")
}

@font-face {
    font-family: overpass;
    font-style: normal;
    font-weight: 800;
    src: url(assets/fonts/overpass-webfont/overpass-extrabold.eot);
    src: url(assets/fonts/overpass-webfont/overpass-extrabold.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-webfont/overpass-extrabold.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-extrabold.woff) format("woff"), url(assets/fonts/overpass-webfont/overpass-extrabold.ttf) format("truetype")
}

@font-face {
    font-family: overpass;
    font-style: italic;
    font-weight: 800;
    src: url(assets/fonts/overpass-webfont/overpass-extrabold-italic.eot);
    src: url(assets/fonts/overpass-webfont/overpass-extrabold-italic.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-webfont/overpass-extrabold-italic.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-extrabold-italic.woff) format("woff"), url(assets/fonts/overpass-webfont/overpass-extrabold-italic.ttf) format("truetype")
}

@font-face {
    font-family: overpass;
    font-style: normal;
    font-weight: 900;
    src: url(assets/fonts/overpass-webfont/overpass-heavy.eot);
    src: url(assets/fonts/overpass-webfont/overpass-heavy.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-webfont/overpass-heavy.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-heavy.woff) format("woff"), url(assets/fonts/overpass-webfont/overpass-heavy.ttf) format("truetype")
}

@font-face {
    font-family: overpass;
    font-style: italic;
    font-weight: 900;
    src: url(assets/fonts/overpass-webfont/overpass-heavy-italic.eot);
    src: url(assets/fonts/overpass-webfont/overpass-heavy-italic.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-webfont/overpass-heavy-italic.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-heavy-italic.woff) format("woff"), url(assets/fonts/overpass-webfont/overpass-heavy-italic.ttf) format("truetype")
}

@font-face {
    font-family: overpass-mono;
    font-style: normal;
    font-weight: 300;
    src: url(assets/fonts/overpass-mono-webfont/overpass-mono-light.eot);
    src: url(assets/fonts/overpass-mono-webfont/overpass-mono-light.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-mono-webfont/overpass-mono-light.woff2) format("woff2"), url(assets/fonts/overpass-mono-webfont/overpass-mono-light.woff) format("woff"), url(assets/fonts/overpass-mono-webfont/overpass-mono-light.ttf) format("truetype")
}

@font-face {
    font-family: overpass-mono;
    font-style: normal;
    font-weight: 400;
    src: url(assets/fonts/overpass-mono-webfont/overpass-mono-regular.eot);
    src: url(assets/fonts/overpass-mono-webfont/overpass-mono-regular.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-mono-webfont/overpass-mono-regular.woff2) format("woff2"), url(assets/fonts/overpass-mono-webfont/overpass-mono-regular.woff) format("woff"), url(assets/fonts/overpass-mono-webfont/overpass-mono-regular.ttf) format("truetype")
}

@font-face {
    font-family: overpass-mono;
    font-style: normal;
    font-weight: 500;
    src: url(assets/fonts/overpass-mono-webfont/overpass-mono-semibold.eot);
    src: url(assets/fonts/overpass-mono-webfont/overpass-mono-semibold.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-mono-webfont/overpass-mono-semibold.woff2) format("woff2"), url(assets/fonts/overpass-mono-webfont/overpass-mono-semibold.woff) format("woff"), url(assets/fonts/overpass-mono-webfont/overpass-mono-semibold.ttf) format("truetype")
}

@font-face {
    font-family: overpass-mono;
    font-style: normal;
    font-weight: 600;
    src: url(assets/fonts/overpass-mono-webfont/overpass-mono-bold.eot);
    src: url(assets/fonts/overpass-mono-webfont/overpass-mono-bold.eot?#iefix) format("embedded-opentype"), url(assets/fonts/overpass-mono-webfont/overpass-mono-bold.woff2) format("woff2"), url(assets/fonts/overpass-mono-webfont/overpass-mono-bold.woff) format("woff"), url(assets/fonts/overpass-mono-webfont/overpass-mono-bold.ttf) format("truetype")
}

[class*=pf-c-],
[class*=pf-c-]:after,
[class*=pf-c-]:before {
    background-color: transparent;
    margin: 0;
    padding: 0
}

html {
    font-size: unset !important
}

.pf-screen-reader {
    clip: rect(0, 0, 0, 0);
    border: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    white-space: nowrap
}

.pf-svg-vertical-align {
    vertical-align: -.125em
}

blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
    margin: 0;
    padding: 0
}

body,
html {
    height: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: var(--pf-global--FontWeight--normal)
}

ul {
    list-style: none
}

button,
input,
optgroup,
select,
textarea {
    color: var(--pf-global--Color--100);
    font-family: inherit;
    font-size: 100%;
    line-height: var(--pf-global--LineHeight--md);
    margin: 0
}

audio,
embed,
iframe,
img,
object,
video {
    height: auto;
    max-width: 100%
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0;
    text-align: left
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15
}

body {
    background-color: var(--pf-global--BackgroundColor--100);
    font-family: var(--pf-global--FontFamily--sans-serif);
    font-size: var(--pf-global--FontSize--md);
    font-weight: var(--pf-global--FontWeight--normal);
    line-height: var(--pf-global--LineHeight--md);
    text-align: left
}

a {
    color: var(--pf-global--link--Color);
    font-weight: var(--pf-global--link--FontWeight);
    -webkit-text-decoration: var(--pf-global--link--TextDecoration);
    text-decoration: var(--pf-global--link--TextDecoration)
}

a:hover {
    --pf-global--link--Color: var(--pf-global--link--Color--hover);
    --pf-global--link--TextDecoration: var(--pf-global--link--TextDecoration--hover)
}

a,
button {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

.pf-m-overpass-font a {
    font-weight: var(--pf-global--FontWeight--semi-bold)
}

.pf-t-dark.pf-m-transparent {
    background-color: transparent
}

.pf-t-dark.pf-m-transparent-100 {
    background-color: rgba(3, 3, 3, .42)
}

.pf-t-dark.pf-m-transparent-200 {
    background-color: rgba(3, 3, 3, .6)
}

.pf-t-dark.pf-m-opaque-100 {
    background-color: #3c3f42
}

.pf-t-dark.pf-m-opaque-200 {
    background-color: #151515
}

.pf-t-light.pf-m-transparent {
    background-color: transparent
}

.pf-t-light.pf-m-opaque-100 {
    background-color: #fff
}

.pf-t-light.pf-m-opaque-200 {
    background-color: #fafafa
}

.pf-t-light.pf-m-opaque-300 {
    background-color: #f0f0f0
}

* .fa,
* .fab,
* .fal,
* .far,
* .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

* .fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

* .fa-xs {
    font-size: .75em
}

* .fa-sm {
    font-size: .875em
}

* .fa-1x {
    font-size: 1em
}

* .fa-2x {
    font-size: 2em
}

* .fa-3x {
    font-size: 3em
}

* .fa-4x {
    font-size: 4em
}

* .fa-5x {
    font-size: 5em
}

* .fa-6x {
    font-size: 6em
}

* .fa-7x {
    font-size: 7em
}

* .fa-8x {
    font-size: 8em
}

* .fa-9x {
    font-size: 9em
}

* .fa-10x {
    font-size: 10em
}

* .fa-fw {
    text-align: center;
    width: 1.25em
}

* .fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

* .fa-ul>li {
    position: relative
}

* .fa-li {
    left: -2em;
    line-height: inherit;
    position: absolute;
    text-align: center;
    width: 2em
}

* .fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

* .fa-pull-left {
    float: left
}

* .fa-pull-right {
    float: right
}

* .fa.fa-pull-left,
* .fab.fa-pull-left,
* .fal.fa-pull-left,
* .far.fa-pull-left,
* .fas.fa-pull-left {
    margin-right: .3em
}

* .fa.fa-pull-right,
* .fab.fa-pull-right,
* .fal.fa-pull-right,
* .far.fa-pull-right,
* .fas.fa-pull-right {
    margin-left: .3em
}

* .fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite
}

* .fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
    animation: fa-spin 1s steps(8) infinite
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

* .fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

* .fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

* .fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

* .fa-flip-horizontal {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

* .fa-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

* .fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

* :root .fa-flip-horizontal,
* :root .fa-flip-vertical,
* :root .fa-rotate-180,
* :root .fa-rotate-270,
* :root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none
}

* .fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

* .fa-stack-1x,
* .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

* .fa-stack-1x {
    line-height: inherit
}

* .fa-stack-2x {
    font-size: 2em
}

* .fa-inverse {
    color: #fff
}

* .fa-500px:before {
    content: "\f26e"
}

* .fa-accessible-icon:before {
    content: "\f368"
}

* .fa-accusoft:before {
    content: "\f369"
}

* .fa-acquisitions-incorporated:before {
    content: "\f6af"
}

* .fa-ad:before {
    content: "\f641"
}

* .fa-address-book:before {
    content: "\f2b9"
}

* .fa-address-card:before {
    content: "\f2bb"
}

* .fa-adjust:before {
    content: "\f042"
}

* .fa-adn:before {
    content: "\f170"
}

* .fa-adobe:before {
    content: "\f778"
}

* .fa-adversal:before {
    content: "\f36a"
}

* .fa-affiliatetheme:before {
    content: "\f36b"
}

* .fa-air-freshener:before {
    content: "\f5d0"
}

* .fa-algolia:before {
    content: "\f36c"
}

* .fa-align-center:before {
    content: "\f037"
}

* .fa-align-justify:before {
    content: "\f039"
}

* .fa-align-left:before {
    content: "\f036"
}

* .fa-align-right:before {
    content: "\f038"
}

* .fa-alipay:before {
    content: "\f642"
}

* .fa-allergies:before {
    content: "\f461"
}

* .fa-amazon:before {
    content: "\f270"
}

* .fa-amazon-pay:before {
    content: "\f42c"
}

* .fa-ambulance:before {
    content: "\f0f9"
}

* .fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

* .fa-amilia:before {
    content: "\f36d"
}

* .fa-anchor:before {
    content: "\f13d"
}

* .fa-android:before {
    content: "\f17b"
}

* .fa-angellist:before {
    content: "\f209"
}

* .fa-angle-double-down:before {
    content: "\f103"
}

* .fa-angle-double-left:before {
    content: "\f100"
}

* .fa-angle-double-right:before {
    content: "\f101"
}

* .fa-angle-double-up:before {
    content: "\f102"
}

* .fa-angle-down:before {
    content: "\f107"
}

* .fa-angle-left:before {
    content: "\f104"
}

* .fa-angle-right:before {
    content: "\f105"
}

* .fa-angle-up:before {
    content: "\f106"
}

* .fa-angry:before {
    content: "\f556"
}

* .fa-angrycreative:before {
    content: "\f36e"
}

* .fa-angular:before {
    content: "\f420"
}

* .fa-ankh:before {
    content: "\f644"
}

* .fa-app-store:before {
    content: "\f36f"
}

* .fa-app-store-ios:before {
    content: "\f370"
}

* .fa-apper:before {
    content: "\f371"
}

* .fa-apple:before {
    content: "\f179"
}

* .fa-apple-alt:before {
    content: "\f5d1"
}

* .fa-apple-pay:before {
    content: "\f415"
}

* .fa-archive:before {
    content: "\f187"
}

* .fa-archway:before {
    content: "\f557"
}

* .fa-arrow-alt-circle-down:before {
    content: "\f358"
}

* .fa-arrow-alt-circle-left:before {
    content: "\f359"
}

* .fa-arrow-alt-circle-right:before {
    content: "\f35a"
}

* .fa-arrow-alt-circle-up:before {
    content: "\f35b"
}

* .fa-arrow-circle-down:before {
    content: "\f0ab"
}

* .fa-arrow-circle-left:before {
    content: "\f0a8"
}

* .fa-arrow-circle-right:before {
    content: "\f0a9"
}

* .fa-arrow-circle-up:before {
    content: "\f0aa"
}

* .fa-arrow-down:before {
    content: "\f063"
}

* .fa-arrow-left:before {
    content: "\f060"
}

* .fa-arrow-right:before {
    content: "\f061"
}

* .fa-arrow-up:before {
    content: "\f062"
}

* .fa-arrows-alt:before {
    content: "\f0b2"
}

* .fa-arrows-alt-h:before {
    content: "\f337"
}

* .fa-arrows-alt-v:before {
    content: "\f338"
}

* .fa-artstation:before {
    content: "\f77a"
}

* .fa-assistive-listening-systems:before {
    content: "\f2a2"
}

* .fa-asterisk:before {
    content: "\f069"
}

* .fa-asymmetrik:before {
    content: "\f372"
}

* .fa-at:before {
    content: "\f1fa"
}

* .fa-atlas:before {
    content: "\f558"
}

* .fa-atlassian:before {
    content: "\f77b"
}

* .fa-atom:before {
    content: "\f5d2"
}

* .fa-audible:before {
    content: "\f373"
}

* .fa-audio-description:before {
    content: "\f29e"
}

* .fa-autoprefixer:before {
    content: "\f41c"
}

* .fa-avianex:before {
    content: "\f374"
}

* .fa-aviato:before {
    content: "\f421"
}

* .fa-award:before {
    content: "\f559"
}

* .fa-aws:before {
    content: "\f375"
}

* .fa-baby:before {
    content: "\f77c"
}

* .fa-baby-carriage:before {
    content: "\f77d"
}

* .fa-backspace:before {
    content: "\f55a"
}

* .fa-backward:before {
    content: "\f04a"
}

* .fa-balance-scale:before {
    content: "\f24e"
}

* .fa-ban:before {
    content: "\f05e"
}

* .fa-band-aid:before {
    content: "\f462"
}

* .fa-bandcamp:before {
    content: "\f2d5"
}

* .fa-barcode:before {
    content: "\f02a"
}

* .fa-bars:before {
    content: "\f0c9"
}

* .fa-baseball-ball:before {
    content: "\f433"
}

* .fa-basketball-ball:before {
    content: "\f434"
}

* .fa-bath:before {
    content: "\f2cd"
}

* .fa-battery-empty:before {
    content: "\f244"
}

* .fa-battery-full:before {
    content: "\f240"
}

* .fa-battery-half:before {
    content: "\f242"
}

* .fa-battery-quarter:before {
    content: "\f243"
}

* .fa-battery-three-quarters:before {
    content: "\f241"
}

* .fa-bed:before {
    content: "\f236"
}

* .fa-beer:before {
    content: "\f0fc"
}

* .fa-behance:before {
    content: "\f1b4"
}

* .fa-behance-square:before {
    content: "\f1b5"
}

* .fa-bell:before {
    content: "\f0f3"
}

* .fa-bell-slash:before {
    content: "\f1f6"
}

* .fa-bezier-curve:before {
    content: "\f55b"
}

* .fa-bible:before {
    content: "\f647"
}

* .fa-bicycle:before {
    content: "\f206"
}

* .fa-bimobject:before {
    content: "\f378"
}

* .fa-binoculars:before {
    content: "\f1e5"
}

* .fa-biohazard:before {
    content: "\f780"
}

* .fa-birthday-cake:before {
    content: "\f1fd"
}

* .fa-bitbucket:before {
    content: "\f171"
}

* .fa-bitcoin:before {
    content: "\f379"
}

* .fa-bity:before {
    content: "\f37a"
}

* .fa-black-tie:before {
    content: "\f27e"
}

* .fa-blackberry:before {
    content: "\f37b"
}

* .fa-blender:before {
    content: "\f517"
}

* .fa-blender-phone:before {
    content: "\f6b6"
}

* .fa-blind:before {
    content: "\f29d"
}

* .fa-blog:before {
    content: "\f781"
}

* .fa-blogger:before {
    content: "\f37c"
}

* .fa-blogger-b:before {
    content: "\f37d"
}

* .fa-bluetooth:before {
    content: "\f293"
}

* .fa-bluetooth-b:before {
    content: "\f294"
}

* .fa-bold:before {
    content: "\f032"
}

* .fa-bolt:before {
    content: "\f0e7"
}

* .fa-bomb:before {
    content: "\f1e2"
}

* .fa-bone:before {
    content: "\f5d7"
}

* .fa-bong:before {
    content: "\f55c"
}

* .fa-book:before {
    content: "\f02d"
}

* .fa-book-dead:before {
    content: "\f6b7"
}

* .fa-book-open:before {
    content: "\f518"
}

* .fa-book-reader:before {
    content: "\f5da"
}

* .fa-bookmark:before {
    content: "\f02e"
}

* .fa-bowling-ball:before {
    content: "\f436"
}

* .fa-box:before {
    content: "\f466"
}

* .fa-box-open:before {
    content: "\f49e"
}

* .fa-boxes:before {
    content: "\f468"
}

* .fa-braille:before {
    content: "\f2a1"
}

* .fa-brain:before {
    content: "\f5dc"
}

* .fa-briefcase:before {
    content: "\f0b1"
}

* .fa-briefcase-medical:before {
    content: "\f469"
}

* .fa-broadcast-tower:before {
    content: "\f519"
}

* .fa-broom:before {
    content: "\f51a"
}

* .fa-brush:before {
    content: "\f55d"
}

* .fa-btc:before {
    content: "\f15a"
}

* .fa-bug:before {
    content: "\f188"
}

* .fa-building:before {
    content: "\f1ad"
}

* .fa-bullhorn:before {
    content: "\f0a1"
}

* .fa-bullseye:before {
    content: "\f140"
}

* .fa-burn:before {
    content: "\f46a"
}

* .fa-buromobelexperte:before {
    content: "\f37f"
}

* .fa-bus:before {
    content: "\f207"
}

* .fa-bus-alt:before {
    content: "\f55e"
}

* .fa-business-time:before {
    content: "\f64a"
}

* .fa-buysellads:before {
    content: "\f20d"
}

* .fa-calculator:before {
    content: "\f1ec"
}

* .fa-calendar:before {
    content: "\f133"
}

* .fa-calendar-alt:before {
    content: "\f073"
}

* .fa-calendar-check:before {
    content: "\f274"
}

* .fa-calendar-day:before {
    content: "\f783"
}

* .fa-calendar-minus:before {
    content: "\f272"
}

* .fa-calendar-plus:before {
    content: "\f271"
}

* .fa-calendar-times:before {
    content: "\f273"
}

* .fa-calendar-week:before {
    content: "\f784"
}

* .fa-camera:before {
    content: "\f030"
}

* .fa-camera-retro:before {
    content: "\f083"
}

* .fa-campground:before {
    content: "\f6bb"
}

* .fa-canadian-maple-leaf:before {
    content: "\f785"
}

* .fa-candy-cane:before {
    content: "\f786"
}

* .fa-cannabis:before {
    content: "\f55f"
}

* .fa-capsules:before {
    content: "\f46b"
}

* .fa-car:before {
    content: "\f1b9"
}

* .fa-car-alt:before {
    content: "\f5de"
}

* .fa-car-battery:before {
    content: "\f5df"
}

* .fa-car-crash:before {
    content: "\f5e1"
}

* .fa-car-side:before {
    content: "\f5e4"
}

* .fa-caret-down:before {
    content: "\f0d7"
}

* .fa-caret-left:before {
    content: "\f0d9"
}

* .fa-caret-right:before {
    content: "\f0da"
}

* .fa-caret-square-down:before {
    content: "\f150"
}

* .fa-caret-square-left:before {
    content: "\f191"
}

* .fa-caret-square-right:before {
    content: "\f152"
}

* .fa-caret-square-up:before {
    content: "\f151"
}

* .fa-caret-up:before {
    content: "\f0d8"
}

* .fa-carrot:before {
    content: "\f787"
}

* .fa-cart-arrow-down:before {
    content: "\f218"
}

* .fa-cart-plus:before {
    content: "\f217"
}

* .fa-cash-register:before {
    content: "\f788"
}

* .fa-cat:before {
    content: "\f6be"
}

* .fa-cc-amazon-pay:before {
    content: "\f42d"
}

* .fa-cc-amex:before {
    content: "\f1f3"
}

* .fa-cc-apple-pay:before {
    content: "\f416"
}

* .fa-cc-diners-club:before {
    content: "\f24c"
}

* .fa-cc-discover:before {
    content: "\f1f2"
}

* .fa-cc-jcb:before {
    content: "\f24b"
}

* .fa-cc-mastercard:before {
    content: "\f1f1"
}

* .fa-cc-paypal:before {
    content: "\f1f4"
}

* .fa-cc-stripe:before {
    content: "\f1f5"
}

* .fa-cc-visa:before {
    content: "\f1f0"
}

* .fa-centercode:before {
    content: "\f380"
}

* .fa-centos:before {
    content: "\f789"
}

* .fa-certificate:before {
    content: "\f0a3"
}

* .fa-chair:before {
    content: "\f6c0"
}

* .fa-chalkboard:before {
    content: "\f51b"
}

* .fa-chalkboard-teacher:before {
    content: "\f51c"
}

* .fa-charging-station:before {
    content: "\f5e7"
}

* .fa-chart-area:before {
    content: "\f1fe"
}

* .fa-chart-bar:before {
    content: "\f080"
}

* .fa-chart-line:before {
    content: "\f201"
}

* .fa-chart-pie:before {
    content: "\f200"
}

* .fa-check:before {
    content: "\f00c"
}

* .fa-check-circle:before {
    content: "\f058"
}

* .fa-check-double:before {
    content: "\f560"
}

* .fa-check-square:before {
    content: "\f14a"
}

* .fa-chess:before {
    content: "\f439"
}

* .fa-chess-bishop:before {
    content: "\f43a"
}

* .fa-chess-board:before {
    content: "\f43c"
}

* .fa-chess-king:before {
    content: "\f43f"
}

* .fa-chess-knight:before {
    content: "\f441"
}

* .fa-chess-pawn:before {
    content: "\f443"
}

* .fa-chess-queen:before {
    content: "\f445"
}

* .fa-chess-rook:before {
    content: "\f447"
}

* .fa-chevron-circle-down:before {
    content: "\f13a"
}

* .fa-chevron-circle-left:before {
    content: "\f137"
}

* .fa-chevron-circle-right:before {
    content: "\f138"
}

* .fa-chevron-circle-up:before {
    content: "\f139"
}

* .fa-chevron-down:before {
    content: "\f078"
}

* .fa-chevron-left:before {
    content: "\f053"
}

* .fa-chevron-right:before {
    content: "\f054"
}

* .fa-chevron-up:before {
    content: "\f077"
}

* .fa-child:before {
    content: "\f1ae"
}

* .fa-chrome:before {
    content: "\f268"
}

* .fa-church:before {
    content: "\f51d"
}

* .fa-circle:before {
    content: "\f111"
}

* .fa-circle-notch:before {
    content: "\f1ce"
}

* .fa-city:before {
    content: "\f64f"
}

* .fa-clipboard:before {
    content: "\f328"
}

* .fa-clipboard-check:before {
    content: "\f46c"
}

* .fa-clipboard-list:before {
    content: "\f46d"
}

* .fa-clock:before {
    content: "\f017"
}

* .fa-clone:before {
    content: "\f24d"
}

* .fa-closed-captioning:before {
    content: "\f20a"
}

* .fa-cloud:before {
    content: "\f0c2"
}

* .fa-cloud-download-alt:before {
    content: "\f381"
}

* .fa-cloud-meatball:before {
    content: "\f73b"
}

* .fa-cloud-moon:before {
    content: "\f6c3"
}

* .fa-cloud-moon-rain:before {
    content: "\f73c"
}

* .fa-cloud-rain:before {
    content: "\f73d"
}

* .fa-cloud-showers-heavy:before {
    content: "\f740"
}

* .fa-cloud-sun:before {
    content: "\f6c4"
}

* .fa-cloud-sun-rain:before {
    content: "\f743"
}

* .fa-cloud-upload-alt:before {
    content: "\f382"
}

* .fa-cloudscale:before {
    content: "\f383"
}

* .fa-cloudsmith:before {
    content: "\f384"
}

* .fa-cloudversify:before {
    content: "\f385"
}

* .fa-cocktail:before {
    content: "\f561"
}

* .fa-code:before {
    content: "\f121"
}

* .fa-code-branch:before {
    content: "\f126"
}

* .fa-codepen:before {
    content: "\f1cb"
}

* .fa-codiepie:before {
    content: "\f284"
}

* .fa-coffee:before {
    content: "\f0f4"
}

* .fa-cog:before {
    content: "\f013"
}

* .fa-cogs:before {
    content: "\f085"
}

* .fa-coins:before {
    content: "\f51e"
}

* .fa-columns:before {
    content: "\f0db"
}

* .fa-comment:before {
    content: "\f075"
}

* .fa-comment-alt:before {
    content: "\f27a"
}

* .fa-comment-dollar:before {
    content: "\f651"
}

* .fa-comment-dots:before {
    content: "\f4ad"
}

* .fa-comment-slash:before {
    content: "\f4b3"
}

* .fa-comments:before {
    content: "\f086"
}

* .fa-comments-dollar:before {
    content: "\f653"
}

* .fa-compact-disc:before {
    content: "\f51f"
}

* .fa-compass:before {
    content: "\f14e"
}

* .fa-compress:before {
    content: "\f066"
}

* .fa-compress-arrows-alt:before {
    content: "\f78c"
}

* .fa-concierge-bell:before {
    content: "\f562"
}

* .fa-confluence:before {
    content: "\f78d"
}

* .fa-connectdevelop:before {
    content: "\f20e"
}

* .fa-contao:before {
    content: "\f26d"
}

* .fa-cookie:before {
    content: "\f563"
}

* .fa-cookie-bite:before {
    content: "\f564"
}

* .fa-copy:before {
    content: "\f0c5"
}

* .fa-copyright:before {
    content: "\f1f9"
}

* .fa-couch:before {
    content: "\f4b8"
}

* .fa-cpanel:before {
    content: "\f388"
}

* .fa-creative-commons:before {
    content: "\f25e"
}

* .fa-creative-commons-by:before {
    content: "\f4e7"
}

* .fa-creative-commons-nc:before {
    content: "\f4e8"
}

* .fa-creative-commons-nc-eu:before {
    content: "\f4e9"
}

* .fa-creative-commons-nc-jp:before {
    content: "\f4ea"
}

* .fa-creative-commons-nd:before {
    content: "\f4eb"
}

* .fa-creative-commons-pd:before {
    content: "\f4ec"
}

* .fa-creative-commons-pd-alt:before {
    content: "\f4ed"
}

* .fa-creative-commons-remix:before {
    content: "\f4ee"
}

* .fa-creative-commons-sa:before {
    content: "\f4ef"
}

* .fa-creative-commons-sampling:before {
    content: "\f4f0"
}

* .fa-creative-commons-sampling-plus:before {
    content: "\f4f1"
}

* .fa-creative-commons-share:before {
    content: "\f4f2"
}

* .fa-creative-commons-zero:before {
    content: "\f4f3"
}

* .fa-credit-card:before {
    content: "\f09d"
}

* .fa-critical-role:before {
    content: "\f6c9"
}

* .fa-crop:before {
    content: "\f125"
}

* .fa-crop-alt:before {
    content: "\f565"
}

* .fa-cross:before {
    content: "\f654"
}

* .fa-crosshairs:before {
    content: "\f05b"
}

* .fa-crow:before {
    content: "\f520"
}

* .fa-crown:before {
    content: "\f521"
}

* .fa-css3:before {
    content: "\f13c"
}

* .fa-css3-alt:before {
    content: "\f38b"
}

* .fa-cube:before {
    content: "\f1b2"
}

* .fa-cubes:before {
    content: "\f1b3"
}

* .fa-cut:before {
    content: "\f0c4"
}

* .fa-cuttlefish:before {
    content: "\f38c"
}

* .fa-d-and-d:before {
    content: "\f38d"
}

* .fa-d-and-d-beyond:before {
    content: "\f6ca"
}

* .fa-dashcube:before {
    content: "\f210"
}

* .fa-database:before {
    content: "\f1c0"
}

* .fa-deaf:before {
    content: "\f2a4"
}

* .fa-delicious:before {
    content: "\f1a5"
}

* .fa-democrat:before {
    content: "\f747"
}

* .fa-deploydog:before {
    content: "\f38e"
}

* .fa-deskpro:before {
    content: "\f38f"
}

* .fa-desktop:before {
    content: "\f108"
}

* .fa-dev:before {
    content: "\f6cc"
}

* .fa-deviantart:before {
    content: "\f1bd"
}

* .fa-dharmachakra:before {
    content: "\f655"
}

* .fa-dhl:before {
    content: "\f790"
}

* .fa-diagnoses:before {
    content: "\f470"
}

* .fa-diaspora:before {
    content: "\f791"
}

* .fa-dice:before {
    content: "\f522"
}

* .fa-dice-d20:before {
    content: "\f6cf"
}

* .fa-dice-d6:before {
    content: "\f6d1"
}

* .fa-dice-five:before {
    content: "\f523"
}

* .fa-dice-four:before {
    content: "\f524"
}

* .fa-dice-one:before {
    content: "\f525"
}

* .fa-dice-six:before {
    content: "\f526"
}

* .fa-dice-three:before {
    content: "\f527"
}

* .fa-dice-two:before {
    content: "\f528"
}

* .fa-digg:before {
    content: "\f1a6"
}

* .fa-digital-ocean:before {
    content: "\f391"
}

* .fa-digital-tachograph:before {
    content: "\f566"
}

* .fa-directions:before {
    content: "\f5eb"
}

* .fa-discord:before {
    content: "\f392"
}

* .fa-discourse:before {
    content: "\f393"
}

* .fa-divide:before {
    content: "\f529"
}

* .fa-dizzy:before {
    content: "\f567"
}

* .fa-dna:before {
    content: "\f471"
}

* .fa-dochub:before {
    content: "\f394"
}

* .fa-docker:before {
    content: "\f395"
}

* .fa-dog:before {
    content: "\f6d3"
}

* .fa-dollar-sign:before {
    content: "\f155"
}

* .fa-dolly:before {
    content: "\f472"
}

* .fa-dolly-flatbed:before {
    content: "\f474"
}

* .fa-donate:before {
    content: "\f4b9"
}

* .fa-door-closed:before {
    content: "\f52a"
}

* .fa-door-open:before {
    content: "\f52b"
}

* .fa-dot-circle:before {
    content: "\f192"
}

* .fa-dove:before {
    content: "\f4ba"
}

* .fa-download:before {
    content: "\f019"
}

* .fa-draft2digital:before {
    content: "\f396"
}

* .fa-drafting-compass:before {
    content: "\f568"
}

* .fa-dragon:before {
    content: "\f6d5"
}

* .fa-draw-polygon:before {
    content: "\f5ee"
}

* .fa-dribbble:before {
    content: "\f17d"
}

* .fa-dribbble-square:before {
    content: "\f397"
}

* .fa-dropbox:before {
    content: "\f16b"
}

* .fa-drum:before {
    content: "\f569"
}

* .fa-drum-steelpan:before {
    content: "\f56a"
}

* .fa-drumstick-bite:before {
    content: "\f6d7"
}

* .fa-drupal:before {
    content: "\f1a9"
}

* .fa-dumbbell:before {
    content: "\f44b"
}

* .fa-dumpster:before {
    content: "\f793"
}

* .fa-dumpster-fire:before {
    content: "\f794"
}

* .fa-dungeon:before {
    content: "\f6d9"
}

* .fa-dyalog:before {
    content: "\f399"
}

* .fa-earlybirds:before {
    content: "\f39a"
}

* .fa-ebay:before {
    content: "\f4f4"
}

* .fa-edge:before {
    content: "\f282"
}

* .fa-edit:before {
    content: "\f044"
}

* .fa-eject:before {
    content: "\f052"
}

* .fa-elementor:before {
    content: "\f430"
}

* .fa-ellipsis-h:before {
    content: "\f141"
}

* .fa-ellipsis-v:before {
    content: "\f142"
}

* .fa-ello:before {
    content: "\f5f1"
}

* .fa-ember:before {
    content: "\f423"
}

* .fa-empire:before {
    content: "\f1d1"
}

* .fa-envelope:before {
    content: "\f0e0"
}

* .fa-envelope-open:before {
    content: "\f2b6"
}

* .fa-envelope-open-text:before {
    content: "\f658"
}

* .fa-envelope-square:before {
    content: "\f199"
}

* .fa-envira:before {
    content: "\f299"
}

* .fa-equals:before {
    content: "\f52c"
}

* .fa-eraser:before {
    content: "\f12d"
}

* .fa-erlang:before {
    content: "\f39d"
}

* .fa-ethereum:before {
    content: "\f42e"
}

* .fa-ethernet:before {
    content: "\f796"
}

* .fa-etsy:before {
    content: "\f2d7"
}

* .fa-euro-sign:before {
    content: "\f153"
}

* .fa-exchange-alt:before {
    content: "\f362"
}

* .fa-exclamation:before {
    content: "\f12a"
}

* .fa-exclamation-circle:before {
    content: "\f06a"
}

* .fa-exclamation-triangle:before {
    content: "\f071"
}

* .fa-expand:before {
    content: "\f065"
}

* .fa-expand-arrows-alt:before {
    content: "\f31e"
}

* .fa-expeditedssl:before {
    content: "\f23e"
}

* .fa-external-link-alt:before {
    content: "\f35d"
}

* .fa-external-link-square-alt:before {
    content: "\f360"
}

* .fa-eye:before {
    content: "\f06e"
}

* .fa-eye-dropper:before {
    content: "\f1fb"
}

* .fa-eye-slash:before {
    content: "\f070"
}

* .fa-facebook:before {
    content: "\f09a"
}

* .fa-facebook-f:before {
    content: "\f39e"
}

* .fa-facebook-messenger:before {
    content: "\f39f"
}

* .fa-facebook-square:before {
    content: "\f082"
}

* .fa-fantasy-flight-games:before {
    content: "\f6dc"
}

* .fa-fast-backward:before {
    content: "\f049"
}

* .fa-fast-forward:before {
    content: "\f050"
}

* .fa-fax:before {
    content: "\f1ac"
}

* .fa-feather:before {
    content: "\f52d"
}

* .fa-feather-alt:before {
    content: "\f56b"
}

* .fa-fedex:before {
    content: "\f797"
}

* .fa-fedora:before {
    content: "\f798"
}

* .fa-female:before {
    content: "\f182"
}

* .fa-fighter-jet:before {
    content: "\f0fb"
}

* .fa-figma:before {
    content: "\f799"
}

* .fa-file:before {
    content: "\f15b"
}

* .fa-file-alt:before {
    content: "\f15c"
}

* .fa-file-archive:before {
    content: "\f1c6"
}

* .fa-file-audio:before {
    content: "\f1c7"
}

* .fa-file-code:before {
    content: "\f1c9"
}

* .fa-file-contract:before {
    content: "\f56c"
}

* .fa-file-csv:before {
    content: "\f6dd"
}

* .fa-file-download:before {
    content: "\f56d"
}

* .fa-file-excel:before {
    content: "\f1c3"
}

* .fa-file-export:before {
    content: "\f56e"
}

* .fa-file-image:before {
    content: "\f1c5"
}

* .fa-file-import:before {
    content: "\f56f"
}

* .fa-file-invoice:before {
    content: "\f570"
}

* .fa-file-invoice-dollar:before {
    content: "\f571"
}

* .fa-file-medical:before {
    content: "\f477"
}

* .fa-file-medical-alt:before {
    content: "\f478"
}

* .fa-file-pdf:before {
    content: "\f1c1"
}

* .fa-file-powerpoint:before {
    content: "\f1c4"
}

* .fa-file-prescription:before {
    content: "\f572"
}

* .fa-file-signature:before {
    content: "\f573"
}

* .fa-file-upload:before {
    content: "\f574"
}

* .fa-file-video:before {
    content: "\f1c8"
}

* .fa-file-word:before {
    content: "\f1c2"
}

* .fa-fill:before {
    content: "\f575"
}

* .fa-fill-drip:before {
    content: "\f576"
}

* .fa-film:before {
    content: "\f008"
}

* .fa-filter:before {
    content: "\f0b0"
}

* .fa-fingerprint:before {
    content: "\f577"
}

* .fa-fire:before {
    content: "\f06d"
}

* .fa-fire-alt:before {
    content: "\f7e4"
}

* .fa-fire-extinguisher:before {
    content: "\f134"
}

* .fa-firefox:before {
    content: "\f269"
}

* .fa-first-aid:before {
    content: "\f479"
}

* .fa-first-order:before {
    content: "\f2b0"
}

* .fa-first-order-alt:before {
    content: "\f50a"
}

* .fa-firstdraft:before {
    content: "\f3a1"
}

* .fa-fish:before {
    content: "\f578"
}

* .fa-fist-raised:before {
    content: "\f6de"
}

* .fa-flag:before {
    content: "\f024"
}

* .fa-flag-checkered:before {
    content: "\f11e"
}

* .fa-flag-usa:before {
    content: "\f74d"
}

* .fa-flask:before {
    content: "\f0c3"
}

* .fa-flickr:before {
    content: "\f16e"
}

* .fa-flipboard:before {
    content: "\f44d"
}

* .fa-flushed:before {
    content: "\f579"
}

* .fa-fly:before {
    content: "\f417"
}

* .fa-folder:before {
    content: "\f07b"
}

* .fa-folder-minus:before {
    content: "\f65d"
}

* .fa-folder-open:before {
    content: "\f07c"
}

* .fa-folder-plus:before {
    content: "\f65e"
}

* .fa-font:before {
    content: "\f031"
}

* .fa-font-awesome:before {
    content: "\f2b4"
}

* .fa-font-awesome-alt:before {
    content: "\f35c"
}

* .fa-font-awesome-flag:before {
    content: "\f425"
}

* .fa-font-awesome-logo-full:before {
    content: "\f4e6"
}

* .fa-fonticons:before {
    content: "\f280"
}

* .fa-fonticons-fi:before {
    content: "\f3a2"
}

* .fa-football-ball:before {
    content: "\f44e"
}

* .fa-fort-awesome:before {
    content: "\f286"
}

* .fa-fort-awesome-alt:before {
    content: "\f3a3"
}

* .fa-forumbee:before {
    content: "\f211"
}

* .fa-forward:before {
    content: "\f04e"
}

* .fa-foursquare:before {
    content: "\f180"
}

* .fa-free-code-camp:before {
    content: "\f2c5"
}

* .fa-freebsd:before {
    content: "\f3a4"
}

* .fa-frog:before {
    content: "\f52e"
}

* .fa-frown:before {
    content: "\f119"
}

* .fa-frown-open:before {
    content: "\f57a"
}

* .fa-fulcrum:before {
    content: "\f50b"
}

* .fa-funnel-dollar:before {
    content: "\f662"
}

* .fa-futbol:before {
    content: "\f1e3"
}

* .fa-galactic-republic:before {
    content: "\f50c"
}

* .fa-galactic-senate:before {
    content: "\f50d"
}

* .fa-gamepad:before {
    content: "\f11b"
}

* .fa-gas-pump:before {
    content: "\f52f"
}

* .fa-gavel:before {
    content: "\f0e3"
}

* .fa-gem:before {
    content: "\f3a5"
}

* .fa-genderless:before {
    content: "\f22d"
}

* .fa-get-pocket:before {
    content: "\f265"
}

* .fa-gg:before {
    content: "\f260"
}

* .fa-gg-circle:before {
    content: "\f261"
}

* .fa-ghost:before {
    content: "\f6e2"
}

* .fa-gift:before {
    content: "\f06b"
}

* .fa-gifts:before {
    content: "\f79c"
}

* .fa-git:before {
    content: "\f1d3"
}

* .fa-git-square:before {
    content: "\f1d2"
}

* .fa-github:before {
    content: "\f09b"
}

* .fa-github-alt:before {
    content: "\f113"
}

* .fa-github-square:before {
    content: "\f092"
}

* .fa-gitkraken:before {
    content: "\f3a6"
}

* .fa-gitlab:before {
    content: "\f296"
}

* .fa-gitter:before {
    content: "\f426"
}

* .fa-glass-cheers:before {
    content: "\f79f"
}

* .fa-glass-martini:before {
    content: "\f000"
}

* .fa-glass-martini-alt:before {
    content: "\f57b"
}

* .fa-glass-whiskey:before {
    content: "\f7a0"
}

* .fa-glasses:before {
    content: "\f530"
}

* .fa-glide:before {
    content: "\f2a5"
}

* .fa-glide-g:before {
    content: "\f2a6"
}

* .fa-globe:before {
    content: "\f0ac"
}

* .fa-globe-africa:before {
    content: "\f57c"
}

* .fa-globe-americas:before {
    content: "\f57d"
}

* .fa-globe-asia:before {
    content: "\f57e"
}

* .fa-globe-europe:before {
    content: "\f7a2"
}

* .fa-gofore:before {
    content: "\f3a7"
}

* .fa-golf-ball:before {
    content: "\f450"
}

* .fa-goodreads:before {
    content: "\f3a8"
}

* .fa-goodreads-g:before {
    content: "\f3a9"
}

* .fa-google:before {
    content: "\f1a0"
}

* .fa-google-drive:before {
    content: "\f3aa"
}

* .fa-google-play:before {
    content: "\f3ab"
}

* .fa-google-plus:before {
    content: "\f2b3"
}

* .fa-google-plus-g:before {
    content: "\f0d5"
}

* .fa-google-plus-square:before {
    content: "\f0d4"
}

* .fa-google-wallet:before {
    content: "\f1ee"
}

* .fa-gopuram:before {
    content: "\f664"
}

* .fa-graduation-cap:before {
    content: "\f19d"
}

* .fa-gratipay:before {
    content: "\f184"
}

* .fa-grav:before {
    content: "\f2d6"
}

* .fa-greater-than:before {
    content: "\f531"
}

* .fa-greater-than-equal:before {
    content: "\f532"
}

* .fa-grimace:before {
    content: "\f57f"
}

* .fa-grin:before {
    content: "\f580"
}

* .fa-grin-alt:before {
    content: "\f581"
}

* .fa-grin-beam:before {
    content: "\f582"
}

* .fa-grin-beam-sweat:before {
    content: "\f583"
}

* .fa-grin-hearts:before {
    content: "\f584"
}

* .fa-grin-squint:before {
    content: "\f585"
}

* .fa-grin-squint-tears:before {
    content: "\f586"
}

* .fa-grin-stars:before {
    content: "\f587"
}

* .fa-grin-tears:before {
    content: "\f588"
}

* .fa-grin-tongue:before {
    content: "\f589"
}

* .fa-grin-tongue-squint:before {
    content: "\f58a"
}

* .fa-grin-tongue-wink:before {
    content: "\f58b"
}

* .fa-grin-wink:before {
    content: "\f58c"
}

* .fa-grip-horizontal:before {
    content: "\f58d"
}

* .fa-grip-lines:before {
    content: "\f7a4"
}

* .fa-grip-lines-vertical:before {
    content: "\f7a5"
}

* .fa-grip-vertical:before {
    content: "\f58e"
}

* .fa-gripfire:before {
    content: "\f3ac"
}

* .fa-grunt:before {
    content: "\f3ad"
}

* .fa-guitar:before {
    content: "\f7a6"
}

* .fa-gulp:before {
    content: "\f3ae"
}

* .fa-h-square:before {
    content: "\f0fd"
}

* .fa-hacker-news:before {
    content: "\f1d4"
}

* .fa-hacker-news-square:before {
    content: "\f3af"
}

* .fa-hackerrank:before {
    content: "\f5f7"
}

* .fa-hammer:before {
    content: "\f6e3"
}

* .fa-hamsa:before {
    content: "\f665"
}

* .fa-hand-holding:before {
    content: "\f4bd"
}

* .fa-hand-holding-heart:before {
    content: "\f4be"
}

* .fa-hand-holding-usd:before {
    content: "\f4c0"
}

* .fa-hand-lizard:before {
    content: "\f258"
}

* .fa-hand-paper:before {
    content: "\f256"
}

* .fa-hand-peace:before {
    content: "\f25b"
}

* .fa-hand-point-down:before {
    content: "\f0a7"
}

* .fa-hand-point-left:before {
    content: "\f0a5"
}

* .fa-hand-point-right:before {
    content: "\f0a4"
}

* .fa-hand-point-up:before {
    content: "\f0a6"
}

* .fa-hand-pointer:before {
    content: "\f25a"
}

* .fa-hand-rock:before {
    content: "\f255"
}

* .fa-hand-scissors:before {
    content: "\f257"
}

* .fa-hand-spock:before {
    content: "\f259"
}

* .fa-hands:before {
    content: "\f4c2"
}

* .fa-hands-helping:before {
    content: "\f4c4"
}

* .fa-handshake:before {
    content: "\f2b5"
}

* .fa-hanukiah:before {
    content: "\f6e6"
}

* .fa-hashtag:before {
    content: "\f292"
}

* .fa-hat-wizard:before {
    content: "\f6e8"
}

* .fa-haykal:before {
    content: "\f666"
}

* .fa-hdd:before {
    content: "\f0a0"
}

* .fa-heading:before {
    content: "\f1dc"
}

* .fa-headphones:before {
    content: "\f025"
}

* .fa-headphones-alt:before {
    content: "\f58f"
}

* .fa-headset:before {
    content: "\f590"
}

* .fa-heart:before {
    content: "\f004"
}

* .fa-heart-broken:before {
    content: "\f7a9"
}

* .fa-heartbeat:before {
    content: "\f21e"
}

* .fa-helicopter:before {
    content: "\f533"
}

* .fa-highlighter:before {
    content: "\f591"
}

* .fa-hiking:before {
    content: "\f6ec"
}

* .fa-hippo:before {
    content: "\f6ed"
}

* .fa-hips:before {
    content: "\f452"
}

* .fa-hire-a-helper:before {
    content: "\f3b0"
}

* .fa-history:before {
    content: "\f1da"
}

* .fa-hockey-puck:before {
    content: "\f453"
}

* .fa-holly-berry:before {
    content: "\f7aa"
}

* .fa-home:before {
    content: "\f015"
}

* .fa-hooli:before {
    content: "\f427"
}

* .fa-hornbill:before {
    content: "\f592"
}

* .fa-horse:before {
    content: "\f6f0"
}

* .fa-horse-head:before {
    content: "\f7ab"
}

* .fa-hospital:before {
    content: "\f0f8"
}

* .fa-hospital-alt:before {
    content: "\f47d"
}

* .fa-hospital-symbol:before {
    content: "\f47e"
}

* .fa-hot-tub:before {
    content: "\f593"
}

* .fa-hotel:before {
    content: "\f594"
}

* .fa-hotjar:before {
    content: "\f3b1"
}

* .fa-hourglass:before {
    content: "\f254"
}

* .fa-hourglass-end:before {
    content: "\f253"
}

* .fa-hourglass-half:before {
    content: "\f252"
}

* .fa-hourglass-start:before {
    content: "\f251"
}

* .fa-house-damage:before {
    content: "\f6f1"
}

* .fa-houzz:before {
    content: "\f27c"
}

* .fa-hryvnia:before {
    content: "\f6f2"
}

* .fa-html5:before {
    content: "\f13b"
}

* .fa-hubspot:before {
    content: "\f3b2"
}

* .fa-i-cursor:before {
    content: "\f246"
}

* .fa-icicles:before {
    content: "\f7ad"
}

* .fa-id-badge:before {
    content: "\f2c1"
}

* .fa-id-card:before {
    content: "\f2c2"
}

* .fa-id-card-alt:before {
    content: "\f47f"
}

* .fa-igloo:before {
    content: "\f7ae"
}

* .fa-image:before {
    content: "\f03e"
}

* .fa-images:before {
    content: "\f302"
}

* .fa-imdb:before {
    content: "\f2d8"
}

* .fa-inbox:before {
    content: "\f01c"
}

* .fa-indent:before {
    content: "\f03c"
}

* .fa-industry:before {
    content: "\f275"
}

* .fa-infinity:before {
    content: "\f534"
}

* .fa-info:before {
    content: "\f129"
}

* .fa-info-circle:before {
    content: "\f05a"
}

* .fa-instagram:before {
    content: "\f16d"
}

* .fa-intercom:before {
    content: "\f7af"
}

* .fa-internet-explorer:before {
    content: "\f26b"
}

* .fa-invision:before {
    content: "\f7b0"
}

* .fa-ioxhost:before {
    content: "\f208"
}

* .fa-italic:before {
    content: "\f033"
}

* .fa-itunes:before {
    content: "\f3b4"
}

* .fa-itunes-note:before {
    content: "\f3b5"
}

* .fa-java:before {
    content: "\f4e4"
}

* .fa-jedi:before {
    content: "\f669"
}

* .fa-jedi-order:before {
    content: "\f50e"
}

* .fa-jenkins:before {
    content: "\f3b6"
}

* .fa-jira:before {
    content: "\f7b1"
}

* .fa-joget:before {
    content: "\f3b7"
}

* .fa-joint:before {
    content: "\f595"
}

* .fa-joomla:before {
    content: "\f1aa"
}

* .fa-journal-whills:before {
    content: "\f66a"
}

* .fa-js:before {
    content: "\f3b8"
}

* .fa-js-square:before {
    content: "\f3b9"
}

* .fa-jsfiddle:before {
    content: "\f1cc"
}

* .fa-kaaba:before {
    content: "\f66b"
}

* .fa-kaggle:before {
    content: "\f5fa"
}

* .fa-key:before {
    content: "\f084"
}

* .fa-keybase:before {
    content: "\f4f5"
}

* .fa-keyboard:before {
    content: "\f11c"
}

* .fa-keycdn:before {
    content: "\f3ba"
}

* .fa-khanda:before {
    content: "\f66d"
}

* .fa-kickstarter:before {
    content: "\f3bb"
}

* .fa-kickstarter-k:before {
    content: "\f3bc"
}

* .fa-kiss:before {
    content: "\f596"
}

* .fa-kiss-beam:before {
    content: "\f597"
}

* .fa-kiss-wink-heart:before {
    content: "\f598"
}

* .fa-kiwi-bird:before {
    content: "\f535"
}

* .fa-korvue:before {
    content: "\f42f"
}

* .fa-landmark:before {
    content: "\f66f"
}

* .fa-language:before {
    content: "\f1ab"
}

* .fa-laptop:before {
    content: "\f109"
}

* .fa-laptop-code:before {
    content: "\f5fc"
}

* .fa-laravel:before {
    content: "\f3bd"
}

* .fa-lastfm:before {
    content: "\f202"
}

* .fa-lastfm-square:before {
    content: "\f203"
}

* .fa-laugh:before {
    content: "\f599"
}

* .fa-laugh-beam:before {
    content: "\f59a"
}

* .fa-laugh-squint:before {
    content: "\f59b"
}

* .fa-laugh-wink:before {
    content: "\f59c"
}

* .fa-layer-group:before {
    content: "\f5fd"
}

* .fa-leaf:before {
    content: "\f06c"
}

* .fa-leanpub:before {
    content: "\f212"
}

* .fa-lemon:before {
    content: "\f094"
}

* .fa-less:before {
    content: "\f41d"
}

* .fa-less-than:before {
    content: "\f536"
}

* .fa-less-than-equal:before {
    content: "\f537"
}

* .fa-level-down-alt:before {
    content: "\f3be"
}

* .fa-level-up-alt:before {
    content: "\f3bf"
}

* .fa-life-ring:before {
    content: "\f1cd"
}

* .fa-lightbulb:before {
    content: "\f0eb"
}

* .fa-line:before {
    content: "\f3c0"
}

* .fa-link:before {
    content: "\f0c1"
}

* .fa-linkedin:before {
    content: "\f08c"
}

* .fa-linkedin-in:before {
    content: "\f0e1"
}

* .fa-linode:before {
    content: "\f2b8"
}

* .fa-linux:before {
    content: "\f17c"
}

* .fa-lira-sign:before {
    content: "\f195"
}

* .fa-list:before {
    content: "\f03a"
}

* .fa-list-alt:before {
    content: "\f022"
}

* .fa-list-ol:before {
    content: "\f0cb"
}

* .fa-list-ul:before {
    content: "\f0ca"
}

* .fa-location-arrow:before {
    content: "\f124"
}

* .fa-lock:before {
    content: "\f023"
}

* .fa-lock-open:before {
    content: "\f3c1"
}

* .fa-long-arrow-alt-down:before {
    content: "\f309"
}

* .fa-long-arrow-alt-left:before {
    content: "\f30a"
}

* .fa-long-arrow-alt-right:before {
    content: "\f30b"
}

* .fa-long-arrow-alt-up:before {
    content: "\f30c"
}

* .fa-low-vision:before {
    content: "\f2a8"
}

* .fa-luggage-cart:before {
    content: "\f59d"
}

* .fa-lyft:before {
    content: "\f3c3"
}

* .fa-magento:before {
    content: "\f3c4"
}

* .fa-magic:before {
    content: "\f0d0"
}

* .fa-magnet:before {
    content: "\f076"
}

* .fa-mail-bulk:before {
    content: "\f674"
}

* .fa-mailchimp:before {
    content: "\f59e"
}

* .fa-male:before {
    content: "\f183"
}

* .fa-mandalorian:before {
    content: "\f50f"
}

* .fa-map:before {
    content: "\f279"
}

* .fa-map-marked:before {
    content: "\f59f"
}

* .fa-map-marked-alt:before {
    content: "\f5a0"
}

* .fa-map-marker:before {
    content: "\f041"
}

* .fa-map-marker-alt:before {
    content: "\f3c5"
}

* .fa-map-pin:before {
    content: "\f276"
}

* .fa-map-signs:before {
    content: "\f277"
}

* .fa-markdown:before {
    content: "\f60f"
}

* .fa-marker:before {
    content: "\f5a1"
}

* .fa-mars:before {
    content: "\f222"
}

* .fa-mars-double:before {
    content: "\f227"
}

* .fa-mars-stroke:before {
    content: "\f229"
}

* .fa-mars-stroke-h:before {
    content: "\f22b"
}

* .fa-mars-stroke-v:before {
    content: "\f22a"
}

* .fa-mask:before {
    content: "\f6fa"
}

* .fa-mastodon:before {
    content: "\f4f6"
}

* .fa-maxcdn:before {
    content: "\f136"
}

* .fa-medal:before {
    content: "\f5a2"
}

* .fa-medapps:before {
    content: "\f3c6"
}

* .fa-medium:before {
    content: "\f23a"
}

* .fa-medium-m:before {
    content: "\f3c7"
}

* .fa-medkit:before {
    content: "\f0fa"
}

* .fa-medrt:before {
    content: "\f3c8"
}

* .fa-meetup:before {
    content: "\f2e0"
}

* .fa-megaport:before {
    content: "\f5a3"
}

* .fa-meh:before {
    content: "\f11a"
}

* .fa-meh-blank:before {
    content: "\f5a4"
}

* .fa-meh-rolling-eyes:before {
    content: "\f5a5"
}

* .fa-memory:before {
    content: "\f538"
}

* .fa-mendeley:before {
    content: "\f7b3"
}

* .fa-menorah:before {
    content: "\f676"
}

* .fa-mercury:before {
    content: "\f223"
}

* .fa-meteor:before {
    content: "\f753"
}

* .fa-microchip:before {
    content: "\f2db"
}

* .fa-microphone:before {
    content: "\f130"
}

* .fa-microphone-alt:before {
    content: "\f3c9"
}

* .fa-microphone-alt-slash:before {
    content: "\f539"
}

* .fa-microphone-slash:before {
    content: "\f131"
}

* .fa-microscope:before {
    content: "\f610"
}

* .fa-microsoft:before {
    content: "\f3ca"
}

* .fa-minus:before {
    content: "\f068"
}

* .fa-minus-circle:before {
    content: "\f056"
}

* .fa-minus-square:before {
    content: "\f146"
}

* .fa-mitten:before {
    content: "\f7b5"
}

* .fa-mix:before {
    content: "\f3cb"
}

* .fa-mixcloud:before {
    content: "\f289"
}

* .fa-mizuni:before {
    content: "\f3cc"
}

* .fa-mobile:before {
    content: "\f10b"
}

* .fa-mobile-alt:before {
    content: "\f3cd"
}

* .fa-modx:before {
    content: "\f285"
}

* .fa-monero:before {
    content: "\f3d0"
}

* .fa-money-bill:before {
    content: "\f0d6"
}

* .fa-money-bill-alt:before {
    content: "\f3d1"
}

* .fa-money-bill-wave:before {
    content: "\f53a"
}

* .fa-money-bill-wave-alt:before {
    content: "\f53b"
}

* .fa-money-check:before {
    content: "\f53c"
}

* .fa-money-check-alt:before {
    content: "\f53d"
}

* .fa-monument:before {
    content: "\f5a6"
}

* .fa-moon:before {
    content: "\f186"
}

* .fa-mortar-pestle:before {
    content: "\f5a7"
}

* .fa-mosque:before {
    content: "\f678"
}

* .fa-motorcycle:before {
    content: "\f21c"
}

* .fa-mountain:before {
    content: "\f6fc"
}

* .fa-mouse-pointer:before {
    content: "\f245"
}

* .fa-mug-hot:before {
    content: "\f7b6"
}

* .fa-music:before {
    content: "\f001"
}

* .fa-napster:before {
    content: "\f3d2"
}

* .fa-neos:before {
    content: "\f612"
}

* .fa-network-wired:before {
    content: "\f6ff"
}

* .fa-neuter:before {
    content: "\f22c"
}

* .fa-newspaper:before {
    content: "\f1ea"
}

* .fa-nimblr:before {
    content: "\f5a8"
}

* .fa-nintendo-switch:before {
    content: "\f418"
}

* .fa-node:before {
    content: "\f419"
}

* .fa-node-js:before {
    content: "\f3d3"
}

* .fa-not-equal:before {
    content: "\f53e"
}

* .fa-notes-medical:before {
    content: "\f481"
}

* .fa-npm:before {
    content: "\f3d4"
}

* .fa-ns8:before {
    content: "\f3d5"
}

* .fa-nutritionix:before {
    content: "\f3d6"
}

* .fa-object-group:before {
    content: "\f247"
}

* .fa-object-ungroup:before {
    content: "\f248"
}

* .fa-odnoklassniki:before {
    content: "\f263"
}

* .fa-odnoklassniki-square:before {
    content: "\f264"
}

* .fa-oil-can:before {
    content: "\f613"
}

* .fa-old-republic:before {
    content: "\f510"
}

* .fa-om:before {
    content: "\f679"
}

* .fa-opencart:before {
    content: "\f23d"
}

* .fa-openid:before {
    content: "\f19b"
}

* .fa-opera:before {
    content: "\f26a"
}

* .fa-optin-monster:before {
    content: "\f23c"
}

* .fa-osi:before {
    content: "\f41a"
}

* .fa-otter:before {
    content: "\f700"
}

* .fa-outdent:before {
    content: "\f03b"
}

* .fa-page4:before {
    content: "\f3d7"
}

* .fa-pagelines:before {
    content: "\f18c"
}

* .fa-paint-brush:before {
    content: "\f1fc"
}

* .fa-paint-roller:before {
    content: "\f5aa"
}

* .fa-palette:before {
    content: "\f53f"
}

* .fa-palfed:before {
    content: "\f3d8"
}

* .fa-pallet:before {
    content: "\f482"
}

* .fa-paper-plane:before {
    content: "\f1d8"
}

* .fa-paperclip:before {
    content: "\f0c6"
}

* .fa-parachute-box:before {
    content: "\f4cd"
}

* .fa-paragraph:before {
    content: "\f1dd"
}

* .fa-parking:before {
    content: "\f540"
}

* .fa-passport:before {
    content: "\f5ab"
}

* .fa-pastafarianism:before {
    content: "\f67b"
}

* .fa-paste:before {
    content: "\f0ea"
}

* .fa-patreon:before {
    content: "\f3d9"
}

* .fa-pause:before {
    content: "\f04c"
}

* .fa-pause-circle:before {
    content: "\f28b"
}

* .fa-paw:before {
    content: "\f1b0"
}

* .fa-paypal:before {
    content: "\f1ed"
}

* .fa-peace:before {
    content: "\f67c"
}

* .fa-pen:before {
    content: "\f304"
}

* .fa-pen-alt:before {
    content: "\f305"
}

* .fa-pen-fancy:before {
    content: "\f5ac"
}

* .fa-pen-nib:before {
    content: "\f5ad"
}

* .fa-pen-square:before {
    content: "\f14b"
}

* .fa-pencil-alt:before {
    content: "\f303"
}

* .fa-pencil-ruler:before {
    content: "\f5ae"
}

* .fa-penny-arcade:before {
    content: "\f704"
}

* .fa-people-carry:before {
    content: "\f4ce"
}

* .fa-percent:before {
    content: "\f295"
}

* .fa-percentage:before {
    content: "\f541"
}

* .fa-periscope:before {
    content: "\f3da"
}

* .fa-person-booth:before {
    content: "\f756"
}

* .fa-phabricator:before {
    content: "\f3db"
}

* .fa-phoenix-framework:before {
    content: "\f3dc"
}

* .fa-phoenix-squadron:before {
    content: "\f511"
}

* .fa-phone:before {
    content: "\f095"
}

* .fa-phone-slash:before {
    content: "\f3dd"
}

* .fa-phone-square:before {
    content: "\f098"
}

* .fa-phone-volume:before {
    content: "\f2a0"
}

* .fa-php:before {
    content: "\f457"
}

* .fa-pied-piper:before {
    content: "\f2ae"
}

* .fa-pied-piper-alt:before {
    content: "\f1a8"
}

* .fa-pied-piper-hat:before {
    content: "\f4e5"
}

* .fa-pied-piper-pp:before {
    content: "\f1a7"
}

* .fa-piggy-bank:before {
    content: "\f4d3"
}

* .fa-pills:before {
    content: "\f484"
}

* .fa-pinterest:before {
    content: "\f0d2"
}

* .fa-pinterest-p:before {
    content: "\f231"
}

* .fa-pinterest-square:before {
    content: "\f0d3"
}

* .fa-place-of-worship:before {
    content: "\f67f"
}

* .fa-plane:before {
    content: "\f072"
}

* .fa-plane-arrival:before {
    content: "\f5af"
}

* .fa-plane-departure:before {
    content: "\f5b0"
}

* .fa-play:before {
    content: "\f04b"
}

* .fa-play-circle:before {
    content: "\f144"
}

* .fa-playstation:before {
    content: "\f3df"
}

* .fa-plug:before {
    content: "\f1e6"
}

* .fa-plus:before {
    content: "\f067"
}

* .fa-plus-circle:before {
    content: "\f055"
}

* .fa-plus-square:before {
    content: "\f0fe"
}

* .fa-podcast:before {
    content: "\f2ce"
}

* .fa-poll:before {
    content: "\f681"
}

* .fa-poll-h:before {
    content: "\f682"
}

* .fa-poo:before {
    content: "\f2fe"
}

* .fa-poo-storm:before {
    content: "\f75a"
}

* .fa-poop:before {
    content: "\f619"
}

* .fa-portrait:before {
    content: "\f3e0"
}

* .fa-pound-sign:before {
    content: "\f154"
}

* .fa-power-off:before {
    content: "\f011"
}

* .fa-pray:before {
    content: "\f683"
}

* .fa-praying-hands:before {
    content: "\f684"
}

* .fa-prescription:before {
    content: "\f5b1"
}

* .fa-prescription-bottle:before {
    content: "\f485"
}

* .fa-prescription-bottle-alt:before {
    content: "\f486"
}

* .fa-print:before {
    content: "\f02f"
}

* .fa-procedures:before {
    content: "\f487"
}

* .fa-product-hunt:before {
    content: "\f288"
}

* .fa-project-diagram:before {
    content: "\f542"
}

* .fa-pushed:before {
    content: "\f3e1"
}

* .fa-puzzle-piece:before {
    content: "\f12e"
}

* .fa-python:before {
    content: "\f3e2"
}

* .fa-qq:before {
    content: "\f1d6"
}

* .fa-qrcode:before {
    content: "\f029"
}

* .fa-question:before {
    content: "\f128"
}

* .fa-question-circle:before {
    content: "\f059"
}

* .fa-quidditch:before {
    content: "\f458"
}

* .fa-quinscape:before {
    content: "\f459"
}

* .fa-quora:before {
    content: "\f2c4"
}

* .fa-quote-left:before {
    content: "\f10d"
}

* .fa-quote-right:before {
    content: "\f10e"
}

* .fa-quran:before {
    content: "\f687"
}

* .fa-r-project:before {
    content: "\f4f7"
}

* .fa-radiation:before {
    content: "\f7b9"
}

* .fa-radiation-alt:before {
    content: "\f7ba"
}

* .fa-rainbow:before {
    content: "\f75b"
}

* .fa-random:before {
    content: "\f074"
}

* .fa-raspberry-pi:before {
    content: "\f7bb"
}

* .fa-ravelry:before {
    content: "\f2d9"
}

* .fa-react:before {
    content: "\f41b"
}

* .fa-reacteurope:before {
    content: "\f75d"
}

* .fa-readme:before {
    content: "\f4d5"
}

* .fa-rebel:before {
    content: "\f1d0"
}

* .fa-receipt:before {
    content: "\f543"
}

* .fa-recycle:before {
    content: "\f1b8"
}

* .fa-red-river:before {
    content: "\f3e3"
}

* .fa-reddit:before {
    content: "\f1a1"
}

* .fa-reddit-alien:before {
    content: "\f281"
}

* .fa-reddit-square:before {
    content: "\f1a2"
}

* .fa-redhat:before {
    content: "\f7bc"
}

* .fa-redo:before {
    content: "\f01e"
}

* .fa-redo-alt:before {
    content: "\f2f9"
}

* .fa-registered:before {
    content: "\f25d"
}

* .fa-renren:before {
    content: "\f18b"
}

* .fa-reply:before {
    content: "\f3e5"
}

* .fa-reply-all:before {
    content: "\f122"
}

* .fa-replyd:before {
    content: "\f3e6"
}

* .fa-republican:before {
    content: "\f75e"
}

* .fa-researchgate:before {
    content: "\f4f8"
}

* .fa-resolving:before {
    content: "\f3e7"
}

* .fa-restroom:before {
    content: "\f7bd"
}

* .fa-retweet:before {
    content: "\f079"
}

* .fa-rev:before {
    content: "\f5b2"
}

* .fa-ribbon:before {
    content: "\f4d6"
}

* .fa-ring:before {
    content: "\f70b"
}

* .fa-road:before {
    content: "\f018"
}

* .fa-robot:before {
    content: "\f544"
}

* .fa-rocket:before {
    content: "\f135"
}

* .fa-rocketchat:before {
    content: "\f3e8"
}

* .fa-rockrms:before {
    content: "\f3e9"
}

* .fa-route:before {
    content: "\f4d7"
}

* .fa-rss:before {
    content: "\f09e"
}

* .fa-rss-square:before {
    content: "\f143"
}

* .fa-ruble-sign:before {
    content: "\f158"
}

* .fa-ruler:before {
    content: "\f545"
}

* .fa-ruler-combined:before {
    content: "\f546"
}

* .fa-ruler-horizontal:before {
    content: "\f547"
}

* .fa-ruler-vertical:before {
    content: "\f548"
}

* .fa-running:before {
    content: "\f70c"
}

* .fa-rupee-sign:before {
    content: "\f156"
}

* .fa-sad-cry:before {
    content: "\f5b3"
}

* .fa-sad-tear:before {
    content: "\f5b4"
}

* .fa-safari:before {
    content: "\f267"
}

* .fa-sass:before {
    content: "\f41e"
}

* .fa-satellite:before {
    content: "\f7bf"
}

* .fa-satellite-dish:before {
    content: "\f7c0"
}

* .fa-save:before {
    content: "\f0c7"
}

* .fa-schlix:before {
    content: "\f3ea"
}

* .fa-school:before {
    content: "\f549"
}

* .fa-screwdriver:before {
    content: "\f54a"
}

* .fa-scribd:before {
    content: "\f28a"
}

* .fa-scroll:before {
    content: "\f70e"
}

* .fa-sd-card:before {
    content: "\f7c2"
}

* .fa-search:before {
    content: "\f002"
}

* .fa-search-dollar:before {
    content: "\f688"
}

* .fa-search-location:before {
    content: "\f689"
}

* .fa-search-minus:before {
    content: "\f010"
}

* .fa-search-plus:before {
    content: "\f00e"
}

* .fa-searchengin:before {
    content: "\f3eb"
}

* .fa-seedling:before {
    content: "\f4d8"
}

* .fa-sellcast:before {
    content: "\f2da"
}

* .fa-sellsy:before {
    content: "\f213"
}

* .fa-server:before {
    content: "\f233"
}

* .fa-servicestack:before {
    content: "\f3ec"
}

* .fa-shapes:before {
    content: "\f61f"
}

* .fa-share:before {
    content: "\f064"
}

* .fa-share-alt:before {
    content: "\f1e0"
}

* .fa-share-alt-square:before {
    content: "\f1e1"
}

* .fa-share-square:before {
    content: "\f14d"
}

* .fa-shekel-sign:before {
    content: "\f20b"
}

* .fa-shield-alt:before {
    content: "\f3ed"
}

* .fa-ship:before {
    content: "\f21a"
}

* .fa-shipping-fast:before {
    content: "\f48b"
}

* .fa-shirtsinbulk:before {
    content: "\f214"
}

* .fa-shoe-prints:before {
    content: "\f54b"
}

* .fa-shopping-bag:before {
    content: "\f290"
}

* .fa-shopping-basket:before {
    content: "\f291"
}

* .fa-shopping-cart:before {
    content: "\f07a"
}

* .fa-shopware:before {
    content: "\f5b5"
}

* .fa-shower:before {
    content: "\f2cc"
}

* .fa-shuttle-van:before {
    content: "\f5b6"
}

* .fa-sign:before {
    content: "\f4d9"
}

* .fa-sign-in-alt:before {
    content: "\f2f6"
}

* .fa-sign-language:before {
    content: "\f2a7"
}

* .fa-sign-out-alt:before {
    content: "\f2f5"
}

* .fa-signal:before {
    content: "\f012"
}

* .fa-signature:before {
    content: "\f5b7"
}

* .fa-sim-card:before {
    content: "\f7c4"
}

* .fa-simplybuilt:before {
    content: "\f215"
}

* .fa-sistrix:before {
    content: "\f3ee"
}

* .fa-sitemap:before {
    content: "\f0e8"
}

* .fa-sith:before {
    content: "\f512"
}

* .fa-skating:before {
    content: "\f7c5"
}

* .fa-sketch:before {
    content: "\f7c6"
}

* .fa-skiing:before {
    content: "\f7c9"
}

* .fa-skiing-nordic:before {
    content: "\f7ca"
}

* .fa-skull:before {
    content: "\f54c"
}

* .fa-skull-crossbones:before {
    content: "\f714"
}

* .fa-skyatlas:before {
    content: "\f216"
}

* .fa-skype:before {
    content: "\f17e"
}

* .fa-slack:before {
    content: "\f198"
}

* .fa-slack-hash:before {
    content: "\f3ef"
}

* .fa-slash:before {
    content: "\f715"
}

* .fa-sleigh:before {
    content: "\f7cc"
}

* .fa-sliders-h:before {
    content: "\f1de"
}

* .fa-slideshare:before {
    content: "\f1e7"
}

* .fa-smile:before {
    content: "\f118"
}

* .fa-smile-beam:before {
    content: "\f5b8"
}

* .fa-smile-wink:before {
    content: "\f4da"
}

* .fa-smog:before {
    content: "\f75f"
}

* .fa-smoking:before {
    content: "\f48d"
}

* .fa-smoking-ban:before {
    content: "\f54d"
}

* .fa-sms:before {
    content: "\f7cd"
}

* .fa-snapchat:before {
    content: "\f2ab"
}

* .fa-snapchat-ghost:before {
    content: "\f2ac"
}

* .fa-snapchat-square:before {
    content: "\f2ad"
}

* .fa-snowboarding:before {
    content: "\f7ce"
}

* .fa-snowflake:before {
    content: "\f2dc"
}

* .fa-snowman:before {
    content: "\f7d0"
}

* .fa-snowplow:before {
    content: "\f7d2"
}

* .fa-socks:before {
    content: "\f696"
}

* .fa-solar-panel:before {
    content: "\f5ba"
}

* .fa-sort:before {
    content: "\f0dc"
}

* .fa-sort-alpha-down:before {
    content: "\f15d"
}

* .fa-sort-alpha-up:before {
    content: "\f15e"
}

* .fa-sort-amount-down:before {
    content: "\f160"
}

* .fa-sort-amount-up:before {
    content: "\f161"
}

* .fa-sort-down:before {
    content: "\f0dd"
}

* .fa-sort-numeric-down:before {
    content: "\f162"
}

* .fa-sort-numeric-up:before {
    content: "\f163"
}

* .fa-sort-up:before {
    content: "\f0de"
}

* .fa-soundcloud:before {
    content: "\f1be"
}

* .fa-sourcetree:before {
    content: "\f7d3"
}

* .fa-spa:before {
    content: "\f5bb"
}

* .fa-space-shuttle:before {
    content: "\f197"
}

* .fa-speakap:before {
    content: "\f3f3"
}

* .fa-spider:before {
    content: "\f717"
}

* .fa-spinner:before {
    content: "\f110"
}

* .fa-splotch:before {
    content: "\f5bc"
}

* .fa-spotify:before {
    content: "\f1bc"
}

* .fa-spray-can:before {
    content: "\f5bd"
}

* .fa-square:before {
    content: "\f0c8"
}

* .fa-square-full:before {
    content: "\f45c"
}

* .fa-square-root-alt:before {
    content: "\f698"
}

* .fa-squarespace:before {
    content: "\f5be"
}

* .fa-stack-exchange:before {
    content: "\f18d"
}

* .fa-stack-overflow:before {
    content: "\f16c"
}

* .fa-stamp:before {
    content: "\f5bf"
}

* .fa-star:before {
    content: "\f005"
}

* .fa-star-and-crescent:before {
    content: "\f699"
}

* .fa-star-half:before {
    content: "\f089"
}

* .fa-star-half-alt:before {
    content: "\f5c0"
}

* .fa-star-of-david:before {
    content: "\f69a"
}

* .fa-star-of-life:before {
    content: "\f621"
}

* .fa-staylinked:before {
    content: "\f3f5"
}

* .fa-steam:before {
    content: "\f1b6"
}

* .fa-steam-square:before {
    content: "\f1b7"
}

* .fa-steam-symbol:before {
    content: "\f3f6"
}

* .fa-step-backward:before {
    content: "\f048"
}

* .fa-step-forward:before {
    content: "\f051"
}

* .fa-stethoscope:before {
    content: "\f0f1"
}

* .fa-sticker-mule:before {
    content: "\f3f7"
}

* .fa-sticky-note:before {
    content: "\f249"
}

* .fa-stop:before {
    content: "\f04d"
}

* .fa-stop-circle:before {
    content: "\f28d"
}

* .fa-stopwatch:before {
    content: "\f2f2"
}

* .fa-store:before {
    content: "\f54e"
}

* .fa-store-alt:before {
    content: "\f54f"
}

* .fa-strava:before {
    content: "\f428"
}

* .fa-stream:before {
    content: "\f550"
}

* .fa-street-view:before {
    content: "\f21d"
}

* .fa-strikethrough:before {
    content: "\f0cc"
}

* .fa-stripe:before {
    content: "\f429"
}

* .fa-stripe-s:before {
    content: "\f42a"
}

* .fa-stroopwafel:before {
    content: "\f551"
}

* .fa-studiovinari:before {
    content: "\f3f8"
}

* .fa-stumbleupon:before {
    content: "\f1a4"
}

* .fa-stumbleupon-circle:before {
    content: "\f1a3"
}

* .fa-subscript:before {
    content: "\f12c"
}

* .fa-subway:before {
    content: "\f239"
}

* .fa-suitcase:before {
    content: "\f0f2"
}

* .fa-suitcase-rolling:before {
    content: "\f5c1"
}

* .fa-sun:before {
    content: "\f185"
}

* .fa-superpowers:before {
    content: "\f2dd"
}

* .fa-superscript:before {
    content: "\f12b"
}

* .fa-supple:before {
    content: "\f3f9"
}

* .fa-surprise:before {
    content: "\f5c2"
}

* .fa-suse:before {
    content: "\f7d6"
}

* .fa-swatchbook:before {
    content: "\f5c3"
}

* .fa-swimmer:before {
    content: "\f5c4"
}

* .fa-swimming-pool:before {
    content: "\f5c5"
}

* .fa-synagogue:before {
    content: "\f69b"
}

* .fa-sync:before {
    content: "\f021"
}

* .fa-sync-alt:before {
    content: "\f2f1"
}

* .fa-syringe:before {
    content: "\f48e"
}

* .fa-table:before {
    content: "\f0ce"
}

* .fa-table-tennis:before {
    content: "\f45d"
}

* .fa-tablet:before {
    content: "\f10a"
}

* .fa-tablet-alt:before {
    content: "\f3fa"
}

* .fa-tablets:before {
    content: "\f490"
}

* .fa-tachometer-alt:before {
    content: "\f3fd"
}

* .fa-tag:before {
    content: "\f02b"
}

* .fa-tags:before {
    content: "\f02c"
}

* .fa-tape:before {
    content: "\f4db"
}

* .fa-tasks:before {
    content: "\f0ae"
}

* .fa-taxi:before {
    content: "\f1ba"
}

* .fa-teamspeak:before {
    content: "\f4f9"
}

* .fa-teeth:before {
    content: "\f62e"
}

* .fa-teeth-open:before {
    content: "\f62f"
}

* .fa-telegram:before {
    content: "\f2c6"
}

* .fa-telegram-plane:before {
    content: "\f3fe"
}

* .fa-temperature-high:before {
    content: "\f769"
}

* .fa-temperature-low:before {
    content: "\f76b"
}

* .fa-tencent-weibo:before {
    content: "\f1d5"
}

* .fa-tenge:before {
    content: "\f7d7"
}

* .fa-terminal:before {
    content: "\f120"
}

* .fa-text-height:before {
    content: "\f034"
}

* .fa-text-width:before {
    content: "\f035"
}

* .fa-th:before {
    content: "\f00a"
}

* .fa-th-large:before {
    content: "\f009"
}

* .fa-th-list:before {
    content: "\f00b"
}

* .fa-the-red-yeti:before {
    content: "\f69d"
}

* .fa-theater-masks:before {
    content: "\f630"
}

* .fa-themeco:before {
    content: "\f5c6"
}

* .fa-themeisle:before {
    content: "\f2b2"
}

* .fa-thermometer:before {
    content: "\f491"
}

* .fa-thermometer-empty:before {
    content: "\f2cb"
}

* .fa-thermometer-full:before {
    content: "\f2c7"
}

* .fa-thermometer-half:before {
    content: "\f2c9"
}

* .fa-thermometer-quarter:before {
    content: "\f2ca"
}

* .fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

* .fa-think-peaks:before {
    content: "\f731"
}

* .fa-thumbs-down:before {
    content: "\f165"
}

* .fa-thumbs-up:before {
    content: "\f164"
}

* .fa-thumbtack:before {
    content: "\f08d"
}

* .fa-ticket-alt:before {
    content: "\f3ff"
}

* .fa-times:before {
    content: "\f00d"
}

* .fa-times-circle:before {
    content: "\f057"
}

* .fa-tint:before {
    content: "\f043"
}

* .fa-tint-slash:before {
    content: "\f5c7"
}

* .fa-tired:before {
    content: "\f5c8"
}

* .fa-toggle-off:before {
    content: "\f204"
}

* .fa-toggle-on:before {
    content: "\f205"
}

* .fa-toilet:before {
    content: "\f7d8"
}

* .fa-toilet-paper:before {
    content: "\f71e"
}

* .fa-toolbox:before {
    content: "\f552"
}

* .fa-tools:before {
    content: "\f7d9"
}

* .fa-tooth:before {
    content: "\f5c9"
}

* .fa-torah:before {
    content: "\f6a0"
}

* .fa-torii-gate:before {
    content: "\f6a1"
}

* .fa-tractor:before {
    content: "\f722"
}

* .fa-trade-federation:before {
    content: "\f513"
}

* .fa-trademark:before {
    content: "\f25c"
}

* .fa-traffic-light:before {
    content: "\f637"
}

* .fa-train:before {
    content: "\f238"
}

* .fa-tram:before {
    content: "\f7da"
}

* .fa-transgender:before {
    content: "\f224"
}

* .fa-transgender-alt:before {
    content: "\f225"
}

* .fa-trash:before {
    content: "\f1f8"
}

* .fa-trash-alt:before {
    content: "\f2ed"
}

* .fa-tree:before {
    content: "\f1bb"
}

* .fa-trello:before {
    content: "\f181"
}

* .fa-tripadvisor:before {
    content: "\f262"
}

* .fa-trophy:before {
    content: "\f091"
}

* .fa-truck:before {
    content: "\f0d1"
}

* .fa-truck-loading:before {
    content: "\f4de"
}

* .fa-truck-monster:before {
    content: "\f63b"
}

* .fa-truck-moving:before {
    content: "\f4df"
}

* .fa-truck-pickup:before {
    content: "\f63c"
}

* .fa-tshirt:before {
    content: "\f553"
}

* .fa-tty:before {
    content: "\f1e4"
}

* .fa-tumblr:before {
    content: "\f173"
}

* .fa-tumblr-square:before {
    content: "\f174"
}

* .fa-tv:before {
    content: "\f26c"
}

* .fa-twitch:before {
    content: "\f1e8"
}

* .fa-twitter:before {
    content: "\f099"
}

* .fa-twitter-square:before {
    content: "\f081"
}

* .fa-typo3:before {
    content: "\f42b"
}

* .fa-uber:before {
    content: "\f402"
}

* .fa-ubuntu:before {
    content: "\f7df"
}

* .fa-uikit:before {
    content: "\f403"
}

* .fa-umbrella:before {
    content: "\f0e9"
}

* .fa-umbrella-beach:before {
    content: "\f5ca"
}

* .fa-underline:before {
    content: "\f0cd"
}

* .fa-undo:before {
    content: "\f0e2"
}

* .fa-undo-alt:before {
    content: "\f2ea"
}

* .fa-uniregistry:before {
    content: "\f404"
}

* .fa-universal-access:before {
    content: "\f29a"
}

* .fa-university:before {
    content: "\f19c"
}

* .fa-unlink:before {
    content: "\f127"
}

* .fa-unlock:before {
    content: "\f09c"
}

* .fa-unlock-alt:before {
    content: "\f13e"
}

* .fa-untappd:before {
    content: "\f405"
}

* .fa-upload:before {
    content: "\f093"
}

* .fa-ups:before {
    content: "\f7e0"
}

* .fa-usb:before {
    content: "\f287"
}

* .fa-user:before {
    content: "\f007"
}

* .fa-user-alt:before {
    content: "\f406"
}

* .fa-user-alt-slash:before {
    content: "\f4fa"
}

* .fa-user-astronaut:before {
    content: "\f4fb"
}

* .fa-user-check:before {
    content: "\f4fc"
}

* .fa-user-circle:before {
    content: "\f2bd"
}

* .fa-user-clock:before {
    content: "\f4fd"
}

* .fa-user-cog:before {
    content: "\f4fe"
}

* .fa-user-edit:before {
    content: "\f4ff"
}

* .fa-user-friends:before {
    content: "\f500"
}

* .fa-user-graduate:before {
    content: "\f501"
}

* .fa-user-injured:before {
    content: "\f728"
}

* .fa-user-lock:before {
    content: "\f502"
}

* .fa-user-md:before {
    content: "\f0f0"
}

* .fa-user-minus:before {
    content: "\f503"
}

* .fa-user-ninja:before {
    content: "\f504"
}

* .fa-user-plus:before {
    content: "\f234"
}

* .fa-user-secret:before {
    content: "\f21b"
}

* .fa-user-shield:before {
    content: "\f505"
}

* .fa-user-slash:before {
    content: "\f506"
}

* .fa-user-tag:before {
    content: "\f507"
}

* .fa-user-tie:before {
    content: "\f508"
}

* .fa-user-times:before {
    content: "\f235"
}

* .fa-users:before {
    content: "\f0c0"
}

* .fa-users-cog:before {
    content: "\f509"
}

* .fa-usps:before {
    content: "\f7e1"
}

* .fa-ussunnah:before {
    content: "\f407"
}

* .fa-utensil-spoon:before {
    content: "\f2e5"
}

* .fa-utensils:before {
    content: "\f2e7"
}

* .fa-vaadin:before {
    content: "\f408"
}

* .fa-vector-square:before {
    content: "\f5cb"
}

* .fa-venus:before {
    content: "\f221"
}

* .fa-venus-double:before {
    content: "\f226"
}

* .fa-venus-mars:before {
    content: "\f228"
}

* .fa-viacoin:before {
    content: "\f237"
}

* .fa-viadeo:before {
    content: "\f2a9"
}

* .fa-viadeo-square:before {
    content: "\f2aa"
}

* .fa-vial:before {
    content: "\f492"
}

* .fa-vials:before {
    content: "\f493"
}

* .fa-viber:before {
    content: "\f409"
}

* .fa-video:before {
    content: "\f03d"
}

* .fa-video-slash:before {
    content: "\f4e2"
}

* .fa-vihara:before {
    content: "\f6a7"
}

* .fa-vimeo:before {
    content: "\f40a"
}

* .fa-vimeo-square:before {
    content: "\f194"
}

* .fa-vimeo-v:before {
    content: "\f27d"
}

* .fa-vine:before {
    content: "\f1ca"
}

* .fa-vk:before {
    content: "\f189"
}

* .fa-vnv:before {
    content: "\f40b"
}

* .fa-volleyball-ball:before {
    content: "\f45f"
}

* .fa-volume-down:before {
    content: "\f027"
}

* .fa-volume-mute:before {
    content: "\f6a9"
}

* .fa-volume-off:before {
    content: "\f026"
}

* .fa-volume-up:before {
    content: "\f028"
}

* .fa-vote-yea:before {
    content: "\f772"
}

* .fa-vr-cardboard:before {
    content: "\f729"
}

* .fa-vuejs:before {
    content: "\f41f"
}

* .fa-walking:before {
    content: "\f554"
}

* .fa-wallet:before {
    content: "\f555"
}

* .fa-warehouse:before {
    content: "\f494"
}

* .fa-water:before {
    content: "\f773"
}

* .fa-weebly:before {
    content: "\f5cc"
}

* .fa-weibo:before {
    content: "\f18a"
}

* .fa-weight:before {
    content: "\f496"
}

* .fa-weight-hanging:before {
    content: "\f5cd"
}

* .fa-weixin:before {
    content: "\f1d7"
}

* .fa-whatsapp:before {
    content: "\f232"
}

* .fa-whatsapp-square:before {
    content: "\f40c"
}

* .fa-wheelchair:before {
    content: "\f193"
}

* .fa-whmcs:before {
    content: "\f40d"
}

* .fa-wifi:before {
    content: "\f1eb"
}

* .fa-wikipedia-w:before {
    content: "\f266"
}

* .fa-wind:before {
    content: "\f72e"
}

* .fa-window-close:before {
    content: "\f410"
}

* .fa-window-maximize:before {
    content: "\f2d0"
}

* .fa-window-minimize:before {
    content: "\f2d1"
}

* .fa-window-restore:before {
    content: "\f2d2"
}

* .fa-windows:before {
    content: "\f17a"
}

* .fa-wine-bottle:before {
    content: "\f72f"
}

* .fa-wine-glass:before {
    content: "\f4e3"
}

* .fa-wine-glass-alt:before {
    content: "\f5ce"
}

* .fa-wix:before {
    content: "\f5cf"
}

* .fa-wizards-of-the-coast:before {
    content: "\f730"
}

* .fa-wolf-pack-battalion:before {
    content: "\f514"
}

* .fa-won-sign:before {
    content: "\f159"
}

* .fa-wordpress:before {
    content: "\f19a"
}

* .fa-wordpress-simple:before {
    content: "\f411"
}

* .fa-wpbeginner:before {
    content: "\f297"
}

* .fa-wpexplorer:before {
    content: "\f2de"
}

* .fa-wpforms:before {
    content: "\f298"
}

* .fa-wpressr:before {
    content: "\f3e4"
}

* .fa-wrench:before {
    content: "\f0ad"
}

* .fa-x-ray:before {
    content: "\f497"
}

* .fa-xbox:before {
    content: "\f412"
}

* .fa-xing:before {
    content: "\f168"
}

* .fa-xing-square:before {
    content: "\f169"
}

* .fa-y-combinator:before {
    content: "\f23b"
}

* .fa-yahoo:before {
    content: "\f19e"
}

* .fa-yandex:before {
    content: "\f413"
}

* .fa-yandex-international:before {
    content: "\f414"
}

* .fa-yarn:before {
    content: "\f7e3"
}

* .fa-yelp:before {
    content: "\f1e9"
}

* .fa-yen-sign:before {
    content: "\f157"
}

* .fa-yin-yang:before {
    content: "\f6ad"
}

* .fa-yoast:before {
    content: "\f2b1"
}

* .fa-youtube:before {
    content: "\f167"
}

* .fa-youtube-square:before {
    content: "\f431"
}

* .fa-zhihu:before {
    content: "\f63f"
}

* .sr-only {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

* .sr-only-focusable:active,
* .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

@font-face {
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 900;
    src: url(assets/fonts/webfonts/fa-solid-900.eot);
    src: url(assets/fonts/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(assets/fonts/webfonts/fa-solid-900.woff2) format("woff2"), url(assets/fonts/webfonts/fa-solid-900.woff) format("woff"), url(assets/fonts/webfonts/fa-solid-900.ttf) format("truetype"), url(assets/fonts/webfonts/fa-solid-900.svg#fontawesome) format("svg")
}

.fa,
.fas {
    font-family: Font Awesome\ 5 Free;
    font-weight: 900
}

@font-face {
    font-family: pficon;
    src: url(assets/pficon/pficon.eot);
    src: url(assets/pficon/pficon.eot?#iefix) format("eot"), url(assets/pficon/pficon.woff2) format("woff2"), url(assets/pficon/pficon.woff) format("woff"), url(assets/pficon/pficon.ttf) format("truetype"), url(assets/pficon/pficon.svg#pficon) format("svg")
}

.pf-icon-add-circle-o:before,
.pf-icon-ansible-tower:before,
.pf-icon-applications:before,
.pf-icon-arrow:before,
.pf-icon-asleep:before,
.pf-icon-attention-bell:before,
.pf-icon-automation:before,
.pf-icon-bell:before,
.pf-icon-blueprint:before,
.pf-icon-build:before,
.pf-icon-builder-image:before,
.pf-icon-bundle:before,
.pf-icon-catalog:before,
.pf-icon-chat:before,
.pf-icon-close:before,
.pf-icon-cloud-security:before,
.pf-icon-cloud-tenant:before,
.pf-icon-cluster:before,
.pf-icon-connected:before,
.pf-icon-container-node:before,
.pf-icon-cpu:before,
.pf-icon-degraded:before,
.pf-icon-disconnected:before,
.pf-icon-domain:before,
.pf-icon-edit:before,
.pf-icon-enhancement:before,
.pf-icon-enterprise:before,
.pf-icon-equalizer:before,
.pf-icon-error-circle-o:before,
.pf-icon-export:before,
.pf-icon-filter:before,
.pf-icon-flavor:before,
.pf-icon-folder-close:before,
.pf-icon-folder-open:before,
.pf-icon-globe-route:before,
.pf-icon-help:before,
.pf-icon-history:before,
.pf-icon-home:before,
.pf-icon-import:before,
.pf-icon-in-progress:before,
.pf-icon-info:before,
.pf-icon-infrastructure:before,
.pf-icon-integration:before,
.pf-icon-key:before,
.pf-icon-locked:before,
.pf-icon-maintenance:before,
.pf-icon-memory:before,
.pf-icon-messages:before,
.pf-icon-middleware:before,
.pf-icon-migration:before,
.pf-icon-module:before,
.pf-icon-monitoring:before,
.pf-icon-namespaces:before,
.pf-icon-network:before,
.pf-icon-new-process:before,
.pf-icon-not-started:before,
.pf-icon-off:before,
.pf-icon-ok:before,
.pf-icon-on-running:before,
.pf-icon-on:before,
.pf-icon-openshift:before,
.pf-icon-openstack:before,
.pf-icon-optimize:before,
.pf-icon-orders:before,
.pf-icon-os-image:before,
.pf-icon-package:before,
.pf-icon-panel-close:before,
.pf-icon-panel-open:before,
.pf-icon-paused:before,
.pf-icon-pending:before,
.pf-icon-pficon-dragdrop:before,
.pf-icon-pficon-history:before,
.pf-icon-pficon-network-range:before,
.pf-icon-pficon-satellite:before,
.pf-icon-pficon-sort-common-asc:before,
.pf-icon-pficon-sort-common-desc:before,
.pf-icon-pficon-template:before,
.pf-icon-pficon-vcenter:before,
.pf-icon-plugged:before,
.pf-icon-port:before,
.pf-icon-print:before,
.pf-icon-private:before,
.pf-icon-process-automation:before,
.pf-icon-project:before,
.pf-icon-rebalance:before,
.pf-icon-rebooting:before,
.pf-icon-regions:before,
.pf-icon-registry:before,
.pf-icon-remove2:before,
.pf-icon-replicator:before,
.pf-icon-repository:before,
.pf-icon-resource-pool:before,
.pf-icon-resources-almost-empty:before,
.pf-icon-resources-almost-full:before,
.pf-icon-resources-empty:before,
.pf-icon-resources-full:before,
.pf-icon-running:before,
.pf-icon-save:before,
.pf-icon-screen:before,
.pf-icon-security:before,
.pf-icon-server-group:before,
.pf-icon-server:before,
.pf-icon-service-catalog:before,
.pf-icon-service:before,
.pf-icon-services:before,
.pf-icon-spinner2:before,
.pf-icon-spinner:before,
.pf-icon-storage-domain:before,
.pf-icon-tenant:before,
.pf-icon-thumb-tack:before,
.pf-icon-topology:before,
.pf-icon-trend-down:before,
.pf-icon-trend-up:before,
.pf-icon-unknown:before,
.pf-icon-unlocked:before,
.pf-icon-unplugged:before,
.pf-icon-user:before,
.pf-icon-users:before,
.pf-icon-virtual-machine:before,
.pf-icon-volume:before,
.pf-icon-warning-triangle:before,
.pf-icon-zone:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: pficon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.pf-icon-add-circle-o:before {
    content: "\e001"
}

.pf-icon-ansible-tower:before {
    content: "\e002"
}

.pf-icon-applications:before {
    content: "\e003"
}

.pf-icon-arrow:before {
    content: "\e004"
}

.pf-icon-asleep:before {
    content: "\e005"
}

.pf-icon-attention-bell:before {
    content: "\e006"
}

.pf-icon-automation:before {
    content: "\e007"
}

.pf-icon-bell:before {
    content: "\e008"
}

.pf-icon-blueprint:before {
    content: "\e009"
}

.pf-icon-build:before {
    content: "\e00a"
}

.pf-icon-builder-image:before {
    content: "\e00b"
}

.pf-icon-bundle:before {
    content: "\e00c"
}

.pf-icon-catalog:before {
    content: "\e00d"
}

.pf-icon-chat:before {
    content: "\e00e"
}

.pf-icon-close:before {
    content: "\e00f"
}

.pf-icon-cloud-security:before {
    content: "\e010"
}

.pf-icon-cloud-tenant:before {
    content: "\e011"
}

.pf-icon-cluster:before {
    content: "\e012"
}

.pf-icon-connected:before {
    content: "\e013"
}

.pf-icon-container-node:before {
    content: "\e014"
}

.pf-icon-cpu:before {
    content: "\e015"
}

.pf-icon-degraded:before {
    content: "\e016"
}

.pf-icon-disconnected:before {
    content: "\e017"
}

.pf-icon-domain:before {
    content: "\e018"
}

.pf-icon-edit:before {
    content: "\e019"
}

.pf-icon-enhancement:before {
    content: "\e01a"
}

.pf-icon-enterprise:before {
    content: "\e01b"
}

.pf-icon-equalizer:before {
    content: "\e01c"
}

.pf-icon-error-circle-o:before {
    content: "\e01d"
}

.pf-icon-export:before {
    content: "\e01e"
}

.pf-icon-filter:before {
    content: "\e01f"
}

.pf-icon-flavor:before {
    content: "\e020"
}

.pf-icon-folder-close:before {
    content: "\e021"
}

.pf-icon-folder-open:before {
    content: "\e022"
}

.pf-icon-globe-route:before {
    content: "\e023"
}

.pf-icon-help:before {
    content: "\e024"
}

.pf-icon-history:before {
    content: "\e025"
}

.pf-icon-home:before {
    content: "\e026"
}

.pf-icon-import:before {
    content: "\e027"
}

.pf-icon-in-progress:before {
    content: "\e028"
}

.pf-icon-info:before {
    content: "\e029"
}

.pf-icon-infrastructure:before {
    content: "\e02a"
}

.pf-icon-integration:before {
    content: "\e02b"
}

.pf-icon-key:before {
    content: "\e02c"
}

.pf-icon-locked:before {
    content: "\e02d"
}

.pf-icon-maintenance:before {
    content: "\e02e"
}

.pf-icon-memory:before {
    content: "\e02f"
}

.pf-icon-messages:before {
    content: "\e030"
}

.pf-icon-middleware:before {
    content: "\e031"
}

.pf-icon-migration:before {
    content: "\e032"
}

.pf-icon-module:before {
    content: "\e033"
}

.pf-icon-monitoring:before {
    content: "\e034"
}

.pf-icon-namespaces:before {
    content: "\e035"
}

.pf-icon-network:before {
    content: "\e036"
}

.pf-icon-new-process:before {
    content: "\e037"
}

.pf-icon-not-started:before {
    content: "\e038"
}

.pf-icon-off:before {
    content: "\e039"
}

.pf-icon-ok:before {
    content: "\e03a"
}

.pf-icon-on-running:before {
    content: "\e03b"
}

.pf-icon-on:before {
    content: "\e03c"
}

.pf-icon-openshift:before {
    content: "\e03d"
}

.pf-icon-openstack:before {
    content: "\e03e"
}

.pf-icon-optimize:before {
    content: "\e03f"
}

.pf-icon-orders:before {
    content: "\e040"
}

.pf-icon-os-image:before {
    content: "\e041"
}

.pf-icon-package:before {
    content: "\e042"
}

.pf-icon-panel-close:before {
    content: "\e043"
}

.pf-icon-panel-open:before {
    content: "\e044"
}

.pf-icon-paused:before {
    content: "\e045"
}

.pf-icon-pending:before {
    content: "\e046"
}

.pf-icon-pficon-dragdrop:before {
    content: "\e047"
}

.pf-icon-pficon-history:before {
    content: "\e048"
}

.pf-icon-pficon-network-range:before {
    content: "\e049"
}

.pf-icon-pficon-satellite:before {
    content: "\e04a"
}

.pf-icon-pficon-sort-common-asc:before {
    content: "\e04b"
}

.pf-icon-pficon-sort-common-desc:before {
    content: "\e04c"
}

.pf-icon-pficon-template:before {
    content: "\e04d"
}

.pf-icon-pficon-vcenter:before {
    content: "\e04e"
}

.pf-icon-plugged:before {
    content: "\e04f"
}

.pf-icon-port:before {
    content: "\e050"
}

.pf-icon-print:before {
    content: "\e051"
}

.pf-icon-private:before {
    content: "\e052"
}

.pf-icon-process-automation:before {
    content: "\e053"
}

.pf-icon-project:before {
    content: "\e054"
}

.pf-icon-rebalance:before {
    content: "\e055"
}

.pf-icon-rebooting:before {
    content: "\e056"
}

.pf-icon-regions:before {
    content: "\e057"
}

.pf-icon-registry:before {
    content: "\e058"
}

.pf-icon-remove2:before {
    content: "\e059"
}

.pf-icon-replicator:before {
    content: "\e05a"
}

.pf-icon-repository:before {
    content: "\e05b"
}

.pf-icon-resource-pool:before {
    content: "\e05c"
}

.pf-icon-resources-almost-empty:before {
    content: "\e05d"
}

.pf-icon-resources-almost-full:before {
    content: "\e05e"
}

.pf-icon-resources-empty:before {
    content: "\e05f"
}

.pf-icon-resources-full:before {
    content: "\e060"
}

.pf-icon-running:before {
    content: "\e061"
}

.pf-icon-save:before {
    content: "\e062"
}

.pf-icon-screen:before {
    content: "\e063"
}

.pf-icon-security:before {
    content: "\e064"
}

.pf-icon-server-group:before {
    content: "\e065"
}

.pf-icon-server:before {
    content: "\e066"
}

.pf-icon-service-catalog:before {
    content: "\e067"
}

.pf-icon-service:before {
    content: "\e068"
}

.pf-icon-services:before {
    content: "\e069"
}

.pf-icon-spinner:before {
    content: "\e06a"
}

.pf-icon-spinner2:before {
    content: "\e06b"
}

.pf-icon-storage-domain:before {
    content: "\e06c"
}

.pf-icon-tenant:before {
    content: "\e06d"
}

.pf-icon-thumb-tack:before {
    content: "\e06e"
}

.pf-icon-topology:before {
    content: "\e06f"
}

.pf-icon-trend-down:before {
    content: "\e070"
}

.pf-icon-trend-up:before {
    content: "\e071"
}

.pf-icon-unknown:before {
    content: "\e072"
}

.pf-icon-unlocked:before {
    content: "\e073"
}

.pf-icon-unplugged:before {
    content: "\e074"
}

.pf-icon-user:before {
    content: "\e075"
}

.pf-icon-users:before {
    content: "\e076"
}

.pf-icon-virtual-machine:before {
    content: "\e077"
}

.pf-icon-volume:before {
    content: "\e078"
}

.pf-icon-warning-triangle:before {
    content: "\e079"
}

.pf-icon-zone:before {
    content: "\e07a"
}

.pf-c-about-modal-box {
    --pf-c-about-modal-box--BackgroundColor: var(--pf-global--palette--black-1000);
    --pf-c-about-modal-box--BoxShadow: 0 0 100px 0 hsla(0, 0%, 100%, .05);
    --pf-c-about-modal-box--ZIndex: var(--pf-global--ZIndex--xl);
    --pf-c-about-modal-box--Height: 100%;
    --pf-c-about-modal-box--lg--Height: 47.625rem;
    --pf-c-about-modal-box--lg--MaxHeight: calc(100% - var(--pf-global--spacer--xl));
    --pf-c-about-modal-box--Width: 100vw;
    --pf-c-about-modal-box--lg--Width: calc(100% - var(--pf-global--spacer--3xl)*2);
    --pf-c-about-modal-box--lg--MaxWidth: 77rem;
    --pf-c-about-modal-box--PaddingTop: var(--pf-global--spacer--xl);
    --pf-c-about-modal-box--PaddingRight: var(--pf-global--spacer--xl);
    --pf-c-about-modal-box--PaddingBottom: var(--pf-global--spacer--xl);
    --pf-c-about-modal-box--PaddingLeft: var(--pf-global--spacer--xl);
    --pf-c-about-modal-box--sm--PaddingTop: var(--pf-global--spacer--3xl);
    --pf-c-about-modal-box--sm--PaddingRight: var(--pf-global--spacer--3xl);
    --pf-c-about-modal-box--sm--PaddingBottom: var(--pf-global--spacer--3xl);
    --pf-c-about-modal-box--sm--PaddingLeft: var(--pf-global--spacer--3xl);
    --pf-c-about-modal-box--sm--grid-template-columns: 5fr 1fr;
    --pf-c-about-modal-box--lg--grid-template-columns: 1fr .6fr;
    --pf-c-about-modal-box__brand--PaddingTop: var(--pf-global--spacer--2xl);
    --pf-c-about-modal-box__brand--PaddingRight: var(--pf-global--spacer--xl);
    --pf-c-about-modal-box__brand--PaddingLeft: var(--pf-global--spacer--xl);
    --pf-c-about-modal-box__brand--PaddingBottom: var(--pf-global--spacer--xl);
    --pf-c-about-modal-box__brand--sm--PaddingRight: var(--pf-global--spacer--3xl);
    --pf-c-about-modal-box__brand--sm--PaddingLeft: var(--pf-global--spacer--3xl);
    --pf-c-about-modal-box__brand--sm--PaddingBottom: var(--pf-global--spacer--3xl);
    --pf-c-about-modal-box__close--ZIndex: var(--pf-global--ZIndex--2xl);
    --pf-c-about-modal-box__close--PaddingTop: var(--pf-global--spacer--2xl);
    --pf-c-about-modal-box__close--PaddingRight: var(--pf-global--spacer--xl);
    --pf-c-about-modal-box__close--PaddingBottom: var(--pf-global--spacer--xl);
    --pf-c-about-modal-box__close--sm--PaddingBottom: var(--pf-global--spacer--3xl);
    --pf-c-about-modal-box__close--sm--PaddingRight: 0;
    --pf-c-about-modal-box__close--lg--PaddingRight: var(--pf-global--spacer--3xl);
    --pf-c-about-modal-box__close--c-button--Color: var(--pf-global--Color--100);
    --pf-c-about-modal-box__close--c-button--FontSize: var(--pf-global--FontSize--xl);
    --pf-c-about-modal-box__close--c-button--BorderRadius: var(--pf-global--BorderRadius--lg);
    --pf-c-about-modal-box__close--c-button--Width: calc(var(--pf-c-about-modal-box__close--c-button--FontSize)*2);
    --pf-c-about-modal-box__close--c-button--Height: calc(var(--pf-c-about-modal-box__close--c-button--FontSize)*2);
    --pf-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-global--palette--black-1000);
    --pf-c-about-modal-box__close--c-button--hover--BackgroundColor: rgba(3, 3, 3, .4);
    --pf-c-about-modal-box__hero--sm--BackgroundImage: url(assets/images/pfbg_992@2x.jpg);
    --pf-c-about-modal-box__hero--sm--BackgroundPosition: top left;
    --pf-c-about-modal-box__hero--sm--BackgroundSize: cover;
    --pf-c-about-modal-box__brand-image--Height: 2.5rem;
    --pf-c-about-modal-box__header--PaddingRight: var(--pf-global--spacer--xl);
    --pf-c-about-modal-box__header--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-about-modal-box__header--PaddingLeft: var(--pf-global--spacer--xl);
    --pf-c-about-modal-box__header--sm--PaddingRight: var(--pf-global--spacer--3xl);
    --pf-c-about-modal-box__header--sm--PaddingLeft: var(--pf-global--spacer--3xl);
    --pf-c-about-modal-box__strapline--PaddingTop: var(--pf-global--spacer--xl);
    --pf-c-about-modal-box__strapline--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-about-modal-box__strapline--sm--PaddingTop: var(--pf-global--spacer--2xl);
    --pf-c-about-modal-box__content--MarginTop: var(--pf-global--spacer--xl);
    --pf-c-about-modal-box__content--MarginRight: var(--pf-global--spacer--xl);
    --pf-c-about-modal-box__content--MarginBottom: var(--pf-global--spacer--xl);
    --pf-c-about-modal-box__content--MarginLeft: var(--pf-global--spacer--xl);
    --pf-c-about-modal-box__content--sm--MarginTop: var(--pf-global--spacer--2xl);
    --pf-c-about-modal-box__content--sm--MarginRight: var(--pf-global--spacer--3xl);
    --pf-c-about-modal-box__content--sm--MarginBottom: var(--pf-global--spacer--2xl);
    --pf-c-about-modal-box__content--sm--MarginLeft: var(--pf-global--spacer--3xl);
    background-color: var(--pf-c-about-modal-box--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-about-modal-box--BoxShadow);
    box-shadow: var(--pf-c-about-modal-box--BoxShadow);
    color: var(--pf-global--Color--100);
    display: grid;
    grid-template-areas: "brand close" "header header" "content content";
    grid-template-rows: -webkit-max-content -webkit-max-content auto;
    grid-template-rows: max-content max-content auto;
    height: var(--pf-c-about-modal-box--Height);
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    width: var(--pf-c-about-modal-box--Width);
    z-index: var(--pf-c-about-modal-box--ZIndex)
}

@media screen and (min-width:576px) {
    .pf-c-about-modal-box {
        --pf-c-about-modal-box--PaddingTop: var(--pf-c-about-modal-box--sm--PaddingTop);
        --pf-c-about-modal-box--PaddingRight: var(--pf-c-about-modal-box--sm--PaddingRight);
        --pf-c-about-modal-box--PaddingBottom: var(--pf-c-about-modal-box--sm--PaddingBottom);
        --pf-c-about-modal-box--PaddingLeft: var(--pf-c-about-modal-box--sm--PaddingLeft);
        --pf-c-about-modal-box__brand--PaddingRight: var(--pf-c-about-modal-box__brand--sm--PaddingRight);
        --pf-c-about-modal-box__brand--PaddingLeft: var(--pf-c-about-modal-box__brand--sm--PaddingLeft);
        --pf-c-about-modal-box__brand--PaddingBottom: var(--pf-c-about-modal-box__brand--sm--PaddingBottom)
    }
}

@media only screen and (min-width:576px) {
    .pf-c-about-modal-box {
        --pf-c-about-modal-box__close--PaddingRight: var(--pf-c-about-modal-box__close--sm--PaddingRight);
        --pf-c-about-modal-box__close--PaddingBottom: var(--pf-c-about-modal-box__close--sm--PaddingBottom)
    }
}

@media only screen and (min-width:992px) {
    .pf-c-about-modal-box {
        --pf-c-about-modal-box__close--PaddingRight: var(--pf-c-about-modal-box__close--lg--PaddingRight)
    }
}

@media only screen and (min-width:576px) {
    .pf-c-about-modal-box {
        --pf-c-about-modal-box__header--PaddingRight: var(--pf-c-about-modal-box__header--sm--PaddingRight);
        --pf-c-about-modal-box__header--PaddingLeft: var(--pf-c-about-modal-box__header--sm--PaddingLeft);
        --pf-c-about-modal-box__strapline--PaddingTop: var(--pf-c-about-modal-box__strapline--sm--PaddingTop);
        --pf-c-about-modal-box__content--MarginTop: var(--pf-c-about-modal-box__content--sm--MarginTop);
        --pf-c-about-modal-box__content--MarginRight: var(--pf-c-about-modal-box__content--sm--MarginRight);
        --pf-c-about-modal-box__content--MarginBottom: var(--pf-c-about-modal-box__content--sm--MarginBottom);
        --pf-c-about-modal-box__content--MarginLeft: var(--pf-c-about-modal-box__content--sm--MarginLeft);
        grid-template-areas: "brand          hero" "header         hero" "content        hero";
        grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns)
    }
}

@media only screen and (min-width:992px) {
    .pf-c-about-modal-box {
        --pf-c-about-modal-box--Height: var(--pf-c-about-modal-box--lg--Height);
        --pf-c-about-modal-box--Width: var(--pf-c-about-modal-box--lg--Width);
        grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns);
        grid-template-rows: -webkit-max-content -webkit-max-content auto;
        grid-template-rows: max-content max-content auto;
        max-height: var(--pf-c-about-modal-box--lg--MaxHeight);
        max-width: var(--pf-c-about-modal-box--lg--MaxWidth)
    }
}

.pf-c-about-modal-box__brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-area: brand;
    padding: var(--pf-c-about-modal-box__brand--PaddingTop) var(--pf-c-about-modal-box__brand--PaddingRight) var(--pf-c-about-modal-box__brand--PaddingBottom) var(--pf-c-about-modal-box__brand--PaddingLeft)
}

.pf-c-about-modal-box__brand-image {
    height: var(--pf-c-about-modal-box__brand-image--Height)
}

.pf-c-about-modal-box__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-area: header;
    padding-bottom: var(--pf-c-about-modal-box__header--PaddingBottom);
    padding-left: var(--pf-c-about-modal-box__header--PaddingLeft);
    padding-right: var(--pf-c-about-modal-box__header--PaddingRight)
}

.pf-c-about-modal-box__strapline {
    font-size: var(--pf-c-about-modal-box__strapline--FontSize);
    margin-top: auto;
    padding-top: var(--pf-c-about-modal-box__strapline--PaddingTop)
}

.pf-c-about-modal-box__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-scroll-chaining: none;
    -webkit-overflow-scrolling: touch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-area: content;
    margin: var(--pf-c-about-modal-box__content--MarginTop) var(--pf-c-about-modal-box__content--MarginRight) var(--pf-c-about-modal-box__content--MarginBottom) var(--pf-c-about-modal-box__content--MarginLeft);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    word-break: break-word
}

@media screen and (min-width:576px) {
    .pf-c-about-modal-box__content {
        -ms-scroll-chaining: chained;
        overflow: visible;
        overscroll-behavior: auto
    }
}

.pf-c-about-modal-box__close {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-area: close;
    justify-content: flex-end;
    padding-bottom: var(--pf-c-about-modal-box__close--PaddingBottom);
    padding-right: var(--pf-c-about-modal-box__close--PaddingRight);
    padding-top: var(--pf-c-about-modal-box__close--PaddingTop);
    position: sticky;
    top: 0
}

@media only screen and (min-width:576px) {
    .pf-c-about-modal-box__close {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        grid-area: 1/2;
        justify-content: center
    }
}

@media only screen and (min-width:992px) {
    .pf-c-about-modal-box__close {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.pf-c-about-modal-box__close .pf-c-button.pf-m-plain {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--pf-c-about-modal-box__close--c-button--BackgroundColor);
    border-radius: var(--pf-c-about-modal-box__close--c-button--BorderRadius);
    color: var(--pf-c-about-modal-box__close--c-button--Color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--pf-c-about-modal-box__close--c-button--FontSize);
    height: var(--pf-c-about-modal-box__close--c-button--Height);
    justify-content: center;
    width: var(--pf-c-about-modal-box__close--c-button--Width)
}

.pf-c-about-modal-box__close .pf-c-button.pf-m-plain:hover {
    --pf-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-c-about-modal-box__close--c-button--hover--BackgroundColor)
}

.pf-c-about-modal-box__hero {
    display: none;
    visibility: hidden
}

@media only screen and (min-width:576px) {
    .pf-c-about-modal-box__hero {
        background-attachment: fixed;
        background-image: var(--pf-c-about-modal-box__hero--sm--BackgroundImage);
        background-position: var(--pf-c-about-modal-box__hero--sm--BackgroundPosition);
        background-repeat: no-repeat;
        background-size: var(--pf-c-about-modal-box__hero--sm--BackgroundSize);
        display: block;
        grid-area: hero;
        visibility: visible
    }
}

.pf-c-accordion {
    --pf-c-accordion--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-accordion__toggle--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-accordion__toggle--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-accordion__toggle--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-accordion__toggle--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-accordion__toggle--before--BackgroundColor: transparent;
    --pf-c-accordion__toggle--before--Top: 0;
    --pf-c-accordion__toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-accordion__toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-accordion__toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
    --pf-c-accordion__toggle--m-expanded--before--BackgroundColor: var(--pf-global--primary-color--100);
    --pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
    --pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
    --pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
    --pf-c-accordion__toggle--active__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
    --pf-c-accordion__toggle--focus__toggle-text--Color: var(--pf-global--link--Color);
    --pf-c-accordion__toggle--focus__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
    --pf-c-accordion__toggle--m-expanded__toggle-text--Color: var(--pf-global--link--Color);
    --pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
    --pf-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
    --pf-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
    --pf-c-accordion__expanded-content--Color: var(--pf-global--Color--200);
    --pf-c-accordion__expanded-content--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-accordion__expanded-content--m-expanded__expanded-content-body--before--BackgroundColor: var(--pf-global--primary-color--100);
    --pf-c-accordion__expanded-content--m-fixed--MaxHeight: 9.375rem;
    --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-accordion__expanded-content-body--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-accordion__expanded-content-body--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop: 0;
    --pf-c-accordion__expanded-content-body--before--BackgroundColor: transparent;
    --pf-c-accordion__expanded-content-body--before--Width: var(--pf-global--BorderWidth--lg);
    --pf-c-accordion__expanded-content-body--before--Top: 0;
    --pf-c-accordion--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-accordion--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-accordion--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-accordion--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-accordion--m-display-lg__toggle--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
    --pf-c-accordion--m-display-lg__toggle--FontSize: var(--pf-global--FontSize--xl);
    --pf-c-accordion--m-display-lg__toggle--hover__toggle-text--Color: var(--pf-global--Color--100);
    --pf-c-accordion--m-display-lg__toggle--active__toggle-text--Color: var(--pf-global--Color--100);
    --pf-c-accordion--m-display-lg__toggle--active__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-accordion--m-display-lg__toggle--focus__toggle-text--Color: var(--pf-global--Color--100);
    --pf-c-accordion--m-display-lg__toggle--focus__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--Color: var(--pf-global--Color--100);
    --pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-accordion--m-display-lg__expanded-content--FontSize: var(--pf-global--FontSize--md);
    --pf-c-accordion--m-display-lg__expanded-content--Color: var(--pf-global--Color--100);
    --pf-c-accordion--m-display-lg__expanded-content-body--PaddingTop: 0;
    --pf-c-accordion--m-display-lg__expanded-content-body--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-accordion--m-display-lg__expanded-content-body--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-accordion--m-display-lg__expanded-content-body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-accordion--m-display-lg__expanded-content-body--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-accordion--m-bordered--BorderTopWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-accordion--m-bordered--BorderTopColor: var(--pf-global--BorderColor--100);
    --pf-c-accordion--m-bordered__toggle--before--Top: calc(var(--pf-global--BorderWidth--sm)*-1);
    --pf-c-accordion--m-bordered__toggle--after--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-accordion--m-bordered__toggle--after--BorderTopWidth: 0;
    --pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor: var(--pf-global--BorderColor--100);
    background-color: var(--pf-c-accordion--BackgroundColor);
    color: var(--pf-global--Color--100)
}

.pf-c-accordion.pf-m-display-lg {
    --pf-c-accordion__toggle--PaddingTop: var(--pf-c-accordion--m-display-lg__toggle--PaddingTop);
    --pf-c-accordion__toggle--PaddingRight: var(--pf-c-accordion--m-display-lg__toggle--PaddingRight);
    --pf-c-accordion__toggle--PaddingBottom: var(--pf-c-accordion--m-display-lg__toggle--PaddingBottom);
    --pf-c-accordion__toggle--PaddingLeft: var(--pf-c-accordion--m-display-lg__toggle--PaddingLeft);
    --pf-c-accordion__toggle--FontFamily: var(--pf-c-accordion--m-display-lg__toggle--FontFamily);
    --pf-c-accordion__toggle--FontSize: var(--pf-c-accordion--m-display-lg__toggle--FontSize);
    --pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--hover__toggle-text--Color);
    --pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--active__toggle-text--Color);
    --pf-c-accordion__toggle--active__toggle-text--FontWeight: var(--pf-c-accordion--m-display-lg__toggle--active__toggle-text--FontWeight);
    --pf-c-accordion__toggle--focus__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--focus__toggle-text--Color);
    --pf-c-accordion__toggle--focus__toggle-text--FontWeight: var(--pf-c-accordion--m-display-lg__toggle--focus__toggle-text--FontWeight);
    --pf-c-accordion__toggle--m-expanded__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--Color);
    --pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
    --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingTop);
    --pf-c-accordion__expanded-content-body--PaddingRight: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingRight);
    --pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingBottom);
    --pf-c-accordion__expanded-content-body--PaddingLeft: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingLeft);
    --pf-c-accordion__expanded-content--FontSize: var(--pf-c-accordion--m-display-lg__expanded-content--FontSize);
    --pf-c-accordion__expanded-content--Color: var(--pf-c-accordion--m-display-lg__expanded-content--Color)
}

.pf-c-accordion.pf-m-display-lg .pf-c-accordion__expanded-content-body:last-child {
    --pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-c-accordion--m-display-lg__expanded-content-body--last-child--PaddingBottom)
}

.pf-c-accordion.pf-m-bordered {
    --pf-c-accordion__toggle--before--Top: var(--pf-c-accordion--m-bordered__toggle--before--Top);
    border-top: var(--pf-c-accordion--m-bordered--BorderTopWidth) solid var(--pf-c-accordion--m-bordered--BorderTopColor)
}

.pf-c-accordion.pf-m-bordered .pf-c-accordion__toggle:before {
    border: solid var(--pf-c-accordion--m-bordered__toggle--after--BorderColor);
    border-width: var(--pf-c-accordion--m-bordered__toggle--after--BorderTopWidth) 0 var(--pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-accordion.pf-m-bordered .pf-c-accordion__toggle.pf-m-expanded {
    --pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth: 0
}

.pf-c-accordion.pf-m-bordered .pf-c-accordion__expanded-content.pf-m-expanded .pf-c-accordion__expanded-content-body:last-child:before {
    border-bottom: var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth) solid var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-accordion__toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
    font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
    justify-content: space-between;
    padding: var(--pf-c-accordion__toggle--PaddingTop) var(--pf-c-accordion__toggle--PaddingRight) var(--pf-c-accordion__toggle--PaddingBottom) var(--pf-c-accordion__toggle--PaddingLeft);
    position: relative;
    width: 100%
}

.pf-c-accordion__toggle:after {
    background-color: var(--pf-c-accordion__toggle--before--BackgroundColor);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: var(--pf-c-accordion__toggle--before--Top);
    width: var(--pf-c-accordion__toggle--before--Width)
}

.pf-c-accordion__toggle.pf-m-expanded {
    --pf-c-accordion__toggle--before--BackgroundColor: var(--pf-c-accordion__toggle--m-expanded--before--BackgroundColor)
}

.pf-c-accordion__toggle.pf-m-expanded .pf-c-accordion__toggle-text {
    color: var(--pf-c-accordion__toggle--m-expanded__toggle-text--Color);
    font-weight: var(--pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight)
}

.pf-c-accordion__toggle.pf-m-expanded .pf-c-accordion__toggle-icon {
    -webkit-transform: rotate(var(--pf-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
    transform: rotate(var(--pf-c-accordion__toggle--m-expanded__toggle-icon--Rotate))
}

.pf-c-accordion__toggle:hover {
    background-color: var(--pf-c-accordion__toggle--hover--BackgroundColor)
}

.pf-c-accordion__toggle:hover .pf-c-accordion__toggle-text {
    color: var(--pf-c-accordion__toggle--hover__toggle-text--Color)
}

.pf-c-accordion__toggle:focus {
    background-color: var(--pf-c-accordion__toggle--focus--BackgroundColor)
}

.pf-c-accordion__toggle:focus .pf-c-accordion__toggle-text {
    color: var(--pf-c-accordion__toggle--focus__toggle-text--Color);
    font-weight: var(--pf-c-accordion__toggle--focus__toggle-text--FontWeight)
}

.pf-c-accordion__toggle:active {
    background-color: var(--pf-c-accordion__toggle--active--BackgroundColor)
}

.pf-c-accordion__toggle:active .pf-c-accordion__toggle-text {
    color: var(--pf-c-accordion__toggle--active__toggle-text--Color);
    font-weight: var(--pf-c-accordion__toggle--active__toggle-text--FontWeight)
}

.pf-c-accordion__toggle-text {
    max-width: var(--pf-c-accordion__toggle-text--MaxWidth);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-accordion__toggle-icon {
    -webkit-transition: var(--pf-c-accordion__toggle-icon--Transition);
    transition: var(--pf-c-accordion__toggle-icon--Transition)
}

.pf-c-accordion__expanded-content {
    color: var(--pf-c-accordion__expanded-content--Color);
    font-size: var(--pf-c-accordion__expanded-content--FontSize)
}

.pf-c-accordion__expanded-content.pf-m-fixed {
    max-height: var(--pf-c-accordion__expanded-content--m-fixed--MaxHeight);
    overflow-y: auto
}

.pf-c-accordion__expanded-content.pf-m-expanded {
    --pf-c-accordion__expanded-content-body--before--BackgroundColor: var(--pf-c-accordion__expanded-content--m-expanded__expanded-content-body--before--BackgroundColor)
}

.pf-c-accordion__expanded-content-body {
    padding: var(--pf-c-accordion__expanded-content-body--PaddingTop) var(--pf-c-accordion__expanded-content-body--PaddingRight) var(--pf-c-accordion__expanded-content-body--PaddingBottom) var(--pf-c-accordion__expanded-content-body--PaddingLeft);
    position: relative
}

.pf-c-accordion__expanded-content-body:after {
    background-color: var(--pf-c-accordion__expanded-content-body--before--BackgroundColor);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: var(--pf-c-accordion__expanded-content-body--before--Width)
}

.pf-c-accordion__expanded-content-body+.pf-c-accordion__expanded-content-body {
    --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop)
}

.pf-c-action-list {
    --pf-c-action-list--m-icon--spacer: 0;
    --pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
    --pf-c-action-list--group--spacer-base: var(--pf-global--spacer--2xl)
}

.pf-c-action-list,
.pf-c-action-list__group {
    --pf-c-action-list--child--spacer: var(--pf-c-action-list--child--spacer-base);
    --pf-c-action-list--group--spacer: var(--pf-c-action-list--group--spacer-base);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-action-list>*+*,
.pf-c-action-list__group>*+* {
    margin-left: var(--pf-c-action-list--child--spacer)
}

.pf-c-action-list .pf-c-action-list__group+*,
.pf-c-action-list>*+.pf-c-action-list__group,
.pf-c-action-list__group .pf-c-action-list__group+*,
.pf-c-action-list__group>*+.pf-c-action-list__group {
    margin-left: var(--pf-c-action-list--group--spacer)
}

.pf-c-action-list.pf-m-icons,
.pf-c-action-list__group.pf-m-icons {
    --pf-c-action-list--child--spacer: var(--pf-c-action-list--m-icon--spacer)
}

.pf-c-alert {
    --pf-c-alert--BoxShadow: var(--pf-global--BoxShadow--lg);
    --pf-c-alert--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-alert--GridTemplateColumns: max-content 1fr max-content;
    --pf-c-alert--BorderTopWidth: var(--pf-global--BorderWidth--md);
    --pf-c-alert--BorderTopColor: var(--pf-global--default-color--200);
    --pf-c-alert--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-alert--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-alert--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-alert--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-alert__FontSize: var(--pf-global--FontSize--sm);
    --pf-c-alert__icon--Color: var(--pf-global--default-color--200);
    --pf-c-alert__icon--MarginTop: 0.0625rem;
    --pf-c-alert__icon--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-alert__icon--FontSize: var(--pf-global--icon--FontSize--md);
    --pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-alert__title--Color: var(--pf-global--default-color--300);
    --pf-c-alert__title--max-lines: 1;
    --pf-c-alert__action--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-alert__action--MarginBottom: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-alert__action--TranslateY: 0.125rem;
    --pf-c-alert__action--MarginRight: calc(var(--pf-global--spacer--sm)*-1);
    --pf-c-alert__description--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-alert__action-group--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-alert__description--action-group--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-alert__action-group__c-button--not-last-child--MarginRight: var(--pf-global--spacer--lg);
    --pf-c-alert--m-success--BorderTopColor: var(--pf-global--success-color--100);
    --pf-c-alert--m-success__icon--Color: var(--pf-global--success-color--100);
    --pf-c-alert--m-success__title--Color: var(--pf-global--success-color--200);
    --pf-c-alert--m-danger--BorderTopColor: var(--pf-global--danger-color--100);
    --pf-c-alert--m-danger__icon--Color: var(--pf-global--danger-color--100);
    --pf-c-alert--m-danger__title--Color: var(--pf-global--danger-color--200);
    --pf-c-alert--m-warning--BorderTopColor: var(--pf-global--warning-color--100);
    --pf-c-alert--m-warning__icon--Color: var(--pf-global--warning-color--100);
    --pf-c-alert--m-warning__title--Color: var(--pf-global--warning-color--200);
    --pf-c-alert--m-info--BorderTopColor: var(--pf-global--info-color--100);
    --pf-c-alert--m-info__icon--Color: var(--pf-global--info-color--100);
    --pf-c-alert--m-info__title--Color: var(--pf-global--info-color--200);
    --pf-c-alert--m-inline--BoxShadow: none;
    --pf-c-alert--m-inline--BackgroundColor: var(--pf-global--palette--cyan-50);
    --pf-c-alert--m-inline--m-success--BackgroundColor: var(--pf-global--palette--green-50);
    --pf-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-global--palette--red-50);
    --pf-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-global--palette--gold-50);
    --pf-c-alert--m-inline--m-info--BackgroundColor: var(--pf-global--palette--blue-50);
    background-color: var(--pf-c-alert--BackgroundColor);
    border-top: var(--pf-c-alert--BorderTopWidth) solid var(--pf-c-alert--BorderTopColor);
    -webkit-box-shadow: var(--pf-c-alert--BoxShadow);
    box-shadow: var(--pf-c-alert--BoxShadow);
    color: var(--pf-global--Color--100);
    display: grid;
    font-size: var(--pf-c-alert__FontSize);
    grid-template-areas: "icon title action" ". description description" ". actiongroup actiongroup";
    grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
    padding: var(--pf-c-alert--PaddingTop) var(--pf-c-alert--PaddingRight) var(--pf-c-alert--PaddingBottom) var(--pf-c-alert--PaddingLeft);
    position: relative
}

.pf-c-alert.pf-m-success {
    --pf-c-alert--BorderTopColor: var(--pf-c-alert--m-success--BorderTopColor);
    --pf-c-alert__icon--Color: var(--pf-c-alert--m-success__icon--Color);
    --pf-c-alert__title--Color: var(--pf-c-alert--m-success__title--Color);
    --pf-c-alert--m-inline--BackgroundColor: var(--pf-c-alert--m-inline--m-success--BackgroundColor)
}

.pf-c-alert.pf-m-danger {
    --pf-c-alert--BorderTopColor: var(--pf-c-alert--m-danger--BorderTopColor);
    --pf-c-alert__icon--Color: var(--pf-c-alert--m-danger__icon--Color);
    --pf-c-alert__title--Color: var(--pf-c-alert--m-danger__title--Color);
    --pf-c-alert--m-inline--BackgroundColor: var(--pf-c-alert--m-inline--m-danger--BackgroundColor)
}

.pf-c-alert.pf-m-warning {
    --pf-c-alert--BorderTopColor: var(--pf-c-alert--m-warning--BorderTopColor);
    --pf-c-alert__icon--Color: var(--pf-c-alert--m-warning__icon--Color);
    --pf-c-alert__title--Color: var(--pf-c-alert--m-warning__title--Color);
    --pf-c-alert--m-inline--BackgroundColor: var(--pf-c-alert--m-inline--m-warning--BackgroundColor)
}

.pf-c-alert.pf-m-info {
    --pf-c-alert--BorderTopColor: var(--pf-c-alert--m-info--BorderTopColor);
    --pf-c-alert__icon--Color: var(--pf-c-alert--m-info__icon--Color);
    --pf-c-alert__title--Color: var(--pf-c-alert--m-info__title--Color);
    --pf-c-alert--m-inline--BackgroundColor: var(--pf-c-alert--m-inline--m-info--BackgroundColor)
}

.pf-c-alert.pf-m-inline {
    --pf-c-alert--BoxShadow: var(--pf-c-alert--m-inline--BoxShadow);
    --pf-c-alert--BackgroundColor: var(--pf-c-alert--m-inline--BackgroundColor)
}

.pf-c-alert__icon {
    color: var(--pf-c-alert__icon--Color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--pf-c-alert__icon--FontSize);
    grid-area: icon;
    margin-right: var(--pf-c-alert__icon--MarginRight);
    margin-top: var(--pf-c-alert__icon--MarginTop)
}

.pf-c-alert__title {
    color: var(--pf-c-alert__title--Color);
    font-weight: var(--pf-c-alert__title--FontWeight);
    grid-area: title;
    word-break: break-word
}

.pf-c-alert__title.pf-m-truncate {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--pf-c-alert__title--max-lines);
    display: -webkit-box;
    overflow: hidden
}

.pf-c-alert__description {
    grid-area: description;
    padding-top: var(--pf-c-alert__description--PaddingTop);
    word-break: break-word
}

.pf-c-alert__description+.pf-c-alert__action-group {
    --pf-c-alert__action-group--PaddingTop: var(--pf-c-alert__description--action-group--PaddingTop)
}

.pf-c-alert__action {
    grid-area: action;
    margin-bottom: var(--pf-c-alert__action--MarginBottom);
    margin-right: var(--pf-c-alert__action--MarginRight);
    margin-top: var(--pf-c-alert__action--MarginTop);
    -webkit-transform: translateY(var(--pf-c-alert__action--TranslateY));
    transform: translateY(var(--pf-c-alert__action--TranslateY))
}

.pf-c-alert__action>.pf-c-button {
    --pf-c-button--LineHeight: 1
}

.pf-c-alert__action-group {
    grid-area: actiongroup;
    padding-top: var(--pf-c-alert__action-group--PaddingTop)
}

.pf-c-alert__action-group>.pf-c-button {
    --pf-c-button--m-link--m-inline--hover--TextDecoration: none
}

.pf-c-alert__action-group>.pf-c-button:not(:last-child) {
    margin-right: var(--pf-c-alert__action-group__c-button--not-last-child--MarginRight)
}

.pf-m-overpass-font .pf-c-alert__title {
    --pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal)
}

.pf-c-alert-group {
    --pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);
    --pf-c-alert-group--m-toast--Right: var(--pf-global--spacer--xl);
    --pf-c-alert-group--m-toast--MaxWidth: 37.5rem;
    --pf-c-alert-group--m-toast--ZIndex: var(--pf-global--ZIndex--2xl)
}

.pf-c-alert-group>*+* {
    margin-top: var(--pf-c-alert-group__item--MarginTop)
}

.pf-c-alert-group.pf-m-toast {
    max-width: var(--pf-c-alert-group--m-toast--MaxWidth);
    position: fixed;
    right: var(--pf-c-alert-group--m-toast--Right);
    top: var(--pf-c-alert-group--m-toast--Top);
    width: calc(100% - var(--pf-c-alert-group--m-toast--Right)*2);
    z-index: var(--pf-c-alert-group--m-toast--ZIndex)
}

.pf-c-app-launcher {
    --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-app-launcher__menu--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-app-launcher__menu--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-app-launcher__menu--Top: calc(100% + var(--pf-global--spacer--xs));
    --pf-c-app-launcher__menu--ZIndex: var(--pf-global--ZIndex--sm);
    --pf-c-app-launcher--m-top__menu--Top: 0;
    --pf-c-app-launcher--m-top__menu--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
    --pf-c-app-launcher__toggle--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-app-launcher__toggle--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-app-launcher__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-app-launcher__toggle--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-app-launcher__toggle--Color: var(--pf-global--Color--200);
    --pf-c-app-launcher__toggle--hover--Color: var(--pf-global--Color--100);
    --pf-c-app-launcher__toggle--active--Color: var(--pf-global--Color--100);
    --pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
    --pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
    --pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
    --pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-app-launcher__menu-search--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-app-launcher__menu-search--BottomBorderColor: var(--pf-global--BorderColor--100);
    --pf-c-app-launcher__menu-search--BottomBorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-app-launcher__menu-search--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-app-launcher__menu-item--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-app-launcher__menu-item--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-app-launcher__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-app-launcher__menu-item--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-app-launcher__menu-item--Color: var(--pf-global--Color--dark-100);
    --pf-c-app-launcher__menu-item--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-app-launcher__menu-item--Width: 100%;
    --pf-c-app-launcher__menu-item--disabled--Color: var(--pf-global--Color--dark-200);
    --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-app-launcher__menu-item--m-link--PaddingRight: 0;
    --pf-c-app-launcher__menu-item--m-link--hover--BackgroundColor: transparent;
    --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-global--disabled-color--200);
    --pf-c-app-launcher__menu-item--m-action--Width: auto;
    --pf-c-app-launcher__menu-item--m-action--FontSize: var(--pf-global--icon--FontSize--sm);
    --pf-c-app-launcher__menu-item--m-action--hover--BackgroundColor: transparent;
    --pf-c-app-launcher__menu-item--hover__menu-item--m-action--Color: var(--pf-global--Color--200);
    --pf-c-app-launcher__menu-item--m-action--hover--Color: var(--pf-global--Color--100);
    --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-global--palette--gold-400);
    --pf-c-app-launcher__menu-item-icon--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-app-launcher__menu-item-icon--Width: var(--pf-global--icon--FontSize--lg);
    --pf-c-app-launcher__menu-item-icon--Height: var(--pf-global--icon--FontSize--lg);
    --pf-c-app-launcher__menu-item-external-icon--Color: var(--pf-global--link--Color);
    --pf-c-app-launcher__menu-item-external-icon--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-app-launcher__menu-item-external-icon--TranslateY: -0.0625rem;
    --pf-c-app-launcher__menu-item-external-icon--FontSize: var(--pf-global--icon--FontSize--sm);
    --pf-c-app-launcher__group--group--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-app-launcher__group-title--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-app-launcher__group-title--PaddingRight: var(--pf-c-app-launcher__menu-item--PaddingRight);
    --pf-c-app-launcher__group-title--PaddingBottom: var(--pf-c-app-launcher__menu-item--PaddingBottom);
    --pf-c-app-launcher__group-title--PaddingLeft: var(--pf-c-app-launcher__menu-item--PaddingLeft);
    --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
    --pf-c-app-launcher__group-title--Color: var(--pf-global--Color--dark-200);
    --pf-c-app-launcher--c-divider--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-app-launcher--c-divider--MarginBottom: var(--pf-global--spacer--sm);
    display: inline-block;
    max-width: 100%;
    position: relative
}

.pf-c-app-launcher.pf-m-expanded>.pf-c-app-launcher__toggle {
    color: var(--pf-c-app-launcher__toggle--m-expanded--Color)
}

.pf-c-app-launcher .pf-c-divider {
    margin-bottom: var(--pf-c-app-launcher--c-divider--MarginBottom);
    margin-top: var(--pf-c-app-launcher--c-divider--MarginTop)
}

.pf-c-app-launcher .pf-c-divider:last-child {
    --pf-c-app-launcher--c-divider--MarginBottom: 0
}

.pf-c-app-launcher__toggle {
    border: none;
    color: var(--pf-c-app-launcher__toggle--Color);
    padding: var(--pf-c-app-launcher__toggle--PaddingTop) var(--pf-c-app-launcher__toggle--PaddingRight) var(--pf-c-app-launcher__toggle--PaddingBottom) var(--pf-c-app-launcher__toggle--PaddingLeft)
}

.pf-c-app-launcher__toggle:hover {
    --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--hover--Color)
}

.pf-c-app-launcher__toggle.pf-m-active,
.pf-c-app-launcher__toggle:active {
    --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--active--Color)
}

.pf-c-app-launcher__toggle:focus {
    --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--focus--Color)
}

.pf-c-app-launcher__toggle:disabled {
    --pf-c-app-launcher__toggle--Color: var(--pf-c-app-launcher__toggle--disabled--Color);
    pointer-events: none
}

.pf-c-app-launcher__menu {
    background-clip: padding-box;
    background-color: var(--pf-c-app-launcher__menu--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-app-launcher__menu--BoxShadow);
    box-shadow: var(--pf-c-app-launcher__menu--BoxShadow);
    min-width: 100%;
    padding-bottom: var(--pf-c-app-launcher__menu--PaddingBottom);
    padding-top: var(--pf-c-app-launcher__menu--PaddingTop);
    position: absolute;
    top: var(--pf-c-app-launcher__menu--Top);
    z-index: var(--pf-c-app-launcher__menu--ZIndex)
}

.pf-c-app-launcher__menu.pf-m-align-right {
    right: 0
}

.pf-c-app-launcher.pf-m-top .pf-c-app-launcher__menu {
    --pf-c-app-launcher__menu--Top: var(--pf-c-app-launcher--m-top__menu--Top);
    -webkit-transform: translateY(var(--pf-c-app-launcher--m-top__menu--TranslateY));
    transform: translateY(var(--pf-c-app-launcher--m-top__menu--TranslateY))
}

.pf-c-app-launcher__menu-search {
    border-bottom: var(--pf-c-app-launcher__menu-search--BottomBorderWidth) solid var(--pf-c-app-launcher__menu-search--BottomBorderColor);
    margin-bottom: var(--pf-c-app-launcher__menu-search--MarginBottom);
    padding: var(--pf-c-app-launcher__menu-search--PaddingTop) var(--pf-c-app-launcher__menu-search--PaddingRight) var(--pf-c-app-launcher__menu-search--PaddingBottom) var(--pf-c-app-launcher__menu-search--PaddingLeft)
}

.pf-c-app-launcher__menu-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-app-launcher__menu-wrapper.pf-m-favorite {
    --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color)
}

.pf-c-app-launcher__menu-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    color: var(--pf-c-app-launcher__menu-item--Color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: var(--pf-c-app-launcher__menu-item--FontWeight);
    padding: var(--pf-c-app-launcher__menu-item--PaddingTop) var(--pf-c-app-launcher__menu-item--PaddingRight) var(--pf-c-app-launcher__menu-item--PaddingBottom) var(--pf-c-app-launcher__menu-item--PaddingLeft);
    white-space: nowrap;
    width: var(--pf-c-app-launcher__menu-item--Width)
}

.pf-c-app-launcher__menu-item:focus,
.pf-c-app-launcher__menu-item:hover {
    --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--hover__menu-item--m-action--Color);
    text-decoration: none
}

.pf-c-app-launcher__menu-item:focus,
.pf-c-app-launcher__menu-item:hover,
.pf-c-app-launcher__menu-wrapper.pf-m-focus,
.pf-c-app-launcher__menu-wrapper:focus-within,
.pf-c-app-launcher__menu-wrapper:hover {
    background-color: var(--pf-c-app-launcher__menu-item--hover--BackgroundColor)
}

.pf-c-app-launcher__menu-item.pf-m-disabled,
.pf-c-app-launcher__menu-item:disabled {
    --pf-c-app-launcher__menu-item--Color: var(--pf-c-app-launcher__menu-item--disabled--Color);
    pointer-events: none
}

.pf-c-app-launcher__menu-item.pf-m-disabled,
.pf-c-app-launcher__menu-item:disabled,
.pf-c-app-launcher__menu-wrapper.pf-m-disabled,
.pf-c-app-launcher__menu-wrapper:disabled {
    background-color: transparent
}

.pf-c-app-launcher__menu-item.pf-m-external:focus .pf-c-app-launcher__menu-item-external-icon,
.pf-c-app-launcher__menu-item.pf-m-external:hover .pf-c-app-launcher__menu-item-external-icon,
.pf-c-app-launcher__menu-wrapper.pf-m-external:focus .pf-c-app-launcher__menu-item-external-icon,
.pf-c-app-launcher__menu-wrapper.pf-m-external:hover .pf-c-app-launcher__menu-item-external-icon {
    opacity: 1
}

.pf-c-app-launcher__menu-item.pf-m-link {
    --pf-c-app-launcher__menu-item--PaddingRight: var(--pf-c-app-launcher__menu-item--m-link--PaddingRight);
    --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-c-app-launcher__menu-item--m-link--hover--BackgroundColor)
}

.pf-c-app-launcher__menu-item.pf-m-action {
    --pf-c-app-launcher__menu-item--Color: var(--pf-c-app-launcher__menu-item--m-action--Color);
    --pf-c-app-launcher__menu-item--Width: var(--pf-c-app-launcher__menu-item--m-action--Width);
    --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-c-app-launcher__menu-item--m-action--hover--BackgroundColor);
    font-size: var(--pf-c-app-launcher__menu-item--m-action--FontSize)
}

.pf-c-app-launcher__menu-item.pf-m-action:focus,
.pf-c-app-launcher__menu-item.pf-m-action:hover {
    --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--m-action--hover--Color)
}

.pf-c-app-launcher__menu-item-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: var(--pf-c-app-launcher__menu-item-icon--Height);
    justify-content: center;
    margin-right: var(--pf-c-app-launcher__menu-item-icon--MarginRight);
    width: var(--pf-c-app-launcher__menu-item-icon--Width)
}

.pf-c-app-launcher__menu-item-icon>* {
    max-height: 100%;
    max-width: 100%
}

.pf-c-app-launcher__menu-item-external-icon {
    color: var(--pf-c-app-launcher__menu-item-external-icon--Color);
    font-size: var(--pf-c-app-launcher__menu-item-external-icon--FontSize);
    margin-left: auto;
    opacity: 0;
    padding-left: var(--pf-c-app-launcher__menu-item-external-icon--PaddingLeft);
    -webkit-transform: translateY(var(--pf-c-app-launcher__menu-item-external-icon--TranslateY));
    transform: translateY(var(--pf-c-app-launcher__menu-item-external-icon--TranslateY))
}

.pf-c-app-launcher__group+.pf-c-app-launcher__group {
    padding-top: var(--pf-c-app-launcher__group--group--PaddingTop)
}

.pf-c-app-launcher__group-title {
    color: var(--pf-c-app-launcher__group-title--Color);
    font-size: var(--pf-c-app-launcher__group-title--FontSize);
    font-weight: var(--pf-c-app-launcher__group-title--FontWeight);
    padding: var(--pf-c-app-launcher__group-title--PaddingTop) var(--pf-c-app-launcher__group-title--PaddingRight) var(--pf-c-app-launcher__group-title--PaddingBottom) var(--pf-c-app-launcher__group-title--PaddingLeft)
}

.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-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);
    border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor);
    border-radius: var(--pf-c-avatar--BorderRadius);
    height: var(--pf-c-avatar--Height);
    width: var(--pf-c-avatar--Width)
}

.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-backdrop {
    --pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
    --pf-c-backdrop--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
    background-color: var(--pf-c-backdrop--BackgroundColor);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--pf-c-backdrop--ZIndex)
}

.pf-c-backdrop__open {
    overflow: hidden
}

.pf-c-background-image {
    --pf-c-background-image--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
    --pf-c-background-image--BackgroundImage: url(assets/images/pfbg_576.jpg);
    --pf-c-background-image--BackgroundImage-2x: url(assets/images/pfbg_576@2x.jpg);
    --pf-c-background-image--BackgroundImage--sm: url(assets/images/pfbg_768.jpg);
    --pf-c-background-image--BackgroundImage--sm-2x: url(assets/images/pfbg_768@2x.jpg);
    --pf-c-background-image--BackgroundImage--lg: url(assets/images/pfbg_2000.jpg);
    --pf-c-background-image--Filter: url(#image_overlay)
}

.pf-c-background-image:before {
    background-color: var(--pf-c-background-image--BackgroundColor);
    background-image: var(--pf-c-background-image--BackgroundImage);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    -webkit-filter: var(--pf-c-background-image--Filter);
    filter: var(--pf-c-background-image--Filter);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

@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
}

.pf-c-badge {
    --pf-c-badge--BorderRadius: var(--pf-global--BorderRadius--lg);
    --pf-c-badge--FontSize: var(--pf-global--FontSize--xs);
    --pf-c-badge--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-badge--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-badge--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-badge--Color: var(--pf-global--Color--dark-100);
    --pf-c-badge--MinWidth: var(--pf-global--spacer--xl);
    --pf-c-badge--m-read--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-badge--m-read--Color: var(--pf-global--Color--dark-100);
    --pf-c-badge--m-unread--BackgroundColor: var(--pf-global--primary-color--100);
    --pf-c-badge--m-unread--Color: var(--pf-global--Color--light-100);
    background-color: var(--pf-c-badge--BackgroundColor);
    border-radius: var(--pf-c-badge--BorderRadius);
    color: var(--pf-c-badge--Color);
    display: inline-block;
    font-size: var(--pf-c-badge--FontSize);
    font-weight: var(--pf-c-badge--FontWeight);
    min-width: var(--pf-c-badge--MinWidth);
    padding-left: var(--pf-c-badge--PaddingLeft);
    padding-right: var(--pf-c-badge--PaddingRight);
    text-align: center
}

.pf-c-badge.pf-m-read {
    --pf-c-badge--Color: var(--pf-c-badge--m-read--Color);
    --pf-c-badge--BackgroundColor: var(--pf-c-badge--m-read--BackgroundColor)
}

.pf-c-badge.pf-m-unread {
    --pf-c-badge--Color: var(--pf-c-badge--m-unread--Color);
    --pf-c-badge--BackgroundColor: var(--pf-c-badge--m-unread--BackgroundColor)
}

.pf-c-banner {
    --pf-c-banner--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-banner--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-banner--md--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-banner--PaddingBottom: var(--pf-global--spacer--xs);
    --pf-c-banner--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-banner--md--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-banner--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-banner--Color: var(--pf-global--Color--100);
    --pf-c-banner--BackgroundColor: var(--pf-global--BackgroundColor--dark-400);
    --pf-c-banner--m-info--BackgroundColor: var(--pf-global--palette--blue-200);
    --pf-c-banner--m-danger--BackgroundColor: var(--pf-global--danger-color--100);
    --pf-c-banner--m-success--BackgroundColor: var(--pf-global--success-color--100);
    --pf-c-banner--m-warning--BackgroundColor: var(--pf-global--warning-color--100);
    --pf-c-banner--m-sticky--ZIndex: var(--pf-global--ZIndex--md);
    --pf-c-banner--m-sticky--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
    -ms-flex-negative: 0;
    background-color: var(--pf-c-banner--BackgroundColor);
    color: var(--pf-global--Color--100);
    color: var(--pf-c-banner--Color);
    flex-shrink: 0;
    font-size: var(--pf-c-banner--FontSize);
    overflow: hidden;
    padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:768px) {
    .pf-c-banner {
        --pf-c-banner--PaddingRight: var(--pf-c-banner--md--PaddingRight);
        --pf-c-banner--PaddingLeft: var(--pf-c-banner--md--PaddingLeft)
    }
}

.pf-c-banner.pf-m-info {
    --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-info--BackgroundColor);
    color: var(--pf-global--Color--100)
}

.pf-c-banner.pf-m-danger {
    --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-danger--BackgroundColor)
}

.pf-c-banner.pf-m-success {
    --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-success--BackgroundColor)
}

.pf-c-banner.pf-m-warning {
    --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-warning--BackgroundColor);
    color: var(--pf-global--Color--100)
}

.pf-c-banner.pf-m-sticky {
    -webkit-box-shadow: var(--pf-c-banner--m-sticky--BoxShadow);
    box-shadow: var(--pf-c-banner--m-sticky--BoxShadow);
    position: sticky;
    top: 0;
    z-index: var(--pf-c-banner--m-sticky--ZIndex)
}

.pf-c-brand {
    --pf-c-brand--Width--base: auto;
    --pf-c-brand--Height--base: auto;
    --pf-c-brand--Width--base: var(--pf-c-brand--Width);
    --pf-c-brand--Height--base: var(--pf-c-brand--Height);
    height: var(--pf-c-brand--Height--base);
    width: var(--pf-c-brand--Width--base)
}

@media (min-width:576px) {
    .pf-c-brand {
        --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))
    }
}

@media (min-width:768px) {
    .pf-c-brand {
        --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)))
    }
}

@media (min-width:992px) {
    .pf-c-brand {
        --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))))
    }
}

@media (min-width:1200px) {
    .pf-c-brand {
        --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)))))
    }
}

@media (min-width:1450px) {
    .pf-c-brand {
        --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-2xl, var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))))))
    }
}

@media (min-width:576px) {
    .pf-c-brand {
        --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))
    }
}

@media (min-width:768px) {
    .pf-c-brand {
        --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)))
    }
}

@media (min-width:992px) {
    .pf-c-brand {
        --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))))
    }
}

@media (min-width:1200px) {
    .pf-c-brand {
        --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)))))
    }
}

@media (min-width:1450px) {
    .pf-c-brand {
        --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-2xl, var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))))))
    }
}

.pf-c-brand.pf-m-picture {
    max-width: 100%
}

.pf-c-brand.pf-m-picture,
.pf-c-breadcrumb {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pf-c-breadcrumb {
    --pf-c-breadcrumb__item--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-breadcrumb__item--LineHeight: var(--pf-global--LineHeight--sm);
    --pf-c-breadcrumb__item--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-breadcrumb__item-divider--Color: var(--pf-global--BorderColor--200);
    --pf-c-breadcrumb__item-divider--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-breadcrumb__item-divider--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-breadcrumb__link--Color: var(--pf-global--link--Color);
    --pf-c-breadcrumb__link--TextDecoration: var(--pf-global--link--TextDecoration);
    --pf-c-breadcrumb__link--hover--Color: var(--pf-global--link--Color--hover);
    --pf-c-breadcrumb__link--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
    --pf-c-breadcrumb__link--m-current--Color: var(--pf-global--Color--100);
    --pf-c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-c-breadcrumb__item--MarginRight)*-1);
    --pf-c-breadcrumb__dropdown--MarginBottom: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-breadcrumb__dropdown--MarginLeft: calc(var(--pf-c-breadcrumb__item-divider--MarginRight)*-1);
    --pf-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight: var(--pf-global--LineHeight--sm)
}

.pf-c-breadcrumb__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pf-c-breadcrumb__item,
.pf-c-breadcrumb__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-breadcrumb__item {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: var(--pf-c-breadcrumb__item--FontSize);
    font-weight: var(--pf-c-breadcrumb__item--FontWeight);
    line-height: var(--pf-c-breadcrumb__item--LineHeight);
    list-style: none;
    white-space: nowrap
}

.pf-c-breadcrumb__item:not(:last-child) {
    margin-right: var(--pf-c-breadcrumb__item--MarginRight)
}

.pf-c-breadcrumb__item-divider {
    color: var(--pf-c-breadcrumb__item-divider--Color);
    font-size: var(--pf-c-breadcrumb__item-divider--FontSize);
    line-height: 1;
    margin-right: var(--pf-c-breadcrumb__item-divider--MarginRight)
}

.pf-c-breadcrumb__link {
    color: var(--pf-c-breadcrumb__link--Color);
    font-size: inherit;
    font-weight: var(--pf-c-breadcrumb__link--FontWeight);
    line-height: inherit;
    -webkit-text-decoration: var(--pf-c-breadcrumb__link--TextDecoration);
    text-decoration: var(--pf-c-breadcrumb__link--TextDecoration);
    word-break: break-word
}

.pf-c-breadcrumb__link:hover {
    --pf-c-breadcrumb__link--Color: var(--pf-c-breadcrumb__link--hover--Color);
    --pf-c-breadcrumb__link--TextDecoration: var(--pf-c-breadcrumb__link--hover--TextDecoration)
}

.pf-c-breadcrumb__link.pf-m-current {
    cursor: default
}

.pf-c-breadcrumb__link.pf-m-current,
.pf-c-breadcrumb__link.pf-m-current:hover {
    color: var(--pf-c-breadcrumb__link--m-current--Color);
    text-decoration: none
}

button.pf-c-breadcrumb__link {
    border: none
}

.pf-c-breadcrumb__dropdown {
    margin: var(--pf-c-breadcrumb__dropdown--MarginTop) var(--pf-c-breadcrumb__dropdown--MarginRight) var(--pf-c-breadcrumb__dropdown--MarginBottom) var(--pf-c-breadcrumb__dropdown--MarginLeft)
}

.pf-c-breadcrumb__dropdown .pf-c-dropdown__toggle {
    line-height: var(--pf-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight)
}

.pf-c-breadcrumb__heading {
    display: inline;
    font-size: var(--pf-c-breadcrumb__heading--FontSize)
}

.pf-c-breadcrumb__heading,
.pf-c-breadcrumb__link {
    white-space: normal
}

.pf-m-overpass-font .pf-c-breadcrumb__item,
.pf-m-overpass-font .pf-c-breadcrumb__link {
    font-weight: var(--pf-global--FontWeight--semi-bold)
}

.pf-c-breadcrumb__list>:first-child .pf-c-breadcrumb__item-divider {
    display: none;
    visibility: hidden
}

.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-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--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));
    border: 0;
    border-radius: var(--pf-c-button--BorderRadius);
    display: inline-block;
    font-size: var(--pf-c-button--FontSize);
    font-weight: var(--pf-c-button--FontWeight);
    line-height: var(--pf-c-button--LineHeight);
    padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight) var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft);
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.pf-c-button:after {
    border: var(--pf-c-button--after--BorderWidth) solid;
    border-color: var(--pf-c-button--after--BorderColor);
    border-radius: var(--pf-c-button--after--BorderRadius);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.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.pf-m-active,
.pf-c-button: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-link.pf-m-display-lg,
.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--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 {
    background-color: var(--pf-c-button--m-primary--BackgroundColor);
    color: var(--pf-c-button--m-primary--Color)
}

.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.pf-m-active,
.pf-c-button.pf-m-primary: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-secondary {
    --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--after--BorderColor);
    background-color: var(--pf-c-button--m-secondary--BackgroundColor);
    color: var(--pf-c-button--m-secondary--Color)
}

.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);
    background-color: var(--pf-c-button--m-tertiary--BackgroundColor);
    color: var(--pf-c-button--m-tertiary--Color)
}

.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.pf-m-active,
.pf-c-button.pf-m-tertiary: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);
    background-color: var(--pf-c-button--m-link--BackgroundColor);
    color: var(--pf-c-button--m-link--Color)
}

.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).pf-m-active,
.pf-c-button.pf-m-link:not(.pf-m-inline):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);
    cursor: pointer;
    display: inline;
    padding: 0;
    text-align: left;
    white-space: normal
}

.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);
    -webkit-text-decoration: var(--pf-c-button--m-link--m-inline--hover--TextDecoration);
    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 {
    background-color: var(--pf-c-button--m-danger--BackgroundColor);
    color: var(--pf-c-button--m-danger--Color)
}

.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.pf-m-active,
.pf-c-button.pf-m-danger: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.pf-m-active,
.pf-c-button.pf-m-danger.pf-m-secondary: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.pf-m-active,
.pf-c-button.pf-m-danger.pf-m-link: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 {
    background-color: var(--pf-c-button--m-warning--BackgroundColor);
    color: var(--pf-c-button--m-warning--Color)
}

.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.pf-m-active,
.pf-c-button.pf-m-warning: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);
    background-color: var(--pf-c-button--m-control--BackgroundColor);
    color: var(--pf-c-button--m-control--Color)
}

.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.pf-m-active,
.pf-c-button.pf-m-control: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.pf-m-active:after,
.pf-c-button.pf-m-control: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);
    background-color: var(--pf-c-button--m-plain--BackgroundColor);
    color: var(--pf-c-button--m-plain--Color)
}

.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.pf-m-active,
.pf-c-button.pf-m-plain: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.pf-m-disabled,
.pf-c-button:disabled {
    pointer-events: none
}

.pf-c-button.pf-m-aria-disabled,
.pf-c-button.pf-m-disabled,
.pf-c-button:disabled {
    background-color: var(--pf-c-button--disabled--BackgroundColor);
    color: var(--pf-c-button--disabled--Color)
}

.pf-c-button.pf-m-aria-disabled:after,
.pf-c-button.pf-m-disabled:after,
.pf-c-button:disabled:after {
    border-color: var(--pf-c-button--disabled--after--BorderColor)
}

.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);
    -webkit-transition: var(--pf-c-button--m-progress--TransitionProperty) var(--pf-c-button--m-progress--TransitionDuration);
    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--PaddingRight: var(--pf-c-button--m-in-progress--PaddingRight);
    --pf-c-button--PaddingLeft: var(--pf-c-button--m-in-progress--PaddingLeft)
}

.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 {
    left: var(--pf-c-button__progress--Left);
    line-height: 1;
    position: absolute;
    top: var(--pf-c-button__progress--Top);
    -webkit-transform: translateY(var(--pf-c-button__progress--TranslateY));
    transform: translateY(var(--pf-c-button__progress--TranslateY))
}

.pf-c-button__progress .pf-c-spinner {
    --pf-c-spinner--Color: currentColor
}

.pf-m-overpass-font .pf-c-button {
    --pf-c-button--FontWeight: var(--pf-global--FontWeight--semi-bold)
}

.pf-c-calendar-month {
    --pf-c-calendar-month--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-calendar-month--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-calendar-month--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-calendar-month--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
    --pf-c-calendar-month__header-year--Width: 8ch;
    --pf-c-calendar-month__header-nav-control--MarginRight: 0;
    --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
    --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: calc(var(--pf-global--spacer--md)*-1);
    --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: calc(var(--pf-global--spacer--md)*-1);
    --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-calendar-month__days--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-calendar-month__days--BorderBottomColor: var(--pf-global--BorderColor--100);
    --pf-c-calendar-month__day--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-calendar-month__day--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
    --pf-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
    --pf-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
    --pf-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
    --pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--active-color--100);
    --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--active-color--100);
    --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-global--primary-color--200);
    --pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-global--primary-color--100);
    --pf-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-global--Color--light-100);
    --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
    --pf-c-calendar-month__dates-cell--before--Top: 0;
    --pf-c-calendar-month__dates-cell--before--Right: 0;
    --pf-c-calendar-month__dates-cell--before--Bottom: var(--pf-c-calendar-month__dates-cell--PaddingBottom);
    --pf-c-calendar-month__dates-cell--before--Left: 0;
    --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--palette--blue-50);
    --pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
    --pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
    --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--palette--blue-100);
    --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--palette--blue-100);
    --pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-global--disabled-color--100);
    --pf-c-calendar-month__date--Width: 4ch;
    --pf-c-calendar-month__date--Height: 4ch;
    --pf-c-calendar-month__date--BorderRadius: var(--pf-global--BorderRadius--lg);
    --pf-c-calendar-month__date--Color: var(--pf-global--Color--100);
    --pf-c-calendar-month__date--BackgroundColor: transparent;
    --pf-c-calendar-month__date--disabled--Color: var(--pf-global--disabled-color--200);
    --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-calendar-month__date--after--BorderColor: transparent;
    --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--palette--blue-50);
    --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--palette--blue-50);
    --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-global--active-color--100);
    --pf-c-calendar-month__date--focus--BoxShadow: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--pf-c-calendar-month--BackgroundColor);
    color: var(--pf-global--Color--100);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: var(--pf-c-calendar-month--FontSize);
    padding: var(--pf-c-calendar-month--PaddingTop) var(--pf-c-calendar-month--PaddingRight) var(--pf-c-calendar-month--PaddingBottom) var(--pf-c-calendar-month--PaddingLeft)
}

.pf-c-calendar-month__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: var(--pf-c-calendar-month__header--MarginBottom)
}

.pf-c-calendar-month__header-nav-control {
    margin-left: var(--pf-c-calendar-month__header-nav-control--MarginLeft);
    margin-right: var(--pf-c-calendar-month__header-nav-control--MarginRight)
}

.pf-c-calendar-month__header-nav-control.pf-m-prev-month {
    --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
    --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft)
}

.pf-c-calendar-month__header-nav-control.pf-m-next-month {
    --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginRight);
    --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft)
}

.pf-c-calendar-month__header-month {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pf-c-calendar-month__header-year {
    width: var(--pf-c-calendar-month__header-year--Width)
}

.pf-c-calendar-month__calendar {
    table-layout: fixed
}

.pf-c-calendar-month__days {
    border-bottom: var(--pf-c-calendar-month__days--BorderBottomWidth) solid var(--pf-c-calendar-month__days--BorderBottomColor)
}

.pf-c-calendar-month__day {
    font-weight: var(--pf-c-calendar-month__day--FontWeight);
    padding-bottom: var(--pf-c-calendar-month__day--PaddingBottom);
    text-align: center
}

.pf-c-calendar-month__dates-row:first-child {
    --pf-c-calendar-month__dates-cell--PaddingTop: var(--pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop)
}

.pf-c-calendar-month__dates-cell {
    --pf-c-calendar-month__dates-cell--before--Top: var(--pf-c-calendar-month__dates-cell--PaddingTop);
    padding: var(--pf-c-calendar-month__dates-cell--PaddingTop) var(--pf-c-calendar-month__dates-cell--PaddingRight) var(--pf-c-calendar-month__dates-cell--PaddingBottom) var(--pf-c-calendar-month__dates-cell--PaddingLeft);
    position: relative;
    text-align: center
}

.pf-c-calendar-month__dates-cell:before {
    background-color: var(--pf-c-calendar-month__dates-cell--before--BackgroundColor);
    bottom: var(--pf-c-calendar-month__dates-cell--before--Bottom);
    content: "";
    left: var(--pf-c-calendar-month__dates-cell--before--Left);
    position: absolute;
    right: var(--pf-c-calendar-month__dates-cell--before--Right);
    top: var(--pf-c-calendar-month__dates-cell--before--Top)
}

.pf-c-calendar-month__dates-cell.pf-m-current {
    --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor)
}

.pf-c-calendar-month__dates-cell.pf-m-in-range {
    --pf-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
    --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
    --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor)
}

.pf-c-calendar-month__dates-cell.pf-m-start-range {
    --pf-c-calendar-month__dates-cell--before--Left: var(--pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left)
}

.pf-c-calendar-month__dates-cell.pf-m-end-range {
    --pf-c-calendar-month__dates-cell--before--Right: var(--pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right)
}

.pf-c-calendar-month__dates-cell.pf-m-adjacent-month {
    --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color)
}

.pf-c-calendar-month__dates-cell.pf-m-selected {
    --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
    --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
    --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
    --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
    --pf-c-calendar-month__date--focus--BoxShadow: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
    --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-selected__date--Color)
}

.pf-c-calendar-month__dates-cell.pf-m-disabled {
    --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
    --pf-c-calendar-month__date--BackgroundColor: transparent
}

.pf-c-calendar-month__date {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--pf-c-calendar-month__date--BackgroundColor);
    border: 0;
    color: var(--pf-c-calendar-month__date--Color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: var(--pf-c-calendar-month__date--Height);
    justify-content: center;
    line-height: 1;
    position: relative;
    width: var(--pf-c-calendar-month__date--Width)
}

.pf-c-calendar-month__date:after {
    border: var(--pf-c-calendar-month__date--after--BorderWidth) solid var(--pf-c-calendar-month__date--after--BorderColor);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-calendar-month__date,
.pf-c-calendar-month__date:after {
    border-radius: var(--pf-c-calendar-month__date--BorderRadius)
}

.pf-c-calendar-month__date.pf-m-hover,
.pf-c-calendar-month__date:hover {
    --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--hover--BackgroundColor)
}

.pf-c-calendar-month__date.pf-m-focus,
.pf-c-calendar-month__date:focus {
    --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--focus--BackgroundColor);
    --pf-c-calendar-month__date--after--BorderColor: var(--pf-c-calendar-month__date--focus--after--BorderColor);
    -webkit-box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
    box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
    outline: 0
}

.pf-c-calendar-month__date:disabled {
    --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
    --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
    pointer-events: none
}

.pf-c-card {
    --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--sm);
    --pf-c-card--m-hoverable--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
    --pf-c-card--m-selectable--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
    --pf-c-card--m-selectable--focus--BoxShadow: var(--pf-global--BoxShadow--lg);
    --pf-c-card--m-selectable--active--BoxShadow: var(--pf-global--BoxShadow--lg);
    --pf-c-card--m-selectable--m-selected--BoxShadow: var(--pf-global--BoxShadow--lg);
    --pf-c-card--m-selectable--m-selected--before--Height: var(--pf-global--BorderWidth--lg);
    --pf-c-card--m-selectable--m-selected--before--BackgroundColor: var(--pf-global--active-color--100);
    --pf-c-card--m-compact__body--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-card--m-compact__footer--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-card--m-compact--first-child--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-card--m-compact--child--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-card--m-compact--child--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-card--m-compact--child--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-card--m-compact--c-divider--child--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-card--m-compact__title--not--last-child--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-card--m-display-lg__title--FontSize: var(--pf-global--FontSize--xl);
    --pf-c-card--m-display-lg--first-child--PaddingTop: var(--pf-global--spacer--xl);
    --pf-c-card--m-display-lg--child--PaddingRight: var(--pf-global--spacer--xl);
    --pf-c-card--m-display-lg--child--PaddingBottom: var(--pf-global--spacer--xl);
    --pf-c-card--m-display-lg--child--PaddingLeft: var(--pf-global--spacer--xl);
    --pf-c-card--m-display-lg--c-divider--child--PaddingTop: var(--pf-global--spacer--xl);
    --pf-c-card--m-display-lg__title--not--last-child--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-card--m-flat--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-card--m-flat--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-card--m-rounded--BorderRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-card--first-child--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-card--child--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-card--child--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-card--child--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-card--c-divider--child--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-card__header-toggle--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-card__header-toggle--MarginRight: var(--pf-global--spacer--xs);
    --pf-c-card__header-toggle--MarginBottom: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-card__header-toggle--MarginLeft: calc(var(--pf-global--spacer--md)*-1);
    --pf-c-card__header-toggle-icon--Transition: var(--pf-global--Transition);
    --pf-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
    --pf-c-card--m-full-height--Height: 100%;
    --pf-c-card__title--FontSize: var(--pf-global--FontSize--md);
    --pf-c-card__title--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-card__title--not--last-child--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-card__body--FontSize: var(--pf-global--FontSize--md);
    --pf-c-card__footer--FontSize: var(--pf-global--FontSize--md);
    --pf-c-card__actions--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-card__actions--child--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-card--m-plain--BoxShadow: none;
    --pf-c-card--m-plain--BackgroundColor: transparent;
    --pf-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-global--spacer--xs);
    --pf-c-card__header--m-toggle-right--actions--MarginRight: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--pf-c-card--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-card--BoxShadow);
    box-shadow: var(--pf-c-card--BoxShadow);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.pf-c-card.pf-m-hoverable:hover {
    -webkit-box-shadow: var(--pf-c-card--m-hoverable--hover--BoxShadow);
    box-shadow: var(--pf-c-card--m-hoverable--hover--BoxShadow)
}

.pf-c-card.pf-m-selectable {
    cursor: pointer;
    position: relative
}

.pf-c-card.pf-m-selectable:hover {
    -webkit-box-shadow: var(--pf-c-card--m-selectable--hover--BoxShadow);
    box-shadow: var(--pf-c-card--m-selectable--hover--BoxShadow)
}

.pf-c-card.pf-m-selectable:focus {
    -webkit-box-shadow: var(--pf-c-card--m-selectable--focus--BoxShadow);
    box-shadow: var(--pf-c-card--m-selectable--focus--BoxShadow)
}

.pf-c-card.pf-m-selectable:active {
    -webkit-box-shadow: var(--pf-c-card--m-selectable--active--BoxShadow);
    box-shadow: var(--pf-c-card--m-selectable--active--BoxShadow)
}

.pf-c-card.pf-m-selectable.pf-m-selected {
    -webkit-box-shadow: var(--pf-c-card--m-selectable--m-selected--BoxShadow);
    box-shadow: var(--pf-c-card--m-selectable--m-selected--BoxShadow)
}

.pf-c-card.pf-m-selectable.pf-m-selected:before {
    background-color: var(--pf-c-card--m-selectable--m-selected--before--BackgroundColor);
    height: var(--pf-c-card--m-selectable--m-selected--before--Height)
}

.pf-c-card.pf-m-compact {
    --pf-c-card__body--FontSize: var(--pf-c-card--m-compact__body--FontSize);
    --pf-c-card__footer--FontSize: var(--pf-c-card--m-compact__footer--FontSize);
    --pf-c-card--first-child--PaddingTop: var(--pf-c-card--m-compact--first-child--PaddingTop);
    --pf-c-card--child--PaddingRight: var(--pf-c-card--m-compact--child--PaddingRight);
    --pf-c-card--child--PaddingBottom: var(--pf-c-card--m-compact--child--PaddingBottom);
    --pf-c-card--child--PaddingLeft: var(--pf-c-card--m-compact--child--PaddingLeft);
    --pf-c-card--c-divider--child--PaddingTop: var(--pf-c-card--m-compact--c-divider--child--PaddingTop);
    --pf-c-card__title--not--last-child--PaddingBottom: var(--pf-c-card--m-compact__title--not--last-child--PaddingBottom)
}

.pf-c-card.pf-m-display-lg {
    --pf-c-card__title--FontSize: var(--pf-c-card--m-display-lg__title--FontSize);
    --pf-c-card--first-child--PaddingTop: var(--pf-c-card--m-display-lg--first-child--PaddingTop);
    --pf-c-card--child--PaddingRight: var(--pf-c-card--m-display-lg--child--PaddingRight);
    --pf-c-card--child--PaddingBottom: var(--pf-c-card--m-display-lg--child--PaddingBottom);
    --pf-c-card--child--PaddingLeft: var(--pf-c-card--m-display-lg--child--PaddingLeft);
    --pf-c-card--c-divider--child--PaddingTop: var(--pf-c-card--m-display-lg--c-divider--child--PaddingTop);
    --pf-c-card__title--not--last-child--PaddingBottom: var(--pf-c-card--m-display-lg__title--not--last-child--PaddingBottom)
}

.pf-c-card.pf-m-flat {
    --pf-c-card--BoxShadow: none;
    border: var(--pf-c-card--m-flat--BorderWidth) solid var(--pf-c-card--m-flat--BorderColor)
}

.pf-c-card.pf-m-plain {
    --pf-c-card--BoxShadow: var(--pf-c-card--m-plain--BoxShadow);
    --pf-c-card--BackgroundColor: var(--pf-c-card--m-plain--BackgroundColor)
}

.pf-c-card.pf-m-rounded {
    border-radius: var(--pf-c-card--m-rounded--BorderRadius)
}

.pf-c-card.pf-m-expanded .pf-c-card__header-toggle-icon {
    -webkit-transform: rotate(var(--pf-c-card--m-expanded__header-toggle-icon--Rotate));
    transform: rotate(var(--pf-c-card--m-expanded__header-toggle-icon--Rotate))
}

.pf-c-card.pf-m-full-height {
    height: var(--pf-c-card--m-full-height--Height)
}

.pf-c-card>.pf-c-divider+.pf-c-card__body,
.pf-c-card>.pf-c-divider+.pf-c-card__footer,
.pf-c-card>.pf-c-divider+.pf-c-card__header,
.pf-c-card>.pf-c-divider+.pf-c-card__title {
    padding-top: var(--pf-c-card--c-divider--child--PaddingTop)
}

.pf-c-card__header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.pf-c-card__header .pf-c-card__title {
    --pf-c-card--first-child--PaddingTop: 0;
    --pf-c-card__title--not--last-child--PaddingBottom: 0;
    padding: 0
}

.pf-c-card__header.pf-m-toggle-right {
    --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--toggle--MarginRight);
    --pf-c-card__header-toggle--MarginLeft: var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft)
}

.pf-c-card__header.pf-m-toggle-right .pf-c-card__actions {
    --pf-c-card__header-toggle--MarginRight: var(--pf-c-card__header--m-toggle-right--actions--MarginRight)
}

.pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.pf-c-card__header.pf-m-toggle-right .pf-c-card__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pf-c-card__header-toggle {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) var(--pf-c-card__header-toggle--MarginLeft)
}

.pf-c-card__header-toggle-icon {
    display: inline-block;
    -webkit-transition: var(--pf-c-card__header-toggle-icon--Transition);
    transition: var(--pf-c-card__header-toggle-icon--Transition)
}

.pf-c-card__title {
    font-family: var(--pf-c-card__title--FontFamily);
    font-size: var(--pf-c-card__title--FontSize);
    font-weight: var(--pf-c-card__title--FontWeight)
}

.pf-c-card__actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: start;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    align-items: center;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) auto;
    order: 1;
    padding-left: var(--pf-c-card__actions--PaddingLeft)
}

.pf-c-card__actions>*+* {
    margin-left: var(--pf-c-card__actions--child--MarginLeft)
}

.pf-c-card__actions+.pf-c-card__body,
.pf-c-card__actions+.pf-c-card__footer,
.pf-c-card__actions+.pf-c-card__title {
    padding: 0
}

.pf-c-card__actions.pf-m-no-offset {
    --pf-c-card__header-toggle--MarginTop: 0;
    --pf-c-card__header-toggle--MarginBottom: 0
}

.pf-c-card__body,
.pf-c-card__footer,
.pf-c-card__header,
.pf-c-card__title {
    padding-bottom: var(--pf-c-card--child--PaddingBottom);
    padding-left: var(--pf-c-card--child--PaddingLeft);
    padding-right: var(--pf-c-card--child--PaddingRight)
}

.pf-c-card__body:first-child,
.pf-c-card__footer:first-child,
.pf-c-card__header:first-child,
.pf-c-card__title:first-child {
    padding-top: var(--pf-c-card--first-child--PaddingTop)
}

.pf-c-card__header:not(:last-child),
.pf-c-card__title:not(:last-child) {
    padding-bottom: var(--pf-c-card__title--not--last-child--PaddingBottom)
}

.pf-c-card__expandable-content {
    --pf-c-card--first-child--PaddingTop: 0
}

.pf-c-card__body:not(.pf-m-no-fill) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.pf-c-card__body {
    font-size: var(--pf-c-card__body--FontSize)
}

.pf-c-card__footer {
    font-size: var(--pf-c-card__footer--FontSize)
}

.pf-m-overpass-font .pf-c-card .pf-c-card__title {
    font-weight: var(--pf-global--FontWeight--normal)
}

.pf-c-check {
    --pf-c-check--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
    --pf-c-check__label--disabled--Color: var(--pf-global--disabled-color--100);
    --pf-c-check__label--Color: var(--pf-global--Color--100);
    --pf-c-check__label--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-check__label--FontSize: var(--pf-global--FontSize--md);
    --pf-c-check__label--LineHeight: var(--pf-global--LineHeight--sm);
    --pf-c-check__input--MarginTop: -0.1875rem;
    --pf-c-check__input--Height: calc(var(--pf-c-check__label--FontSize)*var(--pf-c-check__label--LineHeight));
    --pf-c-check__input--MarginTop: calc(-1px*(var(--pf-c-check__label--LineHeight)*1.25));
    --pf-c-check__description--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-check__description--Color: var(--pf-global--Color--200);
    --pf-c-check__body--MarginTop: var(--pf-global--spacer--sm);
    grid-gap: var(--pf-c-check--GridGap);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: grid;
    grid-template-columns: auto 1fr;
    justify-items: start
}

.pf-c-check.pf-m-standalone {
    --pf-c-check--GridGap: 0;
    --pf-c-check__input--Height: auto;
    --pf-c-check__input--MarginTop: 0;
    display: inline-grid;
    line-height: 1
}

.pf-c-check__label {
    color: var(--pf-c-check__label--Color);
    font-size: var(--pf-c-check__label--FontSize);
    font-weight: var(--pf-c-check__label--FontWeight);
    line-height: var(--pf-c-check__label--LineHeight)
}

.pf-c-check__input {
    height: var(--pf-c-check__input--Height);
    margin-top: var(--pf-c-check__input--MarginTop)
}

.pf-c-check__description {
    color: var(--pf-c-check__description--Color);
    font-size: var(--pf-c-check__description--FontSize);
    grid-column: 2
}

.pf-c-check__body {
    grid-column: 2;
    margin-top: var(--pf-c-check__body--MarginTop)
}

.pf-c-check__input,
.pf-c-check__label,
label.pf-c-check {
    cursor: pointer
}

.pf-c-check__input.pf-m-disabled,
.pf-c-check__input:disabled,
.pf-c-check__label.pf-m-disabled,
.pf-c-check__label:disabled {
    --pf-c-check__label--Color: var(--pf-c-check__label--disabled--Color);
    cursor: not-allowed
}

.pf-c-chip {
    --pf-c-chip--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-chip--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-chip--PaddingBottom: var(--pf-global--spacer--xs);
    --pf-c-chip--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-chip--BackgroundColor: var(--pf-global--Color--light-100);
    --pf-c-chip--BorderRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-chip--before--BorderColor: var(--pf-global--BorderColor--300);
    --pf-c-chip--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-chip--before--BorderRadius: var(--pf-c-chip--BorderRadius);
    --pf-c-chip--m-overflow__text--Color: var(--pf-global--primary-color--100);
    --pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-chip--m-draggable--BoxShadow: var(--pf-global--BoxShadow--sm);
    --pf-c-chip--m-draggable__icon--FontSize: var(--pf-global--icon--FontSize--sm);
    --pf-c-chip__text--FontSize: var(--pf-global--FontSize--xs);
    --pf-c-chip__text--Color: var(--pf-global--Color--100);
    --pf-c-chip__text--MaxWidth: 16ch;
    --pf-c-chip__c-button--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-chip__c-button--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-chip__c-button--PaddingBottom: var(--pf-global--spacer--xs);
    --pf-c-chip__c-button--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-chip__c-button--MarginTop: calc(var(--pf-c-chip--PaddingTop)*-1);
    --pf-c-chip__c-button--MarginRight: calc(var(--pf-c-chip--PaddingRight)/2*-1);
    --pf-c-chip__c-button--MarginBottom: calc(var(--pf-c-chip--PaddingBottom)*-1);
    --pf-c-chip__c-button--FontSize: var(--pf-global--FontSize--xs);
    --pf-c-chip__c-badge--MarginLeft: var(--pf-global--spacer--xs);
    --pf-c-chip__icon--MarginLeft: var(--pf-global--spacer--sm);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--pf-c-chip--BackgroundColor);
    border-radius: var(--pf-c-chip--BorderRadius);
    color: var(--pf-global--Color--100);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    padding: var(--pf-c-chip--PaddingTop) var(--pf-c-chip--PaddingRight) var(--pf-c-chip--PaddingBottom) var(--pf-c-chip--PaddingLeft);
    position: relative
}

.pf-c-chip:before {
    border: var(--pf-c-chip--before--BorderWidth) solid var(--pf-c-chip--before--BorderColor);
    border-radius: var(--pf-c-chip--before--BorderRadius);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-chip.pf-m-overflow {
    border: 0
}

.pf-c-chip.pf-m-overflow .pf-c-chip__text {
    color: var(--pf-c-chip--m-overflow__text--Color)
}

.pf-c-chip.pf-m-draggable {
    --pf-c-chip--BackgroundColor: var(--pf-c-chip--m-draggable--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-chip--m-draggable--BoxShadow);
    box-shadow: var(--pf-c-chip--m-draggable--BoxShadow)
}

.pf-c-chip.pf-m-draggable .pf-c-chip__icon {
    font-size: var(--pf-c-chip--m-draggable__icon--FontSize)
}

.pf-c-chip .pf-c-button {
    --pf-c-button--PaddingTop: var(--pf-c-chip__c-button--PaddingTop);
    --pf-c-button--PaddingRight: var(--pf-c-chip__c-button--PaddingRight);
    --pf-c-button--PaddingBottom: var(--pf-c-chip__c-button--PaddingBottom);
    --pf-c-button--PaddingLeft: var(--pf-c-chip__c-button--PaddingLeft);
    --pf-c-button--FontSize: var(--pf-c-chip__c-button--FontSize);
    margin-bottom: var(--pf-c-chip__c-button--MarginBottom);
    margin-right: var(--pf-c-chip__c-button--MarginRight);
    margin-top: var(--pf-c-chip__c-button--MarginTop)
}

.pf-c-chip .pf-c-badge {
    margin-left: var(--pf-c-chip__c-badge--MarginLeft)
}

.pf-c-chip__text {
    color: var(--pf-c-chip__text--Color);
    font-size: var(--pf-c-chip__text--FontSize);
    max-width: var(--pf-c-chip__text--MaxWidth);
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-chip__icon+.pf-c-chip__text,
.pf-c-chip__text+.pf-c-chip__icon {
    margin-left: var(--pf-c-chip__icon--MarginLeft)
}

.pf-c-chip-group {
    --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
    --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
    --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-chip-group__label--MaxWidth: 18ch;
    --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
    --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
    color: var(--pf-global--Color--100)
}

.pf-c-chip-group.pf-m-category {
    background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
    border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
    padding: var(--pf-c-chip-group--m-category--PaddingTop) var(--pf-c-chip-group--m-category--PaddingRight) var(--pf-c-chip-group--m-category--PaddingBottom) var(--pf-c-chip-group--m-category--PaddingLeft)
}

.pf-c-chip-group__main {
    -webkit-box-flex: 1;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pf-c-chip-group__list {
    margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
    margin-right: var(--pf-c-chip-group__list--MarginRight)
}

.pf-c-chip-group,
.pf-c-chip-group__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pf-c-chip-group,
.pf-c-chip-group__list,
.pf-c-chip-group__list-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pf-c-chip-group__list-item {
    margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
    margin-right: var(--pf-c-chip-group__list-item--MarginRight)
}

.pf-c-chip-group__label {
    font-size: var(--pf-c-chip-group__label--FontSize);
    margin-right: var(--pf-c-chip-group__label--MarginRight);
    max-width: var(--pf-c-chip-group__label--MaxWidth);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-chip-group__close {
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: var(--pf-c-chip-group__close--MarginBottom);
    margin-top: var(--pf-c-chip-group__close--MarginTop)
}

.pf-c-clipboard-copy {
    --pf-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
    --pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
    --pf-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
    --pf-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-clipboard-copy__expandable-content--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-clipboard-copy__expandable-content--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-clipboard-copy--m-inline--PaddingTop: 0.25rem;
    --pf-c-clipboard-copy--m-inline--PaddingBottom: 0.3125rem;
    --pf-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-global--spacer--xs);
    --pf-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-clipboard-copy__text--m-code--FontFamily: var(--pf-global--FontFamily--monospace);
    --pf-c-clipboard-copy__text--m-code--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-clipboard-copy__actions-item--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-clipboard-copy__actions-item--MarginBottom: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-global--spacer--xs);
    --pf-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-global--spacer--sm)
}

.pf-c-clipboard-copy.pf-m-expanded .pf-c-clipboard-copy__toggle-icon {
    -webkit-transform: rotate(var(--pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate));
    transform: rotate(var(--pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate))
}

.pf-c-clipboard-copy.pf-m-inline {
    background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor);
    display: inline;
    padding-bottom: var(--pf-c-clipboard-copy--m-inline--PaddingBottom);
    padding-left: var(--pf-c-clipboard-copy--m-inline--PaddingLeft);
    padding-top: var(--pf-c-clipboard-copy--m-inline--PaddingTop);
    white-space: nowrap
}

.pf-c-clipboard-copy.pf-m-inline.pf-m-block {
    display: block
}

.pf-c-clipboard-copy__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-clipboard-copy__group>*+* {
    margin-left: -1px
}

.pf-c-clipboard-copy__toggle-icon {
    -webkit-transition: var(--pf-c-clipboard-copy__toggle-icon--Transition);
    transition: var(--pf-c-clipboard-copy__toggle-icon--Transition)
}

.pf-c-clipboard-copy__expandable-content {
    word-wrap: break-word;
    background-clip: padding-box;
    background-color: var(--pf-c-clipboard-copy__expandable-content--BackgroundColor);
    border: solid var(--pf-c-clipboard-copy__expandable-content--BorderColor);
    border-width: var(--pf-c-clipboard-copy__expandable-content--BorderTopWidth) var(--pf-c-clipboard-copy__expandable-content--BorderRightWidth) var(--pf-c-clipboard-copy__expandable-content--BorderBottomWidth) var(--pf-c-clipboard-copy__expandable-content--BorderLeftWidth);
    -webkit-box-shadow: var(--pf-c-clipboard-copy__expandable-content--BoxShadow);
    box-shadow: var(--pf-c-clipboard-copy__expandable-content--BoxShadow);
    padding: var(--pf-c-clipboard-copy__expandable-content--PaddingTop) var(--pf-c-clipboard-copy__expandable-content--PaddingRight) var(--pf-c-clipboard-copy__expandable-content--PaddingBottom) var(--pf-c-clipboard-copy__expandable-content--PaddingLeft)
}

.pf-c-clipboard-copy__expandable-content pre {
    white-space: pre-wrap
}

.pf-c-clipboard-copy__text {
    white-space: normal;
    word-break: break-word
}

.pf-c-clipboard-copy__text.pf-m-code {
    font-family: var(--pf-c-clipboard-copy__text--m-code--FontFamily);
    font-size: var(--pf-c-clipboard-copy__text--m-code--FontSize)
}

.pf-c-clipboard-copy__actions {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pf-c-clipboard-copy__actions-item {
    margin-bottom: calc(var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom)*-1);
    margin-top: calc(var(--pf-c-clipboard-copy__actions-item--button--PaddingTop)*-1)
}

.pf-c-clipboard-copy__actions-item .pf-c-button {
    --pf-c-button--PaddingTop: var(--pf-c-clipboard-copy__actions-item--button--PaddingTop);
    --pf-c-button--PaddingRight: var(--pf-c-clipboard-copy__actions-item--button--PaddingRight);
    --pf-c-button--PaddingBottom: var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom);
    --pf-c-button--PaddingLeft: var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft)
}

.pf-c-code-block {
    --pf-c-code-block--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-code-block__header--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-code-block__header--BorderBottomColor: var(--pf-global--BorderColor--100);
    --pf-c-code-block__content--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-code-block__content--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-code-block__content--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-code-block__content--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-code-block__pre--FontFamily: var(--pf-global--FontFamily--monospace);
    --pf-c-code-block__pre--FontSize: var(--pf-global--FontSize--sm);
    background-color: var(--pf-c-code-block--BackgroundColor)
}

.pf-c-code-block__header {
    border-bottom: var(--pf-c-code-block__header--BorderBottomWidth) solid var(--pf-c-code-block__header--BorderBottomColor)
}

.pf-c-code-block__actions,
.pf-c-code-block__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-code-block__actions {
    margin-left: auto
}

.pf-c-code-block__content {
    padding: var(--pf-c-code-block__content--PaddingTop) var(--pf-c-code-block__content--PaddingRight) var(--pf-c-code-block__content--PaddingBottom) var(--pf-c-code-block__content--PaddingLeft)
}

.pf-c-code-block__pre {
    font-family: var(--pf-c-code-block__pre--FontFamily);
    font-size: var(--pf-c-code-block__pre--FontSize);
    overflow-wrap: break-word;
    white-space: pre-wrap
}

.pf-c-code-block__code {
    font-family: var(--pf-c-code-block__code--FontFamily, inherit)
}

.pf-c-code-editor {
    --pf-c-code-editor__controls--c-button--m-control--Color: var(--pf-global--Color--200);
    --pf-c-code-editor__controls--c-button--m-control--hover--Color: var(--pf-global--Color--100);
    --pf-c-code-editor__controls--c-button--m-control--focus--Color: var(--pf-global--Color--100);
    --pf-c-code-editor__controls--c-button--m-control--disabled--after--BorderBottomColor: var(--pf-global--BorderColor--100);
    --pf-c-code-editor__header--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-code-editor__header--before--BorderBottomColor: var(--pf-global--BorderColor--100);
    --pf-c-code-editor__main--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-code-editor__main--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-code-editor__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-code-editor--m-read-only__main--BackgroundColor: var(--pf-global--disabled-color--300);
    --pf-c-code-editor__main--m-drag-hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-code-editor__main--m-drag-hover--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-code-editor__main--m-drag-hover--after--BackgroundColor: var(--pf-global--primary-color--100);
    --pf-c-code-editor__main--m-drag-hover--after--Opacity: .1;
    --pf-c-code-editor__code--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-code-editor__code--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-code-editor__code--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-code-editor__code--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-code-editor__code-pre--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-code-editor__code-pre--FontFamily: var(--pf-global--FontFamily--monospace);
    --pf-c-code-editor__tab--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-code-editor__tab--Color: var(--pf-global--Color--200);
    --pf-c-code-editor__tab--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-code-editor__tab--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-code-editor__tab--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-code-editor__tab--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-code-editor__tab--BorderTopWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-code-editor__tab--BorderRightWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-code-editor__tab--BorderBottomWidth: 0;
    --pf-c-code-editor__tab--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-code-editor__tab--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-code-editor__tab-icon--text--MarginLeft: var(--pf-global--spacer--sm)
}

.pf-c-code-editor.pf-m-read-only {
    --pf-c-code-editor__main--BackgroundColor: var(--pf-c-code-editor--m-read-only__main--BackgroundColor)
}

.pf-c-code-editor__header {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.pf-c-code-editor__header:before {
    border-bottom: var(--pf-c-code-editor__header--before--BorderBottomWidth) solid var(--pf-c-code-editor__header--before--BorderBottomColor);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0
}

.pf-c-code-editor__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-code-editor__controls .pf-c-button.pf-m-control {
    --pf-c-button--m-control--Color: var(--pf-c-code-editor__controls--c-button--m-control--Color)
}

.pf-c-code-editor__controls .pf-c-button.pf-m-control:hover {
    --pf-c-code-editor__controls--c-button--m-control--Color: var(--pf-c-code-editor__controls--c-button--m-control--hover--Color)
}

.pf-c-code-editor__controls .pf-c-button.pf-m-control:focus {
    --pf-c-code-editor__controls--c-button--m-control--Color: var(--pf-c-code-editor__controls--c-button--m-control--focus--Color)
}

.pf-c-code-editor__controls .pf-c-button.pf-m-control:disabled:after {
    border-bottom-color: var(--pf-c-code-editor__controls--c-button--m-control--disabled--after--BorderBottomColor)
}

.pf-c-code-editor__main {
    background-color: var(--pf-c-code-editor__main--BackgroundColor);
    border: var(--pf-c-code-editor__main--BorderWidth) solid;
    border-color: var(--pf-c-code-editor__main--BorderColor);
    position: relative
}

.pf-c-code-editor__main.pf-m-drag-hover:after {
    background-color: var(--pf-c-code-editor__main--m-drag-hover--after--BackgroundColor);
    bottom: 0;
    content: "";
    left: 0;
    opacity: var(--pf-c-code-editor__main--m-drag-hover--after--Opacity);
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-code-editor__main.pf-m-drag-hover:before {
    border: var(--pf-c-code-editor__main--m-drag-hover--before--BorderWidth) solid var(--pf-c-code-editor__main--m-drag-hover--before--BorderColor);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-code-editor__main .monaco-editor {
    background-color: var(--pf-c-code-editor__main--BackgroundColor)
}

.pf-c-code-editor__header+.pf-c-code-editor__main {
    border-top-width: 0
}

.pf-c-code-editor__code {
    padding: var(--pf-c-code-editor__code--PaddingTop) var(--pf-c-code-editor__code--PaddingRight) var(--pf-c-code-editor__code--PaddingBottom) var(--pf-c-code-editor__code--PaddingLeft);
    position: relative
}

.pf-c-code-editor__code .pf-c-code-editor__code-pre {
    font-family: var(--pf-c-code-editor__code-pre--FontFamily);
    font-size: var(--pf-c-code-editor__code-pre--FontSize);
    white-space: pre-wrap
}

.pf-c-code-editor__tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--pf-c-code-editor__tab--BackgroundColor);
    border-color: var(--pf-c-code-editor__tab--BorderColor);
    border-style: solid;
    border-width: var(--pf-c-code-editor__tab--BorderTopWidth) var(--pf-c-code-editor__tab--BorderRightWidth) var(--pf-c-code-editor__tab--BorderBottomWidth) var(--pf-c-code-editor__tab--BorderLeftWidth);
    color: var(--pf-c-code-editor__tab--Color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    padding: var(--pf-c-code-editor__tab--PaddingTop) var(--pf-c-code-editor__tab--PaddingRight) var(--pf-c-code-editor__tab--PaddingBottom) var(--pf-c-code-editor__tab--PaddingLeft);
    position: relative
}

.pf-c-code-editor__tab-icon+.pf-c-code-editor__tab-text {
    margin-left: var(--pf-c-code-editor__tab-icon--text--MarginLeft)
}

.pf-c-content {
    --pf-c-content--MarginBottom: var(--pf-global--spacer--md);
    --pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-content--FontSize: var(--pf-global--FontSize--md);
    --pf-c-content--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-content--Color: var(--pf-global--Color--100);
    --pf-c-content--heading--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
    --pf-c-content--h1--MarginTop: var(--pf-global--spacer--lg);
    --pf-c-content--h1--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-content--h1--LineHeight: var(--pf-global--LineHeight--sm);
    --pf-c-content--h1--FontSize: var(--pf-global--FontSize--2xl);
    --pf-c-content--h1--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-content--h2--MarginTop: var(--pf-global--spacer--lg);
    --pf-c-content--h2--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-content--h2--FontSize: var(--pf-global--FontSize--xl);
    --pf-c-content--h2--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-content--h3--MarginTop: var(--pf-global--spacer--lg);
    --pf-c-content--h3--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-content--h3--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-content--h3--FontSize: var(--pf-global--FontSize--lg);
    --pf-c-content--h3--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-content--h4--MarginTop: var(--pf-global--spacer--lg);
    --pf-c-content--h4--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-content--h4--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-content--h4--FontSize: var(--pf-global--FontSize--md);
    --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-content--h5--MarginTop: var(--pf-global--spacer--lg);
    --pf-c-content--h5--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-content--h5--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-content--h5--FontSize: var(--pf-global--FontSize--md);
    --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-content--h6--MarginTop: var(--pf-global--spacer--lg);
    --pf-c-content--h6--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-content--h6--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-content--h6--FontSize: var(--pf-global--FontSize--md);
    --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-content--small--MarginBottom: var(--pf-global--spacer--md);
    --pf-c-content--small--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-content--small--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-content--small--Color: var(--pf-global--Color--200);
    --pf-c-content--a--Color: var(--pf-global--link--Color);
    --pf-c-content--a--TextDecoration: var(--pf-global--link--TextDecoration);
    --pf-c-content--a--hover--Color: var(--pf-global--link--Color--hover);
    --pf-c-content--a--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
    --pf-c-content--a--visited--Color: var(--pf-global--link--Color--visited);
    --pf-c-content--blockquote--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-content--blockquote--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-content--blockquote--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-content--blockquote--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-content--blockquote--Color: var(--pf-global--Color--200);
    --pf-c-content--blockquote--BorderLeftColor: var(--pf-global--BorderColor--100);
    --pf-c-content--blockquote--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
    --pf-c-content--ol--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-content--ol--MarginLeft: var(--pf-global--spacer--lg);
    --pf-c-content--ol--nested--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-content--ol--nested--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-content--ul--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-content--ul--MarginLeft: var(--pf-global--spacer--lg);
    --pf-c-content--ul--nested--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-content--ul--nested--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-content--ul--ListStyle: var(--pf-global--ListStyle);
    --pf-c-content--li--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-content--dl--ColumnGap: var(--pf-global--spacer--2xl);
    --pf-c-content--dl--RowGap: var(--pf-global--spacer--md);
    --pf-c-content--dt--FontWeight: var(--pf-global--FontWeight--semi-bold);
    --pf-c-content--dt--MarginTop: var(--pf-global--spacer--md);
    --pf-c-content--dt--sm--MarginTop: 0;
    --pf-c-content--hr--Height: var(--pf-global--BorderWidth--sm);
    --pf-c-content--hr--BackgroundColor: var(--pf-global--BorderColor--100);
    color: var(--pf-c-content--Color);
    font-size: var(--pf-c-content--FontSize);
    line-height: var(--pf-c-content--LineHeight)
}

.pf-c-content a {
    color: var(--pf-c-content--a--Color);
    -webkit-text-decoration: var(--pf-c-content--a--TextDecoration);
    text-decoration: var(--pf-c-content--a--TextDecoration)
}

.pf-c-content a:hover {
    --pf-c-content--a--Color: var(--pf-c-content--a--hover--Color);
    --pf-c-content--a--TextDecoration: var(--pf-c-content--a--hover--TextDecoration)
}

.pf-c-content a.pf-m-visited:visited,
.pf-c-content.pf-m-visited a:visited {
    --pf-c-content--a--Color: var(--pf-c-content--a--visited--Color)
}

.pf-c-content li+li {
    margin-top: var(--pf-c-content--li--MarginTop)
}

.pf-c-content blockquote:not(:last-child),
.pf-c-content dl:not(:last-child),
.pf-c-content hr:not(:last-child),
.pf-c-content ol:not(:last-child),
.pf-c-content p:not(:last-child),
.pf-c-content pre:not(:last-child),
.pf-c-content small:not(:last-child),
.pf-c-content table:not(:last-child),
.pf-c-content ul:not(:last-child) {
    margin-bottom: var(--pf-c-content--MarginBottom)
}

.pf-c-content h1,
.pf-c-content h2,
.pf-c-content h3,
.pf-c-content h4,
.pf-c-content h5,
.pf-c-content h6 {
    font-family: var(--pf-c-content--heading--FontFamily);
    margin: 0
}

.pf-c-content h1:first-child,
.pf-c-content h2:first-child,
.pf-c-content h3:first-child,
.pf-c-content h4:first-child,
.pf-c-content h5:first-child,
.pf-c-content h6:first-child {
    margin-top: 0
}

.pf-c-content h1:last-child,
.pf-c-content h2:last-child,
.pf-c-content h3:last-child,
.pf-c-content h4:last-child,
.pf-c-content h5:last-child,
.pf-c-content h6:last-child {
    margin-bottom: 0
}

.pf-c-content ol,
.pf-c-content ul {
    margin: 0
}

.pf-c-content h1 {
    font-size: var(--pf-c-content--h1--FontSize);
    font-weight: var(--pf-c-content--h1--FontWeight);
    line-height: var(--pf-c-content--h1--LineHeight);
    margin-bottom: var(--pf-c-content--h1--MarginBottom);
    margin-top: var(--pf-c-content--h1--MarginTop)
}

.pf-c-content h2 {
    font-size: var(--pf-c-content--h2--FontSize);
    font-weight: var(--pf-c-content--h2--FontWeight);
    line-height: var(--pf-c-content--h2--LineHeight);
    margin-bottom: var(--pf-c-content--h2--MarginBottom);
    margin-top: var(--pf-c-content--h2--MarginTop)
}

.pf-c-content h3 {
    font-size: var(--pf-c-content--h3--FontSize);
    font-weight: var(--pf-c-content--h3--FontWeight);
    line-height: var(--pf-c-content--h3--LineHeight);
    margin-bottom: var(--pf-c-content--h3--MarginBottom);
    margin-top: var(--pf-c-content--h3--MarginTop)
}

.pf-c-content h4 {
    font-size: var(--pf-c-content--h4--FontSize);
    font-weight: var(--pf-c-content--h4--FontWeight);
    line-height: var(--pf-c-content--h4--LineHeight);
    margin-bottom: var(--pf-c-content--h4--MarginBottom);
    margin-top: var(--pf-c-content--h4--MarginTop)
}

.pf-c-content h5 {
    font-size: var(--pf-c-content--h5--FontSize);
    font-weight: var(--pf-c-content--h5--FontWeight);
    line-height: var(--pf-c-content--h5--LineHeight);
    margin-bottom: var(--pf-c-content--h5--MarginBottom);
    margin-top: var(--pf-c-content--h5--MarginTop)
}

.pf-c-content h6 {
    font-size: var(--pf-c-content--h6--FontSize);
    font-weight: var(--pf-c-content--h6--FontWeight);
    line-height: var(--pf-c-content--h6--LineHeight);
    margin-bottom: var(--pf-c-content--h6--MarginBottom);
    margin-top: var(--pf-c-content--h6--MarginTop)
}

.pf-c-content small {
    color: var(--pf-c-content--small--Color);
    display: block;
    font-size: var(--pf-c-content--small--FontSize);
    line-height: var(--pf-c-content--small--LineHeight)
}

.pf-c-content small:not(:last-child) {
    margin-bottom: var(--pf-c-content--small--MarginBottom)
}

.pf-c-content blockquote {
    border-left: var(--pf-c-content--blockquote--BorderLeftWidth) solid var(--pf-c-content--blockquote--BorderLeftColor);
    color: var(--pf-c-content--blockquote--Color);
    padding: var(--pf-c-content--blockquote--PaddingTop) var(--pf-c-content--blockquote--PaddingRight) var(--pf-c-content--blockquote--PaddingBottom) var(--pf-c-content--blockquote--PaddingLeft)
}

.pf-c-content hr {
    background-color: var(--pf-c-content--hr--BackgroundColor);
    border: none;
    height: var(--pf-c-content--hr--Height)
}

.pf-c-content ol {
    margin-left: var(--pf-c-content--ol--MarginLeft);
    padding-left: var(--pf-c-content--ol--PaddingLeft)
}

.pf-c-content ol ul {
    --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
    margin-top: var(--pf-c-content--ul--nested--MarginTop)
}

.pf-c-content ol ol {
    --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
    margin-top: var(--pf-c-content--ol--nested--MarginTop)
}

.pf-c-content ul {
    list-style: var(--pf-c-content--ul--ListStyle);
    margin-left: var(--pf-c-content--ul--MarginLeft);
    padding-left: var(--pf-c-content--ul--PaddingLeft)
}

.pf-c-content ul ul {
    --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
    margin-top: var(--pf-c-content--ul--nested--MarginTop)
}

.pf-c-content ul ol {
    --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
    margin-top: var(--pf-c-content--ol--nested--MarginTop)
}

.pf-c-content dl {
    display: grid;
    grid-template-columns: 1fr
}

@media screen and (min-width:576px) {
    .pf-c-content dl {
        grid-column-gap: var(--pf-c-content--dl--ColumnGap);
        grid-row-gap: var(--pf-c-content--dl--RowGap);
        grid-template: auto/auto 1fr
    }
}

.pf-c-content dt {
    font-weight: var(--pf-c-content--dt--FontWeight)
}

.pf-c-content dt:not(:first-child) {
    margin-top: var(--pf-c-content--dt--MarginTop)
}

@media screen and (min-width:576px) {
    .pf-c-content dt:not(:first-child) {
        --pf-c-content--dt--MarginTop: var(--pf-c-content--dt--sm--MarginTop)
    }

    .pf-c-content dt {
        grid-column: 1
    }

    .pf-c-content dd {
        grid-column: 2
    }
}

.pf-m-overpass-font .pf-c-content {
    --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--sm);
    --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--semi-bold);
    --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--semi-bold);
    --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--semi-bold)
}

.pf-m-overpass-font .pf-c-content blockquote {
    font-weight: var(--pf-global--FontWeight--light)
}

.pf-c-context-selector {
    --pf-c-context-selector--Width: 15.625rem;
    --pf-c-context-selector__toggle--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-context-selector__toggle--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-context-selector__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-context-selector__toggle--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-context-selector__toggle--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-context-selector__toggle--BorderTopColor: var(--pf-global--BorderColor--300);
    --pf-c-context-selector__toggle--BorderRightColor: var(--pf-global--BorderColor--300);
    --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-global--BorderColor--200);
    --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-global--BorderColor--300);
    --pf-c-context-selector__toggle--Color: var(--pf-global--Color--100);
    --pf-c-context-selector__toggle--hover--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-context-selector__toggle-text--FontSize: var(--pf-global--FontSize--md);
    --pf-c-context-selector__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-context-selector__toggle-text--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-context-selector__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-context-selector__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
    --pf-c-context-selector__menu--Top: calc(100% + var(--pf-global--spacer--xs));
    --pf-c-context-selector__menu--ZIndex: var(--pf-global--ZIndex--sm);
    --pf-c-context-selector__menu--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-context-selector__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-context-selector__menu--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-context-selector__menu-search--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-context-selector__menu-search--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-context-selector__menu-search--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-context-selector__menu-search--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-context-selector__menu-search--BorderBottomColor: var(--pf-global--BorderColor--100);
    --pf-c-context-selector__menu-search--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-context-selector__menu-footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
    --pf-c-context-selector__menu-footer--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-context-selector__menu-footer--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-context-selector__menu-footer--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-context-selector__menu-footer--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-context-selector__menu-list--MaxHeight: 12.5rem;
    --pf-c-context-selector__menu-list--PaddingTop: var(--pf-c-context-selector__menu--PaddingTop);
    --pf-c-context-selector__menu-list--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-context-selector__menu-list-item--Color: var(--pf-global--Color--dark-100);
    --pf-c-context-selector__menu-list-item--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-context-selector__menu-list-item--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-context-selector__menu-list-item--disabled--Color: var(--pf-global--Color--dark-200);
    display: inline-block;
    max-width: 100%;
    position: relative;
    width: var(--pf-c-context-selector--Width)
}

.pf-c-context-selector__toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border: none;
    color: var(--pf-c-context-selector__toggle--Color);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: var(--pf-c-context-selector__toggle--PaddingTop) var(--pf-c-context-selector__toggle--PaddingRight) var(--pf-c-context-selector__toggle--PaddingBottom) var(--pf-c-context-selector__toggle--PaddingLeft);
    position: relative;
    white-space: nowrap;
    width: 100%
}

.pf-c-context-selector__toggle:before {
    border: var(--pf-c-context-selector__toggle--BorderWidth) solid;
    border-color: var(--pf-c-context-selector__toggle--BorderTopColor) var(--pf-c-context-selector__toggle--BorderRightColor) var(--pf-c-context-selector__toggle--BorderBottomColor) var(--pf-c-context-selector__toggle--BorderLeftColor);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-context-selector__toggle:hover:before {
    --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-context-selector__toggle--hover--BorderBottomColor)
}

.pf-c-context-selector__toggle.pf-m-active:before,
.pf-c-context-selector__toggle:active:before,
.pf-c-context-selector__toggle:focus-within:before {
    --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-context-selector__toggle--active--BorderBottomColor);
    border-bottom-width: var(--pf-c-context-selector__toggle--active--BorderBottomWidth)
}

.pf-m-expanded>.pf-c-context-selector__toggle:before {
    --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-context-selector__toggle--expanded--BorderBottomColor);
    border-bottom-width: var(--pf-c-context-selector__toggle--expanded--BorderBottomWidth)
}

.pf-c-context-selector__toggle .pf-c-context-selector__toggle-icon {
    margin-left: var(--pf-c-context-selector__toggle-icon--MarginLeft);
    margin-right: var(--pf-c-context-selector__toggle-icon--MarginRight)
}

.pf-c-context-selector__toggle .pf-c-context-selector__toggle-text {
    font-size: var(--pf-c-context-selector__toggle-text--FontSize);
    font-weight: var(--pf-c-context-selector__toggle-text--FontWeight);
    line-height: var(--pf-c-context-selector__toggle-text--LineHeight);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-context-selector__menu {
    background-clip: padding-box;
    background-color: var(--pf-c-context-selector__menu--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-context-selector__menu--BoxShadow);
    box-shadow: var(--pf-c-context-selector__menu--BoxShadow);
    color: var(--pf-global--Color--100);
    min-width: 100%;
    position: absolute;
    top: var(--pf-c-context-selector__menu--Top);
    z-index: var(--pf-c-context-selector__menu--ZIndex)
}

.pf-c-context-selector__menu-search {
    border-bottom: var(--pf-c-context-selector__menu-search--BorderBottomWidth) solid var(--pf-c-context-selector__menu-search--BorderBottomColor);
    padding: var(--pf-c-context-selector__menu-search--PaddingTop) var(--pf-c-context-selector__menu-search--PaddingRight) var(--pf-c-context-selector__menu-search--PaddingBottom) var(--pf-c-context-selector__menu-search--PaddingLeft);
    position: relative
}

.pf-c-context-selector__menu-footer {
    -webkit-box-shadow: var(--pf-c-context-selector__menu-footer--BoxShadow);
    box-shadow: var(--pf-c-context-selector__menu-footer--BoxShadow);
    padding: var(--pf-c-context-selector__menu-footer--PaddingTop) var(--pf-c-context-selector__menu-footer--PaddingRight) var(--pf-c-context-selector__menu-footer--PaddingBottom) var(--pf-c-context-selector__menu-footer--PaddingLeft)
}

.pf-c-context-selector__menu-list {
    max-height: var(--pf-c-context-selector__menu-list--MaxHeight);
    overflow-y: auto;
    padding-bottom: var(--pf-c-context-selector__menu-list--PaddingBottom);
    padding-top: var(--pf-c-context-selector__menu-list--PaddingTop)
}

.pf-c-context-selector__menu-list-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    color: var(--pf-c-context-selector__menu-list-item--Color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: var(--pf-c-context-selector__menu-list-item--PaddingTop) var(--pf-c-context-selector__menu-list-item--PaddingRight) var(--pf-c-context-selector__menu-list-item--PaddingBottom) var(--pf-c-context-selector__menu-list-item--PaddingLeft);
    white-space: nowrap;
    width: 100%
}

.pf-c-context-selector__menu-list-item:focus,
.pf-c-context-selector__menu-list-item:hover {
    background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
    text-decoration: none
}

.pf-c-context-selector__menu-list-item.pf-m-disabled,
.pf-c-context-selector__menu-list-item:disabled {
    --pf-c-context-selector__menu-list-item--Color: var(--pf-c-context-selector__menu-list-item--disabled--Color);
    pointer-events: none
}

@media screen and (min-width:768px) {
    .pf-c-data-list:not([class*=pf-m-grid]) {
        --pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
        --pf-c-data-list__cell--PaddingBottom: var(--pf-c-data-list__cell--md--PaddingBottom);
        --pf-c-data-list__item-control--MarginRight: var(--pf-c-data-list__item-control--md--MarginRight);
        --pf-c-data-list__item-action--MarginLeft: var(--pf-c-data-list__item-action--md--MarginLeft);
        --pf-c-data-list__expandable-content-body--PaddingTop: var(--pf-c-data-list__expandable-content-body--md--PaddingTop);
        --pf-c-data-list__expandable-content-body--PaddingBottom: var(--pf-c-data-list__expandable-content-body--md--PaddingBottom);
        --pf-c-data-list--m-compact__cell--PaddingBottom: var(--pf-c-data-list--m-compact__cell--md--PaddingBottom);
        --pf-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop)
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .pf-c-data-list:not([class*=pf-m-grid]) {
        --pf-c-data-list__item-row--PaddingRight: var(--pf-c-data-list__item-row--xl--PaddingRight);
        --pf-c-data-list__item-row--PaddingLeft: var(--pf-c-data-list__item-row--xl--PaddingLeft);
        --pf-c-data-list__expandable-content-body--PaddingRight: var(--pf-c-data-list__expandable-content-body--xl--PaddingRight);
        --pf-c-data-list__expandable-content-body--PaddingLeft: var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft)
    }
}

@media screen and (min-width:768px) {
    .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__item-content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-grow: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom)
    }

    .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
        margin-right: var(--pf-c-data-list__cell--MarginRight)
    }

    .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell+.pf-c-data-list__cell {
        -webkit-box-flex: 1;
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        -ms-flex: 1;
        flex: 1;
        order: 0
    }

    .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell.pf-m-align-right {
        margin-left: auto
    }

    .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell.pf-m-no-fill {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell.pf-m-flex-2 {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }

    .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell.pf-m-flex-3 {
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3
    }

    .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell.pf-m-flex-4 {
        -webkit-box-flex: 4;
        -ms-flex-positive: 4;
        flex-grow: 4
    }

    .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell.pf-m-flex-5 {
        -webkit-box-flex: 5;
        -ms-flex-positive: 5;
        flex-grow: 5
    }

    .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__expandable-content {
        max-height: none;
        overflow-y: visible
    }
}

@media screen and (min-width:0) {
    .pf-c-data-list.pf-m-grid-none {
        --pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
        --pf-c-data-list__cell--PaddingBottom: var(--pf-c-data-list__cell--md--PaddingBottom);
        --pf-c-data-list__item-control--MarginRight: var(--pf-c-data-list__item-control--md--MarginRight);
        --pf-c-data-list__item-action--MarginLeft: var(--pf-c-data-list__item-action--md--MarginLeft);
        --pf-c-data-list__expandable-content-body--PaddingTop: var(--pf-c-data-list__expandable-content-body--md--PaddingTop);
        --pf-c-data-list__expandable-content-body--PaddingBottom: var(--pf-c-data-list__expandable-content-body--md--PaddingBottom);
        --pf-c-data-list--m-compact__cell--PaddingBottom: var(--pf-c-data-list--m-compact__cell--md--PaddingBottom);
        --pf-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop)
    }
}

@media screen and (min-width:0) and (min-width:1200px) {
    .pf-c-data-list.pf-m-grid-none {
        --pf-c-data-list__item-row--PaddingRight: var(--pf-c-data-list__item-row--xl--PaddingRight);
        --pf-c-data-list__item-row--PaddingLeft: var(--pf-c-data-list__item-row--xl--PaddingLeft);
        --pf-c-data-list__expandable-content-body--PaddingRight: var(--pf-c-data-list__expandable-content-body--xl--PaddingRight);
        --pf-c-data-list__expandable-content-body--PaddingLeft: var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft)
    }
}

@media screen and (min-width:0) {
    .pf-c-data-list.pf-m-grid-none .pf-c-data-list__item-content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-grow: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom)
    }

    .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
        margin-right: var(--pf-c-data-list__cell--MarginRight)
    }

    .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell+.pf-c-data-list__cell {
        -webkit-box-flex: 1;
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        -ms-flex: 1;
        flex: 1;
        order: 0
    }

    .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-align-right {
        margin-left: auto
    }

    .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-no-fill {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-flex-2 {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }

    .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-flex-3 {
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3
    }

    .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-flex-4 {
        -webkit-box-flex: 4;
        -ms-flex-positive: 4;
        flex-grow: 4
    }

    .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-flex-5 {
        -webkit-box-flex: 5;
        -ms-flex-positive: 5;
        flex-grow: 5
    }

    .pf-c-data-list.pf-m-grid-none .pf-c-data-list__expandable-content {
        max-height: none;
        overflow-y: visible
    }
}

@media screen and (min-width:576px) {
    .pf-c-data-list.pf-m-grid-sm {
        --pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
        --pf-c-data-list__cell--PaddingBottom: var(--pf-c-data-list__cell--md--PaddingBottom);
        --pf-c-data-list__item-control--MarginRight: var(--pf-c-data-list__item-control--md--MarginRight);
        --pf-c-data-list__item-action--MarginLeft: var(--pf-c-data-list__item-action--md--MarginLeft);
        --pf-c-data-list__expandable-content-body--PaddingTop: var(--pf-c-data-list__expandable-content-body--md--PaddingTop);
        --pf-c-data-list__expandable-content-body--PaddingBottom: var(--pf-c-data-list__expandable-content-body--md--PaddingBottom);
        --pf-c-data-list--m-compact__cell--PaddingBottom: var(--pf-c-data-list--m-compact__cell--md--PaddingBottom);
        --pf-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop)
    }
}

@media screen and (min-width:576px) and (min-width:1200px) {
    .pf-c-data-list.pf-m-grid-sm {
        --pf-c-data-list__item-row--PaddingRight: var(--pf-c-data-list__item-row--xl--PaddingRight);
        --pf-c-data-list__item-row--PaddingLeft: var(--pf-c-data-list__item-row--xl--PaddingLeft);
        --pf-c-data-list__expandable-content-body--PaddingRight: var(--pf-c-data-list__expandable-content-body--xl--PaddingRight);
        --pf-c-data-list__expandable-content-body--PaddingLeft: var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft)
    }
}

@media screen and (min-width:576px) {
    .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__item-content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-grow: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom)
    }

    .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
        margin-right: var(--pf-c-data-list__cell--MarginRight)
    }

    .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell+.pf-c-data-list__cell {
        -webkit-box-flex: 1;
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        -ms-flex: 1;
        flex: 1;
        order: 0
    }

    .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-align-right {
        margin-left: auto
    }

    .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-no-fill {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-flex-2 {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }

    .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-flex-3 {
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3
    }

    .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-flex-4 {
        -webkit-box-flex: 4;
        -ms-flex-positive: 4;
        flex-grow: 4
    }

    .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-flex-5 {
        -webkit-box-flex: 5;
        -ms-flex-positive: 5;
        flex-grow: 5
    }

    .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__expandable-content {
        max-height: none;
        overflow-y: visible
    }
}

@media screen and (min-width:768px) {
    .pf-c-data-list.pf-m-grid-md {
        --pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
        --pf-c-data-list__cell--PaddingBottom: var(--pf-c-data-list__cell--md--PaddingBottom);
        --pf-c-data-list__item-control--MarginRight: var(--pf-c-data-list__item-control--md--MarginRight);
        --pf-c-data-list__item-action--MarginLeft: var(--pf-c-data-list__item-action--md--MarginLeft);
        --pf-c-data-list__expandable-content-body--PaddingTop: var(--pf-c-data-list__expandable-content-body--md--PaddingTop);
        --pf-c-data-list__expandable-content-body--PaddingBottom: var(--pf-c-data-list__expandable-content-body--md--PaddingBottom);
        --pf-c-data-list--m-compact__cell--PaddingBottom: var(--pf-c-data-list--m-compact__cell--md--PaddingBottom);
        --pf-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop)
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .pf-c-data-list.pf-m-grid-md {
        --pf-c-data-list__item-row--PaddingRight: var(--pf-c-data-list__item-row--xl--PaddingRight);
        --pf-c-data-list__item-row--PaddingLeft: var(--pf-c-data-list__item-row--xl--PaddingLeft);
        --pf-c-data-list__expandable-content-body--PaddingRight: var(--pf-c-data-list__expandable-content-body--xl--PaddingRight);
        --pf-c-data-list__expandable-content-body--PaddingLeft: var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft)
    }
}

@media screen and (min-width:768px) {
    .pf-c-data-list.pf-m-grid-md .pf-c-data-list__item-content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-grow: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom)
    }

    .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
        margin-right: var(--pf-c-data-list__cell--MarginRight)
    }

    .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell+.pf-c-data-list__cell {
        -webkit-box-flex: 1;
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        -ms-flex: 1;
        flex: 1;
        order: 0
    }

    .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-align-right {
        margin-left: auto
    }

    .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-no-fill {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-flex-2 {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }

    .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-flex-3 {
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3
    }

    .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-flex-4 {
        -webkit-box-flex: 4;
        -ms-flex-positive: 4;
        flex-grow: 4
    }

    .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-flex-5 {
        -webkit-box-flex: 5;
        -ms-flex-positive: 5;
        flex-grow: 5
    }

    .pf-c-data-list.pf-m-grid-md .pf-c-data-list__expandable-content {
        max-height: none;
        overflow-y: visible
    }
}

@media screen and (min-width:992px) {
    .pf-c-data-list.pf-m-grid-lg {
        --pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
        --pf-c-data-list__cell--PaddingBottom: var(--pf-c-data-list__cell--md--PaddingBottom);
        --pf-c-data-list__item-control--MarginRight: var(--pf-c-data-list__item-control--md--MarginRight);
        --pf-c-data-list__item-action--MarginLeft: var(--pf-c-data-list__item-action--md--MarginLeft);
        --pf-c-data-list__expandable-content-body--PaddingTop: var(--pf-c-data-list__expandable-content-body--md--PaddingTop);
        --pf-c-data-list__expandable-content-body--PaddingBottom: var(--pf-c-data-list__expandable-content-body--md--PaddingBottom);
        --pf-c-data-list--m-compact__cell--PaddingBottom: var(--pf-c-data-list--m-compact__cell--md--PaddingBottom);
        --pf-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop)
    }
}

@media screen and (min-width:992px) and (min-width:1200px) {
    .pf-c-data-list.pf-m-grid-lg {
        --pf-c-data-list__item-row--PaddingRight: var(--pf-c-data-list__item-row--xl--PaddingRight);
        --pf-c-data-list__item-row--PaddingLeft: var(--pf-c-data-list__item-row--xl--PaddingLeft);
        --pf-c-data-list__expandable-content-body--PaddingRight: var(--pf-c-data-list__expandable-content-body--xl--PaddingRight);
        --pf-c-data-list__expandable-content-body--PaddingLeft: var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft)
    }
}

@media screen and (min-width:992px) {
    .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__item-content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-grow: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom)
    }

    .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
        margin-right: var(--pf-c-data-list__cell--MarginRight)
    }

    .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell+.pf-c-data-list__cell {
        -webkit-box-flex: 1;
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        -ms-flex: 1;
        flex: 1;
        order: 0
    }

    .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-align-right {
        margin-left: auto
    }

    .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-no-fill {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-2 {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }

    .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-3 {
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3
    }

    .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-4 {
        -webkit-box-flex: 4;
        -ms-flex-positive: 4;
        flex-grow: 4
    }

    .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-5 {
        -webkit-box-flex: 5;
        -ms-flex-positive: 5;
        flex-grow: 5
    }

    .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__expandable-content {
        max-height: none;
        overflow-y: visible
    }
}

@media screen and (min-width:1200px) {
    .pf-c-data-list.pf-m-grid-xl {
        --pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
        --pf-c-data-list__cell--PaddingBottom: var(--pf-c-data-list__cell--md--PaddingBottom);
        --pf-c-data-list__item-control--MarginRight: var(--pf-c-data-list__item-control--md--MarginRight);
        --pf-c-data-list__item-action--MarginLeft: var(--pf-c-data-list__item-action--md--MarginLeft);
        --pf-c-data-list__expandable-content-body--PaddingTop: var(--pf-c-data-list__expandable-content-body--md--PaddingTop);
        --pf-c-data-list__expandable-content-body--PaddingBottom: var(--pf-c-data-list__expandable-content-body--md--PaddingBottom);
        --pf-c-data-list--m-compact__cell--PaddingBottom: var(--pf-c-data-list--m-compact__cell--md--PaddingBottom);
        --pf-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop)
    }
}

@media screen and (min-width:1200px) and (min-width:1200px) {
    .pf-c-data-list.pf-m-grid-xl {
        --pf-c-data-list__item-row--PaddingRight: var(--pf-c-data-list__item-row--xl--PaddingRight);
        --pf-c-data-list__item-row--PaddingLeft: var(--pf-c-data-list__item-row--xl--PaddingLeft);
        --pf-c-data-list__expandable-content-body--PaddingRight: var(--pf-c-data-list__expandable-content-body--xl--PaddingRight);
        --pf-c-data-list__expandable-content-body--PaddingLeft: var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft)
    }
}

@media screen and (min-width:1200px) {
    .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__item-content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-grow: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom)
    }

    .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
        margin-right: var(--pf-c-data-list__cell--MarginRight)
    }

    .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell+.pf-c-data-list__cell {
        -webkit-box-flex: 1;
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        -ms-flex: 1;
        flex: 1;
        order: 0
    }

    .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-align-right {
        margin-left: auto
    }

    .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-no-fill {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-2 {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }

    .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-3 {
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3
    }

    .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-4 {
        -webkit-box-flex: 4;
        -ms-flex-positive: 4;
        flex-grow: 4
    }

    .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-5 {
        -webkit-box-flex: 5;
        -ms-flex-positive: 5;
        flex-grow: 5
    }

    .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__expandable-content {
        max-height: none;
        overflow-y: visible
    }
}

@media screen and (min-width:1450px) {
    .pf-c-data-list.pf-m-grid-2xl {
        --pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
        --pf-c-data-list__cell--PaddingBottom: var(--pf-c-data-list__cell--md--PaddingBottom);
        --pf-c-data-list__item-control--MarginRight: var(--pf-c-data-list__item-control--md--MarginRight);
        --pf-c-data-list__item-action--MarginLeft: var(--pf-c-data-list__item-action--md--MarginLeft);
        --pf-c-data-list__expandable-content-body--PaddingTop: var(--pf-c-data-list__expandable-content-body--md--PaddingTop);
        --pf-c-data-list__expandable-content-body--PaddingBottom: var(--pf-c-data-list__expandable-content-body--md--PaddingBottom);
        --pf-c-data-list--m-compact__cell--PaddingBottom: var(--pf-c-data-list--m-compact__cell--md--PaddingBottom);
        --pf-c-data-list--m-compact__cell-cell--PaddingTop: var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop)
    }
}

@media screen and (min-width:1450px) and (min-width:1200px) {
    .pf-c-data-list.pf-m-grid-2xl {
        --pf-c-data-list__item-row--PaddingRight: var(--pf-c-data-list__item-row--xl--PaddingRight);
        --pf-c-data-list__item-row--PaddingLeft: var(--pf-c-data-list__item-row--xl--PaddingLeft);
        --pf-c-data-list__expandable-content-body--PaddingRight: var(--pf-c-data-list__expandable-content-body--xl--PaddingRight);
        --pf-c-data-list__expandable-content-body--PaddingLeft: var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft)
    }
}

@media screen and (min-width:1450px) {
    .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__item-content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-grow: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom)
    }

    .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
        margin-right: var(--pf-c-data-list__cell--MarginRight)
    }

    .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell+.pf-c-data-list__cell {
        -webkit-box-flex: 1;
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        -ms-flex: 1;
        flex: 1;
        order: 0
    }

    .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-align-right {
        margin-left: auto
    }

    .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-no-fill {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-2 {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }

    .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-3 {
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3
    }

    .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-4 {
        -webkit-box-flex: 4;
        -ms-flex-positive: 4;
        flex-grow: 4
    }

    .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-5 {
        -webkit-box-flex: 5;
        -ms-flex-positive: 5;
        flex-grow: 5
    }

    .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__expandable-content {
        max-height: none;
        overflow-y: visible
    }
}

.pf-c-data-list {
    --pf-c-data-list--FontSize: 1em;
    --pf-c-data-list--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-data-list--BorderTopColor: var(--pf-global--BorderColor--300);
    --pf-c-data-list--BorderTopWidth: var(--pf-global--spacer--sm);
    --pf-c-data-list--sm--BorderTopWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-data-list--sm--BorderTopColor: var(--pf-global--BorderColor--100);
    --pf-c-data-list__item--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-data-list__item--m-selected--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-data-list__item--m-expanded--before--BackgroundColor: var(--pf-global--active-color--100);
    --pf-c-data-list__item--m-selected--before--BackgroundColor: var(--pf-global--active-color--100);
    --pf-c-data-list__item--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-top), var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-data-list__item--m-selectable--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-data-list__item--m-selectable--hover--ZIndex: calc(var(--pf-c-data-list__item--m-selected--ZIndex) + 1);
    --pf-c-data-list__item--m-selectable--hover--BoxShadow: var(--pf-global--BoxShadow--sm-top), var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-data-list__item--m-selectable--focus--BoxShadow: var(--pf-global--BoxShadow--sm-top), var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-data-list__item--m-selectable--active--BoxShadow: var(--pf-global--BoxShadow--sm-top), var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-data-list__item--m-expanded--m-selectable--before--BackgroundColor: var(--pf-global--active-color--300);
    --pf-c-data-list__item--BorderBottomColor: var(--pf-global--BorderColor--300);
    --pf-c-data-list__item--BorderBottomWidth: 0.5rem;
    --pf-c-data-list__item--m-selectable--hover--item--BorderTopColor: var(--pf-c-data-list__item--BorderBottomColor);
    --pf-c-data-list__item--m-selectable--hover--item--BorderTopWidth: var(--pf-c-data-list__item--BorderBottomWidth);
    --pf-c-data-list__item--sm--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-data-list__item--sm--BorderBottomColor: var(--pf-global--BorderColor--100);
    --pf-c-data-list__item--before--BackgroundColor: transparent;
    --pf-c-data-list__item--before--Width: var(--pf-global--BorderWidth--lg);
    --pf-c-data-list__item--before--Transition: var(--pf-global--Transition);
    --pf-c-data-list__item--before--Top: 0;
    --pf-c-data-list__item--before--sm--Top: calc(var(--pf-c-data-list__item--BorderBottomWidth)*-1);
    --pf-c-data-list__item-row--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-data-list__item-row--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-data-list__item-row--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-data-list__item-row--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-data-list__item-content--md--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-data-list__cell--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-data-list__cell--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-data-list__cell--MarginRight: var(--pf-global--spacer--xl);
    --pf-c-data-list__cell--md--PaddingBottom: 0;
    --pf-c-data-list__cell--m-icon--MarginRight: var(--pf-global--spacer--md);
    --pf-c-data-list__cell--cell--PaddingTop: 0;
    --pf-c-data-list__cell--cell--md--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-data-list__cell--m-icon--cell--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-data-list--cell--MinWidth: initial;
    --pf-c-data-list--cell--Overflow: visible;
    --pf-c-data-list--cell--TextOverflow: clip;
    --pf-c-data-list--cell--WhiteSpace: normal;
    --pf-c-data-list--cell--WordBreak: normal;
    --pf-c-data-list--cell--m-truncate--MinWidth: 5ch;
    --pf-c-data-list__toggle--MarginLeft: calc(var(--pf-global--spacer--sm)*-1);
    --pf-c-data-list__toggle--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-data-list__toggle--MarginBottom: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-data-list__toggle-icon--Height: calc(var(--pf-c-data-list--FontSize)*var(--pf-c-data-list--LineHeight));
    --pf-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
    --pf-c-data-list__toggle-icon--Rotate: 0;
    --pf-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
    --pf-c-data-list__item-draggable-button--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-data-list__item-draggable-button--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-data-list__item-draggable-button--MarginTop: calc(var(--pf-global--spacer--lg)*-1);
    --pf-c-data-list__item-draggable-button--MarginBottom: calc(var(--pf-global--spacer--lg)*-1);
    --pf-c-data-list__item-draggable-button--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-data-list__item-draggable-button--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-data-list__item-draggable-button--MarginLeft: calc(var(--pf-global--spacer--md)*-1);
    --pf-c-data-list__item-draggable-button-icon--Color: var(--pf-global--icon--Color--light);
    --pf-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color: var(--pf-global--disabled-color--200);
    --pf-c-data-list__item-draggable-button--hover__draggable-icon--Color: var(--pf-global--icon--Color--dark);
    --pf-c-data-list__item-draggable-button--focus__draggable-icon--Color: var(--pf-global--icon--Color--dark);
    --pf-c-data-list__item--m-ghost-row--after--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-data-list__item--m-ghost-row--after--Opacity: .6;
    --pf-c-data-list__item-control--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-data-list__item-control--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-data-list__item-control--MarginRight: var(--pf-global--spacer--md);
    --pf-c-data-list__item-control--md--MarginRight: var(--pf-global--spacer--xl);
    --pf-c-data-list__item-control--not-last-child--MarginRight: var(--pf-global--spacer--md);
    --pf-c-data-list__check--Height: calc(var(--pf-c-data-list--FontSize)*var(--pf-c-data-list--LineHeight));
    --pf-c-data-list__check--MarginTop: -0.0625rem;
    --pf-c-data-list__item-action--Display: flex;
    --pf-c-data-list__item-action--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-data-list__item-action--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-data-list__item-action--MarginLeft: var(--pf-global--spacer--md);
    --pf-c-data-list__item-action--md--MarginLeft: var(--pf-global--spacer--xl);
    --pf-c-data-list__item-action--not-last-child--MarginRight: var(--pf-global--spacer--md);
    --pf-c-data-list__item-action__action--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-data-list__action--MarginTop: var(--pf-c-data-list__item-action__action--MarginTop);
    --pf-c-data-list__item-action__action--MarginBottom: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-data-list__expandable-content--BorderTopWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-data-list__expandable-content--BorderTopColor: var(--pf-global--BorderColor--100);
    --pf-c-data-list__expandable-content--MarginRight: calc(var(--pf-c-data-list__expandable-content-body--PaddingRight)*-1);
    --pf-c-data-list__expandable-content--MarginLeft: calc(var(--pf-c-data-list__expandable-content-body--PaddingLeft)*-1);
    --pf-c-data-list__expandable-content--MaxHeight: 37.5rem;
    --pf-c-data-list__expandable-content--before--Top: calc(var(--pf-c-data-list__item--BorderBottomWidth)*-1);
    --pf-c-data-list__expandable-content-body--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-data-list__expandable-content-body--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-data-list__expandable-content-body--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-data-list__expandable-content-body--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-data-list__expandable-content-body--md--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-data-list__expandable-content-body--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-data-list__expandable-content-body--md--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-data-list__expandable-content-body--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-data-list--m-compact--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-data-list--m-compact--LineHeight: var(--pf-global--LineHeight--sm);
    --pf-c-data-list--m-compact__check--FontSize: var(--pf-global--FontSize--md);
    --pf-c-data-list--m-compact__cell--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-data-list--m-compact__cell--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-data-list--m-compact__cell--md--PaddingBottom: 0;
    --pf-c-data-list--m-compact__cell-cell--PaddingTop: 0;
    --pf-c-data-list--m-compact__cell-cell--md--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-data-list--m-compact__cell--cell--MarginRight: var(--pf-global--spacer--md);
    --pf-c-data-list--m-compact__item-control--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-data-list--m-compact__item-control--PaddingBottom: 0;
    --pf-c-data-list--m-compact__item-control--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-data-list--m-compact__item-control--MarginRight: var(--pf-global--spacer--md);
    --pf-c-data-list--m-compact__item-action--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-data-list--m-compact__item-action--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-data-list--m-compact__item-action--MarginLeft: var(--pf-global--spacer--md);
    --pf-c-data-list--m-compact__item-action__action--MarginTop: calc(var(--pf-c-data-list--m-compact__item-action--PaddingTop)*-1);
    --pf-c-data-list--m-compact__item-action__action--MarginBottom: calc(var(--pf-c-data-list--m-compact__item-action--PaddingBottom)*-1);
    --pf-c-data-list--m-compact__action--MarginTop: var(--pf-c-data-list--m-compact__item-action__action--MarginTop);
    --pf-c-data-list--m-compact__item-content--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-data-list--m-compact__item-draggable-button--MarginTop: calc(var(--pf-global--spacer--sm)*-1);
    --pf-c-data-list--m-compact__item-draggable-button--MarginBottom: calc(var(--pf-global--spacer--sm)*-1);
    --pf-c-data-list--m-compact__item-draggable-button--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-data-list--m-compact__item-draggable-button--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-data-list--m-compact__cell--m-icon--cell--PaddingTop: var(--pf-global--spacer--sm);
    border-top: var(--pf-c-data-list--BorderTopWidth) solid var(--pf-c-data-list--BorderTopColor);
    color: var(--pf-global--Color--100);
    font-size: var(--pf-c-data-list--FontSize);
    line-height: var(--pf-c-data-list--LineHeight);
    list-style-type: disc;
    overflow-wrap: break-word
}

@media screen and (min-width:576px) {
    .pf-c-data-list {
        --pf-c-data-list--BorderTopColor: var(--pf-c-data-list--sm--BorderTopColor);
        --pf-c-data-list--BorderTopWidth: var(--pf-c-data-list--sm--BorderTopWidth);
        --pf-c-data-list__item--BorderBottomWidth: var(--pf-c-data-list__item--sm--BorderBottomWidth);
        --pf-c-data-list__item--BorderBottomColor: var(--pf-c-data-list__item--sm--BorderBottomColor)
    }
}

@media (min-width:576px) {
    .pf-c-data-list {
        --pf-c-data-list__item--before--Top: var(--pf-c-data-list__item--before--sm--Top)
    }
}

.pf-c-data-list.pf-m-compact {
    --pf-c-data-list__check--FontSize: var(--pf-c-data-list--m-compact__check--FontSize);
    --pf-c-data-list__action--MarginTop: var(--pf-c-data-list--m-compact__action--MarginTop);
    --pf-c-data-list--FontSize: var(--pf-c-data-list--m-compact--FontSize);
    --pf-c-data-list__item-action--MarginLeft: var(--pf-c-data-list--m-compact__item-action--MarginLeft);
    --pf-c-data-list__item-action--PaddingTop: var(--pf-c-data-list--m-compact__item-action--PaddingTop);
    --pf-c-data-list__item-action--PaddingBottom: var(--pf-c-data-list--m-compact__item-action--PaddingBottom);
    --pf-c-data-list__item-action__action--MarginTop: var(--pf-c-data-list--m-compact__item-action__action--MarginTop);
    --pf-c-data-list__item-action__action--MarginBottom: var(--pf-c-data-list--m-compact__item-action__action--MarginBottom);
    --pf-c-data-list__item-control--MarginRight: var(--pf-c-data-list--m-compact__item-control--MarginRight);
    --pf-c-data-list__item-control--PaddingTop: var(--pf-c-data-list--m-compact__item-control--PaddingTop);
    --pf-c-data-list__item-control--PaddingBottom: var(--pf-c-data-list--m-compact__item-control--PaddingBottom);
    --pf-c-data-list__item-content--md--PaddingBottom: var(--pf-c-data-list--m-compact__item-content--PaddingBottom);
    --pf-c-data-list__item-draggable-button--MarginTop: var(--pf-c-data-list--m-compact__item-draggable-button--MarginTop);
    --pf-c-data-list__item-draggable-button--MarginBottom: var(--pf-c-data-list--m-compact__item-draggable-button--MarginBottom);
    --pf-c-data-list__item-draggable-button--PaddingTop: var(--pf-c-data-list--m-compact__item-draggable-button--PaddingTop);
    --pf-c-data-list__item-draggable-button--PaddingBottom: var(--pf-c-data-list--m-compact__item-draggable-button--PaddingBottom);
    --pf-c-data-list__cell--m-icon--cell--PaddingTop: var(--pf-c-data-list--m-compact__cell--m-icon--cell--PaddingTop);
    font-size: var(--pf-c-data-list--m-compact--FontSize)
}

.pf-c-data-list.pf-m-compact .pf-c-data-list__cell {
    --pf-c-data-list__cell--PaddingTop: var(--pf-c-data-list--m-compact__cell--PaddingTop);
    --pf-c-data-list__cell--PaddingBottom: var(--pf-c-data-list--m-compact__cell--PaddingBottom);
    --pf-c-data-list__cell--MarginRight: var(--pf-c-data-list--m-compact__cell--cell--MarginRight);
    --pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list--m-compact__cell-cell--PaddingTop)
}

.pf-c-data-list.pf-m-compact .pf-c-data-list__check {
    font-size: var(--pf-c-data-list--m-compact__check--FontSize)
}

.pf-c-data-list.pf-m-drag-over {
    overflow-anchor: none
}

.pf-c-data-list.pf-m-truncate,
.pf-c-data-list__cell.pf-m-truncate,
.pf-c-data-list__item-row.pf-m-truncate,
.pf-c-data-list__text.pf-m-truncate {
    --pf-c-data-list--cell--MinWidth: var(--pf-c-data-list--cell--m-truncate--MinWidth);
    --pf-c-data-list--cell--Overflow: hidden;
    --pf-c-data-list--cell--TextOverflow: ellipsis;
    --pf-c-data-list--cell--WhiteSpace: nowrap
}

.pf-c-data-list.pf-m-break-word,
.pf-c-data-list__cell.pf-m-break-word,
.pf-c-data-list__item-row.pf-m-break-word,
.pf-c-data-list__text.pf-m-break-word {
    --pf-c-data-list--cell--WordBreak: break-word
}

.pf-c-data-list.pf-m-nowrap,
.pf-c-data-list__cell.pf-m-nowrap,
.pf-c-data-list__item-row.pf-m-nowrap,
.pf-c-data-list__text.pf-m-nowrap {
    --pf-c-data-list--cell--WhiteSpace: nowrap
}

.pf-c-data-list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--pf-c-data-list__item--BackgroundColor);
    border-bottom: var(--pf-c-data-list__item--BorderBottomWidth) solid var(--pf-c-data-list__item--BorderBottomColor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.pf-c-data-list__item:before {
    background-color: var(--pf-c-data-list__item--before--BackgroundColor);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: var(--pf-c-data-list__item--before--Top);
    -webkit-transition: var(--pf-c-data-list__item--before--Transition);
    transition: var(--pf-c-data-list__item--before--Transition);
    width: var(--pf-c-data-list__item--before--Width)
}

.pf-c-data-list__item.pf-m-selectable {
    cursor: pointer;
    outline-offset: var(--pf-c-data-list__item--m-selectable--OutlineOffset)
}

.pf-c-data-list__item.pf-m-selectable:focus,
.pf-c-data-list__item.pf-m-selectable:hover {
    position: relative;
    z-index: var(--pf-c-data-list__item--m-selectable--hover--ZIndex)
}

.pf-c-data-list__item.pf-m-selectable:focus:not(.pf-m-selected):not(:last-child),
.pf-c-data-list__item.pf-m-selectable:hover:not(.pf-m-selected):not(:last-child) {
    --pf-c-data-list__item--BorderBottomWidth: 0
}

.pf-c-data-list__item.pf-m-selectable:focus:not(.pf-m-selected):not(:last-child)+.pf-c-data-list__item,
.pf-c-data-list__item.pf-m-selectable:hover:not(.pf-m-selected):not(:last-child)+.pf-c-data-list__item {
    border-top: var(--pf-c-data-list__item--m-selectable--hover--item--BorderTopWidth) solid var(--pf-c-data-list__item--m-selectable--hover--item--BorderTopColor)
}

.pf-c-data-list__item.pf-m-selectable:hover {
    -webkit-box-shadow: var(--pf-c-data-list__item--m-selectable--hover--BoxShadow);
    box-shadow: var(--pf-c-data-list__item--m-selectable--hover--BoxShadow)
}

.pf-c-data-list__item.pf-m-selectable:focus {
    -webkit-box-shadow: var(--pf-c-data-list__item--m-selectable--focus--BoxShadow);
    box-shadow: var(--pf-c-data-list__item--m-selectable--focus--BoxShadow)
}

.pf-c-data-list__item.pf-m-selectable:active {
    -webkit-box-shadow: var(--pf-c-data-list__item--m-selectable--active--BoxShadow);
    box-shadow: var(--pf-c-data-list__item--m-selectable--active--BoxShadow)
}

.pf-c-data-list__item.pf-m-selected {
    --pf-c-data-list__item--before--BackgroundColor: var(--pf-c-data-list__item--m-selected--before--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-data-list__item--m-selected--BoxShadow);
    box-shadow: var(--pf-c-data-list__item--m-selected--BoxShadow);
    position: relative;
    z-index: var(--pf-c-data-list__item--m-selected--ZIndex)
}

.pf-c-data-list__item.pf-m-ghost-row:after {
    background-color: var(--pf-c-data-list__item--m-ghost-row--after--BackgroundColor);
    bottom: 0;
    content: "";
    left: 0;
    opacity: var(--pf-c-data-list__item--m-ghost-row--after--Opacity);
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-data-list__item.pf-m-expanded {
    --pf-c-data-list__toggle-icon--Rotate: var(--pf-c-data-list__item--m-expanded__toggle-icon--Rotate);
    --pf-c-data-list__item--before--BackgroundColor: var(--pf-c-data-list__item--m-expanded--before--BackgroundColor)
}

.pf-c-data-list__item.pf-m-expanded.pf-m-selectable:not(.pf-m-selected) {
    --pf-c-data-list__item--before--BackgroundColor: var(--pf-c-data-list__item--m-expanded--m-selectable--before--BackgroundColor)
}

.pf-c-data-list__item-row {
    padding-left: var(--pf-c-data-list__item-row--PaddingLeft);
    padding-right: var(--pf-c-data-list__item-row--PaddingRight)
}

.pf-c-data-list__item-control,
.pf-c-data-list__item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.pf-c-data-list__item-control {
    margin-right: var(--pf-c-data-list__item-control--MarginRight);
    padding-bottom: var(--pf-c-data-list__item-control--PaddingBottom);
    padding-top: var(--pf-c-data-list__item-control--PaddingTop)
}

.pf-c-data-list__item-control>:not(:last-child) {
    margin-right: var(--pf-c-data-list__item-control--not-last-child--MarginRight)
}

.pf-c-data-list__check {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: start;
    align-items: center;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--pf-c-data-list__check--Height);
    margin-top: var(--pf-c-data-list__check--MarginTop)
}

.pf-c-data-list__check>input {
    cursor: pointer
}

.pf-c-data-list__item-draggable-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: var(--pf-c-data-list__item-draggable-button--MarginTop) 0 var(--pf-c-data-list__item-draggable-button--MarginBottom) var(--pf-c-data-list__item-draggable-button--MarginLeft);
    padding: var(--pf-c-data-list__item-draggable-button--PaddingTop) var(--pf-c-data-list__item-draggable-button--PaddingRight) var(--pf-c-data-list__item-draggable-button--PaddingBottom) var(--pf-c-data-list__item-draggable-button--PaddingLeft)
}

.pf-c-data-list__item-draggable-button:hover {
    --pf-c-data-list__item-draggable-button-icon--Color: var(--pf-c-data-list__item-draggable-button--hover__draggable-icon--Color);
    cursor: -webkit-grab;
    cursor: grab
}

.pf-c-data-list__item-draggable-button:focus {
    --pf-c-data-list__item-draggable-button-icon--Color: var(--pf-c-data-list__item-draggable-button--focus__draggable-icon--Color)
}

.pf-c-data-list__item-draggable-button:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.pf-c-data-list__item-draggable-button.pf-m-disabled {
    --pf-c-data-list__item-draggable-button-icon--Color: var(--pf-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color);
    cursor: none;
    pointer-events: none
}

.pf-c-data-list__item-draggable-button .pf-c-data-list__item-draggable-icon {
    color: var(--pf-c-data-list__item-draggable-button-icon--Color)
}

.pf-c-data-list__item-action {
    --pf-hidden-visible--visible--Display: var(--pf-c-data-list__item-action--Display);
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    align-items: flex-start;
    margin-left: var(--pf-c-data-list__item-action--MarginLeft);
    padding-bottom: var(--pf-c-data-list__item-action--PaddingBottom);
    padding-top: var(--pf-c-data-list__item-action--PaddingTop)
}

.pf-c-data-list__item-action>:not(:last-child) {
    margin-right: var(--pf-c-data-list__item-action--not-last-child--MarginRight)
}

.pf-c-data-list__item-action .pf-c-data-list__action {
    margin-bottom: var(--pf-c-data-list__item-action__action--MarginBottom);
    margin-top: var(--pf-c-data-list__action--MarginTop)
}

.pf-c-data-list__toggle {
    margin: var(--pf-c-data-list__toggle--MarginTop) 0 var(--pf-c-data-list__toggle--MarginBottom) var(--pf-c-data-list__toggle--MarginLeft)
}

.pf-c-data-list__toggle-icon {
    height: var(--pf-c-data-list__toggle-icon--Height);
    pointer-events: none;
    -webkit-transform: rotate(var(--pf-c-data-list__toggle-icon--Rotate));
    transform: rotate(var(--pf-c-data-list__toggle-icon--Rotate));
    -webkit-transition: var(--pf-c-data-list__toggle-icon--Transition);
    transition: var(--pf-c-data-list__toggle-icon--Transition)
}

.pf-c-data-list__item-content {
    display: grid;
    grid-template-columns: auto 1fr;
    width: 100%
}

.pf-c-data-list__cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    grid-column: 1/-1;
    padding-bottom: var(--pf-c-data-list__cell--PaddingBottom);
    padding-top: var(--pf-c-data-list__cell--PaddingTop)
}

.pf-c-data-list__cell+.pf-c-data-list__cell {
    -webkit-box-flex: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    order: 1;
    padding-top: var(--pf-c-data-list__cell--cell--PaddingTop)
}

.pf-c-data-list__cell.pf-m-icon {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    grid-column: 1/2;
    margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight)
}

.pf-c-data-list__cell.pf-m-icon+.pf-c-data-list__cell {
    grid-column: 2/3;
    padding-top: var(--pf-c-data-list__cell--m-icon--cell--PaddingTop)
}

.pf-c-data-list__cell.pf-m-align-right {
    margin-left: 0
}

.pf-c-data-list__text {
    display: inline-block
}

.pf-c-data-list__cell,
.pf-c-data-list__text {
    max-width: 100%;
    min-width: var(--pf-c-data-list--cell--MinWidth);
    overflow: var(--pf-c-data-list--cell--Overflow);
    text-overflow: var(--pf-c-data-list--cell--TextOverflow);
    white-space: var(--pf-c-data-list--cell--WhiteSpace);
    word-break: var(--pf-c-data-list--cell--WordBreak)
}

.pf-c-data-list__expandable-content {
    border-top: var(--pf-c-data-list__expandable-content--BorderTopWidth) solid var(--pf-c-data-list__expandable-content--BorderTopColor);
    max-height: var(--pf-c-data-list__expandable-content--MaxHeight);
    overflow-y: auto
}

.pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body {
    padding: var(--pf-c-data-list__expandable-content-body--PaddingTop) var(--pf-c-data-list__expandable-content-body--PaddingRight) var(--pf-c-data-list__expandable-content-body--PaddingBottom) var(--pf-c-data-list__expandable-content-body--PaddingLeft)
}

.pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body.pf-m-no-padding {
    padding: 0
}

.pf-c-description-list {
    --pf-c-description-list--RowGap: var(--pf-global--gutter--md);
    --pf-c-description-list--ColumnGap: var(--pf-global--spacer--lg);
    --pf-c-description-list--GridTemplateColumns--count: 1;
    --pf-c-description-list--GridTemplateColumns--width: 1fr;
    --pf-c-description-list--GridTemplateColumns: repeat(var(--pf-c-description-list--GridTemplateColumns--count), var(--pf-c-description-list--GridTemplateColumns--width));
    --pf-c-description-list__group--RowGap: var(--pf-global--spacer--sm);
    --pf-c-description-list__group--ColumnGap: var(--pf-global--spacer--md);
    --pf-c-description-list__group--GridTemplateColumns: auto;
    --pf-c-description-list__group--GridColumn: auto;
    --pf-c-description-list__term--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-description-list__term--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-c-description-list--GridTemplateColumns--count));
    --pf-c-description-list--m-horizontal__term--width: 12ch;
    --pf-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
    --pf-c-description-list--m-horizontal__group--GridTemplateColumns: var(--pf-c-description-list__term--width) var(--pf-c-description-list--m-horizontal__description--width);
    --pf-c-description-list--m-1-col--GridTemplateColumns--count: 1;
    --pf-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
    --pf-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-c-description-list--m-auto-fit--GridTemplateColumns--min);
    --pf-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
    --pf-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
    --pf-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
    --pf-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
    --pf-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -moz-column-gap: var(--pf-c-description-list--ColumnGap);
    -webkit-column-gap: var(--pf-c-description-list--ColumnGap);
    column-gap: var(--pf-c-description-list--ColumnGap);
    display: grid;
    grid-template-columns: var(--pf-c-description-list--GridTemplateColumns);
    row-gap: var(--pf-c-description-list--RowGap)
}

@media screen and (min-width:768px) {
    .pf-c-description-list {
        --pf-c-description-list--m-2-col--GridTemplateColumns--count: 2;
        --pf-c-description-list--m-3-col--GridTemplateColumns--count: 3
    }
}

.pf-c-description-list[class*=pf-m-horizontal] {
    --pf-c-description-list__term--width: var(--pf-c-description-list--m-horizontal__term--width)
}

@media (min-width:576px) {
    .pf-c-description-list[class*=pf-m-horizontal] {
        --pf-c-description-list__term--width: var(--pf-c-description-list--m-horizontal__term--width-on-sm, var(--pf-c-description-list--m-horizontal__term--width))
    }
}

@media (min-width:768px) {
    .pf-c-description-list[class*=pf-m-horizontal] {
        --pf-c-description-list__term--width: var(--pf-c-description-list--m-horizontal__term--width-on-md, var(--pf-c-description-list--m-horizontal__term--width-on-sm, var(--pf-c-description-list--m-horizontal__term--width)))
    }
}

@media (min-width:992px) {
    .pf-c-description-list[class*=pf-m-horizontal] {
        --pf-c-description-list__term--width: var(--pf-c-description-list--m-horizontal__term--width-on-lg, var(--pf-c-description-list--m-horizontal__term--width-on-md, var(--pf-c-description-list--m-horizontal__term--width-on-sm, var(--pf-c-description-list--m-horizontal__term--width))))
    }
}

@media (min-width:1200px) {
    .pf-c-description-list[class*=pf-m-horizontal] {
        --pf-c-description-list__term--width: var(--pf-c-description-list--m-horizontal__term--width-on-xl, var(--pf-c-description-list--m-horizontal__term--width-on-lg, var(--pf-c-description-list--m-horizontal__term--width-on-md, var(--pf-c-description-list--m-horizontal__term--width-on-sm, var(--pf-c-description-list--m-horizontal__term--width)))))
    }
}

@media (min-width:1450px) {
    .pf-c-description-list[class*=pf-m-horizontal] {
        --pf-c-description-list__term--width: var(--pf-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-c-description-list--m-horizontal__term--width-on-xl, var(--pf-c-description-list--m-horizontal__term--width-on-lg, var(--pf-c-description-list--m-horizontal__term--width-on-md, var(--pf-c-description-list--m-horizontal__term--width-on-sm, var(--pf-c-description-list--m-horizontal__term--width))))))
    }
}

.pf-c-description-list.pf-m-inline-grid {
    display: inline-grid
}

.pf-c-description-list.pf-m-auto-column-widths {
    --pf-c-description-list--GridTemplateColumns--width: minmax(8ch, max-content)
}

.pf-c-description-list.pf-m-auto-fit {
    --pf-c-description-list--GridTemplateColumns--minmax--min: var(--pf-c-description-list--GridTemplateColumns--min);
    grid-template-columns: repeat(auto-fit, minmax(var(--pf-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min), 1fr))
}

@media (min-width:576px) {
    .pf-c-description-list.pf-m-auto-fit {
        --pf-c-description-list--GridTemplateColumns--minmax--min: var(--pf-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-c-description-list--GridTemplateColumns--min))
    }
}

@media (min-width:768px) {
    .pf-c-description-list.pf-m-auto-fit {
        --pf-c-description-list--GridTemplateColumns--minmax--min: var(--pf-c-description-list--GridTemplateColumns--min-on-md, var(--pf-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-c-description-list--GridTemplateColumns--min)))
    }
}

@media (min-width:992px) {
    .pf-c-description-list.pf-m-auto-fit {
        --pf-c-description-list--GridTemplateColumns--minmax--min: var(--pf-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-c-description-list--GridTemplateColumns--min-on-md, var(--pf-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-c-description-list--GridTemplateColumns--min))))
    }
}

@media (min-width:1200px) {
    .pf-c-description-list.pf-m-auto-fit {
        --pf-c-description-list--GridTemplateColumns--minmax--min: var(--pf-c-description-list--GridTemplateColumns--min-on-xl, var(--pf-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-c-description-list--GridTemplateColumns--min-on-md, var(--pf-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-c-description-list--GridTemplateColumns--min)))))
    }
}

@media (min-width:1450px) {
    .pf-c-description-list.pf-m-auto-fit {
        --pf-c-description-list--GridTemplateColumns--minmax--min: var(--pf-c-description-list--GridTemplateColumns--min-on-2xl, var(--pf-c-description-list--GridTemplateColumns--min-on-xl, var(--pf-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-c-description-list--GridTemplateColumns--min-on-md, var(--pf-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-c-description-list--GridTemplateColumns--min))))))
    }
}

.pf-c-description-list__group {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -moz-column-gap: var(--pf-c-description-list__group--ColumnGap);
    -webkit-column-gap: var(--pf-c-description-list__group--ColumnGap);
    column-gap: var(--pf-c-description-list__group--ColumnGap);
    display: grid;
    grid-column: var(--pf-c-description-list__group--GridColumn);
    grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
    row-gap: var(--pf-c-description-list__group--RowGap)
}

.pf-c-description-list__description,
.pf-c-description-list__term {
    min-width: 0;
    overflow-wrap: break-word;
    text-align: left
}

.pf-c-description-list__term {
    font-size: var(--pf-c-description-list__term--FontSize);
    font-weight: var(--pf-c-description-list__term--FontWeight)
}

.pf-c-description-list__term .pf-c-description-list__text {
    display: inline
}

.pf-c-description-list__text.pf-m-help-text {
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: var(--pf-c-description-list__text--m-help-text--TextDecorationColor);
    text-decoration-style: dashed;
    text-decoration-thickness: var(--pf-c-description-list__text--m-help-text--TextDecorationThickness);
    text-underline-offset: var(--pf-c-description-list__text--m-help-text--TextDecorationOffset)
}

.pf-c-description-list__text.pf-m-help-text:hover {
    --pf-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-c-description-list__text--m-help-text--hover--TextDecorationColor)
}

.pf-c-description-list__text.pf-m-help-text:focus {
    --pf-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-c-description-list__text--m-help-text--focus--TextDecorationColor)
}

.pf-c-description-list.pf-m-1-col {
    --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-1-col--GridTemplateColumns--count)
}

.pf-c-description-list.pf-m-2-col {
    --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-2-col--GridTemplateColumns--count)
}

.pf-c-description-list.pf-m-3-col {
    --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-3-col--GridTemplateColumns--count)
}

.pf-c-description-list.pf-m-horizontal {
    --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns)
}

.pf-c-description-list.pf-m-vertical {
    --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns)
}

@media (min-width:576px) {
    .pf-c-description-list.pf-m-1-col-on-sm {
        --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-1-col--GridTemplateColumns--count)
    }

    .pf-c-description-list.pf-m-2-col-on-sm {
        --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-2-col--GridTemplateColumns--count)
    }

    .pf-c-description-list.pf-m-3-col-on-sm {
        --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-3-col--GridTemplateColumns--count)
    }

    .pf-c-description-list.pf-m-horizontal-on-sm {
        --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns)
    }

    .pf-c-description-list.pf-m-vertical-on-sm {
        --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns)
    }
}

@media (min-width:768px) {
    .pf-c-description-list.pf-m-1-col-on-md {
        --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-1-col--GridTemplateColumns--count)
    }

    .pf-c-description-list.pf-m-2-col-on-md {
        --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-2-col--GridTemplateColumns--count)
    }

    .pf-c-description-list.pf-m-3-col-on-md {
        --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-3-col--GridTemplateColumns--count)
    }

    .pf-c-description-list.pf-m-horizontal-on-md {
        --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns)
    }

    .pf-c-description-list.pf-m-vertical-on-md {
        --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns)
    }
}

@media (min-width:992px) {
    .pf-c-description-list.pf-m-1-col-on-lg {
        --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-1-col--GridTemplateColumns--count)
    }

    .pf-c-description-list.pf-m-2-col-on-lg {
        --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-2-col--GridTemplateColumns--count)
    }

    .pf-c-description-list.pf-m-3-col-on-lg {
        --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-3-col--GridTemplateColumns--count)
    }

    .pf-c-description-list.pf-m-horizontal-on-lg {
        --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns)
    }

    .pf-c-description-list.pf-m-vertical-on-lg {
        --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns)
    }
}

@media (min-width:1200px) {
    .pf-c-description-list.pf-m-1-col-on-xl {
        --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-1-col--GridTemplateColumns--count)
    }

    .pf-c-description-list.pf-m-2-col-on-xl {
        --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-2-col--GridTemplateColumns--count)
    }

    .pf-c-description-list.pf-m-3-col-on-xl {
        --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-3-col--GridTemplateColumns--count)
    }

    .pf-c-description-list.pf-m-horizontal-on-xl {
        --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns)
    }

    .pf-c-description-list.pf-m-vertical-on-xl {
        --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns)
    }
}

@media (min-width:1450px) {
    .pf-c-description-list.pf-m-1-col-on-2xl {
        --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-1-col--GridTemplateColumns--count)
    }

    .pf-c-description-list.pf-m-2-col-on-2xl {
        --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-2-col--GridTemplateColumns--count)
    }

    .pf-c-description-list.pf-m-3-col-on-2xl {
        --pf-c-description-list--GridTemplateColumns--count: var(--pf-c-description-list--m-3-col--GridTemplateColumns--count)
    }

    .pf-c-description-list.pf-m-horizontal-on-2xl {
        --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns)
    }

    .pf-c-description-list.pf-m-vertical-on-2xl {
        --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns)
    }
}

.pf-c-dual-list-selector {
    --pf-c-dual-list-selector__header--GridArea: pane-header;
    --pf-c-dual-list-selector__tools--GridArea: pane-tools;
    --pf-c-dual-list-selector__status--GridArea: pane-status;
    --pf-c-dual-list-selector__menu--GridArea: pane-menu;
    --pf-c-dual-list-selector__controls--GridArea: controls;
    --pf-c-dual-list-selector--m-chosen__header--GridArea: pane-header-c;
    --pf-c-dual-list-selector--m-chosen__tools--GridArea: pane-tools-c;
    --pf-c-dual-list-selector--m-chosen__status--GridArea: pane-status-c;
    --pf-c-dual-list-selector--m-chosen__menu--GridArea: pane-menu-c;
    --pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min: 12.5rem;
    --pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max: 28.125rem;
    --pf-c-dual-list-selector__header--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-dual-list-selector__title-text--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-dual-list-selector__tools--MarginBottom: var(--pf-global--spacer--md);
    --pf-c-dual-list-selector__tools-filter--tools-actions--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-dual-list-selector__menu--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-dual-list-selector__menu--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-dual-list-selector__menu--MinHeight: 12.5rem;
    --pf-c-dual-list-selector__menu--MaxHeight: 20rem;
    --pf-c-dual-list-selector__item--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-dual-list-selector__item--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-dual-list-selector__item--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-dual-list-selector__item--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-dual-list-selector__item--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-dual-list-selector__item--BackgroundColor: transparent;
    --pf-c-dual-list-selector__item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-dual-list-selector__item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-dual-list-selector__item--m-selected--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-dual-list-selector__item--m-expandable--PaddingLeft: 0;
    --pf-c-dual-list-selector__item--indent--base: calc(var(--pf-global--spacer--md) + var(--pf-global--spacer--sm) + var(--pf-c-dual-list-selector__item--FontSize));
    --pf-c-dual-list-selector__item--nested-indent--base: calc(var(--pf-c-dual-list-selector__item--indent--base) - var(--pf-global--spacer--md));
    --pf-c-dual-list-selector__item-text--Color: var(--pf-global--Color--100);
    --pf-c-dual-list-selector__item--m-selected__text--Color: var(--pf-global--active-color--100);
    --pf-c-dual-list-selector__item--m-selected__text--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-dual-list-selector__status--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-dual-list-selector__status-text--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-dual-list-selector__status-text--Color: var(--pf-global--Color--200);
    --pf-c-dual-list-selector__controls--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-dual-list-selector__controls--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-dual-list-selector__item-toggle--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-dual-list-selector__item-toggle--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-dual-list-selector__item-toggle--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-dual-list-selector__item-toggle--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-dual-list-selector__item-toggle--MarginTop: calc(var(--pf-global--spacer--sm)*-1);
    --pf-c-dual-list-selector__item-toggle--MarginBottom: calc(var(--pf-global--spacer--sm)*-1);
    --pf-c-dual-list-selector__list__list__item-toggle--Left: 0;
    --pf-c-dual-list-selector__list__list__item-toggle--TranslateX: -100%;
    --pf-c-dual-list-selector__item-check--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-dual-list-selector__item-count--Marginleft: var(--pf-global--spacer--sm);
    --pf-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-global--disabled-color--200);
    --pf-c-dual-list-selector__item-toggle-icon--Rotate: 0;
    --pf-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
    --pf-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-global--Transition);
    --pf-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-c-dual-list-selector__item--FontSize);
    display: grid;
    grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
    grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) -webkit-min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
    grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
    grid-template-rows: repeat(3, auto) auto
}

.pf-c-dual-list-selector__pane {
    display: contents
}

.pf-c-dual-list-selector__pane.pf-m-chosen {
    --pf-c-dual-list-selector__header--GridArea: var(--pf-c-dual-list-selector--m-chosen__header--GridArea);
    --pf-c-dual-list-selector__tools--GridArea: var(--pf-c-dual-list-selector--m-chosen__tools--GridArea);
    --pf-c-dual-list-selector__status--GridArea: var(--pf-c-dual-list-selector--m-chosen__status--GridArea);
    --pf-c-dual-list-selector__menu--GridArea: var(--pf-c-dual-list-selector--m-chosen__menu--GridArea)
}

.pf-c-dual-list-selector__header {
    grid-area: var(--pf-c-dual-list-selector__header--GridArea);
    margin-bottom: var(--pf-c-dual-list-selector__header--MarginBottom)
}

.pf-c-dual-list-selector__title-text {
    font-weight: var(--pf-c-dual-list-selector__title-text--FontWeight)
}

.pf-c-dual-list-selector__tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-area: var(--pf-c-dual-list-selector__tools--GridArea);
    margin-bottom: var(--pf-c-dual-list-selector__tools--MarginBottom)
}

.pf-c-dual-list-selector__tools-filter {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pf-c-dual-list-selector__tools-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-dual-list-selector__tools-filter~.pf-c-dual-list-selector__tools-actions {
    margin-left: var(--pf-c-dual-list-selector__tools-filter--tools-actions--MarginLeft)
}

.pf-c-dual-list-selector__status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-area: var(--pf-c-dual-list-selector__status--GridArea);
    margin-bottom: var(--pf-c-dual-list-selector__status--MarginBottom)
}

.pf-c-dual-list-selector__status-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    color: var(--pf-c-dual-list-selector__status-text--Color);
    flex-grow: 1;
    font-size: var(--pf-c-dual-list-selector__status-text--FontSize)
}

.pf-c-dual-list-selector__menu {
    border: var(--pf-c-dual-list-selector__menu--BorderWidth) solid var(--pf-c-dual-list-selector__menu--BorderColor);
    grid-area: var(--pf-c-dual-list-selector__menu--GridArea);
    max-height: var(--pf-c-dual-list-selector__menu--MaxHeight);
    min-height: var(--pf-c-dual-list-selector__menu--MinHeight);
    overflow: auto
}

.pf-c-dual-list-selector__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.pf-c-dual-list-selector__list .pf-c-dual-list-selector__list {
    --pf-c-dual-list-selector__item-toggle--MarginTop: 0;
    --pf-c-dual-list-selector__item-toggle--MarginBottom: 0
}

.pf-c-dual-list-selector__list .pf-c-dual-list-selector__list .pf-c-dual-list-selector__item-toggle {
    left: var(--pf-c-dual-list-selector__list__list__item-toggle--Left);
    position: absolute;
    top: 0;
    -webkit-transform: translateX(var(--pf-c-dual-list-selector__list__list__item-toggle--TranslateX));
    transform: translateX(var(--pf-c-dual-list-selector__list__list__item-toggle--TranslateX))
}

.pf-c-dual-list-selector__list-item.pf-m-expandable {
    --pf-c-dual-list-selector__item--PaddingLeft: var(--pf-c-dual-list-selector__item--m-expandable--PaddingLeft)
}

.pf-c-dual-list-selector__list-item.pf-m-expanded>.pf-c-dual-list-selector__item {
    --pf-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate)
}

.pf-c-dual-list-selector__item,
.pf-c-dual-list-selector__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-dual-list-selector__item,
.pf-c-dual-list-selector__item-main {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.pf-c-dual-list-selector__item {
    background-color: var(--pf-c-dual-list-selector__item--BackgroundColor);
    border: 0;
    cursor: pointer;
    font-size: var(--pf-c-dual-list-selector__item--FontSize);
    padding: var(--pf-c-dual-list-selector__item--PaddingTop) var(--pf-c-dual-list-selector__item--PaddingRight) var(--pf-c-dual-list-selector__item--PaddingBottom) var(--pf-c-dual-list-selector__item--PaddingLeft);
    position: relative;
    text-align: left;
    width: 100%
}

.pf-c-dual-list-selector__item:hover {
    --pf-c-dual-list-selector__item--BackgroundColor: var(--pf-c-dual-list-selector__item--hover--BackgroundColor)
}

.pf-c-dual-list-selector__item:focus-within {
    --pf-c-dual-list-selector__item--BackgroundColor: var(--pf-c-dual-list-selector__item--focus-within--BackgroundColor)
}

.pf-c-dual-list-selector__item.pf-m-selected {
    --pf-c-dual-list-selector__item--BackgroundColor: var(--pf-c-dual-list-selector__item--m-selected--BackgroundColor)
}

.pf-c-dual-list-selector__item.pf-m-selected .pf-c-dual-list-selector__item-text {
    --pf-c-dual-list-selector__item-text--Color: var(--pf-c-dual-list-selector__item--m-selected__text--Color);
    font-weight: var(--pf-c-dual-list-selector__item--m-selected__text--FontWeight)
}

.pf-c-dual-list-selector__item.pf-m-check {
    --pf-c-dual-list-selector__item--m-selected--BackgroundColor: transparent
}

.pf-c-dual-list-selector__item .pf-c-dual-list-selector__item-count {
    margin-left: var(--pf-c-dual-list-selector__item-count--Marginleft)
}

.pf-c-dual-list-selector__item .pf-c-dual-list-selector__item-count .pf-c-badge.pf-m-read {
    --pf-c-badge--m-read--BackgroundColor: var(--pf-c-dual-list-selector__item--c-badge--m-read--BackgroundColor)
}

.pf-c-dual-list-selector__item-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    color: var(--pf-c-dual-list-selector__item-text--Color);
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-dual-list-selector__controls {
    align-self: center;
    grid-area: var(--pf-c-dual-list-selector__controls--GridArea);
    padding-left: var(--pf-c-dual-list-selector__controls--PaddingLeft);
    padding-right: var(--pf-c-dual-list-selector__controls--PaddingRight)
}

.pf-c-dual-list-selector__item-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0
}

.pf-c-dual-list-selector__item-toggle {
    margin-bottom: var(--pf-c-dual-list-selector__item-toggle--MarginBottom);
    margin-top: var(--pf-c-dual-list-selector__item-toggle--MarginTop);
    padding: var(--pf-c-dual-list-selector__item-toggle--PaddingTop) var(--pf-c-dual-list-selector__item-toggle--PaddingRight) var(--pf-c-dual-list-selector__item-toggle--PaddingBottom) var(--pf-c-dual-list-selector__item-toggle--PaddingLeft)
}

.pf-c-dual-list-selector__item-check {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: var(--pf-c-dual-list-selector__item-check--MarginRight)
}

.pf-c-dual-list-selector__item-toggle-icon {
    display: inline-block;
    min-width: var(--pf-c-dual-list-selector__item-toggle-icon--MinWidth);
    text-align: center;
    -webkit-transform: rotate(var(--pf-c-dual-list-selector__item-toggle-icon--Rotate));
    transform: rotate(var(--pf-c-dual-list-selector__item-toggle-icon--Rotate));
    -webkit-transition: var(--pf-c-dual-list-selector__item-toggle-icon--Transition);
    transition: var(--pf-c-dual-list-selector__item-toggle-icon--Transition)
}

.pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
    --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*1 + var(--pf-c-dual-list-selector__item--indent--base));
    --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft)
}

.pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
    --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*2 + var(--pf-c-dual-list-selector__item--indent--base));
    --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft)
}

.pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
    --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*3 + var(--pf-c-dual-list-selector__item--indent--base));
    --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft)
}

.pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
    --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*4 + var(--pf-c-dual-list-selector__item--indent--base));
    --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft)
}

.pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
    --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*5 + var(--pf-c-dual-list-selector__item--indent--base));
    --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft)
}

.pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
    --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*6 + var(--pf-c-dual-list-selector__item--indent--base));
    --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft)
}

.pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
    --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*7 + var(--pf-c-dual-list-selector__item--indent--base));
    --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft)
}

.pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
    --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*8 + var(--pf-c-dual-list-selector__item--indent--base));
    --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft)
}

.pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
    --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*9 + var(--pf-c-dual-list-selector__item--indent--base));
    --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft)
}

.pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
    --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*10 + var(--pf-c-dual-list-selector__item--indent--base));
    --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft)
}

.pf-c-toolbar {
    --pf-c-toolbar--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-toolbar--RowGap: var(--pf-global--spacer--lg);
    --pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-toolbar--m-page-insets--inset: var(--pf-global--spacer--md);
    --pf-c-toolbar--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
    --pf-c-toolbar__expandable-content--PaddingTop: var(--pf-c-toolbar--RowGap);
    --pf-c-toolbar__expandable-content--PaddingRight: var(--pf-c-toolbar__content--PaddingRight);
    --pf-c-toolbar__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-toolbar__expandable-content--PaddingLeft: var(--pf-c-toolbar__content--PaddingLeft);
    --pf-c-toolbar__expandable-content--lg--PaddingRight: 0;
    --pf-c-toolbar__expandable-content--lg--PaddingBottom: 0;
    --pf-c-toolbar__expandable-content--lg--PaddingLeft: 0;
    --pf-c-toolbar__expandable-content--ZIndex: var(--pf-global--ZIndex--sm);
    --pf-c-toolbar__expandable-content--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
    --pf-c-toolbar__expandable-content--BackgroundColor: var(--pf-c-toolbar--BackgroundColor);
    --pf-c-toolbar__expandable-content--m-expanded--GridRowGap: var(--pf-global--gutter--md);
    --pf-c-toolbar__group--m-chip-container--MarginTop: calc(var(--pf-global--spacer--md)*-1);
    --pf-c-toolbar__group--m-chip-container__item--MarginTop: var(--pf-global--spacer--md);
    --pf-c-toolbar--spacer--base: var(--pf-global--spacer--md);
    --pf-c-toolbar__item--spacer: var(--pf-c-toolbar--spacer--base);
    --pf-c-toolbar__group--spacer: var(--pf-c-toolbar--spacer--base);
    --pf-c-toolbar__item--Width--base: auto;
    --pf-c-toolbar__group--m-toggle-group--spacer: var(--pf-global--spacer--sm);
    --pf-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-c-toolbar__group--spacer);
    --pf-c-toolbar__group--m-icon-button-group--spacer: var(--pf-c-toolbar__group--spacer);
    --pf-c-toolbar__group--m-icon-button-group--space-items: 0;
    --pf-c-toolbar__group--m-button-group--spacer: var(--pf-c-toolbar__group--spacer);
    --pf-c-toolbar__group--m-button-group--space-items: var(--pf-global--spacer--sm);
    --pf-c-toolbar__group--m-filter-group--spacer: var(--pf-c-toolbar__group--spacer);
    --pf-c-toolbar__group--m-filter-group--space-items: 0;
    --pf-c-toolbar__item--m-overflow-menu--spacer: var(--pf-c-toolbar__item--spacer);
    --pf-c-toolbar__item--m-bulk-select--spacer: var(--pf-global--spacer--lg);
    --pf-c-toolbar__expand-all-icon--Rotate: 0;
    --pf-c-toolbar__expand-all-icon--Transition: var(--pf-global--Transition);
    --pf-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
    --pf-c-toolbar__item--m-search-filter--spacer: var(--pf-global--spacer--sm);
    --pf-c-toolbar__item--m-chip-group--spacer: var(--pf-global--spacer--sm);
    --pf-c-toolbar__item--m-label--spacer: var(--pf-c-toolbar__item--spacer);
    --pf-c-toolbar__item--m-label--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-global--Color--100);
    --pf-c-toolbar--c-divider--m-vertical--spacer: var(--pf-c-toolbar--spacer--base);
    background-color: var(--pf-c-toolbar--BackgroundColor);
    display: grid;
    padding-bottom: var(--pf-c-toolbar--PaddingBottom);
    padding-top: var(--pf-c-toolbar--PaddingTop);
    position: relative;
    row-gap: var(--pf-c-toolbar--RowGap)
}

@media screen and (min-width:992px) {
    .pf-c-toolbar {
        --pf-c-toolbar__expandable-content--PaddingRight: var(--pf-c-toolbar__expandable-content--lg--PaddingRight);
        --pf-c-toolbar__expandable-content--PaddingBottom: var(--pf-c-toolbar__expandable-content--lg--PaddingBottom);
        --pf-c-toolbar__expandable-content--PaddingLeft: var(--pf-c-toolbar__expandable-content--lg--PaddingLeft)
    }
}

@media screen and (min-width:1200px) {
    .pf-c-toolbar {
        --pf-c-toolbar--m-page-insets--inset: var(--pf-c-toolbar--m-page-insets--xl--inset)
    }
}

.pf-c-toolbar.pf-m-page-insets {
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--m-page-insets--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--m-page-insets--inset)
}

.pf-c-toolbar__content-section>.pf-c-divider,
.pf-c-toolbar__group>.pf-c-divider {
    --pf-c-toolbar--spacer: var(--pf-c-toolbar--c-divider--m-vertical--spacer)
}

.pf-c-toolbar__content-section>.pf-c-divider.pf-m-vertical,
.pf-c-toolbar__group>.pf-c-divider.pf-m-vertical {
    margin-right: var(--pf-c-toolbar--spacer)
}

.pf-c-toolbar__content-section>.pf-c-divider.pf-m-vertical:last-child,
.pf-c-toolbar__group>.pf-c-divider.pf-m-vertical:last-child {
    --pf-c-toolbar--spacer: 0
}

.pf-c-toolbar__group {
    --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: var(--pf-c-toolbar--spacer)
}

.pf-c-toolbar__group.pf-m-button-group {
    --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--spacer)
}

.pf-c-toolbar__group.pf-m-button-group>* {
    --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-button-group--space-items)
}

.pf-c-toolbar__group.pf-m-icon-button-group {
    --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-icon-button-group--spacer)
}

.pf-c-toolbar__group.pf-m-icon-button-group>* {
    --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-icon-button-group--space-items)
}

.pf-c-toolbar__group.pf-m-filter-group {
    --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-filter-group--spacer)
}

.pf-c-toolbar__group.pf-m-filter-group>* {
    --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-filter-group--space-items)
}

.pf-c-toolbar__group.pf-m-filter-group>*+* {
    margin-left: -1px
}

.pf-c-toolbar__group.pf-m-toggle-group {
    --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--spacer)
}

.pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__group,
.pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__item {
    display: none;
    visibility: hidden
}

.pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__toggle {
    display: inline-block;
    visibility: visible
}

.pf-c-toolbar__group:last-child {
    --pf-c-toolbar--spacer: 0
}

.pf-c-toolbar__item {
    --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
    --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--spacer);
    margin-right: var(--pf-c-toolbar--spacer);
    width: var(--pf-c-toolbar__item--Width--base)
}

@media (min-width:576px) {
    .pf-c-toolbar__item {
        --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width))
    }
}

@media (min-width:768px) {
    .pf-c-toolbar__item {
        --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width-on-md, var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width)))
    }
}

@media (min-width:992px) {
    .pf-c-toolbar__item {
        --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width-on-lg, var(--pf-c-toolbar__item--Width-on-md, var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width))))
    }
}

@media (min-width:1200px) {
    .pf-c-toolbar__item {
        --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width-on-xl, var(--pf-c-toolbar__item--Width-on-lg, var(--pf-c-toolbar__item--Width-on-md, var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width)))))
    }
}

@media (min-width:1450px) {
    .pf-c-toolbar__item {
        --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width-on-2xl, var(--pf-c-toolbar__item--Width-on-xl, var(--pf-c-toolbar__item--Width-on-lg, var(--pf-c-toolbar__item--Width-on-md, var(--pf-c-toolbar__item--Width-on-sm, var(--pf-c-toolbar__item--Width))))))
    }
}

.pf-c-toolbar__item.pf-m-overflow-menu {
    --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-overflow-menu--spacer)
}

.pf-c-toolbar__item.pf-m-bulk-select {
    --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-bulk-select--spacer)
}

.pf-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
    --pf-c-toolbar__expand-all-icon--Rotate: var(--pf-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate)
}

.pf-c-toolbar__item.pf-m-search-filter {
    --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-search-filter--spacer)
}

.pf-c-toolbar__item.pf-m-chip-group {
    --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-chip-group--spacer)
}

.pf-c-toolbar__item.pf-m-label {
    --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--m-label--spacer);
    font-weight: var(--pf-c-toolbar__item--m-label--FontWeight)
}

.pf-c-toolbar__item.pf-m-pagination {
    margin-left: auto
}

.pf-c-toolbar__item.pf-m-pagination .pf-c-pagination {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.pf-c-toolbar__item:last-child {
    --pf-c-toolbar--spacer: 0
}

.pf-c-toolbar__expand-all-icon {
    display: inline-block;
    -webkit-transform: rotate(var(--pf-c-toolbar__expand-all-icon--Rotate));
    transform: rotate(var(--pf-c-toolbar__expand-all-icon--Rotate));
    -webkit-transition: var(--pf-c-toolbar__expand-all-icon--Transition);
    transition: var(--pf-c-toolbar__expand-all-icon--Transition)
}

.pf-c-toolbar__content,
.pf-c-toolbar__content-section {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pf-c-toolbar__content {
    padding-left: var(--pf-c-toolbar__content--PaddingLeft);
    padding-right: var(--pf-c-toolbar__content--PaddingRight);
    position: relative
}

.pf-c-toolbar__content-section {
    width: 100%
}

.pf-c-toolbar__expandable-content {
    background-color: var(--pf-c-toolbar__expandable-content--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-toolbar__expandable-content--BoxShadow);
    box-shadow: var(--pf-c-toolbar__expandable-content--BoxShadow);
    display: none;
    left: 0;
    padding: var(--pf-c-toolbar__expandable-content--PaddingTop) var(--pf-c-toolbar__expandable-content--PaddingRight) var(--pf-c-toolbar__expandable-content--PaddingBottom) var(--pf-c-toolbar__expandable-content--PaddingLeft);
    position: absolute;
    right: 0;
    top: 100%;
    visibility: hidden;
    width: 100%;
    z-index: var(--pf-c-toolbar__expandable-content--ZIndex)
}

@media screen and (min-width:992px) {
    .pf-c-toolbar__expandable-content {
        -webkit-box-shadow: none;
        box-shadow: none;
        position: static
    }
}

.pf-c-toolbar__expandable-content.pf-m-expanded {
    grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
    display: grid;
    visibility: visible
}

.pf-c-toolbar__expandable-content .pf-c-toolbar__group,
.pf-c-toolbar__expandable-content .pf-c-toolbar__item {
    --pf-c-toolbar--spacer: 0
}

.pf-c-toolbar__expandable-content .pf-c-toolbar__group {
    grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
    display: grid
}

.pf-c-toolbar__expandable-content .pf-m-label {
    display: none;
    visibility: hidden
}

.pf-c-toolbar__content.pf-m-chip-container,
.pf-c-toolbar__group.pf-m-chip-container {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    grid-row-gap: 0;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: var(--pf-c-toolbar__group--m-chip-container--MarginTop)
}

.pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item,
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item {
    --pf-c-toolbar--spacer: var(--pf-c-toolbar__item--spacer);
    margin-top: var(--pf-c-toolbar__group--m-chip-container__item--MarginTop)
}

.pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__group,
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__group {
    --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--spacer);
    grid-row-gap: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__group:last-child,
.pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item:last-child,
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__group:last-child,
.pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item:last-child {
    --pf-c-toolbar--spacer: 0
}

.pf-c-toolbar .pf-c-chip-group:last-child {
    --pf-c-chip-group--MarginRight: 0
}

.pf-c-toolbar .pf-c-chip-group li:last-child {
    --pf-c-chip-group__li--m-toolbar--MarginRight: 0
}

.pf-c-toolbar__toggle.pf-m-expanded .pf-c-button.pf-m-plain {
    color: var(--pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color)
}

.pf-m-toggle-group.pf-m-show {
    --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer)
}

.pf-m-toggle-group.pf-m-show .pf-c-toolbar__group,
.pf-m-toggle-group.pf-m-show .pf-c-toolbar__item {
    -webkit-box-flex: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    visibility: visible
}

.pf-m-toggle-group.pf-m-show .pf-c-toolbar__toggle {
    display: none;
    visibility: hidden
}

@media (min-width:576px) {
    .pf-m-toggle-group.pf-m-show-on-sm {
        --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer)
    }

    .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
    .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
        -webkit-box-flex: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        visibility: visible
    }

    .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__toggle {
        display: none;
        visibility: hidden
    }
}

@media (min-width:768px) {
    .pf-m-toggle-group.pf-m-show-on-md {
        --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer)
    }

    .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
    .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
        -webkit-box-flex: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        visibility: visible
    }

    .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__toggle {
        display: none;
        visibility: hidden
    }
}

@media (min-width:992px) {
    .pf-m-toggle-group.pf-m-show-on-lg {
        --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer)
    }

    .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
    .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
        -webkit-box-flex: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        visibility: visible
    }

    .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__toggle {
        display: none;
        visibility: hidden
    }
}

@media (min-width:1200px) {
    .pf-m-toggle-group.pf-m-show-on-xl {
        --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer)
    }

    .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
    .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
        -webkit-box-flex: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        visibility: visible
    }

    .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__toggle {
        display: none;
        visibility: hidden
    }
}

@media (min-width:1450px) {
    .pf-m-toggle-group.pf-m-show-on-2xl {
        --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer)
    }

    .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
    .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
        -webkit-box-flex: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        visibility: visible
    }

    .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__toggle {
        display: none;
        visibility: hidden
    }
}

.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right,
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right {
    margin-left: auto
}

.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left,
.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right~.pf-m-pagination,
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left,
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right~.pf-m-pagination {
    margin-left: 0
}

.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left~.pf-m-pagination,
.pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left~.pf-m-pagination {
    margin-left: auto
}

.pf-c-toolbar .pf-c-toolbar__group.pf-m-hidden,
.pf-c-toolbar .pf-c-toolbar__item.pf-m-hidden {
    display: none;
    visibility: hidden
}

.pf-c-toolbar .pf-c-toolbar__group.pf-m-visible,
.pf-c-toolbar .pf-c-toolbar__item.pf-m-visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible
}

.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap,
.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap,
.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:576px) {

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm {
        margin-left: auto
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm,
    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm~.pf-m-pagination,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm~.pf-m-pagination {
        margin-left: 0
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm~.pf-m-pagination,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm~.pf-m-pagination {
        margin-left: auto
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-hidden-on-sm,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-hidden-on-sm {
        display: none;
        visibility: hidden
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-visible-on-sm,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-visible-on-sm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        visibility: visible
    }

    .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
    .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
    .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:768px) {

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md {
        margin-left: auto
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md,
    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md~.pf-m-pagination,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md~.pf-m-pagination {
        margin-left: 0
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md~.pf-m-pagination,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md~.pf-m-pagination {
        margin-left: auto
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-hidden-on-md,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-hidden-on-md {
        display: none;
        visibility: hidden
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-visible-on-md,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-visible-on-md {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        visibility: visible
    }

    .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
    .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
    .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:992px) {

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg {
        margin-left: auto
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg,
    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg~.pf-m-pagination,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg~.pf-m-pagination {
        margin-left: 0
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg~.pf-m-pagination,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg~.pf-m-pagination {
        margin-left: auto
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-hidden-on-lg,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-hidden-on-lg {
        display: none;
        visibility: hidden
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-visible-on-lg,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-visible-on-lg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        visibility: visible
    }

    .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
    .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
    .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:1200px) {

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl {
        margin-left: auto
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl,
    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl~.pf-m-pagination,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl~.pf-m-pagination {
        margin-left: 0
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl~.pf-m-pagination,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl~.pf-m-pagination {
        margin-left: auto
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-hidden-on-xl,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-hidden-on-xl {
        display: none;
        visibility: hidden
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-visible-on-xl,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-visible-on-xl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        visibility: visible
    }

    .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
    .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
    .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:1450px) {

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl {
        margin-left: auto
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl,
    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl~.pf-m-pagination,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl~.pf-m-pagination {
        margin-left: 0
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl~.pf-m-pagination,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl~.pf-m-pagination {
        margin-left: auto
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-hidden-on-2xl,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-hidden-on-2xl {
        display: none;
        visibility: hidden
    }

    .pf-c-toolbar .pf-c-toolbar__group.pf-m-visible-on-2xl,
    .pf-c-toolbar .pf-c-toolbar__item.pf-m-visible-on-2xl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        visibility: visible
    }

    .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
    .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
    .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.pf-c-toolbar .pf-m-space-items-none>*,
.pf-c-toolbar .pf-m-space-items-none>:last-child {
    --pf-c-toolbar--spacer: 0
}

.pf-c-toolbar .pf-m-space-items-sm>* {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--sm)
}

.pf-c-toolbar .pf-m-space-items-sm>:last-child {
    --pf-c-toolbar--spacer: 0
}

.pf-c-toolbar .pf-m-space-items-md>* {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--md)
}

.pf-c-toolbar .pf-m-space-items-md>:last-child {
    --pf-c-toolbar--spacer: 0
}

.pf-c-toolbar .pf-m-space-items-lg>* {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--lg)
}

.pf-c-toolbar .pf-m-space-items-lg>:last-child {
    --pf-c-toolbar--spacer: 0
}

@media (min-width:576px) {

    .pf-c-toolbar .pf-m-space-items-none-on-sm>*,
    .pf-c-toolbar .pf-m-space-items-none-on-sm>:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-space-items-sm-on-sm>* {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--sm)
    }

    .pf-c-toolbar .pf-m-space-items-sm-on-sm>:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-space-items-md-on-sm>* {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--md)
    }

    .pf-c-toolbar .pf-m-space-items-md-on-sm>:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-space-items-lg-on-sm>* {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--lg)
    }

    .pf-c-toolbar .pf-m-space-items-lg-on-sm>:last-child {
        --pf-c-toolbar--spacer: 0
    }
}

@media (min-width:768px) {

    .pf-c-toolbar .pf-m-space-items-none-on-md>*,
    .pf-c-toolbar .pf-m-space-items-none-on-md>:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-space-items-sm-on-md>* {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--sm)
    }

    .pf-c-toolbar .pf-m-space-items-sm-on-md>:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-space-items-md-on-md>* {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--md)
    }

    .pf-c-toolbar .pf-m-space-items-md-on-md>:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-space-items-lg-on-md>* {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--lg)
    }

    .pf-c-toolbar .pf-m-space-items-lg-on-md>:last-child {
        --pf-c-toolbar--spacer: 0
    }
}

@media (min-width:992px) {

    .pf-c-toolbar .pf-m-space-items-none-on-lg>*,
    .pf-c-toolbar .pf-m-space-items-none-on-lg>:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-space-items-sm-on-lg>* {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--sm)
    }

    .pf-c-toolbar .pf-m-space-items-sm-on-lg>:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-space-items-md-on-lg>* {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--md)
    }

    .pf-c-toolbar .pf-m-space-items-md-on-lg>:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-space-items-lg-on-lg>* {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--lg)
    }

    .pf-c-toolbar .pf-m-space-items-lg-on-lg>:last-child {
        --pf-c-toolbar--spacer: 0
    }
}

@media (min-width:1200px) {

    .pf-c-toolbar .pf-m-space-items-none-on-xl>*,
    .pf-c-toolbar .pf-m-space-items-none-on-xl>:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-space-items-sm-on-xl>* {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--sm)
    }

    .pf-c-toolbar .pf-m-space-items-sm-on-xl>:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-space-items-md-on-xl>* {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--md)
    }

    .pf-c-toolbar .pf-m-space-items-md-on-xl>:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-space-items-lg-on-xl>* {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--lg)
    }

    .pf-c-toolbar .pf-m-space-items-lg-on-xl>:last-child {
        --pf-c-toolbar--spacer: 0
    }
}

@media (min-width:1450px) {

    .pf-c-toolbar .pf-m-space-items-none-on-2xl>*,
    .pf-c-toolbar .pf-m-space-items-none-on-2xl>:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-space-items-sm-on-2xl>* {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--sm)
    }

    .pf-c-toolbar .pf-m-space-items-sm-on-2xl>:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-space-items-md-on-2xl>* {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--md)
    }

    .pf-c-toolbar .pf-m-space-items-md-on-2xl>:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-space-items-lg-on-2xl>* {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--lg)
    }

    .pf-c-toolbar .pf-m-space-items-lg-on-2xl>:last-child {
        --pf-c-toolbar--spacer: 0
    }
}

.pf-c-toolbar .pf-m-spacer-none,
.pf-c-toolbar .pf-m-spacer-none:last-child {
    --pf-c-toolbar--spacer: 0
}

.pf-c-toolbar .pf-m-spacer-sm,
.pf-c-toolbar .pf-m-spacer-sm:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--sm)
}

.pf-c-toolbar .pf-m-spacer-md,
.pf-c-toolbar .pf-m-spacer-md:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--md)
}

.pf-c-toolbar .pf-m-spacer-lg,
.pf-c-toolbar .pf-m-spacer-lg:last-child {
    --pf-c-toolbar--spacer: var(--pf-global--spacer--lg)
}

@media (min-width:576px) {

    .pf-c-toolbar .pf-m-spacer-none-on-sm,
    .pf-c-toolbar .pf-m-spacer-none-on-sm:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-spacer-sm-on-sm,
    .pf-c-toolbar .pf-m-spacer-sm-on-sm:last-child {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--sm)
    }

    .pf-c-toolbar .pf-m-spacer-md-on-sm,
    .pf-c-toolbar .pf-m-spacer-md-on-sm:last-child {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--md)
    }

    .pf-c-toolbar .pf-m-spacer-lg-on-sm,
    .pf-c-toolbar .pf-m-spacer-lg-on-sm:last-child {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--lg)
    }
}

@media (min-width:768px) {

    .pf-c-toolbar .pf-m-spacer-none-on-md,
    .pf-c-toolbar .pf-m-spacer-none-on-md:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-spacer-sm-on-md,
    .pf-c-toolbar .pf-m-spacer-sm-on-md:last-child {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--sm)
    }

    .pf-c-toolbar .pf-m-spacer-md-on-md,
    .pf-c-toolbar .pf-m-spacer-md-on-md:last-child {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--md)
    }

    .pf-c-toolbar .pf-m-spacer-lg-on-md,
    .pf-c-toolbar .pf-m-spacer-lg-on-md:last-child {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--lg)
    }
}

@media (min-width:992px) {

    .pf-c-toolbar .pf-m-spacer-none-on-lg,
    .pf-c-toolbar .pf-m-spacer-none-on-lg:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-spacer-sm-on-lg,
    .pf-c-toolbar .pf-m-spacer-sm-on-lg:last-child {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--sm)
    }

    .pf-c-toolbar .pf-m-spacer-md-on-lg,
    .pf-c-toolbar .pf-m-spacer-md-on-lg:last-child {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--md)
    }

    .pf-c-toolbar .pf-m-spacer-lg-on-lg,
    .pf-c-toolbar .pf-m-spacer-lg-on-lg:last-child {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--lg)
    }
}

@media (min-width:1200px) {

    .pf-c-toolbar .pf-m-spacer-none-on-xl,
    .pf-c-toolbar .pf-m-spacer-none-on-xl:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-spacer-sm-on-xl,
    .pf-c-toolbar .pf-m-spacer-sm-on-xl:last-child {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--sm)
    }

    .pf-c-toolbar .pf-m-spacer-md-on-xl,
    .pf-c-toolbar .pf-m-spacer-md-on-xl:last-child {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--md)
    }

    .pf-c-toolbar .pf-m-spacer-lg-on-xl,
    .pf-c-toolbar .pf-m-spacer-lg-on-xl:last-child {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--lg)
    }
}

@media (min-width:1450px) {

    .pf-c-toolbar .pf-m-spacer-none-on-2xl,
    .pf-c-toolbar .pf-m-spacer-none-on-2xl:last-child {
        --pf-c-toolbar--spacer: 0
    }

    .pf-c-toolbar .pf-m-spacer-sm-on-2xl,
    .pf-c-toolbar .pf-m-spacer-sm-on-2xl:last-child {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--sm)
    }

    .pf-c-toolbar .pf-m-spacer-md-on-2xl,
    .pf-c-toolbar .pf-m-spacer-md-on-2xl:last-child {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--md)
    }

    .pf-c-toolbar .pf-m-spacer-lg-on-2xl,
    .pf-c-toolbar .pf-m-spacer-lg-on-2xl:last-child {
        --pf-c-toolbar--spacer: var(--pf-global--spacer--lg)
    }
}

.pf-c-toolbar.pf-m-inset-none {
    --pf-c-toolbar--inset: 0;
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
}

.pf-c-toolbar.pf-m-inset-sm {
    --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
}

.pf-c-toolbar.pf-m-inset-md {
    --pf-c-toolbar--inset: var(--pf-global--spacer--md);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
}

.pf-c-toolbar.pf-m-inset-lg {
    --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
}

.pf-c-toolbar.pf-m-inset-xl {
    --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
}

.pf-c-toolbar.pf-m-inset-2xl {
    --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
}

@media (min-width:576px) {
    .pf-c-toolbar.pf-m-inset-none-on-sm {
        --pf-c-toolbar--inset: 0;
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-sm-on-sm {
        --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-md-on-sm {
        --pf-c-toolbar--inset: var(--pf-global--spacer--md);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-lg-on-sm {
        --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-xl-on-sm {
        --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-2xl-on-sm {
        --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }
}

@media (min-width:768px) {
    .pf-c-toolbar.pf-m-inset-none-on-md {
        --pf-c-toolbar--inset: 0;
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-sm-on-md {
        --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-md-on-md {
        --pf-c-toolbar--inset: var(--pf-global--spacer--md);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-lg-on-md {
        --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-xl-on-md {
        --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-2xl-on-md {
        --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }
}

@media (min-width:992px) {
    .pf-c-toolbar.pf-m-inset-none-on-lg {
        --pf-c-toolbar--inset: 0;
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-sm-on-lg {
        --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-md-on-lg {
        --pf-c-toolbar--inset: var(--pf-global--spacer--md);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-lg-on-lg {
        --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-xl-on-lg {
        --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-2xl-on-lg {
        --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }
}

@media (min-width:1200px) {
    .pf-c-toolbar.pf-m-inset-none-on-xl {
        --pf-c-toolbar--inset: 0;
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-sm-on-xl {
        --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-md-on-xl {
        --pf-c-toolbar--inset: var(--pf-global--spacer--md);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-lg-on-xl {
        --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-xl-on-xl {
        --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-2xl-on-xl {
        --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }
}

@media (min-width:1450px) {
    .pf-c-toolbar.pf-m-inset-none-on-2xl {
        --pf-c-toolbar--inset: 0;
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-sm-on-2xl {
        --pf-c-toolbar--inset: var(--pf-global--spacer--sm);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-md-on-2xl {
        --pf-c-toolbar--inset: var(--pf-global--spacer--md);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-lg-on-2xl {
        --pf-c-toolbar--inset: var(--pf-global--spacer--lg);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-xl-on-2xl {
        --pf-c-toolbar--inset: var(--pf-global--spacer--xl);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }

    .pf-c-toolbar.pf-m-inset-2xl-on-2xl {
        --pf-c-toolbar--inset: var(--pf-global--spacer--2xl);
        --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--inset);
        --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--inset)
    }
}

.pf-c-toolbar__content-section>:last-child {
    --pf-c-toolbar--spacer: 0
}

.pf-c-date-picker {
    --pf-c-date-picker--m-top__calendar--Top: 0;
    --pf-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
    --pf-c-date-picker__helper-text--MarginTop: var(--pf-global--spacer--xs);
    --pf-c-date-picker__helper-text--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-date-picker__helper-text--Color: var(--pf-global--Color--100);
    --pf-c-date-picker__helper-text--m-error--Color: var(--pf-global--danger-color--100);
    --pf-c-date-picker__input--c-form-control--Width: calc(var(--pf-c-date-picker__input--c-form-control--width-chars)*1ch + var(--pf-c-date-picker__input--c-form-control--width-base));
    --pf-c-date-picker__input--c-form-control--width-base: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
    --pf-c-date-picker__input--c-form-control--width-chars: 10;
    --pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-date-picker__calendar--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-date-picker__calendar--ZIndex: var(--pf-global--ZIndex--sm);
    --pf-c-date-picker__calendar--Top: calc(100% + var(--pf-global--spacer--xs));
    --pf-c-date-picker__calendar--Right: auto;
    --pf-c-date-picker__calendar--Left: 0;
    --pf-c-date-picker__calendar--m-align-right--Right: 0;
    --pf-c-date-picker__calendar--m-align-right--Left: auto;
    display: inline-block;
    position: relative
}

.pf-c-date-picker__helper-text {
    color: var(--pf-c-date-picker__helper-text--Color);
    font-size: var(--pf-c-date-picker__helper-text--FontSize);
    margin-top: var(--pf-c-date-picker__helper-text--MarginTop)
}

.pf-c-date-picker__helper-text.pf-m-error {
    --pf-c-date-picker__helper-text--Color: var(--pf-c-date-picker__helper-text--m-error--Color)
}

.pf-c-date-picker__input .pf-c-form-control {
    width: var(--pf-c-date-picker__input--c-form-control--Width)
}

.pf-c-date-picker__calendar {
    background-color: var(--pf-c-date-picker__calendar--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-date-picker__calendar--BoxShadow);
    box-shadow: var(--pf-c-date-picker__calendar--BoxShadow);
    left: var(--pf-c-date-picker__calendar--Left);
    position: absolute;
    right: var(--pf-c-date-picker__calendar--Right);
    top: var(--pf-c-date-picker__calendar--Top);
    z-index: var(--pf-c-date-picker__calendar--ZIndex)
}

.pf-c-date-picker__calendar.pf-m-align-right {
    --pf-c-date-picker__calendar--Right: var(--pf-c-date-picker__calendar--m-align-right--Right);
    --pf-c-date-picker__calendar--Left: var(--pf-c-date-picker__calendar--m-align-right--Left)
}

.pf-c-date-picker.pf-m-top .pf-c-date-picker__calendar {
    --pf-c-date-picker__calendar--Top: var(--pf-c-date-picker--m-top__calendar--Top);
    -webkit-transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
    transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY))
}

.pf-c-divider {
    --pf-c-divider--Height: var(--pf-global--BorderWidth--sm);
    --pf-c-divider--BackgroundColor: var(--pf-global--BorderColor--100);
    --pf-c-divider--after--Height: var(--pf-c-divider--Height);
    --pf-c-divider--after--BackgroundColor: var(--pf-c-divider--BackgroundColor);
    --pf-c-divider--after--FlexBasis: 100%;
    --pf-c-divider--after--Inset: 0%;
    --pf-c-divider--m-vertical--after--FlexBasis: 100%;
    --pf-c-divider--m-vertical--after--Width: var(--pf-global--BorderWidth--sm);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: stretch;
    -ms-flex-negative: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    align-self: stretch;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: 100%
}

.pf-c-divider:after {
    -ms-flex-preferred-size: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset)*2);
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: var(--pf-c-divider--after--BackgroundColor);
    content: "";
    flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset)*2);
    height: var(--pf-c-divider--after--Height);
    justify-self: center
}

.pf-c-divider.pf-m-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: inherit;
    max-height: 100%;
    min-height: 100%;
    width: auto
}

.pf-c-divider.pf-m-vertical:after {
    -ms-flex-preferred-size: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
    flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
    width: var(--pf-c-divider--m-vertical--after--Width)
}

.pf-c-divider.pf-m-inset-none {
    --pf-c-divider--after--Inset: 0%
}

.pf-c-divider.pf-m-inset-xs {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--xs)
}

.pf-c-divider.pf-m-inset-sm {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--sm)
}

.pf-c-divider.pf-m-inset-md {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--md)
}

.pf-c-divider.pf-m-inset-lg {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--lg)
}

.pf-c-divider.pf-m-inset-xl {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--xl)
}

.pf-c-divider.pf-m-inset-2xl {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl)
}

.pf-c-divider.pf-m-inset-3xl {
    --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl)
}

@media (min-width:576px) {
    .pf-c-divider.pf-m-inset-none-on-sm {
        --pf-c-divider--after--Inset: 0%
    }

    .pf-c-divider.pf-m-inset-xs-on-sm {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--xs)
    }

    .pf-c-divider.pf-m-inset-sm-on-sm {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--sm)
    }

    .pf-c-divider.pf-m-inset-md-on-sm {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--md)
    }

    .pf-c-divider.pf-m-inset-lg-on-sm {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--lg)
    }

    .pf-c-divider.pf-m-inset-xl-on-sm {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--xl)
    }

    .pf-c-divider.pf-m-inset-2xl-on-sm {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl)
    }

    .pf-c-divider.pf-m-inset-3xl-on-sm {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl)
    }
}

@media (min-width:768px) {
    .pf-c-divider.pf-m-inset-none-on-md {
        --pf-c-divider--after--Inset: 0%
    }

    .pf-c-divider.pf-m-inset-xs-on-md {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--xs)
    }

    .pf-c-divider.pf-m-inset-sm-on-md {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--sm)
    }

    .pf-c-divider.pf-m-inset-md-on-md {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--md)
    }

    .pf-c-divider.pf-m-inset-lg-on-md {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--lg)
    }

    .pf-c-divider.pf-m-inset-xl-on-md {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--xl)
    }

    .pf-c-divider.pf-m-inset-2xl-on-md {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl)
    }

    .pf-c-divider.pf-m-inset-3xl-on-md {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl)
    }
}

@media (min-width:992px) {
    .pf-c-divider.pf-m-inset-none-on-lg {
        --pf-c-divider--after--Inset: 0%
    }

    .pf-c-divider.pf-m-inset-xs-on-lg {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--xs)
    }

    .pf-c-divider.pf-m-inset-sm-on-lg {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--sm)
    }

    .pf-c-divider.pf-m-inset-md-on-lg {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--md)
    }

    .pf-c-divider.pf-m-inset-lg-on-lg {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--lg)
    }

    .pf-c-divider.pf-m-inset-xl-on-lg {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--xl)
    }

    .pf-c-divider.pf-m-inset-2xl-on-lg {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl)
    }

    .pf-c-divider.pf-m-inset-3xl-on-lg {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl)
    }
}

@media (min-width:1200px) {
    .pf-c-divider.pf-m-inset-none-on-xl {
        --pf-c-divider--after--Inset: 0%
    }

    .pf-c-divider.pf-m-inset-xs-on-xl {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--xs)
    }

    .pf-c-divider.pf-m-inset-sm-on-xl {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--sm)
    }

    .pf-c-divider.pf-m-inset-md-on-xl {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--md)
    }

    .pf-c-divider.pf-m-inset-lg-on-xl {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--lg)
    }

    .pf-c-divider.pf-m-inset-xl-on-xl {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--xl)
    }

    .pf-c-divider.pf-m-inset-2xl-on-xl {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl)
    }

    .pf-c-divider.pf-m-inset-3xl-on-xl {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl)
    }
}

@media (min-width:1450px) {
    .pf-c-divider.pf-m-inset-none-on-2xl {
        --pf-c-divider--after--Inset: 0%
    }

    .pf-c-divider.pf-m-inset-xs-on-2xl {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--xs)
    }

    .pf-c-divider.pf-m-inset-sm-on-2xl {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--sm)
    }

    .pf-c-divider.pf-m-inset-md-on-2xl {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--md)
    }

    .pf-c-divider.pf-m-inset-lg-on-2xl {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--lg)
    }

    .pf-c-divider.pf-m-inset-xl-on-2xl {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--xl)
    }

    .pf-c-divider.pf-m-inset-2xl-on-2xl {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--2xl)
    }

    .pf-c-divider.pf-m-inset-3xl-on-2xl {
        --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl)
    }
}

.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);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    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,
.pf-c-drawer.pf-m-static>.pf-c-drawer__main>.pf-c-drawer__panel {
    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 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    margin-right: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
    order: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.pf-c-drawer.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.pf-c-drawer.pf-m-panel-bottom>.pf-c-drawer__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.pf-c-drawer.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.pf-c-drawer.pf-m-expanded.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.pf-c-drawer.pf-m-expanded.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel {
    -webkit-transform: translateY(-100%);
    transform: translateY(-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 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    background-color: var(--pf-c-drawer__section--BackgroundColor);
    flex-grow: 0
}

.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 {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.pf-c-drawer__content,
.pf-c-drawer__panel,
.pf-c-drawer__panel-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-negative: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    overflow: auto
}

.pf-c-drawer__content {
    -ms-flex-preferred-size: var(--pf-c-drawer__content--FlexBasis);
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    background-color: var(--pf-c-drawer__content--BackgroundColor);
    flex-basis: var(--pf-c-drawer__content--FlexBasis);
    order: 0;
    z-index: var(--pf-c-drawer__content--ZIndex)
}

.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 {
    -ms-flex-preferred-size: var(--pf-c-drawer__panel--FlexBasis);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-overflow-scrolling: touch;
    background-color: var(--pf-c-drawer__panel--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-drawer__panel--BoxShadow);
    box-shadow: var(--pf-c-drawer__panel--BoxShadow);
    flex-basis: var(--pf-c-drawer__panel--FlexBasis);
    max-height: var(--pf-c-drawer__panel--MaxHeight);
    order: 1;
    overflow: auto;
    position: relative;
    -webkit-transition-duration: var(--pf-c-drawer__panel--TransitionDuration);
    transition-duration: var(--pf-c-drawer__panel--TransitionDuration);
    -webkit-transition-property: var(--pf-c-drawer__panel--TransitionProperty);
    transition-property: var(--pf-c-drawer__panel--TransitionProperty);
    z-index: var(--pf-c-drawer__panel--ZIndex)
}

.pf-c-drawer__panel:after {
    background-color: var(--pf-c-drawer__panel--after--BackgroundColor);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--pf-c-drawer__panel--after--Width)
}

.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 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@-webkit-keyframes pf-remove-tab-focus {
    to {
        visibility: hidden
    }
}

@keyframes pf-remove-tab-focus {
    to {
        visibility: hidden
    }
}

.pf-c-drawer__panel[hidden] {
    -webkit-animation-delay: var(--pf-c-drawer__panel--TransitionDuration);
    animation-delay: var(--pf-c-drawer__panel--TransitionDuration);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: pf-remove-tab-focus;
    animation-name: pf-remove-tab-focus
}

.pf-c-drawer__head {
    display: grid;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    grid-template-columns: auto
}

.pf-c-drawer__head>* {
    grid-column: 1
}

.pf-c-drawer__actions {
    align-self: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 2;
    grid-row: 1;
    margin-right: var(--pf-c-drawer__actions--MarginRight);
    margin-top: var(--pf-c-drawer__actions--MarginTop)
}

.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-right: 0;
    margin-top: 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 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.pf-c-drawer__body>.pf-c-page__main {
    min-height: 100%
}

.pf-c-drawer__splitter {
    background-color: var(--pf-c-drawer__splitter--BackgroundColor);
    cursor: var(--pf-c-drawer__splitter--Cursor);
    display: none;
    height: var(--pf-c-drawer__splitter--Height);
    position: relative;
    visibility: hidden;
    width: var(--pf-c-drawer__splitter--Width)
}

.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 {
    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);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-drawer__splitter-handle {
    left: var(--pf-c-drawer__splitter-handle--Left);
    position: absolute;
    top: var(--pf-c-drawer__splitter-handle--Top);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pf-c-drawer__splitter-handle:after {
    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);
    content: "";
    display: block;
    height: var(--pf-c-drawer__splitter-handle--after--Height);
    width: var(--pf-c-drawer__splitter-handle--after--Width)
}

@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 {
        -webkit-box-shadow: var(--pf-c-drawer--m-expanded__panel--BoxShadow);
        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);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: var(--pf-c-drawer__panel--m-resizable--FlexDirection);
        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 {
        height: 0;
        width: 0
    }

    .pf-c-drawer>.pf-c-drawer__main>.pf-c-drawer__panel.pf-m-resizable>.pf-c-drawer__splitter {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .pf-c-drawer>.pf-c-drawer__main>.pf-c-drawer__panel.pf-m-resizable>.pf-c-drawer__panel-main {
        -ms-flex-negative: 1;
        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,
    .pf-c-drawer.pf-m-panel-left.pf-m-static>.pf-c-drawer__main>.pf-c-drawer__panel {
        padding-left: 0;
        padding-right: var(--pf-c-drawer--m-panel-left--m-inline__panel--PaddingRight)
    }

    .pf-c-drawer.pf-m-panel-left.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel:after {
        left: auto;
        right: 0
    }

    .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);
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        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-height: var(--pf-c-drawer--m-panel-bottom__panel--md--MinHeight);
        min-width: auto
    }

    .pf-c-drawer.pf-m-panel-bottom.pf-m-inline>.pf-c-drawer__main>.pf-c-drawer__panel,
    .pf-c-drawer.pf-m-panel-bottom.pf-m-static>.pf-c-drawer__main>.pf-c-drawer__panel {
        padding-left: 0;
        padding-top: var(--pf-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop)
    }

    .pf-c-drawer.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel:after {
        height: var(--pf-c-drawer--m-panel-bottom__panel--after--Height);
        left: auto;
        top: 0;
        width: 100%
    }

    .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-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel.pf-m-no-border,
    .pf-c-drawer>.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 {
        -ms-flex-negative: 1;
        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);
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    .pf-c-drawer.pf-m-inline.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-left: 0;
        -webkit-transform: translateX(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-left: 0;
        margin-right: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
        -webkit-transform: translateX(-100%);
        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;
        -webkit-transform: translateX(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);
        -webkit-transform: translateY(100%);
        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;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .pf-c-drawer.pf-m-static>.pf-c-drawer__main>.pf-c-drawer__panel {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-static.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-right: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-static.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel {
        -webkit-transform: translateX(0);
        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 {
        -ms-flex-negative: 1;
        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);
        -webkit-transform: translateX(100%);
        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;
        -webkit-transform: translateX(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-left: 0;
        margin-right: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
        -webkit-transform: translateX(-100%);
        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;
        -webkit-transform: translateX(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);
        -webkit-transform: translateY(100%);
        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;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .pf-c-drawer.pf-m-static-on-lg>.pf-c-drawer__main>.pf-c-drawer__panel {
        -webkit-transform: translateX(0);
        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;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-static-on-lg.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel {
        -webkit-transform: translateX(0);
        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 {
        -ms-flex-negative: 1;
        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);
        -webkit-transform: translateX(100%);
        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;
        -webkit-transform: translateX(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-left: 0;
        margin-right: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
        -webkit-transform: translateX(-100%);
        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;
        -webkit-transform: translateX(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);
        -webkit-transform: translateY(100%);
        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;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .pf-c-drawer.pf-m-static-on-xl>.pf-c-drawer__main>.pf-c-drawer__panel {
        -webkit-transform: translateX(0);
        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;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-static-on-xl.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel {
        -webkit-transform: translateX(0);
        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 {
        -ms-flex-negative: 1;
        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);
        -webkit-transform: translateX(100%);
        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;
        -webkit-transform: translateX(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-left: 0;
        margin-right: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
        -webkit-transform: translateX(-100%);
        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;
        -webkit-transform: translateX(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);
        -webkit-transform: translateY(100%);
        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;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .pf-c-drawer.pf-m-static-on-2xl>.pf-c-drawer__main>.pf-c-drawer__panel {
        -webkit-transform: translateX(0);
        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;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel {
        -webkit-transform: translateX(0);
        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
    }
}

.pf-c-dropdown {
    --pf-c-dropdown__toggle--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-dropdown__toggle--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-dropdown__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-dropdown__toggle--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-dropdown__toggle--MinWidth: 0;
    --pf-c-dropdown__toggle--FontSize: var(--pf-global--FontSize--md);
    --pf-c-dropdown__toggle--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-dropdown__toggle--Color: var(--pf-global--Color--100);
    --pf-c-dropdown__toggle--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-dropdown__toggle--BackgroundColor: transparent;
    --pf-c-dropdown__toggle--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-dropdown__toggle--before--BorderTopColor: var(--pf-global--BorderColor--300);
    --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-global--BorderColor--300);
    --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--200);
    --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-global--BorderColor--300);
    --pf-c-dropdown__toggle--hover--before--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-dropdown__toggle--active--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-dropdown__toggle--active--before--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-dropdown__toggle--focus--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-dropdown__toggle--focus--before--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
    --pf-c-dropdown__toggle--m-plain--Color: var(--pf-global--Color--200);
    --pf-c-dropdown__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
    --pf-c-dropdown__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
    --pf-c-dropdown__toggle--m-plain--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-dropdown__toggle--m-plain--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-dropdown__toggle--m-plain--child--LineHeight: normal;
    --pf-c-dropdown__toggle--m-primary--Color: var(--pf-global--Color--light-100);
    --pf-c-dropdown__toggle--m-primary--BorderRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--100);
    --pf-c-dropdown__toggle--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-dropdown__toggle--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-dropdown__toggle--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
    --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
    --pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(--pf-global--spacer--xs);
    --pf-c-dropdown__toggle--m-split-button--child--BackgroundColor: transparent;
    --pf-c-dropdown__toggle--m-split-button--first-child--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-dropdown__toggle--m-split-button--last-child--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-dropdown__toggle--m-split-button--m-action--child--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-dropdown__toggle--m-split-button--m-action--child--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight: calc(var(--pf-global--BorderWidth--sm)*-1);
    --pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY: -0.0625rem;
    --pf-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-dropdown__toggle-icon--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-dropdown__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
    --pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate: 180deg;
    --pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-dropdown__menu--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-dropdown__menu--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-dropdown__menu--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-dropdown__menu--Top: calc(100% + var(--pf-global--spacer--xs));
    --pf-c-dropdown__menu--ZIndex: var(--pf-global--ZIndex--sm);
    --pf-c-dropdown--m-top__menu--Top: 0;
    --pf-c-dropdown--m-top__menu--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
    --pf-c-dropdown__menu-item--BackgroundColor: transparent;
    --pf-c-dropdown__menu-item--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-dropdown__menu-item--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-dropdown__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-dropdown__menu-item--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-dropdown__menu-item--FontSize: var(--pf-global--FontSize--md);
    --pf-c-dropdown__menu-item--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-dropdown__menu-item--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-dropdown__menu-item--Color: var(--pf-global--Color--dark-100);
    --pf-c-dropdown__menu-item--hover--Color: var(--pf-global--Color--dark-100);
    --pf-c-dropdown__menu-item--disabled--Color: var(--pf-global--Color--dark-200);
    --pf-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-dropdown__menu-item--disabled--BackgroundColor: transparent;
    --pf-c-dropdown__menu-item--m-text--Color: var(--pf-global--Color--dark-200);
    --pf-c-dropdown__menu-item-icon--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-dropdown__menu-item-icon--Width: var(--pf-global--icon--FontSize--lg);
    --pf-c-dropdown__menu-item-icon--Height: var(--pf-global--icon--FontSize--lg);
    --pf-c-dropdown__menu-item-description--FontSize: var(--pf-global--FontSize--xs);
    --pf-c-dropdown__menu-item-description--Color: var(--pf-global--Color--dark-200);
    --pf-c-dropdown__group--group--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-dropdown__group-title--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-dropdown__group-title--PaddingRight: var(--pf-c-dropdown__menu-item--PaddingRight);
    --pf-c-dropdown__group-title--PaddingBottom: var(--pf-c-dropdown__menu-item--PaddingBottom);
    --pf-c-dropdown__group-title--PaddingLeft: var(--pf-c-dropdown__menu-item--PaddingLeft);
    --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
    --pf-c-dropdown__group-title--Color: var(--pf-global--Color--dark-200);
    --pf-c-dropdown__toggle-image--MarginTop: var(--pf-global--spacer--xs);
    --pf-c-dropdown__toggle-image--MarginBottom: var(--pf-global--spacer--xs);
    --pf-c-dropdown__toggle-image--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-dropdown--c-divider--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-dropdown--c-divider--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft: var(--pf-global--spacer--xs);
    --pf-c-dropdown__toggle--c-badge__toggle-icon--MarginRight: 0;
    --pf-c-dropdown--c-menu--Top: calc(100% + var(--pf-global--spacer--xs));
    --pf-c-dropdown--c-menu--ZIndex: var(--pf-global--ZIndex--sm);
    --pf-c-dropdown--m-top--c-menu--Top: 0;
    --pf-c-dropdown--m-top--c-menu--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
    display: inline-block;
    max-width: 100%;
    position: relative
}

.pf-c-dropdown .pf-c-divider {
    margin-bottom: var(--pf-c-dropdown--c-divider--MarginBottom);
    margin-top: var(--pf-c-dropdown--c-divider--MarginTop)
}

.pf-c-dropdown .pf-c-divider:last-child {
    --pf-c-dropdown--c-divider--MarginBottom: 0
}

.pf-c-dropdown>.pf-c-menu {
    position: absolute;
    top: var(--pf-c-dropdown--c-menu--Top);
    z-index: var(--pf-c-dropdown--c-menu--ZIndex)
}

.pf-c-dropdown__toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: var(--pf-c-dropdown__toggle--BackgroundColor);
    border: none;
    color: var(--pf-c-dropdown__toggle--Color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--pf-c-dropdown__toggle--FontSize);
    font-weight: var(--pf-c-dropdown__toggle--FontWeight);
    justify-content: space-between;
    line-height: var(--pf-c-dropdown__toggle--LineHeight);
    max-width: 100%;
    min-width: var(--pf-c-dropdown__toggle--MinWidth);
    padding: var(--pf-c-dropdown__toggle--PaddingTop) var(--pf-c-dropdown__toggle--PaddingRight) var(--pf-c-dropdown__toggle--PaddingBottom) var(--pf-c-dropdown__toggle--PaddingLeft);
    position: relative
}

.pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:before,
.pf-c-dropdown__toggle:before {
    border: var(--pf-c-dropdown__toggle--before--BorderWidth) solid;
    border-color: var(--pf-c-dropdown__toggle--before--BorderTopColor) var(--pf-c-dropdown__toggle--before--BorderRightColor) var(--pf-c-dropdown__toggle--before--BorderBottomColor) var(--pf-c-dropdown__toggle--before--BorderLeftColor);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-dropdown__toggle.pf-m-disabled,
.pf-c-dropdown__toggle:disabled {
    pointer-events: none
}

.pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain),
.pf-c-dropdown__toggle:disabled:not(.pf-m-plain) {
    --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--disabled--BackgroundColor)
}

.pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain):before,
.pf-c-dropdown__toggle:disabled:not(.pf-m-plain):before {
    border: 0
}

.pf-c-dropdown__toggle.pf-m-split-button {
    padding: 0
}

.pf-c-dropdown__toggle.pf-m-split-button>* {
    background-color: var(--pf-c-dropdown__toggle--m-split-button--child--BackgroundColor);
    padding: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingTop) var(--pf-c-dropdown__toggle--m-split-button--child--PaddingRight) var(--pf-c-dropdown__toggle--m-split-button--child--PaddingBottom) var(--pf-c-dropdown__toggle--m-split-button--child--PaddingLeft);
    position: relative
}

.pf-c-dropdown__toggle.pf-m-split-button>:first-child {
    --pf-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(--pf-c-dropdown__toggle--m-split-button--first-child--PaddingLeft)
}

.pf-c-dropdown__toggle.pf-m-split-button>:last-child {
    --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-c-dropdown__toggle--m-split-button--last-child--PaddingRight)
}

.pf-c-dropdown__toggle.pf-m-split-button.pf-m-action {
    --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-c-dropdown__toggle--m-split-button--m-action--child--PaddingRight);
    --pf-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(--pf-c-dropdown__toggle--m-split-button--m-action--child--PaddingLeft)
}

.pf-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-c-dropdown__toggle-button {
    margin-right: var(--pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight)
}

.pf-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-c-dropdown__toggle-button:before {
    border-left: 0
}

.pf-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-c-dropdown__toggle-button:last-child {
    --pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight: 0
}

.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check,
.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check>input {
    cursor: pointer;
    -webkit-transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
    transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY))
}

.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
    border: 0;
    color: var(--pf-c-dropdown__toggle-button--Color)
}

.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
    margin-left: var(--pf-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft)
}

.pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:hover:before,
.pf-c-dropdown__toggle:not(.pf-m-action):hover:before {
    --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--hover--before--BorderBottomColor)
}

.pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active:before,
.pf-c-dropdown__toggle:not(.pf-m-action).pf-m-active:before,
.pf-c-dropdown__toggle:not(.pf-m-action):active:before {
    --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
    border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth)
}

.pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:focus:before,
.pf-c-dropdown__toggle:not(.pf-m-action):focus:before {
    --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--focus--before--BorderBottomColor);
    border-bottom-width: var(--pf-c-dropdown__toggle--focus--before--BorderBottomWidth)
}

.pf-m-expanded>.pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:before,
.pf-m-expanded>.pf-c-dropdown__toggle:not(.pf-m-action):before {
    --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
    border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth)
}

.pf-c-dropdown__toggle.pf-m-plain {
    --pf-c-dropdown__toggle--PaddingRight: var(--pf-c-dropdown__toggle--m-plain--PaddingRight);
    --pf-c-dropdown__toggle--PaddingLeft: var(--pf-c-dropdown__toggle--m-plain--PaddingLeft);
    color: var(--pf-c-dropdown__toggle--m-plain--Color);
    display: inline-block
}

.pf-c-dropdown__toggle.pf-m-plain>* {
    line-height: var(--pf-c-dropdown__toggle--m-plain--child--LineHeight)
}

.pf-c-dropdown__toggle.pf-m-plain:before {
    border: 0
}

.pf-c-dropdown__toggle.pf-m-plain.pf-m-active,
.pf-c-dropdown__toggle.pf-m-plain:active,
.pf-c-dropdown__toggle.pf-m-plain:focus,
.pf-c-dropdown__toggle.pf-m-plain:hover,
.pf-m-expanded>.pf-c-dropdown__toggle.pf-m-plain {
    --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--hover--Color)
}

.pf-c-dropdown__toggle.pf-m-plain.pf-m-disabled,
.pf-c-dropdown__toggle.pf-m-plain:disabled {
    --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color)
}

.pf-c-dropdown__toggle.pf-m-primary {
    --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
    --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
    border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius)
}

.pf-c-dropdown__toggle.pf-m-primary:before {
    border: 0
}

.pf-c-dropdown__toggle.pf-m-primary:hover {
    --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--hover--BackgroundColor)
}

.pf-c-dropdown__toggle.pf-m-primary.pf-m-active,
.pf-c-dropdown__toggle.pf-m-primary:active {
    --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor)
}

.pf-c-dropdown__toggle.pf-m-primary:focus {
    --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--focus--BackgroundColor)
}

.pf-m-expanded>.pf-c-dropdown__toggle.pf-m-primary {
    --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor)
}

.pf-c-dropdown__toggle>.pf-c-badge {
    --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft);
    --pf-c-dropdown__toggle-icon--MarginRight: var(--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginRight)
}

.pf-c-dropdown__toggle .pf-c-dropdown__toggle-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-dropdown__toggle-icon {
    line-height: var(--pf-c-dropdown__toggle-icon--LineHeight);
    margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft);
    margin-right: var(--pf-c-dropdown__toggle-icon--MarginRight)
}

.pf-c-dropdown.pf-m-top.pf-m-expanded .pf-c-dropdown__toggle-icon {
    -webkit-transform: rotate(var(--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate));
    transform: rotate(var(--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate))
}

.pf-c-dropdown__toggle-image {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: var(--pf-c-dropdown__toggle-image--MarginBottom);
    margin-right: var(--pf-c-dropdown__toggle-image--MarginRight);
    margin-top: var(--pf-c-dropdown__toggle-image--MarginTop)
}

.pf-c-dropdown__toggle-image:last-child {
    --pf-c-dropdown__toggle-image--MarginRight: 0
}

.pf-c-dropdown__menu {
    background: var(--pf-c-dropdown__menu--BackgroundColor);
    background-clip: padding-box;
    -webkit-box-shadow: var(--pf-c-dropdown__menu--BoxShadow);
    box-shadow: var(--pf-c-dropdown__menu--BoxShadow);
    min-width: 100%;
    padding-bottom: var(--pf-c-dropdown__menu--PaddingBottom);
    padding-top: var(--pf-c-dropdown__menu--PaddingTop);
    position: absolute;
    top: var(--pf-c-dropdown__menu--Top);
    z-index: var(--pf-c-dropdown__menu--ZIndex)
}

.pf-c-dropdown__menu.pf-m-align-right,
.pf-c-menu.pf-m-align-right {
    right: 0
}

.pf-c-dropdown__menu.pf-m-align-left,
.pf-c-menu.pf-m-align-left {
    right: auto
}

@media (min-width:576px) {

    .pf-c-dropdown__menu.pf-m-align-right-on-sm,
    .pf-c-menu.pf-m-align-right-on-sm {
        right: 0
    }

    .pf-c-dropdown__menu.pf-m-align-left-on-sm,
    .pf-c-menu.pf-m-align-left-on-sm {
        right: auto
    }
}

@media (min-width:768px) {

    .pf-c-dropdown__menu.pf-m-align-right-on-md,
    .pf-c-menu.pf-m-align-right-on-md {
        right: 0
    }

    .pf-c-dropdown__menu.pf-m-align-left-on-md,
    .pf-c-menu.pf-m-align-left-on-md {
        right: auto
    }
}

@media (min-width:992px) {

    .pf-c-dropdown__menu.pf-m-align-right-on-lg,
    .pf-c-menu.pf-m-align-right-on-lg {
        right: 0
    }

    .pf-c-dropdown__menu.pf-m-align-left-on-lg,
    .pf-c-menu.pf-m-align-left-on-lg {
        right: auto
    }
}

@media (min-width:1200px) {

    .pf-c-dropdown__menu.pf-m-align-right-on-xl,
    .pf-c-menu.pf-m-align-right-on-xl {
        right: 0
    }

    .pf-c-dropdown__menu.pf-m-align-left-on-xl,
    .pf-c-menu.pf-m-align-left-on-xl {
        right: auto
    }
}

@media (min-width:1450px) {

    .pf-c-dropdown__menu.pf-m-align-right-on-2xl,
    .pf-c-menu.pf-m-align-right-on-2xl {
        right: 0
    }

    .pf-c-dropdown__menu.pf-m-align-left-on-2xl,
    .pf-c-menu.pf-m-align-left-on-2xl {
        right: auto
    }
}

.pf-c-dropdown.pf-m-top .pf-c-dropdown__menu {
    --pf-c-dropdown__menu--Top: var(--pf-c-dropdown--m-top__menu--Top);
    -webkit-transform: translateY(var(--pf-c-dropdown--m-top__menu--TranslateY));
    transform: translateY(var(--pf-c-dropdown--m-top__menu--TranslateY))
}

.pf-c-dropdown.pf-m-top>.pf-c-menu {
    --pf-c-dropdown--c-menu--Top: var(--pf-c-dropdown--m-top--c-menu--Top);
    -webkit-transform: translateY(var(--pf-c-dropdown--m-top--c-menu--TranslateY));
    transform: translateY(var(--pf-c-dropdown--m-top--c-menu--TranslateY))
}

.pf-c-dropdown__menu-item {
    background-color: var(--pf-c-dropdown__menu-item--BackgroundColor);
    border: none;
    color: var(--pf-c-dropdown__menu-item--Color);
    display: block;
    font-size: var(--pf-c-dropdown__menu-item--FontSize);
    font-weight: var(--pf-c-dropdown__menu-item--FontWeight);
    line-height: var(--pf-c-dropdown__menu-item--LineHeight);
    padding: var(--pf-c-dropdown__menu-item--PaddingTop) var(--pf-c-dropdown__menu-item--PaddingRight) var(--pf-c-dropdown__menu-item--PaddingBottom) var(--pf-c-dropdown__menu-item--PaddingLeft);
    text-align: left;
    white-space: nowrap;
    width: 100%
}

.pf-c-dropdown__menu-item:focus,
.pf-c-dropdown__menu-item:hover {
    --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--hover--Color);
    --pf-c-dropdown__menu-item--BackgroundColor: var(--pf-c-dropdown__menu-item--hover--BackgroundColor);
    text-decoration: none
}

.pf-c-dropdown__menu-item.pf-m-aria-disabled,
.pf-c-dropdown__menu-item.pf-m-disabled,
.pf-c-dropdown__menu-item:disabled {
    --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--disabled--Color);
    --pf-c-dropdown__menu-item--BackgroundColor: var(--pf-c-dropdown__menu-item--disabled--BackgroundColor)
}

.pf-c-dropdown__menu-item.pf-m-disabled,
.pf-c-dropdown__menu-item:disabled {
    pointer-events: none
}

.pf-c-dropdown__menu-item.pf-m-aria-disabled {
    cursor: default
}

.pf-c-dropdown__menu-item.pf-m-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-dropdown__menu-item.pf-m-icon.pf-m-description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-direction: column;
    flex-direction: column
}

.pf-c-dropdown__menu-item.pf-m-icon .pf-c-dropdown__menu-item-main {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-dropdown__menu-item.pf-m-text {
    --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--m-text--Color)
}

.pf-c-dropdown__menu-item.pf-m-text:focus,
.pf-c-dropdown__menu-item.pf-m-text:hover {
    --pf-c-dropdown__menu-item--BackgroundColor: transparent
}

.pf-c-dropdown__menu-item-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: var(--pf-c-dropdown__menu-item-icon--Height);
    justify-content: center;
    margin-right: var(--pf-c-dropdown__menu-item-icon--MarginRight);
    width: var(--pf-c-dropdown__menu-item-icon--Width)
}

.pf-c-dropdown__menu-item-icon>* {
    max-height: 100%;
    max-width: 100%
}

.pf-c-dropdown__menu-item-description {
    color: var(--pf-c-dropdown__menu-item-description--Color);
    font-size: var(--pf-c-dropdown__menu-item-description--FontSize)
}

.pf-c-dropdown__group+.pf-c-dropdown__group {
    padding-top: var(--pf-c-dropdown__group--group--PaddingTop)
}

.pf-c-dropdown__group-title {
    color: var(--pf-c-dropdown__group-title--Color);
    font-size: var(--pf-c-dropdown__group-title--FontSize);
    font-weight: var(--pf-c-dropdown__group-title--FontWeight);
    padding: var(--pf-c-dropdown__group-title--PaddingTop) var(--pf-c-dropdown__group-title--PaddingRight) var(--pf-c-dropdown__group-title--PaddingBottom) var(--pf-c-dropdown__group-title--PaddingLeft)
}

.pf-c-empty-state {
    --pf-c-empty-state--PaddingTop: var(--pf-global--spacer--xl);
    --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
    --pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
    --pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
    --pf-c-empty-state__content--MaxWidth: none;
    --pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
    --pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
    --pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
    --pf-c-empty-state__content--c-title--m-lg--FontSize: var(--pf-global--FontSize--xl);
    --pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
    --pf-c-empty-state__body--Color: var(--pf-global--Color--200);
    --pf-c-empty-state__primary--MarginTop: var(--pf-global--spacer--xl);
    --pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
    --pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs)/2);
    --pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
    --pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs)/2);
    --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
    --pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
    --pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
    --pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
    --pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
    --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
    --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
    --pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
    --pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
    --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
    --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
    --pf-c-empty-state--m-xl--c-button__secondary--MarginTop: var(--pf-global--spacer--md);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: var(--pf-c-empty-state--PaddingTop) var(--pf-c-empty-state--PaddingRight) var(--pf-c-empty-state--PaddingBottom) var(--pf-c-empty-state--PaddingLeft);
    text-align: center
}

.pf-c-empty-state.pf-m-xs {
    --pf-c-empty-state--PaddingTop: var(--pf-c-empty-state--m-xs--PaddingTop);
    --pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
    --pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
    --pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
    --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
    --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
    --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
    --pf-c-empty-state__primary--MarginTop: var(--pf-c-empty-state--m-xs__primary--MarginTop);
    --pf-c-empty-state__secondary--MarginTop: var(--pf-c-empty-state--m-xs__secondary--MarginTop)
}

.pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
    font-size: var(--pf-c-empty-state--m-xs__body--FontSize)
}

.pf-c-empty-state.pf-m-xs .pf-c-button {
    --pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize)
}

.pf-c-empty-state.pf-m-sm {
    --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth)
}

.pf-c-empty-state.pf-m-lg {
    --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-lg__content--MaxWidth)
}

.pf-c-empty-state.pf-m-xl {
    --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
    --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
    --pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
    --pf-c-empty-state--c-button__secondary--MarginTop: var(--pf-c-empty-state--m-xl--c-button__secondary--MarginTop)
}

.pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
    font-size: var(--pf-c-empty-state--m-xl__body--FontSize)
}

.pf-c-empty-state.pf-m-full-height {
    height: 100%
}

.pf-c-empty-state__content {
    max-width: var(--pf-c-empty-state__content--MaxWidth)
}

.pf-c-empty-state__content>.pf-c-title.pf-m-lg {
    font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize)
}

.pf-c-empty-state__icon {
    color: var(--pf-c-empty-state__icon--Color);
    font-size: var(--pf-c-empty-state__icon--FontSize);
    margin-bottom: var(--pf-c-empty-state__icon--MarginBottom)
}

.pf-c-empty-state__body {
    color: var(--pf-c-empty-state__body--Color);
    margin-top: var(--pf-c-empty-state__body--MarginTop)
}

.pf-c-empty-state__content>.pf-c-button.pf-m-primary,
.pf-c-empty-state__primary {
    margin-top: var(--pf-c-empty-state__primary--MarginTop)
}

.pf-c-empty-state__content>.pf-c-button.pf-m-primary+.pf-c-empty-state__secondary,
.pf-c-empty-state__primary+.pf-c-empty-state__secondary {
    margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop)
}

.pf-c-empty-state__secondary {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
    margin-top: var(--pf-c-empty-state__secondary--MarginTop)
}

.pf-c-empty-state__secondary>* {
    margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
    margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
    margin-right: var(--pf-c-empty-state__secondary--child--MarginRight)
}

.pf-m-overpass-font .pf-c-empty-state .pf-c-empty-state__content>.pf-c-title.pf-m-lg {
    font-size: var(--pf-global--FontSize--lg)
}

.pf-c-expandable-section {
    --pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-expandable-section__toggle--PaddingLeft: 0;
    --pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
    --pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
    --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
    --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
    --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
    --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
    --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
    --pf-c-expandable-section__toggle-icon--Rotate: 0;
    --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
    --pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
    --pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
    --pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
    --pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md)
}

.pf-c-expandable-section.pf-m-expanded {
    --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
    --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
    --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate)
}

.pf-c-expandable-section.pf-m-detached {
    --pf-c-expandable-section__content--MarginTop: 0
}

.pf-c-expandable-section__toggle {
    border: none;
    color: var(--pf-c-expandable-section__toggle--Color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft)
}

.pf-c-expandable-section__toggle:hover {
    --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color)
}

.pf-c-expandable-section__toggle.pf-m-active,
.pf-c-expandable-section__toggle:active {
    --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color)
}

.pf-c-expandable-section__toggle:focus {
    --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color)
}

.pf-c-expandable-section__toggle-icon {
    color: var(--pf-c-expandable-section__toggle-icon--Color);
    -webkit-transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
    transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
    -webkit-transition: var(--pf-c-expandable-section__toggle-icon--Transition);
    transition: var(--pf-c-expandable-section__toggle-icon--Transition)
}

.pf-c-expandable-section__toggle-icon.pf-m-expand-top {
    --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate)
}

.pf-c-expandable-section__toggle-text {
    margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft)
}

.pf-c-expandable-section__content {
    margin-top: var(--pf-c-expandable-section__content--MarginTop)
}

.pf-m-overpass-font .pf-c-expandable-section__toggle {
    font-weight: var(--pf-global--FontWeight--semi-bold)
}

.pf-c-file-upload {
    --pf-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-file-upload--m-loading__file-details--before--Left: var(--pf-global--BorderWidth--sm);
    --pf-c-file-upload--m-loading__file-details--before--Right: var(--pf-global--BorderWidth--sm);
    --pf-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-global--BorderWidth--sm);
    --pf-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-global--primary-color--100);
    --pf-c-file-upload--m-drag-hover--after--Opacity: .1;
    --pf-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-global--spacer--3xl)*2);
    --pf-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.pf-c-file-upload.pf-m-drag-hover:before {
    border: var(--pf-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-c-file-upload--m-drag-hover--before--BorderColor);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: var(--pf-c-file-upload--m-drag-hover--before--ZIndex)
}

.pf-c-file-upload.pf-m-drag-hover:after {
    background-color: var(--pf-c-file-upload--m-drag-hover--after--BackgroundColor);
    bottom: 0;
    content: "";
    left: 0;
    opacity: var(--pf-c-file-upload--m-drag-hover--after--Opacity);
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details {
    position: relative
}

.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details:before {
    background-color: var(--pf-c-file-upload--m-loading__file-details--before--BackgroundColor);
    bottom: var(--pf-c-file-upload--m-loading__file-details--before--Left);
    content: "";
    left: var(--pf-c-file-upload--m-loading__file-details--before--Left);
    position: absolute;
    right: var(--pf-c-file-upload--m-loading__file-details--before--Left);
    top: 0
}

.pf-c-file-upload__file-select .pf-c-button.pf-m-control {
    outline-offset: var(--pf-c-file-upload__file-select__c-button--m-control--OutlineOffset)
}

.pf-c-file-upload__file-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.pf-c-file-upload__file-details .pf-c-form-control {
    -webkit-box-flex: 1;
    border-top: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: var(--pf-c-file-upload__file-details__c-form-control--MinHeight)
}

.pf-c-file-upload__file-details-spinner {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.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: 31.25rem;
    --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-form__group-label--PaddingBottom: var(--pf-global--spacer--sm);
    --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-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-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-c-form__group-label--PaddingBottom: 0
}

.pf-c-form.pf-m-horizontal.pf-m-align-right .pf-c-form__label {
    text-align: right
}

@media (min-width:768px) {
    .pf-c-form.pf-m-horizontal .pf-c-form__group {
        grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
        display: grid;
        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: 0
    }

    .pf-c-form.pf-m-horizontal .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 {
    font-size: var(--pf-c-form__section-title--FontSize);
    font-weight: var(--pf-c-form__section-title--FontWeight);
    margin-bottom: var(--pf-c-form__section-title--MarginBottom)
}

.pf-c-form__group-label {
    --pf-c-form__helper-text--MarginTop: 0;
    padding-bottom: var(--pf-c-form__group-label--PaddingBottom)
}

.pf-c-form__label {
    font-size: var(--pf-c-form__label--FontSize);
    line-height: var(--pf-c-form__label--LineHeight)
}

.pf-c-form__label::-moz-selection {
    background-color: none
}

.pf-c-form__label::selection {
    background-color: none
}

.pf-c-form__label:not(.pf-m-disabled):hover {
    cursor: pointer
}

.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: not-allowed
}

.pf-c-form__label-text {
    font-weight: var(--pf-c-form__label-text--FontWeight)
}

.pf-c-form__label-required {
    color: var(--pf-c-form__label-required--Color);
    font-size: var(--pf-c-form__label-required--FontSize);
    margin-left: var(--pf-c-form__label-required--MarginLeft)
}

.pf-c-form__group-label-help {
    border: 0;
    color: var(--pf-c-form__group-label-help--Color);
    font-size: var(--pf-c-form__group-label-help--FontSize);
    line-height: 1;
    margin: var(--pf-c-form__group-label-help--MarginTop) var(--pf-c-form__group-label-help--MarginRight) var(--pf-c-form__group-label-help--MarginBottom) var(--pf-c-form__group-label-help--MarginLeft);
    padding: var(--pf-c-form__group-label-help--PaddingTop) var(--pf-c-form__group-label-help--PaddingRight) var(--pf-c-form__group-label-help--PaddingBottom) var(--pf-c-form__group-label-help--PaddingLeft);
    -webkit-transform: translateY(var(--pf-c-form__group-label-help--TranslateY));
    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 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    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 {
    --pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop);
    display: grid;
    gap: var(--pf-c-grid__group-control--m-stack--Gap)
}

.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 {
    color: var(--pf-c-form__helper-text--Color);
    font-size: var(--pf-c-form__helper-text--FontSize);
    margin-top: var(--pf-c-form__helper-text--MarginTop)
}

.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 {
    opacity: 0;
    visibility: hidden
}

.pf-c-form__helper-text-icon {
    font-size: var(--pf-c-form__helper-text-icon--FontSize);
    margin-right: var(--pf-c-form__helper-text-icon--MarginRight)
}

.pf-c-form__fieldset {
    border: 0
}

.pf-c-form__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: var(--pf-c-form__actions--MarginTop) var(--pf-c-form__actions--MarginRight) var(--pf-c-form__actions--MarginBottom) var(--pf-c-form__actions--MarginLeft)
}

.pf-c-form__actions>* {
    margin: var(--pf-c-form__actions--child--MarginTop) var(--pf-c-form__actions--child--MarginRight) var(--pf-c-form__actions--child--MarginBottom) 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);
    border-bottom: var(--pf-c-form__field-group--BorderBottomWidth) solid var(--pf-c-form__field-group--BorderBottomColor);
    border-top: var(--pf-c-form__field-group--BorderTopWidth) solid var(--pf-c-form__field-group--BorderTopColor);
    display: grid;
    grid-template-columns: minmax(var(--pf-c-form__field-group--GridTemplateColumns--toggle), -webkit-max-content) 1fr;
    grid-template-columns: minmax(var(--pf-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr
}

.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-right: var(--pf-c-form__field-group-toggle--PaddingRight);
    padding-top: var(--pf-c-form__field-group-toggle--PaddingTop)
}

.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-bottom: var(--pf-c-form__field-group-toggle-button--MarginBottom);
    margin-top: var(--pf-c-form__field-group-toggle-button--MarginTop)
}

.pf-c-form__field-group-toggle-icon {
    display: inline-block;
    min-width: var(--pf-c-form__field-group-toggle-icon--MinWidth);
    text-align: center;
    -webkit-transform: rotate(var(--pf-c-form__field-group-toggle-icon--Rotate));
    transform: rotate(var(--pf-c-form__field-group-toggle-icon--Rotate));
    -webkit-transition: var(--pf-c-form__field-group-toggle-icon--Transition);
    transition: var(--pf-c-form__field-group-toggle-icon--Transition)
}

.pf-c-form__field-group-header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: var(--pf-c-form__field-group-header--GridColumn);
    grid-row: 1/2;
    padding-bottom: var(--pf-c-form__field-group-header--PaddingBottom);
    padding-top: var(--pf-c-form__field-group-header--PaddingTop)
}

.pf-c-form__field-group-header-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1
}

.pf-c-form__field-group-header-main,
.pf-c-form__field-group-header-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-form__field-group-header-title-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pf-c-form__field-group-header-description {
    color: var(--pf-c-form__field-group-header-description--Color);
    margin-top: var(--pf-c-form__field-group-header-description--MarginTop)
}

.pf-c-form__field-group-header-actions {
    margin-bottom: var(--pf-c-form__field-group-header-actions--MarginBottom);
    margin-left: var(--pf-c-form__field-group-header-actions--MarginLeft);
    margin-top: var(--pf-c-form__field-group-header-actions--MarginTop);
    white-space: nowrap
}

.pf-c-form__field-group-body {
    display: grid;
    gap: var(--pf-c-form__field-group-body--Gap);
    grid-column: var(--pf-c-form__field-group-body--GridColumn);
    padding-bottom: var(--pf-c-form__field-group-body--PaddingBottom);
    padding-top: var(--pf-c-form__field-group-body--PaddingTop)
}

.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)
}

.pf-c-form-control {
    --pf-c-form-control--FontSize: var(--pf-global--FontSize--md);
    --pf-c-form-control--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-form-control--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-form-control--BorderTopColor: var(--pf-global--BorderColor--300);
    --pf-c-form-control--BorderRightColor: var(--pf-global--BorderColor--300);
    --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--200);
    --pf-c-form-control--BorderLeftColor: var(--pf-global--BorderColor--300);
    --pf-c-form-control--BorderRadius: 0;
    --pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-form-control--Width: 100%;
    --pf-c-form-control--Height: calc(var(--pf-c-form-control--FontSize)*var(--pf-c-form-control--LineHeight) + var(--pf-c-form-control--BorderWidth)*2 + var(--pf-c-form-control--PaddingTop) + var(--pf-c-form-control--PaddingBottom));
    --pf-c-form-control--inset--base: var(--pf-global--spacer--sm);
    --pf-c-form-control--PaddingTop: calc(var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--sm));
    --pf-c-form-control--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--sm));
    --pf-c-form-control--PaddingRight: var(--pf-c-form-control--inset--base);
    --pf-c-form-control--PaddingLeft: var(--pf-c-form-control--inset--base);
    --pf-c-form-control--hover--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-c-form-control--focus--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-form-control--focus--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--focus--BorderBottomWidth));
    --pf-c-form-control--focus--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-c-form-control--m-expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-form-control--m-expanded--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--focus--BorderBottomWidth));
    --pf-c-form-control--m-expanded--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-c-form-control--placeholder--Color: var(--pf-global--Color--dark-200);
    --pf-c-form-control--disabled--Color: var(--pf-global--disabled-color--100);
    --pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
    --pf-c-form-control--disabled--BorderColor: transparent;
    --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--disabled-color--300);
    --pf-c-form-control--readonly--hover--BorderBottomColor: var(--pf-global--BorderColor--200);
    --pf-c-form-control--readonly--focus--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--sm));
    --pf-c-form-control--readonly--focus--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-form-control--readonly--focus--BorderBottomColor: var(--pf-global--BorderColor--200);
    --pf-c-form-control--success--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-form-control--success--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--success--BorderBottomWidth));
    --pf-c-form-control--success--BorderBottomColor: var(--pf-global--success-color--100);
    --pf-c-form-control--success--PaddingRight: var(--pf-global--spacer--xl);
    --pf-c-form-control--success--BackgroundPositionX: calc(100% - var(--pf-c-form-control--PaddingLeft));
    --pf-c-form-control--success--BackgroundPositionY: center;
    --pf-c-form-control--success--BackgroundPosition: var(--pf-c-form-control--success--BackgroundPositionX) var(--pf-c-form-control--success--BackgroundPositionY);
    --pf-c-form-control--success--BackgroundSizeX: var(--pf-c-form-control--FontSize);
    --pf-c-form-control--success--BackgroundSizeY: var(--pf-c-form-control--FontSize);
    --pf-c-form-control--success--BackgroundSize: var(--pf-c-form-control--success--BackgroundSizeX) var(--pf-c-form-control--success--BackgroundSizeY);
    --pf-c-form-control--success--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%233e8635' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
    --pf-c-form-control--m-warning--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-form-control--m-warning--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--m-warning--BorderBottomWidth));
    --pf-c-form-control--m-warning--BorderBottomColor: var(--pf-global--warning-color--100);
    --pf-c-form-control--m-warning--PaddingRight: var(--pf-global--spacer--xl);
    --pf-c-form-control--m-warning--BackgroundPositionX: calc(100% - var(--pf-c-form-control--PaddingLeft) + 0.0625rem);
    --pf-c-form-control--m-warning--BackgroundPositionY: center;
    --pf-c-form-control--m-warning--BackgroundPosition: var(--pf-c-form-control--m-warning--BackgroundPositionX) var(--pf-c-form-control--m-warning--BackgroundPositionY);
    --pf-c-form-control--m-warning--BackgroundSizeX: 1.25rem;
    --pf-c-form-control--m-warning--BackgroundSizeY: var(--pf-c-form-control--FontSize);
    --pf-c-form-control--m-warning--BackgroundSize: var(--pf-c-form-control--m-warning--BackgroundSizeX) var(--pf-c-form-control--m-warning--BackgroundSizeY);
    --pf-c-form-control--m-warning--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23f0ab00' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
    --pf-c-form-control--invalid--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-form-control--invalid--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--invalid--BorderBottomWidth));
    --pf-c-form-control--invalid--BorderBottomColor: var(--pf-global--danger-color--100);
    --pf-c-form-control--invalid--PaddingRight: var(--pf-global--spacer--xl);
    --pf-c-form-control--invalid--BackgroundPositionX: calc(100% - var(--pf-c-form-control--PaddingLeft));
    --pf-c-form-control--invalid--BackgroundPositionY: center;
    --pf-c-form-control--invalid--BackgroundPosition: var(--pf-c-form-control--invalid--BackgroundPositionX) var(--pf-c-form-control--invalid--BackgroundPositionY);
    --pf-c-form-control--invalid--BackgroundSizeX: var(--pf-c-form-control--FontSize);
    --pf-c-form-control--invalid--BackgroundSizeY: var(--pf-c-form-control--FontSize);
    --pf-c-form-control--invalid--BackgroundSize: var(--pf-c-form-control--invalid--BackgroundSizeX) var(--pf-c-form-control--invalid--BackgroundSizeY);
    --pf-c-form-control--invalid--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c9190b' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
    --pf-c-form-control--invalid--exclamation--Background: var(--pf-c-form-control--invalid--BackgroundUrl) var(--pf-c-form-control--invalid--BackgroundPosition)/var(--pf-c-form-control--invalid--BackgroundSize) no-repeat;
    --pf-c-form-control--invalid--Background: var(--pf-c-form-control--BackgroundColor) var(--pf-c-form-control--invalid--exclamation--Background);
    --pf-c-form-control--m-search--PaddingLeft: var(--pf-global--spacer--xl);
    --pf-c-form-control--m-search--BackgroundPosition: var(--pf-c-form-control--PaddingRight);
    --pf-c-form-control--m-search--BackgroundSize: var(--pf-c-form-control--FontSize) var(--pf-c-form-control--FontSize);
    --pf-c-form-control--m-search--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
    --pf-c-form-control--m-icon--PaddingRight: calc(var(--pf-c-form-control--inset--base) + var(--pf-c-form-control--m-icon--BackgroundSizeX) + var(--pf-c-form-control--m-icon--icon--spacer));
    --pf-c-form-control--m-icon--BackgroundUrl: none;
    --pf-c-form-control--m-icon--BackgroundPositionX: calc(100% - var(--pf-c-form-control--inset--base));
    --pf-c-form-control--m-icon--BackgroundPositionY: center;
    --pf-c-form-control--m-icon--BackgroundSizeX: var(--pf-c-form-control--FontSize);
    --pf-c-form-control--m-icon--BackgroundSizeY: var(--pf-c-form-control--FontSize);
    --pf-c-form-control--m-icon--icon--spacer: var(--pf-global--spacer--sm);
    --pf-c-form-control--m-icon--icon--PaddingRight: calc(var(--pf-c-form-control--inset--base) + var(--pf-c-form-control--invalid--BackgroundSizeX) + var(--pf-c-form-control--m-icon--icon--spacer) + var(--pf-c-form-control--m-icon--BackgroundSizeX) + var(--pf-c-form-control--m-icon--icon--spacer));
    --pf-c-form-control--m-icon--icon--BackgroundPositionX: calc(var(--pf-c-form-control--m-icon--BackgroundPositionX) - var(--pf-c-form-control--m-icon--icon--spacer) - var(--pf-c-form-control--invalid--BackgroundSizeX));
    --pf-c-form-control--m-icon--invalid--BackgroundUrl: var(--pf-c-form-control--invalid--BackgroundUrl), var(--pf-c-form-control--m-icon--BackgroundUrl);
    --pf-c-form-control--m-icon--invalid--BackgroundPosition: var(--pf-c-form-control--invalid--BackgroundPosition), var(--pf-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
    --pf-c-form-control--m-icon--invalid--BackgroundSize: var(--pf-c-form-control--invalid--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
    --pf-c-form-control--m-icon--success--BackgroundUrl: var(--pf-c-form-control--success--BackgroundUrl), var(--pf-c-form-control--m-icon--BackgroundUrl);
    --pf-c-form-control--m-icon--success--BackgroundPosition: var(--pf-c-form-control--success--BackgroundPosition), var(--pf-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
    --pf-c-form-control--m-icon--success--BackgroundSize: var(--pf-c-form-control--success--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
    --pf-c-form-control--m-icon--m-warning--BackgroundUrl: var(--pf-c-form-control--m-warning--BackgroundUrl), var(--pf-c-form-control--m-icon--BackgroundUrl);
    --pf-c-form-control--m-icon--m-warning--BackgroundPosition: var(--pf-c-form-control--m-warning--BackgroundPosition), var(--pf-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
    --pf-c-form-control--m-icon--m-warning--BackgroundSize: var(--pf-c-form-control--m-warning--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
    --pf-c-form-control--m-calendar--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
    --pf-c-form-control--m-clock--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E");
    --pf-c-form-control__select--PaddingRight: var(--pf-global--spacer--lg);
    --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='%23urrentColor' 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__select--BackgroundSize: .625em;
    --pf-c-form-control__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md) + 1px);
    --pf-c-form-control__select--BackgroundPositionY: center;
    --pf-c-form-control__select--BackgroundPosition: var(--pf-c-form-control__select--BackgroundPositionX) var(--pf-c-form-control__select--BackgroundPositionY);
    --pf-c-form-control__select--success--PaddingRight: var(--pf-global--spacer--3xl);
    --pf-c-form-control__select--success--BackgroundPosition: calc(var(--pf-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg));
    --pf-c-form-control__select--m-warning--PaddingRight: var(--pf-global--spacer--3xl);
    --pf-c-form-control__select--m-warning--BackgroundPosition: calc(var(--pf-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg) + 0.0625rem);
    --pf-c-form-control__select--invalid--PaddingRight: var(--pf-global--spacer--3xl);
    --pf-c-form-control__select--invalid--BackgroundPosition: calc(var(--pf-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg));
    --pf-c-form-control--textarea--Width: var(--pf-c-form-control--Width);
    --pf-c-form-control--textarea--Height: auto;
    --pf-c-form-control--textarea--success--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
    --pf-c-form-control--textarea--m-warning--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
    --pf-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: var(--pf-c-form-control--BackgroundColor);
    background-repeat: no-repeat;
    border: var(--pf-c-form-control--BorderWidth) solid;
    border-color: var(--pf-c-form-control--BorderTopColor) var(--pf-c-form-control--BorderRightColor) var(--pf-c-form-control--BorderBottomColor) var(--pf-c-form-control--BorderLeftColor);
    border-radius: var(--pf-c-form-control--BorderRadius);
    color: var(--pf-global--Color--100);
    font-size: var(--pf-c-form-control--FontSize);
    line-height: var(--pf-c-form-control--LineHeight);
    padding: var(--pf-c-form-control--PaddingTop) var(--pf-c-form-control--PaddingRight) var(--pf-c-form-control--PaddingBottom) var(--pf-c-form-control--PaddingLeft);
    width: var(--pf-c-form-control--Width)
}

.pf-c-form-control::-moz-placeholder {
    color: var(--pf-c-form-control--placeholder--Color)
}

.pf-c-form-control:-ms-input-placeholder {
    color: var(--pf-c-form-control--placeholder--Color)
}

.pf-c-form-control::-webkit-input-placeholder {
    color: var(--pf-c-form-control--placeholder--Color)
}

.pf-c-form-control::-ms-input-placeholder {
    color: var(--pf-c-form-control--placeholder--Color)
}

.pf-c-form-control::placeholder {
    color: var(--pf-c-form-control--placeholder--Color)
}

.pf-c-form-control:not(textarea) {
    height: var(--pf-c-form-control--Height);
    text-overflow: ellipsis
}

.pf-c-form-control[readonly] {
    background-color: var(--pf-c-form-control--readonly--BackgroundColor)
}

.pf-c-form-control[readonly]:not(.pf-m-success):not([aria-invalid=true]):hover {
    --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--readonly--hover--BorderBottomColor)
}

.pf-c-form-control[readonly]:not(.pf-m-success):not([aria-invalid=true]):focus {
    --pf-c-form-control--focus--PaddingBottom: var(--pf-c-form-control--readonly--focus--PaddingBottom);
    --pf-c-form-control--focus--BorderBottomWidth: var(--pf-c-form-control--readonly--focus--BorderBottomWidth);
    --pf-c-form-control--focus--BorderBottomColor: var(--pf-c-form-control--readonly--focus--BorderBottomColor)
}

.pf-c-form-control:hover {
    --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--hover--BorderBottomColor)
}

.pf-c-form-control:focus {
    --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--focus--BorderBottomColor);
    border-bottom-width: var(--pf-c-form-control--focus--BorderBottomWidth);
    padding-bottom: var(--pf-c-form-control--focus--PaddingBottom)
}

.pf-c-form-control.pf-m-expanded {
    --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--m-expanded--BorderBottomColor);
    border-bottom-width: var(--pf-c-form-control--m-expanded--BorderBottomWidth);
    padding-bottom: var(--pf-c-form-control--m-expanded--PaddingBottom)
}

.pf-c-form-control:disabled {
    --pf-c-form-control--Color: var(--pf-c-form-control--disabled--Color);
    --pf-c-form-control--BackgroundColor: var(--pf-c-form-control--disabled--BackgroundColor);
    border-color: var(--pf-c-form-control--disabled--BorderColor);
    cursor: not-allowed
}

.pf-c-form-control[aria-invalid=true] {
    --pf-c-form-control--PaddingRight: var(--pf-c-form-control--invalid--PaddingRight);
    --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--invalid--BorderBottomColor);
    background-image: var(--pf-c-form-control--invalid--BackgroundUrl);
    background-position: var(--pf-c-form-control--invalid--BackgroundPosition);
    background-size: var(--pf-c-form-control--invalid--BackgroundSize);
    border-bottom-width: var(--pf-c-form-control--invalid--BorderBottomWidth);
    padding-bottom: var(--pf-c-form-control--invalid--PaddingBottom)
}

.pf-c-form-control[aria-invalid=true].pf-m-icon {
    --pf-c-form-control--PaddingRight: var(--pf-c-form-control--m-icon--icon--PaddingRight);
    background-image: var(--pf-c-form-control--m-icon--invalid--BackgroundUrl);
    background-position: var(--pf-c-form-control--m-icon--invalid--BackgroundPosition);
    background-size: var(--pf-c-form-control--m-icon--invalid--BackgroundSize)
}

.pf-c-form-control.pf-m-success {
    --pf-c-form-control--PaddingRight: var(--pf-c-form-control--success--PaddingRight);
    --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--success--BorderBottomColor);
    background-image: var(--pf-c-form-control--success--BackgroundUrl);
    background-position: var(--pf-c-form-control--success--BackgroundPosition);
    background-size: var(--pf-c-form-control--success--BackgroundSize);
    border-bottom-width: var(--pf-c-form-control--success--BorderBottomWidth);
    padding-bottom: var(--pf-c-form-control--success--PaddingBottom)
}

.pf-c-form-control.pf-m-success.pf-m-icon {
    --pf-c-form-control--PaddingRight: var(--pf-c-form-control--m-icon--icon--PaddingRight);
    background-image: var(--pf-c-form-control--m-icon--success--BackgroundUrl);
    background-position: var(--pf-c-form-control--m-icon--success--BackgroundPosition);
    background-size: var(--pf-c-form-control--m-icon--success--BackgroundSize)
}

.pf-c-form-control.pf-m-warning {
    --pf-c-form-control--PaddingRight: var(--pf-c-form-control--m-warning--PaddingRight);
    --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--m-warning--BorderBottomColor);
    background-image: var(--pf-c-form-control--m-warning--BackgroundUrl);
    background-position: var(--pf-c-form-control--m-warning--BackgroundPosition);
    background-size: var(--pf-c-form-control--m-warning--BackgroundSize);
    border-bottom-width: var(--pf-c-form-control--m-warning--BorderBottomWidth);
    padding-bottom: var(--pf-c-form-control--m-warning--PaddingBottom)
}

.pf-c-form-control.pf-m-warning.pf-m-icon {
    --pf-c-form-control--PaddingRight: var(--pf-c-form-control--m-icon--icon--PaddingRight);
    background-image: var(--pf-c-form-control--m-icon--m-warning--BackgroundUrl);
    background-position: var(--pf-c-form-control--m-icon--m-warning--BackgroundPosition);
    background-size: var(--pf-c-form-control--m-icon--m-warning--BackgroundSize)
}

.pf-c-form-control.pf-m-search {
    --pf-c-form-control--PaddingLeft: var(--pf-c-form-control--m-search--PaddingLeft);
    background-image: var(--pf-c-form-control--m-search--BackgroundUrl);
    background-position: var(--pf-c-form-control--m-search--BackgroundPosition);
    background-size: var(--pf-c-form-control--m-search--BackgroundSize)
}

.pf-c-form-control.pf-m-icon {
    --pf-c-form-control--PaddingRight: var(--pf-c-form-control--m-icon--PaddingRight);
    background-image: var(--pf-c-form-control--m-icon--BackgroundUrl);
    background-position: var(--pf-c-form-control--m-icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
    background-size: var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY)
}

.pf-c-form-control.pf-m-icon.pf-m-calendar {
    --pf-c-form-control--m-icon--BackgroundUrl: var(--pf-c-form-control--m-calendar--BackgroundUrl)
}

.pf-c-form-control.pf-m-icon.pf-m-clock {
    --pf-c-form-control--m-icon--BackgroundUrl: var(--pf-c-form-control--m-clock--BackgroundUrl)
}

select.pf-c-form-control {
    --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--PaddingRight);
    background-image: var(--pf-c-form-control__select--BackgroundUrl);
    background-position: var(--pf-c-form-control__select--BackgroundPosition);
    background-size: var(--pf-c-form-control__select--BackgroundSize)
}

select.pf-c-form-control[aria-invalid=true] {
    --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--invalid--PaddingRight);
    --pf-c-form-control--invalid--BackgroundPosition: var(--pf-c-form-control__select--invalid--BackgroundPosition);
    background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--invalid--BackgroundUrl);
    background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control--invalid--BackgroundPosition);
    background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--invalid--BackgroundSize)
}

select.pf-c-form-control.pf-m-success {
    --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--success--PaddingRight);
    --pf-c-form-control--success--BackgroundPosition: var(--pf-c-form-control__select--success--BackgroundPosition);
    background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--success--BackgroundUrl);
    background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control--success--BackgroundPosition);
    background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--success--BackgroundSize)
}

select.pf-c-form-control.pf-m-warning {
    --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--m-warning--PaddingRight);
    background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--m-warning--BackgroundUrl);
    background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control__select--m-warning--BackgroundPosition);
    background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--m-warning--BackgroundSize)
}

select.pf-c-form-control.pf-m-placeholder {
    color: var(--pf-c-form-control--placeholder--Color)
}

textarea.pf-c-form-control {
    --pf-c-form-control--success--BackgroundPositionY: var(--pf-c-form-control--textarea--success--BackgroundPositionY);
    --pf-c-form-control--invalid--BackgroundPositionY: var(--pf-c-form-control--textarea--invalid--BackgroundPositionY);
    --pf-c-form-control--m-warning--BackgroundPositionY: var(--pf-c-form-control--textarea--m-warning--BackgroundPositionY);
    height: var(--pf-c-form-control--textarea--Height);
    width: var(--pf-c-form-control--textarea--Width)
}

.pf-c-form-control.pf-m-resize-vertical {
    resize: vertical
}

.pf-c-form-control.pf-m-resize-horizontal {
    resize: horizontal
}

.pf-c-hint {
    --pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
    --pf-c-hint--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-hint--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-hint--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-hint--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-hint--BackgroundColor: var(--pf-global--palette--blue-50);
    --pf-c-hint--BorderColor: var(--pf-global--palette--blue-100);
    --pf-c-hint--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-hint--BoxShadow: var(--pf-global--BoxShadow--sm);
    --pf-c-hint--Color: var(--pf-global--Color--100);
    --pf-c-hint__title--FontSize: var(--pf-global--FontSize--lg);
    --pf-c-hint__body--FontSize: var(--pf-global--FontSize--md);
    --pf-c-hint__footer--child--MarginRight: var(--pf-global--spacer--md);
    --pf-c-hint__actions--MarginLeft: var(--pf-global--spacer--2xl);
    --pf-c-hint__actions--c-dropdown--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    grid-row-gap: var(--pf-c-hint--GridRowGap);
    background-color: var(--pf-c-hint--BackgroundColor);
    border: var(--pf-c-hint--BorderWidth) solid var(--pf-c-hint--BorderColor);
    -webkit-box-shadow: var(--pf-c-hint--BoxShadow);
    box-shadow: var(--pf-c-hint--BoxShadow);
    color: var(--pf-c-hint--Color);
    display: grid;
    grid-template-columns: 1fr auto;
    padding: var(--pf-c-hint--PaddingTop) var(--pf-c-hint--PaddingRight) var(--pf-c-hint--PaddingBottom) var(--pf-c-hint--PaddingLeft)
}

.pf-c-hint .pf-c-button.pf-m-link.pf-m-inline {
    text-align: left;
    white-space: normal
}

.pf-c-hint__actions {
    display: inline-grid;
    grid-auto-flow: column;
    grid-column: 2;
    grid-row: 1;
    margin-left: var(--pf-c-hint__actions--MarginLeft);
    text-align: right
}

.pf-c-hint__actions .pf-c-dropdown .pf-c-dropdown__toggle.pf-m-plain {
    margin-top: var(--pf-c-hint__actions--c-dropdown--MarginTop)
}

.pf-c-hint__actions+.pf-c-hint__body {
    grid-column: 1
}

.pf-c-hint__title {
    font-size: var(--pf-c-hint__title--FontSize)
}

.pf-c-hint__body {
    font-size: var(--pf-c-hint__body--FontSize);
    grid-column: 1/-1
}

.pf-c-hint__footer {
    grid-column: 1/-1
}

.pf-c-hint__footer>:not(:last-child) {
    margin-right: var(--pf-c-hint__footer--child--MarginRight)
}

.pf-c-helper-text {
    --pf-c-helper-text--Gap: var(--pf-global--spacer--xs);
    --pf-c-helper-text--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-helper-text__item-icon--Color: var(--pf-global--Color--100);
    --pf-c-helper-text__item-text--Color: var(--pf-global--Color--100);
    --pf-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-global--Color--200);
    --pf-c-helper-text__item-text--m-indeterminate--Color: var(--pf-global--Color--200);
    --pf-c-helper-text__item-icon--m-warning--Color: var(--pf-global--warning-color--100);
    --pf-c-helper-text__item-text--m-warning--Color: var(--pf-global--warning-color--200);
    --pf-c-helper-text__item-icon--m-success--Color: var(--pf-global--success-color--100);
    --pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--200);
    --pf-c-helper-text__item-icon--m-invalid--Color: var(--pf-global--danger-color--100);
    --pf-c-helper-text__item-text--m-invalid--Color: var(--pf-global--danger-color--200);
    --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-global--Color--100);
    --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-global--Color--100);
    --pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-global--Color--200);
    --pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-global--Color--200);
    --pf-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-global--warning-color--100);
    --pf-c-helper-text--m-dynamic--m-warning__item-text--Color: var(--pf-global--Color--200);
    --pf-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-global--success-color--100);
    --pf-c-helper-text--m-dynamic--m-success__item-text--Color: var(--pf-global--Color--200);
    --pf-c-helper-text--m-dynamic--m-invalid__item-icon--Color: var(--pf-global--danger-color--100);
    --pf-c-helper-text--m-dynamic--m-invalid__item-text--Color: var(--pf-global--Color--100);
    --pf-c-helper-text__item-icon--MarginRight: var(--pf-global--spacer--xs);
    display: grid;
    font-size: var(--pf-c-helper-text--FontSize);
    gap: var(--pf-c-helper-text--Gap)
}

.pf-c-helper-text__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-helper-text__item.pf-m-indeterminate {
    --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-indeterminate--Color);
    --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-indeterminate--Color);
    --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
    --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color)
}

.pf-c-helper-text__item.pf-m-warning {
    --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-warning--Color);
    --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-warning--Color);
    --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-icon--Color);
    --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-text--Color)
}

.pf-c-helper-text__item.pf-m-success {
    --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-success--Color);
    --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-success--Color);
    --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-icon--Color);
    --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-text--Color)
}

.pf-c-helper-text__item.pf-m-invalid {
    --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-invalid--Color);
    --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-invalid--Color);
    --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-invalid__item-icon--Color);
    --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-invalid__item-text--Color)
}

.pf-c-helper-text__item.pf-m-dynamic {
    --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text--m-dynamic__item-text--Color);
    --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text--m-dynamic__item-icon--Color)
}

.pf-c-helper-text__item-icon {
    color: var(--pf-c-helper-text__item-icon--Color);
    margin-right: var(--pf-c-helper-text__item-icon--MarginRight)
}

.pf-c-helper-text__item-text {
    color: var(--pf-c-helper-text__item-text--Color)
}

.pf-c-inline-edit {
    --pf-c-inline-edit__group--item--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-global--link--Color);
    --pf-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-global--link--Color--hover);
    --pf-c-inline-edit__action--m-icon-group--item--MarginRight: 0;
    --pf-c-inline-edit__group--m-footer--MarginTop: var(--pf-global--spacer--xl);
    --pf-c-inline-edit__label--m-bold--FontWeight: var(--pf-global--FontWeight--semi-bold)
}

.pf-c-inline-edit__group {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-inline-edit__group>* {
    margin-right: var(--pf-c-inline-edit__group--item--MarginRight)
}

.pf-c-inline-edit__group.pf-m-icon-group {
    --pf-c-inline-edit__group--item--MarginRight: var(--pf-c-inline-edit__action--m-icon-group--item--MarginRight)
}

.pf-c-inline-edit__group.pf-m-footer {
    margin-top: var(--pf-c-inline-edit__group--m-footer--MarginTop)
}

.pf-c-inline-edit__group.pf-m-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.pf-c-inline-edit__group.pf-m-column,
.pf-c-inline-edit__group>:last-child {
    --pf-c-inline-edit__group--item--MarginRight: 0
}

.pf-c-inline-edit__input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pf-c-inline-edit__action.pf-m-valid .pf-c-button.pf-m-plain {
    --pf-c-button--m-plain--Color: var(--pf-c-inline-edit__action--c-button--m-valid--m-plain--Color)
}

.pf-c-inline-edit__action.pf-m-valid .pf-c-button.pf-m-plain:hover {
    --pf-c-button--m-plain--Color: var(--pf-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color)
}

.pf-c-inline-edit__action,
.pf-c-inline-edit__group.pf-m-action-group,
.pf-c-inline-edit__input {
    display: none;
    visibility: hidden
}

.pf-c-inline-edit__action.pf-m-enable-editable {
    display: inline-block;
    visibility: visible
}

.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action,
.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group,
.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input,
.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action,
.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group,
.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input {
    visibility: visible
}

.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input,
.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input {
    display: block
}

.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action,
.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action {
    display: inline-block
}

.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group,
.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action.pf-m-enable-editable,
.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__value,
.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action.pf-m-enable-editable,
.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__value {
    display: none;
    visibility: hidden
}

.pf-c-inline-edit__label+.pf-c-inline-edit__action.pf-m-enable>.pf-c-button {
    margin-bottom: calc(var(--pf-c-button--PaddingBottom)*-1);
    margin-top: calc(var(--pf-c-button--PaddingTop)*-1)
}

.pf-c-inline-edit__label.pf-m-bold {
    font-weight: var(--pf-c-inline-edit__label--m-bold--FontWeight)
}

.pf-c-inline-edit__editable-text br {
    display: none
}

.pf-c-input-group {
    --pf-c-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-input-group--child--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-input-group__text--FontSize: var(--pf-global--FontSize--md);
    --pf-c-input-group__text--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-input-group__text--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-input-group__text--Color: var(--pf-global--Color--dark-200);
    --pf-c-input-group__text--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-input-group__text--BorderTopColor: var(--pf-global--BorderColor--300);
    --pf-c-input-group__text--BorderRightColor: var(--pf-global--BorderColor--300);
    --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--200);
    --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
    --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
    --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-input-group--c-form-control--MarginRight: 0;
    background-color: var(--pf-c-input-group--BackgroundColor);
    color: var(--pf-global--Color--100);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.pf-c-input-group>*+* {
    margin-left: -1px
}

.pf-c-input-group>:focus,
.pf-c-input-group>:focus-within {
    z-index: var(--pf-c-input-group--child--ZIndex)
}

.pf-c-input-group .pf-c-form-control[aria-invalid=true]:not(:last-child) {
    margin-right: var(--pf-c-input-group--c-form-control--MarginRight)
}

.pf-c-input-group input:not([type=checkbox]):not([type=radio]),
.pf-c-input-group textarea {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: 0
}

.pf-c-input-group textarea {
    min-height: var(--pf-c-input-group__textarea--MinHeight)
}

.pf-c-input-group__text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--pf-c-input-group__text--BackgroundColor);
    border: var(--pf-c-input-group__text--BorderWidth) solid;
    border-color: var(--pf-c-input-group__text--BorderTopColor) var(--pf-c-input-group__text--BorderRightColor) var(--pf-c-input-group__text--BorderBottomColor) var(--pf-c-input-group__text--BorderLeftColor);
    color: var(--pf-c-input-group__text--Color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--pf-c-input-group__text--FontSize);
    padding-left: var(--pf-c-input-group__text--PaddingLeft);
    padding-right: var(--pf-c-input-group__text--PaddingRight);
    text-align: center
}

label.pf-c-input-group__text {
    cursor: pointer
}

.pf-c-input-group__text.pf-m-plain {
    --pf-c-input-group__text--BorderWidth: 0;
    margin-left: 0
}

.pf-c-jump-links {
    --pf-c-jump-links__list--Display: flex;
    --pf-c-jump-links__list--Visibility: visible;
    --pf-c-jump-links__list--PaddingTop: 0;
    --pf-c-jump-links__list--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-jump-links__list--PaddingBottom: 0;
    --pf-c-jump-links__list--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-jump-links--m-vertical__list--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-jump-links--m-vertical__list--PaddingRight: 0;
    --pf-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-jump-links--m-vertical__list--PaddingLeft: 0;
    --pf-c-jump-links__list--FlexDirection: row;
    --pf-c-jump-links--m-vertical__list--FlexDirection: column;
    --pf-c-jump-links__list--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-jump-links__list--before--BorderTopWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-jump-links__list--before--BorderRightWidth: 0;
    --pf-c-jump-links__list--before--BorderBottomWidth: 0;
    --pf-c-jump-links__list--before--BorderLeftWidth: 0;
    --pf-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
    --pf-c-jump-links__list__list--MarginTop: calc(var(--pf-global--spacer--sm)*-1);
    --pf-c-jump-links__link--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-jump-links__link--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-jump-links__link--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-jump-links__link--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-jump-links__list__list__link--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-jump-links__list__list__link--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-jump-links__list__list__link--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-jump-links__link--OutlineOffset: calc(var(--pf-global--spacer--sm)*-1);
    --pf-c-jump-links__link--before--BorderTopWidth: 0;
    --pf-c-jump-links__link--before--BorderRightWidth: 0;
    --pf-c-jump-links__link--before--BorderBottomWidth: 0;
    --pf-c-jump-links__link--before--BorderLeftWidth: 0;
    --pf-c-jump-links__link--before--BorderColor: transparent;
    --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-global--BorderWidth--lg);
    --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
    --pf-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
    --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
    --pf-c-jump-links__link-text--Color: var(--pf-global--Color--200);
    --pf-c-jump-links__link--hover__link-text--Color: var(--pf-global--Color--100);
    --pf-c-jump-links__link--focus__link-text--Color: var(--pf-global--Color--100);
    --pf-c-jump-links__item--m-current__link-text--Color: var(--pf-global--Color--100);
    --pf-c-jump-links__label--MarginBottom--base: var(--pf-global--spacer--md);
    --pf-c-jump-links__label--MarginBottom: var(--pf-c-jump-links__label--MarginBottom--base);
    --pf-c-jump-links--m-expanded__label--MarginBottom: var(--pf-c-jump-links__label--MarginBottom--base);
    --pf-c-jump-links--m-non-expandable__label--MarginBottom: var(--pf-c-jump-links__label--MarginBottom--base);
    --pf-c-jump-links__toggle--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-jump-links__toggle--MarginBottom: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-jump-links__toggle--MarginLeft: calc(var(--pf-global--spacer--md)*-1);
    --pf-c-jump-links__toggle--Display: none;
    --pf-c-jump-links__toggle--Visibility: hidden;
    --pf-c-jump-links__label--m-toggle--Display: none;
    --pf-c-jump-links__label--m-toggle--Visibility: hidden;
    --pf-c-jump-links__toggle-icon--Color: currentColor;
    --pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
    --pf-c-jump-links__toggle-icon--Rotate: 0;
    --pf-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
    --pf-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-jump-links.pf-m-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pf-c-jump-links.pf-m-center .pf-c-jump-links__main {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pf-c-jump-links.pf-m-vertical {
    --pf-c-jump-links__list--PaddingTop: var(--pf-c-jump-links--m-vertical__list--PaddingTop);
    --pf-c-jump-links__list--PaddingRight: var(--pf-c-jump-links--m-vertical__list--PaddingRight);
    --pf-c-jump-links__list--PaddingBottom: var(--pf-c-jump-links--m-vertical__list--PaddingBottom);
    --pf-c-jump-links__list--PaddingLeft: var(--pf-c-jump-links--m-vertical__list--PaddingLeft);
    --pf-c-jump-links__list--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth);
    --pf-c-jump-links__list--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth);
    --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth);
    --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth);
    --pf-c-jump-links__list--FlexDirection: var(--pf-c-jump-links--m-vertical__list--FlexDirection);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.pf-c-jump-links.pf-m-expandable {
    --pf-c-jump-links__list--Display: none;
    --pf-c-jump-links__list--Visibility: hidden;
    --pf-c-jump-links__toggle--Display: block;
    --pf-c-jump-links__toggle--Visibility: visible;
    --pf-c-jump-links__label--m-toggle--Display: block;
    --pf-c-jump-links__label--m-toggle--Visibility: visible;
    --pf-c-jump-links__label--MarginBottom: 0
}

.pf-c-jump-links.pf-m-non-expandable {
    --pf-c-jump-links__list--Display: flex;
    --pf-c-jump-links__list--Visibility: visible;
    --pf-c-jump-links__toggle--Display: none;
    --pf-c-jump-links__toggle--Visibility: hidden;
    --pf-c-jump-links__label--m-toggle--Display: none;
    --pf-c-jump-links__label--m-toggle--Visibility: hidden;
    --pf-c-jump-links__label--MarginBottom: var(--pf-c-jump-links--m-non-expandable__label--MarginBottom)
}

@media (min-width:576px) {
    .pf-c-jump-links.pf-m-expandable-on-sm {
        --pf-c-jump-links__list--Display: none;
        --pf-c-jump-links__list--Visibility: hidden;
        --pf-c-jump-links__toggle--Display: block;
        --pf-c-jump-links__toggle--Visibility: visible;
        --pf-c-jump-links__label--m-toggle--Display: block;
        --pf-c-jump-links__label--m-toggle--Visibility: visible;
        --pf-c-jump-links__label--MarginBottom: 0
    }

    .pf-c-jump-links.pf-m-non-expandable-on-sm {
        --pf-c-jump-links__list--Display: flex;
        --pf-c-jump-links__list--Visibility: visible;
        --pf-c-jump-links__toggle--Display: none;
        --pf-c-jump-links__toggle--Visibility: hidden;
        --pf-c-jump-links__label--m-toggle--Display: none;
        --pf-c-jump-links__label--m-toggle--Visibility: hidden;
        --pf-c-jump-links__label--MarginBottom: var(--pf-c-jump-links--m-non-expandable__label--MarginBottom)
    }
}

@media (min-width:768px) {
    .pf-c-jump-links.pf-m-expandable-on-md {
        --pf-c-jump-links__list--Display: none;
        --pf-c-jump-links__list--Visibility: hidden;
        --pf-c-jump-links__toggle--Display: block;
        --pf-c-jump-links__toggle--Visibility: visible;
        --pf-c-jump-links__label--m-toggle--Display: block;
        --pf-c-jump-links__label--m-toggle--Visibility: visible;
        --pf-c-jump-links__label--MarginBottom: 0
    }

    .pf-c-jump-links.pf-m-non-expandable-on-md {
        --pf-c-jump-links__list--Display: flex;
        --pf-c-jump-links__list--Visibility: visible;
        --pf-c-jump-links__toggle--Display: none;
        --pf-c-jump-links__toggle--Visibility: hidden;
        --pf-c-jump-links__label--m-toggle--Display: none;
        --pf-c-jump-links__label--m-toggle--Visibility: hidden;
        --pf-c-jump-links__label--MarginBottom: var(--pf-c-jump-links--m-non-expandable__label--MarginBottom)
    }
}

@media (min-width:992px) {
    .pf-c-jump-links.pf-m-expandable-on-lg {
        --pf-c-jump-links__list--Display: none;
        --pf-c-jump-links__list--Visibility: hidden;
        --pf-c-jump-links__toggle--Display: block;
        --pf-c-jump-links__toggle--Visibility: visible;
        --pf-c-jump-links__label--m-toggle--Display: block;
        --pf-c-jump-links__label--m-toggle--Visibility: visible;
        --pf-c-jump-links__label--MarginBottom: 0
    }

    .pf-c-jump-links.pf-m-non-expandable-on-lg {
        --pf-c-jump-links__list--Display: flex;
        --pf-c-jump-links__list--Visibility: visible;
        --pf-c-jump-links__toggle--Display: none;
        --pf-c-jump-links__toggle--Visibility: hidden;
        --pf-c-jump-links__label--m-toggle--Display: none;
        --pf-c-jump-links__label--m-toggle--Visibility: hidden;
        --pf-c-jump-links__label--MarginBottom: var(--pf-c-jump-links--m-non-expandable__label--MarginBottom)
    }
}

@media (min-width:1200px) {
    .pf-c-jump-links.pf-m-expandable-on-xl {
        --pf-c-jump-links__list--Display: none;
        --pf-c-jump-links__list--Visibility: hidden;
        --pf-c-jump-links__toggle--Display: block;
        --pf-c-jump-links__toggle--Visibility: visible;
        --pf-c-jump-links__label--m-toggle--Display: block;
        --pf-c-jump-links__label--m-toggle--Visibility: visible;
        --pf-c-jump-links__label--MarginBottom: 0
    }

    .pf-c-jump-links.pf-m-non-expandable-on-xl {
        --pf-c-jump-links__list--Display: flex;
        --pf-c-jump-links__list--Visibility: visible;
        --pf-c-jump-links__toggle--Display: none;
        --pf-c-jump-links__toggle--Visibility: hidden;
        --pf-c-jump-links__label--m-toggle--Display: none;
        --pf-c-jump-links__label--m-toggle--Visibility: hidden;
        --pf-c-jump-links__label--MarginBottom: var(--pf-c-jump-links--m-non-expandable__label--MarginBottom)
    }
}

@media (min-width:1450px) {
    .pf-c-jump-links.pf-m-expandable-on-2xl {
        --pf-c-jump-links__list--Display: none;
        --pf-c-jump-links__list--Visibility: hidden;
        --pf-c-jump-links__toggle--Display: block;
        --pf-c-jump-links__toggle--Visibility: visible;
        --pf-c-jump-links__label--m-toggle--Display: block;
        --pf-c-jump-links__label--m-toggle--Visibility: visible;
        --pf-c-jump-links__label--MarginBottom: 0
    }

    .pf-c-jump-links.pf-m-non-expandable-on-2xl {
        --pf-c-jump-links__list--Display: flex;
        --pf-c-jump-links__list--Visibility: visible;
        --pf-c-jump-links__toggle--Display: none;
        --pf-c-jump-links__toggle--Visibility: hidden;
        --pf-c-jump-links__label--m-toggle--Display: none;
        --pf-c-jump-links__label--m-toggle--Visibility: hidden;
        --pf-c-jump-links__label--MarginBottom: var(--pf-c-jump-links--m-non-expandable__label--MarginBottom)
    }
}

.pf-c-jump-links.pf-m-expanded {
    --pf-c-jump-links__list--Display: flex;
    --pf-c-jump-links__list--Visibility: visible;
    --pf-c-jump-links__toggle-icon--Rotate: var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate);
    --pf-c-jump-links__toggle-icon--Color: var(--pf-c-jump-links--m-expanded__toggle-icon--Color);
    --pf-c-jump-links__label--MarginBottom: var(--pf-c-jump-links--m-expanded__label--MarginBottom)
}

.pf-c-jump-links__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: var(--pf-c-jump-links__list--Display);
    -ms-flex-direction: var(--pf-c-jump-links__list--FlexDirection);
    flex-direction: var(--pf-c-jump-links__list--FlexDirection);
    padding: var(--pf-c-jump-links__list--PaddingTop) var(--pf-c-jump-links__list--PaddingRight) var(--pf-c-jump-links__list--PaddingBottom) var(--pf-c-jump-links__list--PaddingLeft);
    position: relative;
    visibility: var(--pf-c-jump-links__list--Visibility)
}

.pf-c-jump-links__list:before {
    border: solid var(--pf-c-jump-links__list--before--BorderColor);
    border-width: var(--pf-c-jump-links__list--before--BorderTopWidth) var(--pf-c-jump-links__list--before--BorderRightWidth) var(--pf-c-jump-links__list--before--BorderBottomWidth) var(--pf-c-jump-links__list--before--BorderLeftWidth);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-jump-links__list .pf-c-jump-links__list {
    --pf-c-jump-links__list--PaddingTop: 0;
    --pf-c-jump-links__list--PaddingBottom: 0;
    --pf-c-jump-links__link--PaddingTop: var(--pf-c-jump-links__list__list__link--PaddingTop);
    --pf-c-jump-links__link--PaddingBottom: var(--pf-c-jump-links__list__list__link--PaddingBottom);
    --pf-c-jump-links__link--PaddingLeft: var(--pf-c-jump-links__list__list__link--PaddingLeft);
    margin-top: var(--pf-c-jump-links__list__list--MarginTop)
}

.pf-c-jump-links__link {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    outline-offset: var(--pf-c-jump-links__link--OutlineOffset);
    padding: var(--pf-c-jump-links__link--PaddingTop) var(--pf-c-jump-links__link--PaddingRight) var(--pf-c-jump-links__link--PaddingBottom) var(--pf-c-jump-links__link--PaddingLeft);
    position: relative;
    text-decoration: none
}

.pf-c-jump-links__link:hover {
    --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--hover__link-text--Color)
}

.pf-c-jump-links__link:focus {
    --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--focus__link-text--Color)
}

.pf-c-jump-links__link:before {
    border-color: var(--pf-c-jump-links__link--before--BorderColor);
    border-style: solid;
    border-width: var(--pf-c-jump-links__link--before--BorderTopWidth) var(--pf-c-jump-links__link--before--BorderRightWidth) var(--pf-c-jump-links__link--before--BorderBottomWidth) var(--pf-c-jump-links__link--before--BorderLeftWidth);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-jump-links__item {
    --pf-c-jump-links__list--before--BorderColor: transparent
}

.pf-c-jump-links__item.pf-m-current>.pf-c-jump-links__link {
    --pf-c-jump-links__link--before--BorderTopWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderTopWidth);
    --pf-c-jump-links__link--before--BorderLeftWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth);
    --pf-c-jump-links__link--before--BorderColor: var(--pf-c-jump-links__item--m-current__link--before--BorderColor);
    --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__item--m-current__link-text--Color)
}

.pf-c-jump-links__link-text {
    color: var(--pf-c-jump-links__link-text--Color)
}

.pf-c-jump-links__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-jump-links__label {
    margin-bottom: var(--pf-c-jump-links__label--MarginBottom)
}

.pf-c-jump-links__label.pf-m-toggle {
    display: var(--pf-c-jump-links__label--m-toggle--Display);
    visibility: var(--pf-c-jump-links__label--m-toggle--Visibility)
}

.pf-c-jump-links__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.pf-c-jump-links__toggle {
    display: var(--pf-c-jump-links__toggle--Display);
    margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom);
    margin-left: var(--pf-c-jump-links__toggle--MarginLeft);
    margin-top: var(--pf-c-jump-links__toggle--MarginTop);
    visibility: var(--pf-c-jump-links__toggle--Visibility)
}

.pf-c-jump-links__toggle-icon {
    color: var(--pf-c-jump-links__toggle-icon--Color);
    display: inline-block;
    -webkit-transform: rotate(var(--pf-c-jump-links__toggle-icon--Rotate));
    transform: rotate(var(--pf-c-jump-links__toggle-icon--Rotate));
    -webkit-transition: var(--pf-c-jump-links__toggle-icon--Transition);
    transition: var(--pf-c-jump-links__toggle-icon--Transition)
}

.pf-c-label {
    --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-label--PaddingBottom: var(--pf-global--spacer--xs);
    --pf-c-label--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-label--BorderRadius: var(--pf-global--BorderRadius--lg);
    --pf-c-label--BackgroundColor: var(--pf-global--palette--black-150);
    --pf-c-label--Color: var(--pf-global--Color--100);
    --pf-c-label--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-label__content--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-label__content--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-outline--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-label--m-outline__content--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-label--m-outline__content--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-label__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--200);
    --pf-c-label__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--200);
    --pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-blue--BackgroundColor: var(--pf-global--palette--blue-50);
    --pf-c-label--m-blue__icon--Color: var(--pf-global--primary-color--100);
    --pf-c-label--m-blue__content--Color: var(--pf-global--info-color--200);
    --pf-c-label--m-blue__content--before--BorderColor: var(--pf-global--palette--blue-100);
    --pf-c-label--m-blue__content--link--hover--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-label--m-blue__content--link--focus--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-label--m-outline--m-blue__content--Color: var(--pf-global--primary-color--100);
    --pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-green--BackgroundColor: var(--pf-global--palette--green-50);
    --pf-c-label--m-green__icon--Color: var(--pf-global--success-color--100);
    --pf-c-label--m-green__content--Color: var(--pf-global--success-color--200);
    --pf-c-label--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
    --pf-c-label--m-green__content--link--hover--before--BorderColor: var(--pf-global--success-color--100);
    --pf-c-label--m-green__content--link--focus--before--BorderColor: var(--pf-global--success-color--100);
    --pf-c-label--m-outline--m-green__content--Color: var(--pf-global--success-color--100);
    --pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-orange--BackgroundColor: var(--pf-global--palette--gold-50);
    --pf-c-label--m-orange__icon--Color: var(--pf-global--palette--orange-300);
    --pf-c-label--m-orange__content--Color: var(--pf-global--palette--gold-700);
    --pf-c-label--m-orange__content--before--BorderColor: var(--pf-global--palette--orange-100);
    --pf-c-label--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--orange-300);
    --pf-c-label--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--orange-300);
    --pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-500);
    --pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-red--BackgroundColor: var(--pf-global--palette--red-50);
    --pf-c-label--m-red__icon--Color: var(--pf-global--danger-color--100);
    --pf-c-label--m-red__content--Color: var(--pf-global--palette--red-300);
    --pf-c-label--m-red__content--before--BorderColor: var(--pf-global--palette--red-100);
    --pf-c-label--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
    --pf-c-label--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
    --pf-c-label--m-outline--m-red__content--Color: var(--pf-global--danger-color--100);
    --pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-purple--BackgroundColor: var(--pf-global--palette--purple-50);
    --pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-500);
    --pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-700);
    --pf-c-label--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
    --pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-500);
    --pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-500);
    --pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-500);
    --pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-cyan--BackgroundColor: var(--pf-global--palette--cyan-50);
    --pf-c-label--m-cyan__icon--Color: var(--pf-global--default-color--200);
    --pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--300);
    --pf-c-label--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
    --pf-c-label--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--default-color--200);
    --pf-c-label--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--default-color--200);
    --pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--palette--cyan-400);
    --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-overflow__content--Color: var(--pf-global--link--Color);
    --pf-c-label--m-overflow__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-label--m-overflow__content--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-label--m-overflow__content--before--BorderColor: var(--pf-global--BorderColor--300);
    --pf-c-label--m-overflow__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-label--m-overflow__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--300);
    --pf-c-label--m-overflow__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-label--m-overflow__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--300);
    --pf-c-label__content--Color: var(--pf-global--Color--100);
    --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
    --pf-c-label__text--MaxWidth: 16ch;
    --pf-c-label__icon--Color: var(--pf-global--Color--100);
    --pf-c-label__icon--MarginRight: var(--pf-global--spacer--xs);
    --pf-c-label__c-button--FontSize: var(--pf-global--FontSize--xs);
    --pf-c-label__c-button--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-label__c-button--MarginRight: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-label__c-button--MarginBottom: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-label__c-button--MarginLeft: var(--pf-global--spacer--xs);
    --pf-c-label__c-button--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-label__c-button--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-label__c-button--PaddingBottom: var(--pf-global--spacer--xs);
    --pf-c-label__c-button--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
    --pf-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
    --pf-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
    background-color: var(--pf-c-label--BackgroundColor);
    border: 0;
    border-radius: var(--pf-c-label--BorderRadius);
    color: var(--pf-c-label--Color);
    font-size: var(--pf-c-label--FontSize);
    padding: var(--pf-c-label--PaddingTop) var(--pf-c-label--PaddingRight) var(--pf-c-label--PaddingBottom) var(--pf-c-label--PaddingLeft);
    position: relative;
    white-space: nowrap
}

.pf-c-label.pf-m-blue {
    --pf-c-label--BackgroundColor: var(--pf-c-label--m-blue--BackgroundColor);
    --pf-c-label__icon--Color: var(--pf-c-label--m-blue__icon--Color);
    --pf-c-label__content--Color: var(--pf-c-label--m-blue__content--Color);
    --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
    --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-blue__content--link--hover--before--BorderColor);
    --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-blue__content--link--focus--before--BorderColor);
    --pf-c-label--m-outline__content--Color: var(--pf-c-label--m-outline--m-blue__content--Color);
    --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--before--BorderColor);
    --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor);
    --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor)
}

.pf-c-label.pf-m-green {
    --pf-c-label--BackgroundColor: var(--pf-c-label--m-green--BackgroundColor);
    --pf-c-label__icon--Color: var(--pf-c-label--m-green__icon--Color);
    --pf-c-label__content--Color: var(--pf-c-label--m-green__content--Color);
    --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
    --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-green__content--link--hover--before--BorderColor);
    --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-green__content--link--focus--before--BorderColor);
    --pf-c-label--m-outline__content--Color: var(--pf-c-label--m-outline--m-green__content--Color);
    --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--before--BorderColor);
    --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor);
    --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor)
}

.pf-c-label.pf-m-orange {
    --pf-c-label--BackgroundColor: var(--pf-c-label--m-orange--BackgroundColor);
    --pf-c-label__icon--Color: var(--pf-c-label--m-orange__icon--Color);
    --pf-c-label__content--Color: var(--pf-c-label--m-orange__content--Color);
    --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
    --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-orange__content--link--hover--before--BorderColor);
    --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-orange__content--link--focus--before--BorderColor);
    --pf-c-label--m-outline__content--Color: var(--pf-c-label--m-outline--m-orange__content--Color);
    --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--before--BorderColor);
    --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor);
    --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor)
}

.pf-c-label.pf-m-red {
    --pf-c-label--BackgroundColor: var(--pf-c-label--m-red--BackgroundColor);
    --pf-c-label__icon--Color: var(--pf-c-label--m-red__icon--Color);
    --pf-c-label__content--Color: var(--pf-c-label--m-red__content--Color);
    --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
    --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-red__content--link--hover--before--BorderColor);
    --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-red__content--link--focus--before--BorderColor);
    --pf-c-label--m-outline__content--Color: var(--pf-c-label--m-outline--m-red__content--Color);
    --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--before--BorderColor);
    --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor);
    --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor)
}

.pf-c-label.pf-m-purple {
    --pf-c-label--BackgroundColor: var(--pf-c-label--m-purple--BackgroundColor);
    --pf-c-label__icon--Color: var(--pf-c-label--m-purple__icon--Color);
    --pf-c-label__content--Color: var(--pf-c-label--m-purple__content--Color);
    --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
    --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-purple__content--link--hover--before--BorderColor);
    --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-purple__content--link--focus--before--BorderColor);
    --pf-c-label--m-outline__content--Color: var(--pf-c-label--m-outline--m-purple__content--Color);
    --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--before--BorderColor);
    --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor);
    --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor)
}

.pf-c-label.pf-m-cyan {
    --pf-c-label--BackgroundColor: var(--pf-c-label--m-cyan--BackgroundColor);
    --pf-c-label__icon--Color: var(--pf-c-label--m-cyan__icon--Color);
    --pf-c-label__content--Color: var(--pf-c-label--m-cyan__content--Color);
    --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
    --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-cyan__content--link--hover--before--BorderColor);
    --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-cyan__content--link--focus--before--BorderColor);
    --pf-c-label--m-outline__content--Color: var(--pf-c-label--m-outline--m-cyan__content--Color);
    --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--before--BorderColor);
    --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor);
    --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor)
}

.pf-c-label.pf-m-outline {
    --pf-c-label__content--Color: var(--pf-c-label--m-outline__content--Color);
    --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-outline__content--before--BorderWidth);
    --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
    --pf-c-label--BackgroundColor: var(--pf-c-label--m-outline--BackgroundColor)
}

.pf-c-label.pf-m-outline a.pf-c-label__content:hover,
.pf-c-label.pf-m-outline button.pf-c-label__content:hover,
.pf-c-label.pf-m-overflow:hover {
    --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-outline__content--link--hover--before--BorderWidth);
    --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-outline__content--link--hover--before--BorderColor)
}

.pf-c-label.pf-m-outline a.pf-c-label__content:focus,
.pf-c-label.pf-m-outline button.pf-c-label__content:focus,
.pf-c-label.pf-m-overflow:focus {
    --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-outline__content--link--focus--before--BorderWidth);
    --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-outline__content--link--focus--before--BorderColor)
}

.pf-c-label.pf-m-editable-active {
    --pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
    --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable--m-editable-active__content--before--BorderWidth);
    --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable--m-editable-active__content--before--BorderColor)
}

.pf-c-label.pf-m-editable-active .pf-c-button {
    visibility: hidden
}

.pf-c-label .pf-c-button {
    --pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
    --pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
    --pf-c-button--PaddingRight: var(--pf-c-label__c-button--PaddingRight);
    --pf-c-button--PaddingBottom: var(--pf-c-label__c-button--PaddingBottom);
    --pf-c-button--PaddingLeft: var(--pf-c-label__c-button--PaddingLeft);
    margin: var(--pf-c-label__c-button--MarginTop) var(--pf-c-label__c-button--MarginRight) var(--pf-c-label__c-button--MarginBottom) var(--pf-c-label__c-button--MarginLeft)
}

.pf-c-label.pf-m-overflow {
    --pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
    --pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
    --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-overflow__content--before--BorderWidth);
    --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-overflow__content--before--BorderColor);
    --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--hover--before--BorderWidth);
    --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-overflow__content--link--hover--before--BorderColor);
    --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--focus--before--BorderWidth);
    --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-overflow__content--link--focus--before--BorderColor)
}

.pf-c-label,
.pf-c-label__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pf-c-label__text {
    max-width: var(--pf-c-label__text--MaxWidth);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-label__content {
    border: 0;
    color: var(--pf-c-label__content--Color)
}

.pf-c-label__content:before {
    border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
    border-radius: var(--pf-c-label--BorderRadius);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

a.pf-c-label__content,
button.pf-c-label__content {
    border: none;
    cursor: pointer
}

a.pf-c-label__content,
a.pf-c-label__content:focus,
a.pf-c-label__content:hover,
button.pf-c-label__content,
button.pf-c-label__content:focus,
button.pf-c-label__content:hover {
    text-decoration: none
}

a.pf-c-label__content:hover,
button.pf-c-label__content:hover {
    --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--hover--before--BorderWidth);
    --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--hover--before--BorderColor)
}

a.pf-c-label__content:focus,
button.pf-c-label__content:focus {
    --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--focus--before--BorderWidth);
    --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--focus--before--BorderColor)
}

.pf-c-label__icon {
    color: var(--pf-c-label__icon--Color);
    margin-right: var(--pf-c-label__icon--MarginRight)
}

.pf-c-label-group {
    --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
    --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
    --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
    --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-label-group__label--MarginBottom: 0;
    --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-label-group__label--MaxWidth: 18ch;
    --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
    --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
    --pf-c-label-group__textarea--MinWidth: 12.5rem;
    --pf-c-label-group__textarea--PaddingTop: 0.125rem;
    --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
    --pf-c-label-group__textarea--PaddingBottom: 0;
    --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pf-c-label-group.pf-m-category {
    background-color: var(--pf-c-label-group--m-category--BackgroundColor);
    border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
    border-radius: var(--pf-c-label-group--m-category--BorderRadius);
    padding: var(--pf-c-label-group--m-category--PaddingTop) var(--pf-c-label-group--m-category--PaddingRight) var(--pf-c-label-group--m-category--PaddingBottom) var(--pf-c-label-group--m-category--PaddingLeft)
}

.pf-c-label-group.pf-m-vertical {
    --pf-c-label-group__list--MarginRight: 0;
    --pf-c-label-group__list--MarginBottom: 0;
    --pf-c-label-group__list-item--MarginRight: 0;
    --pf-c-label-group__label--MarginRight: 0;
    --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
    --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
    --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
    --pf-c-label-group__close--MarginBottom: 0;
    --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
    --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight)
}

.pf-c-label-group.pf-m-vertical.pf-c-label-group {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pf-c-label-group.pf-m-vertical .pf-c-label-group__list,
.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
    --pf-c-label-group__list-item--MarginBottom: 0
}

.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
    --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
    --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight)
}

.pf-c-label-group.pf-m-editable,
.pf-c-label-group.pf-m-editable .pf-c-label-group__list,
.pf-c-label-group.pf-m-editable .pf-c-label-group__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-label-group.pf-m-editable .pf-c-label-group__list,
.pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
.pf-c-label-group.pf-m-editable .pf-c-label-group__textarea,
.pf-c-label-group__main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pf-c-label-group__main {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pf-c-label-group__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: var(--pf-c-label-group__list--MarginBottom);
    margin-right: var(--pf-c-label-group__list--MarginRight)
}

.pf-c-label-group__list,
.pf-c-label-group__list-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pf-c-label-group__list-item {
    margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
    margin-right: var(--pf-c-label-group__list-item--MarginRight)
}

.pf-c-label-group__label {
    font-size: var(--pf-c-label-group__label--FontSize);
    margin-bottom: var(--pf-c-label-group__label--MarginBottom);
    margin-right: var(--pf-c-label-group__label--MarginRight);
    max-width: var(--pf-c-label-group__label--MaxWidth);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-label-group__close {
    margin: var(--pf-c-label-group__close--MarginTop) var(--pf-c-label-group__close--MarginRight) var(--pf-c-label-group__close--MarginBottom) var(--pf-c-label-group__close--MarginLeft)
}

.pf-c-label-group__textarea {
    -ms-overflow-style: none;
    border: 0;
    min-width: var(--pf-c-label-group__textarea--MinWidth);
    padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
    resize: none;
    scrollbar-width: none;
    white-space: nowrap
}

.pf-c-label-group__textarea::-webkit-scrollbar {
    display: none
}

.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-left: var(--pf-c-list--nested--MarginLeft);
    margin-top: var(--pf-c-list--nested--MarginTop)
}

.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: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-list .pf-c-list__item-icon {
    -ms-flex-negative: 0;
    color: var(--pf-c-list__item-icon--Color);
    flex-shrink: 0;
    font-size: var(--pf-c-list__item-icon--FontSize);
    line-height: 1;
    margin-right: var(--pf-c-list__item-icon--MarginRight);
    margin-top: var(--pf-c-list__item-icon--MarginTop);
    min-width: var(--pf-c-list__item-icon--MinWidth)
}

.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-inline,
.pf-c-list.pf-m-plain {
    --pf-c-list--PaddingLeft: 0;
    list-style: none
}

.pf-c-list.pf-m-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.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>* {
    border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
    padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom)
}

.pf-c-list.pf-m-bordered>:last-child {
    --pf-c-list--m-bordered--li--PaddingBottom: 0;
    --pf-c-list--m-bordered--li--BorderBottomWidth: 0
}

.pf-c-log-viewer {
    --pf-c-log-viewer--Height: 100%;
    --pf-c-log-viewer--MaxHeight: auto;
    --pf-c-log-viewer--m-line-numbers__index--Display: inline;
    --pf-c-log-viewer__header--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-log-viewer__main--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-log-viewer__main--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-log-viewer__scroll-container--Height: 37.5rem;
    --pf-c-log-viewer--m-line-numbers__main--before--Top: var(--pf-global--spacer--sm);
    --pf-c-log-viewer--m-line-numbers__main--before--Bottom: var(--pf-global--spacer--sm);
    --pf-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-global--BorderWidth--sm);
    --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
    --pf-c-log-viewer__scroll-container--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-log-viewer__scroll-container--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-log-viewer__index--Display: none;
    --pf-c-log-viewer__index--Width: 4.0625rem;
    --pf-c-log-viewer__index--PaddingRight: var(--pf-global--spacer--xl);
    --pf-c-log-viewer__index--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-log-viewer__index--FontFamily: var(--pf-global--FontFamily--monospace);
    --pf-c-log-viewer__index--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
    --pf-c-log-viewer__text--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-log-viewer__text--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-log-viewer__text--FontFamily: var(--pf-global--FontFamily--monospace);
    --pf-c-log-viewer__text--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
    --pf-c-log-viewer__list-item--m-match--BackgroundColor: var(--pf-global--palette--gold-50);
    --pf-c-log-viewer__list-item--m-current--BackgroundColor: var(--pf-global--palette--gold-100);
    --pf-c-log-viewer__timestamp--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-log-viewer--c-toolbar--PaddingTop: 0;
    --pf-c-log-viewer--c-toolbar--PaddingBottom: 0;
    --pf-c-log-viewer--c-toolbar__content--PaddingRight: 0;
    --pf-c-log-viewer--c-toolbar__content--PaddingLeft: 0;
    --pf-c-log-viewer--c-toolbar__group--m-toggle-group--spacer: 0;
    --pf-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-global--spacer--sm);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: var(--pf-c-log-viewer--Height);
    max-height: var(--pf-c-log-viewer--MaxHeight)
}

.pf-c-log-viewer.pf-m-wrap-text {
    word-break: break-all
}

.pf-c-log-viewer.pf-m-line-numbers {
    --pf-c-log-viewer__index--Display: var(--pf-c-log-viewer--m-line-numbers__index--Display)
}

.pf-c-log-viewer .pf-c-toolbar {
    --pf-c-toolbar--PaddingTop: var(--pf-c-log-viewer--c-toolbar--PaddingTop);
    --pf-c-toolbar--PaddingBottom: var(--pf-c-log-viewer--c-toolbar--PaddingBottom);
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-log-viewer--c-toolbar__content--PaddingRight);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-log-viewer--c-toolbar__content--PaddingLeft);
    --pf-c-toolbar__group--m-toggle-group--spacer: 0;
    --pf-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer)
}

.pf-c-log-viewer .pf-c-toolbar__content-section {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.pf-c-log-viewer .pf-c-search-input {
    width: 100%
}

.pf-c-log-viewer__header {
    margin-bottom: var(--pf-c-log-viewer__header--MarginBottom)
}

.pf-c-log-viewer__main {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: var(--pf-c-log-viewer__main--BorderWidth) solid var(--pf-c-log-viewer__main--BorderColor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}

.pf-m-line-numbers .pf-c-log-viewer__main {
    position: relative
}

.pf-m-line-numbers .pf-c-log-viewer__main:before {
    background: var(--pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor);
    bottom: var(--pf-c-log-viewer--m-line-numbers__main--before--Bottom);
    content: "";
    left: var(--pf-c-log-viewer__index--Width);
    position: absolute;
    top: var(--pf-c-log-viewer--m-line-numbers__main--before--Top);
    width: var(--pf-c-log-viewer--m-line-numbers__main--before--Width)
}

.pf-c-log-viewer__scroll-container {
    height: var(--pf-c-log-viewer__scroll-container--Height);
    overflow: auto;
    padding-bottom: var(--pf-c-log-viewer__scroll-container--PaddingBottom);
    padding-top: var(--pf-c-log-viewer__scroll-container--PaddingTop)
}

.pf-c-log-viewer__list {
    position: relative
}

.pf-m-line-numbers .pf-c-log-viewer__list-item {
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr
}

.pf-c-log-viewer__list-item.pf-m-match {
    background-color: var(--pf-c-log-viewer__list-item--m-match--BackgroundColor)
}

.pf-c-log-viewer__list-item.pf-m-current {
    background-color: var(--pf-c-log-viewer__list-item--m-current--BackgroundColor)
}

.pf-c-log-viewer__index {
    color: var(--pf-c-log-viewer__index--Color);
    display: var(--pf-c-log-viewer__index--Display);
    font-family: var(--pf-c-log-viewer__index--FontFamily);
    font-size: var(--pf-c-log-viewer__index--FontSize);
    padding-left: var(--pf-c-log-viewer__index--PaddingLeft);
    padding-right: var(--pf-c-log-viewer__index--PaddingRight);
    width: var(--pf-c-log-viewer__index--Width)
}

.pf-c-log-viewer__text {
    color: var(--pf-c-log-viewer__text--Color);
    display: block;
    font-family: var(--pf-c-log-viewer__text--FontFamily);
    font-size: var(--pf-c-log-viewer__text--FontSize);
    padding-left: var(--pf-c-log-viewer__text--PaddingLeft);
    padding-right: var(--pf-c-log-viewer__text--PaddingRight);
    word-break: break-all
}

.pf-c-log-viewer__timestamp {
    font-weight: var(--pf-c-log-viewer__timestamp--FontWeight)
}

.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);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding-bottom: var(--pf-c-login--PaddingBottom);
    padding-top: var(--pf-c-login--PaddingTop)
}

@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);
        --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);
        --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);
        background-image: var(--pf-c-login--xl--BackgroundImage)
    }
}

@media (min-width:576px) {
    .pf-c-login {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.pf-c-login__container {
    max-width: var(--pf-c-login__container--MaxWidth);
    width: 100%
}

@media (min-width:1200px) {
    .pf-c-login__container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
        display: grid;
        grid-template-areas: "main header" "main footer" "main .";
        grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
        justify-content: center;
        padding-left: var(--pf-c-login__container--PaddingLeft);
        padding-right: var(--pf-c-login__container--PaddingRight)
    }
}

.pf-c-login__header {
    color: var(--pf-global--Color--100);
    grid-area: header;
    padding-left: var(--pf-c-login__header--PaddingLeft);
    padding-right: var(--pf-c-login__header--PaddingRight)
}

@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 {
    background-color: var(--pf-c-login__main--BackgroundColor);
    grid-area: main;
    margin-bottom: var(--pf-c-login__main--MarginBottom)
}

.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 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-column-gap: var(--pf-c-login__main-header--ColumnGap);
    -webkit-column-gap: var(--pf-c-login__main-header--ColumnGap);
    column-gap: var(--pf-c-login__main-header--ColumnGap);
    display: grid;
    grid-template-columns: 100%;
    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);
    row-gap: var(--pf-c-login__main-header--RowGap)
}

@media (min-width:768px) {
    .pf-c-login__main-header {
        grid-template-columns: 1fr auto
    }
}

.pf-c-login__main-header .pf-c-dropdown {
    grid-column: auto;
    grid-row: auto
}

@media (min-width:768px) {
    .pf-c-login__main-header .pf-c-dropdown {
        grid-column: 2/3;
        grid-row: 1
    }
}

.pf-c-login__main-header-desc {
    font-size: var(--pf-c-login__main-header-desc--FontSize);
    grid-column: 1/-1;
    margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom)
}

.pf-c-login__main-body {
    padding-bottom: var(--pf-c-login__main-body--PaddingBottom);
    padding-left: var(--pf-c-login__main-body--PaddingLeft);
    padding-right: var(--pf-c-login__main-body--PaddingRight)
}

.pf-c-login__main-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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>* {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.pf-c-login__main-footer-links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

.pf-c-login__main-footer-links-item {
    margin-bottom: var(--pf-c-login__main-footer-links-item--MarginBottom);
    padding-left: var(--pf-c-login__main-footer-links-item--PaddingLeft);
    padding-right: var(--pf-c-login__main-footer-links-item--PaddingRight)
}

.pf-c-login__main-footer-links-item-link svg {
    fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
    height: 100%;
    max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height);
    max-width: var(--pf-c-login__main-footer-links-item-link-svg--Width);
    width: 100%
}

.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 {
    background-color: var(--pf-c-login__main-footer-band--BackgroundColor);
    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
}

.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-left: var(--pf-c-login__footer--PaddingLeft);
    padding-right: var(--pf-c-login__footer--PaddingRight)
}

.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)
}

.pf-c-masthead {
    --pf-c-masthead--PaddingLeft: var(--pf-c-masthead--inset);
    --pf-c-masthead--PaddingRight: var(--pf-c-masthead--inset);
    --pf-c-masthead--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
    --pf-c-masthead--inset: var(--pf-global--spacer--md);
    --pf-c-masthead--xl--inset: var(--pf-global--spacer--lg);
    --pf-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
    --pf-c-masthead--m-display-stack__main--GridColumn: -1/1;
    --pf-c-masthead--m-display-stack__main--MinHeight: 4.375rem;
    --pf-c-masthead--m-display-stack__main--Order: -1;
    --pf-c-masthead--m-display-stack__main--FlexBasis: 100%;
    --pf-c-masthead--m-display-stack__main--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-masthead--m-display-stack__main--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-masthead--m-display-stack__main--MarginRight: 0;
    --pf-c-masthead--m-display-stack__main--before--BorderBottom: var(--pf-c-masthead__main--before--BorderBottomWidth) solid var(--pf-c-masthead__main--before--BorderBottomColor);
    --pf-c-masthead--m-display-stack__toggle--GridColumn: 1;
    --pf-c-masthead--m-display-stack__content--GridColumn: 2;
    --pf-c-masthead--m-display-stack__content--MinHeight: 4.375rem;
    --pf-c-masthead--m-display-stack__content--Order: 1;
    --pf-c-masthead--m-display-stack__content--PaddingTop: 0;
    --pf-c-masthead--m-display-stack__content--PaddingBottom: 0;
    --pf-c-masthead--m-display-stack__content--MarginLeft: 0;
    --pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight: calc(var(--pf-c-masthead--inset)*-1);
    --pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft: calc(var(--pf-c-masthead--inset)*-1);
    --pf-c-masthead--m-display-inline--GridTemplateColumns: max-content max-content 1fr;
    --pf-c-masthead--m-display-inline__main--GridColumn: 2;
    --pf-c-masthead--m-display-inline__main--MinHeight: 4.375rem;
    --pf-c-masthead--m-display-inline__main--Order: 0;
    --pf-c-masthead--m-display-inline__main--FlexBasis: auto;
    --pf-c-masthead--m-display-inline__main--PaddingTop: 0;
    --pf-c-masthead--m-display-inline__main--PaddingBottom: 0;
    --pf-c-masthead--m-display-inline__main--MarginRight: calc(var(--pf-global--spacer--lg)/2);
    --pf-c-masthead--m-display-inline__main--before--BorderBottom: 0;
    --pf-c-masthead--m-display-inline__toggle--GridColumn: 1;
    --pf-c-masthead--m-display-inline__content--GridColumn: 3;
    --pf-c-masthead--m-display-inline__content--MinHeight: 4.375rem;
    --pf-c-masthead--m-display-inline__content--Order: 0;
    --pf-c-masthead--m-display-inline__content--PaddingTop: 0;
    --pf-c-masthead--m-display-inline__content--PaddingBottom: 0;
    --pf-c-masthead--m-display-inline__content--MarginLeft: calc(var(--pf-global--spacer--lg)/2);
    --pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight: 0;
    --pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft: 0;
    --pf-c-masthead__main--before--Right: calc(var(--pf-c-masthead--inset)*-1);
    --pf-c-masthead__main--before--Left: calc(var(--pf-c-masthead--inset)*-1);
    --pf-c-masthead__main--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-masthead__main--before--BorderBottomColor: var(--pf-global--palette--black-600);
    --pf-c-masthead__toggle--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-masthead__toggle--MarginLeft: calc(var(--pf-global--spacer--md)*-1);
    --pf-c-masthead__toggle--c-button--FontSize: var(--pf-global--FontSize--2xl);
    --pf-c-masthead--m-light--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-masthead--m-light__main--BorderBottomColor: var(--pf-global--BorderColor--300);
    --pf-c-masthead--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-masthead--m-light-200__main--BorderBottomColor: var(--pf-global--BorderColor--100);
    --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
    --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
    --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
    --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
    --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
    --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
    --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
    --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
    --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
    --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-stack-inline__content--GridColumn);
    --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
    --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
    --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
    --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
    --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
    --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
    --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--pf-c-masthead--BackgroundColor);
    color: var(--pf-global--Color--100);
    display: grid;
    grid-template-columns: var(--pf-c-masthead--GridTemplateColumns);
    min-width: 0;
    padding-left: var(--pf-c-masthead--PaddingLeft);
    padding-right: var(--pf-c-masthead--PaddingRight);
    position: relative
}

@media screen and (min-width:1200px) {
    .pf-c-masthead {
        --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset)
    }
}

@media screen and (min-width:768px) {
    .pf-c-masthead {
        --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
        --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
        --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
        --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
        --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
        --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
        --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
        --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
        --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
        --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
        --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
        --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
        --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
        --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
        --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft)
    }
}

.pf-c-masthead.pf-m-light {
    --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
    --pf-c-masthead__main--BorderBottomColor: var(--pf-c-masthead--m-light__main--BorderBottomColor);
    color: var(--pf-global--Color--100)
}

.pf-c-masthead.pf-m-light-200 {
    --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light-200--BackgroundColor);
    --pf-c-masthead__main--BorderBottomColor: var(--pf-c-masthead--m-light-200__main--BorderBottomColor);
    color: var(--pf-global--Color--100)
}

.pf-c-masthead .pf-c-toolbar {
    --pf-c-toolbar--PaddingTop: var(--pf-c-masthead--c-toolbar--PaddingTop);
    --pf-c-toolbar--PaddingBottom: var(--pf-c-masthead--c-toolbar--PaddingBottom);
    width: 100%
}

.pf-c-masthead .pf-c-toolbar__content-section {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-width: 0
}

.pf-c-masthead .pf-c-toolbar__group,
.pf-c-masthead .pf-c-toolbar__item {
    min-width: 0
}

.pf-c-masthead .pf-c-toolbar,
.pf-c-masthead .pf-c-toolbar__group,
.pf-c-masthead .pf-c-toolbar__item {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.pf-c-masthead .pf-c-toolbar__item {
    -ms-flex-align: center
}

.pf-c-masthead .pf-c-toolbar__item,
.pf-c-masthead__main {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-masthead__main {
    -ms-flex-preferred-size: var(--pf-c-masthead__main--FlexBasis);
    -ms-flex-align: center;
    -webkit-box-ordinal-group: var(--pf-c-masthead__main--Order);
    -ms-flex-order: var(--pf-c-masthead__main--Order);
    align-self: stretch;
    flex-basis: var(--pf-c-masthead__main--FlexBasis);
    grid-column: var(--pf-c-masthead__main--GridColumn);
    margin-right: var(--pf-c-masthead__main--MarginRight);
    min-height: var(--pf-c-masthead__main--MinHeight);
    order: var(--pf-c-masthead__main--Order);
    padding-bottom: var(--pf-c-masthead__main--PaddingBottom);
    padding-top: var(--pf-c-masthead__main--PaddingTop);
    position: relative
}

.pf-c-masthead__main:before {
    border-bottom: var(--pf-c-masthead__main--before--BorderBottom);
    bottom: 0;
    content: "";
    left: var(--pf-c-masthead__main--before--Left);
    position: absolute;
    right: var(--pf-c-masthead__main--before--Right)
}

.pf-c-masthead__main:last-child {
    --pf-c-masthead__main--MarginRight: 0
}

.pf-c-masthead__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-ordinal-group: var(--pf-c-masthead__content--Order);
    -ms-flex-order: var(--pf-c-masthead__content--Order);
    -ms-flex-negative: 1;
    align-items: center;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    grid-column: var(--pf-c-masthead__content--GridColumn);
    margin-left: var(--pf-c-masthead__content--MarginLeft);
    min-height: var(--pf-c-masthead__content--MinHeight);
    order: var(--pf-c-masthead__content--Order);
    padding-bottom: var(--pf-c-masthead__content--PaddingBottom);
    padding-top: var(--pf-c-masthead__content--PaddingTop)
}

.pf-c-masthead__content:only-child {
    --pf-c-masthead__content--MarginLeft: 0
}

.pf-c-masthead__content .pf-c-nav.pf-m-horizontal {
    margin-left: var(--pf-c-masthead__content--c-nav--m-horizontal--MarginLeft);
    margin-right: var(--pf-c-masthead__content--c-nav--m-horizontal--MarginRight)
}

.pf-c-masthead__toggle~.pf-c-masthead__content {
    --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: calc(var(--pf-c-masthead__content--MarginLeft)*-1)
}

.pf-c-masthead__brand,
.pf-c-masthead__content,
.pf-c-masthead__main {
    min-width: 0
}

.pf-c-masthead__brand {
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pf-c-masthead__toggle {
    align-self: center;
    grid-column: var(--pf-c-masthead__toggle--GridColumn);
    margin-left: var(--pf-c-masthead__toggle--MarginLeft);
    margin-right: var(--pf-c-masthead__toggle--MarginRight)
}

.pf-c-masthead__toggle .pf-c-button {
    --pf-c-button--FontSize: var(--pf-c-masthead__toggle--c-button--FontSize)
}

.pf-c-masthead.pf-m-display-stack {
    --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
    --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
    --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
    --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
    --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
    --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
    --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
    --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
    --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
    --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-stack-inline__content--GridColumn);
    --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
    --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
    --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
    --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
    --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
    --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
    --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft)
}

.pf-c-masthead.pf-m-display-inline {
    --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
    --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
    --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
    --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
    --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
    --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
    --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
    --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
    --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
    --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
    --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
    --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
    --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
    --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
    --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
    --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
    --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft)
}

@media (min-width:576px) {
    .pf-c-masthead.pf-m-display-stack-on-sm {
        --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
        --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
        --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
        --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
        --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
        --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
        --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
        --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
        --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
        --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-stack-inline__content--GridColumn);
        --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
        --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
        --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
        --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
        --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft)
    }

    .pf-c-masthead.pf-m-display-inline-on-sm {
        --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
        --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
        --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
        --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
        --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
        --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
        --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
        --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
        --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
        --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
        --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
        --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
        --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
        --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
        --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft)
    }
}

@media (min-width:768px) {
    .pf-c-masthead.pf-m-display-stack-on-md {
        --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
        --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
        --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
        --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
        --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
        --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
        --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
        --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
        --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
        --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-stack-inline__content--GridColumn);
        --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
        --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
        --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
        --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
        --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft)
    }

    .pf-c-masthead.pf-m-display-inline-on-md {
        --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
        --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
        --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
        --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
        --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
        --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
        --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
        --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
        --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
        --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
        --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
        --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
        --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
        --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
        --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft)
    }
}

@media (min-width:992px) {
    .pf-c-masthead.pf-m-display-stack-on-lg {
        --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
        --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
        --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
        --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
        --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
        --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
        --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
        --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
        --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
        --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-stack-inline__content--GridColumn);
        --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
        --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
        --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
        --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
        --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft)
    }

    .pf-c-masthead.pf-m-display-inline-on-lg {
        --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
        --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
        --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
        --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
        --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
        --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
        --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
        --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
        --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
        --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
        --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
        --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
        --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
        --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
        --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft)
    }
}

@media (min-width:1200px) {
    .pf-c-masthead.pf-m-display-stack-on-xl {
        --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
        --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
        --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
        --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
        --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
        --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
        --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
        --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
        --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
        --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-stack-inline__content--GridColumn);
        --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
        --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
        --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
        --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
        --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft)
    }

    .pf-c-masthead.pf-m-display-inline-on-xl {
        --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
        --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
        --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
        --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
        --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
        --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
        --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
        --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
        --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
        --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
        --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
        --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
        --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
        --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
        --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft)
    }
}

@media (min-width:1450px) {
    .pf-c-masthead.pf-m-display-stack-on-2xl {
        --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-stack--GridTemplateColumns);
        --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-stack__main--GridColumn);
        --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-stack__main--MinHeight);
        --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-stack__main--Order);
        --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-stack__main--FlexBasis);
        --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-stack__main--PaddingTop);
        --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-stack__main--PaddingBottom);
        --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-stack__main--MarginRight);
        --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-stack__main--before--BorderBottom);
        --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-stack-inline__content--GridColumn);
        --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-stack__content--MinHeight);
        --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-stack__content--Order);
        --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-stack__content--PaddingTop);
        --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-stack__content--PaddingBottom);
        --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-stack__content--MarginLeft);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft)
    }

    .pf-c-masthead.pf-m-display-inline-on-2xl {
        --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
        --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
        --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
        --pf-c-masthead__main--Order: var(--pf-c-masthead--m-display-inline__main--Order);
        --pf-c-masthead__main--FlexBasis: var(--pf-c-masthead--m-display-inline__main--FlexBasis);
        --pf-c-masthead__main--PaddingTop: var(--pf-c-masthead--m-display-inline__main--PaddingTop);
        --pf-c-masthead__main--PaddingBottom: var(--pf-c-masthead--m-display-inline__main--PaddingBottom);
        --pf-c-masthead__main--MarginRight: var(--pf-c-masthead--m-display-inline__main--MarginRight);
        --pf-c-masthead__main--before--BorderBottom: var(--pf-c-masthead--m-display-inline__main--BorderBottom);
        --pf-c-masthead__content--GridColumn: var(--pf-c-masthead--m-display-inline__content--GridColumn);
        --pf-c-masthead__content--MinHeight: var(--pf-c-masthead--m-display-inline__content--MinHeight);
        --pf-c-masthead__content--Order: var(--pf-c-masthead--m-display-inline__content--Order);
        --pf-c-masthead__content--PaddingTop: var(--pf-c-masthead--m-display-inline__content--PaddingTop);
        --pf-c-masthead__content--PaddingBottom: var(--pf-c-masthead--m-display-inline__content--PaddingBottom);
        --pf-c-masthead__content--MarginLeft: var(--pf-c-masthead--m-display-inline__content--MarginLeft);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
        --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft)
    }
}

.pf-c-menu {
    --pf-c-menu--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-menu--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-menu--MinWidth: 100%;
    --pf-c-menu--Width: auto;
    --pf-c-menu--ZIndex: var(--pf-global--ZIndex--sm);
    --pf-c-menu--m-flyout__menu--Top: calc(var(--pf-c-menu__list--PaddingTop)*-1);
    --pf-c-menu--m-flyout__menu--Left: 100%;
    --pf-c-menu--m-flyout__list-item--m-menu-top__menu--Bottom: calc(var(--pf-c-menu__list--PaddingTop)*-1);
    --pf-c-menu--m-flyout__list-item--m-menu-left__menu--Right: 100%;
    --pf-c-menu__content--Height: auto;
    --pf-c-menu__list--c-divider--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-menu__list--c-divider--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-menu__header--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-menu__header--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-menu__header--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-menu__header--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-menu__search--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-menu__search--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-menu__search--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-menu__search--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-menu__list--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-menu__list--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-menu__list-item--Color: var(--pf-global--Color--100);
    --pf-c-menu__list-item--BackgroundColor: transparent;
    --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-menu__list-item--m-loading--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-menu__item--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-menu__item--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-menu__item--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-menu__item--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-menu__item--OutlineOffset: -0.125rem;
    --pf-c-menu__item--FontSize: var(--pf-global--FontSize--md);
    --pf-c-menu__item--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-menu__item--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--disabled-color--100);
    --pf-c-menu__list-item--m-load__item--Color: var(--pf-global--link--Color);
    --pf-c-menu__group-title--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-menu__group-title--PaddingRight: var(--pf-c-menu__item--PaddingRight);
    --pf-c-menu__group-title--PaddingLeft: var(--pf-c-menu__item--PaddingLeft);
    --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-menu__group-title--Color: var(--pf-global--Color--200);
    --pf-c-menu__item-description--FontSize: var(--pf-global--FontSize--xs);
    --pf-c-menu__item-description--Color: var(--pf-global--Color--200);
    --pf-c-menu__item-icon--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-menu__item-toggle-icon--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-menu__item-toggle-icon--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-menu__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
    --pf-c-menu__item-text--item-toggle-icon--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-menu__item-toggle-icon--item-text--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-menu__item-select-icon--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-menu__item-select-icon--Color: var(--pf-global--active-color--100);
    --pf-c-menu__item-select-icon--FontSize: var(--pf-global--icon--FontSize--sm);
    --pf-c-menu__item-external-icon--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-menu__item-external-icon--Color: var(--pf-global--link--Color);
    --pf-c-menu__item-external-icon--FontSize: var(--pf-global--icon--FontSize--sm);
    --pf-c-menu__item-external-icon--Opacity: 0;
    --pf-c-menu__item-action--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-menu__item-action--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-menu__item-action--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-menu__item-action--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-menu__item-action--Color: var(--pf-global--Color--200);
    --pf-c-menu__item-action--hover--Color: var(--pf-global--Color--100);
    --pf-c-menu__item-action--m-favorited--Color: var(--pf-global--palette--gold-400);
    --pf-c-menu__item-action--m-favorited--hover--Color: var(--pf-global--palette--gold-500);
    --pf-c-menu__list-item--m-disabled__item-action--Color: var(--pf-global--disabled-color--200);
    --pf-c-menu__item-action-icon--Height: calc(var(--pf-c-menu__item--FontSize)*var(--pf-c-menu__item--LineHeight));
    --pf-c-menu__item-action--m-favorite__icon--FontSize: var(--pf-global--icon--FontSize--sm);
    --pf-c-menu__breadcrumb--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-menu__breadcrumb--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-menu__breadcrumb--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-menu__breadcrumb--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-menu__breadcrumb--c-breadcrumb__item--FontSize: var(--pf-global--FontSize--md);
    --pf-c-menu__breadcrumb--c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--md);
    --pf-c-menu--m-drilldown--c-menu--Top: 0;
    --pf-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-global--TransitionDuration);
    --pf-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
    --pf-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-global--TransitionDuration);
    --pf-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-global--TransitionDuration);
    --pf-c-menu--m-drilldown__content--Transition: transform var(--pf-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-c-menu--m-drilldown__content--TransitionDuration--height);
    --pf-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-global--TransitionDuration);
    --pf-c-menu--m-drilldown__list--Transition: transform var(--pf-c-menu--m-drilldown__list--TransitionDuration--transform);
    --pf-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-menu__footer--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-menu__footer--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-menu__footer--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-menu__footer--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-menu__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
    background-color: var(--pf-c-menu--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-menu--BoxShadow);
    box-shadow: var(--pf-c-menu--BoxShadow);
    color: var(--pf-global--Color--100);
    width: var(--pf-c-menu--Width);
    z-index: var(--pf-c-menu--ZIndex)
}

.pf-c-menu .pf-c-menu__content {
    overflow-y: auto
}

.pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content,
.pf-c-menu.pf-m-flyout {
    overflow: visible
}

.pf-c-menu.pf-m-flyout .pf-c-menu {
    left: var(--pf-c-menu--m-flyout__menu--Left);
    position: absolute;
    right: auto;
    top: var(--pf-c-menu--m-flyout__menu--Top)
}

.pf-c-menu.pf-m-flyout .pf-c-menu__content {
    overflow-y: visible
}

.pf-c-menu.pf-m-flyout .pf-c-menu__list-item {
    position: relative
}

.pf-c-menu.pf-m-flyout .pf-c-menu__list-item.pf-m-menu-top>.pf-c-menu {
    bottom: var(--pf-c-menu--m-flyout__list-item--m-menu-top__menu--Bottom);
    top: auto
}

.pf-c-menu.pf-m-flyout .pf-c-menu__list-item.pf-m-menu-left>.pf-c-menu {
    left: auto;
    right: var(--pf-c-menu--m-flyout__list-item--m-menu-left__menu--Right)
}

.pf-c-menu.pf-m-drilldown {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.pf-c-menu.pf-m-drilldown[hidden] {
    display: none
}

.pf-c-menu.pf-m-drilldown>.pf-c-menu__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    -webkit-transition: var(--pf-c-menu--m-drilldown__content--Transition);
    transition: var(--pf-c-menu--m-drilldown__content--Transition)
}

.pf-c-menu.pf-m-drilldown.pf-m-drilled-in>.pf-c-menu__content>.pf-c-menu__list,
.pf-c-menu.pf-m-drilldown.pf-m-drilled-in>.pf-c-menu__list {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.pf-c-menu.pf-m-drilldown>.pf-c-menu__content .pf-c-menu {
    --pf-c-menu--BoxShadow: none;
    left: 100%;
    position: absolute;
    top: var(--pf-c-menu--m-drilldown--c-menu--Top);
    -webkit-transition: var(--pf-c-menu--m-drilldown--c-menu--Transition);
    transition: var(--pf-c-menu--m-drilldown--c-menu--Transition);
    width: 100%
}

.pf-c-menu.pf-m-drilldown>.pf-c-menu__content .pf-c-menu.pf-m-drilled-in {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.pf-c-menu.pf-m-drilldown .pf-c-menu__list {
    overflow: hidden;
    position: relative;
    -webkit-transition: var(--pf-c-menu--m-drilldown__list--Transition);
    transition: var(--pf-c-menu--m-drilldown__list--Transition)
}

.pf-c-menu.pf-m-drilldown .pf-c-menu__list-item.pf-m-current-path .pf-c-menu {
    z-index: var(--pf-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex)
}

.pf-c-menu.pf-m-drilldown .pf-c-menu__list-item.pf-m-current-path>.pf-c-menu {
    overflow: visible
}

.pf-c-menu.pf-m-drilldown .pf-c-menu__list-item:not(.pf-m-current-path) .pf-c-menu {
    visibility: hidden
}

.pf-c-menu.pf-m-drilldown .pf-c-menu__item {
    outline-offset: var(--pf-c-menu__item--OutlineOffset)
}

.pf-c-menu.pf-m-drilled-in>.pf-c-menu__content>.pf-c-menu__list {
    overflow: visible
}

.pf-c-menu.pf-m-drilled-in>.pf-c-menu__content>.pf-c-menu__list>.pf-c-divider,
.pf-c-menu.pf-m-drilled-in>.pf-c-menu__content>.pf-c-menu__list>.pf-c-menu__list-item:not(.pf-m-current-path) {
    display: none
}

.pf-c-menu__breadcrumb {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: var(--pf-c-menu__breadcrumb--MinHeight);
    padding: var(--pf-c-menu__breadcrumb--PaddingTop) var(--pf-c-menu__breadcrumb--PaddingRight) var(--pf-c-menu__breadcrumb--PaddingBottom) var(--pf-c-menu__breadcrumb--PaddingLeft)
}

.pf-c-menu__breadcrumb .pf-c-breadcrumb {
    --pf-c-breadcrumb__item--FontSize: var(--pf-c-menu__breadcrumb--c-breadcrumb__item--FontSize);
    --pf-c-breadcrumb__heading--FontSize: var(--pf-c-menu__breadcrumb--c-breadcrumb__heading--FontSize)
}

.pf-c-menu__content {
    height: var(--pf-c-menu__content--Height);
    max-height: var(--pf-c-menu__content--MaxHeight)
}

.pf-c-menu__content .pf-c-menu__content {
    --pf-c-menu__content--Height: auto
}

.pf-c-menu__header {
    padding: var(--pf-c-menu__header--PaddingTop) var(--pf-c-menu__header--PaddingRight) var(--pf-c-menu__header--PaddingBottom) var(--pf-c-menu__header--PaddingLeft)
}

.pf-c-menu__search {
    padding: var(--pf-c-menu__search--PaddingTop) var(--pf-c-menu__search--PaddingRight) var(--pf-c-menu__search--PaddingBottom) var(--pf-c-menu__search--PaddingLeft)
}

.pf-c-menu__list {
    padding-bottom: var(--pf-c-menu__list--PaddingBottom);
    padding-top: var(--pf-c-menu__list--PaddingTop)
}

.pf-c-menu__list .pf-c-divider {
    margin-bottom: var(--pf-c-menu__list--c-divider--MarginBottom);
    margin-top: var(--pf-c-menu__list--c-divider--MarginTop)
}

.pf-c-menu__list-item {
    background-color: var(--pf-c-menu__list-item--BackgroundColor);
    color: var(--pf-c-menu__list-item--Color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-menu__list-item:hover {
    --pf-c-menu__list-item--BackgroundColor: var(--pf-c-menu__list-item--hover--BackgroundColor)
}

.pf-c-menu__list-item:focus-within {
    --pf-c-menu__list-item--BackgroundColor: var(--pf-c-menu__list-item--focus-within--BackgroundColor)
}

.pf-c-menu__list-item.pf-m-disabled {
    --pf-c-menu__list-item--hover--BackgroundColor: transparent;
    --pf-c-menu__list-item--focus-within--BackgroundColor: transparent;
    --pf-c-menu__item--Color: var(--pf-c-menu__list-item--m-disabled__item--Color);
    --pf-c-menu__item-action--Color: var(--pf-c-menu__list-item--m-disabled__item-action--Color);
    --pf-c-menu__item-toggle-icon: var(--pf-c-menu__list-item--m-disabled__item-toggle-icon--Color);
    pointer-events: none
}

.pf-c-menu__list-item.pf-m-load {
    --pf-c-menu__list-item--hover--BackgroundColor: transparent;
    --pf-c-menu__list-item--focus-within--BackgroundColor: transparent;
    --pf-c-menu__item--Color: var(--pf-c-menu__list-item--m-load__item--Color)
}

.pf-c-menu__list-item.pf-m-loading {
    --pf-c-menu__list-item--hover--BackgroundColor: transparent;
    --pf-c-menu__list-item--focus-within--BackgroundColor: transparent;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding-top: var(--pf-c-menu__list-item--m-loading--PaddingTop)
}

.pf-c-menu__item {
    -ms-flex-preferred-size: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--pf-c-menu__item--BackgroundColor);
    border: none;
    color: var(--pf-c-menu__item--Color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: var(--pf-c-menu__item--FontSize);
    font-weight: var(--pf-c-menu__item--FontWeight);
    line-height: var(--pf-c-menu__item--LineHeight);
    min-width: 0;
    padding: var(--pf-c-menu__item--PaddingTop) var(--pf-c-menu__item--PaddingRight) var(--pf-c-menu__item--PaddingBottom) var(--pf-c-menu__item--PaddingLeft);
    text-align: left
}

.pf-c-menu__item:hover {
    text-decoration: none
}

.pf-c-menu__item:focus,
.pf-c-menu__item:hover {
    --pf-c-menu__item-external-icon--Opacity: 1
}

.pf-c-menu__item.pf-m-selected .pf-c-menu__item-select-icon {
    opacity: 1
}

.pf-c-menu__item-main {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.pf-c-menu__item-external-icon {
    color: var(--pf-c-menu__item-external-icon--Color);
    font-size: var(--pf-c-menu__item-external-icon--FontSize);
    margin-left: var(--pf-c-menu__item-external-icon--MarginLeft);
    opacity: var(--pf-c-menu__item-external-icon--Opacity)
}

.pf-c-menu__item-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-menu__group-title {
    color: var(--pf-c-menu__group-title--Color);
    font-size: var(--pf-c-menu__group-title--FontSize);
    font-weight: var(--pf-c-menu__group-title--FontWeight);
    padding-left: var(--pf-c-menu__group-title--PaddingLeft);
    padding-right: var(--pf-c-menu__group-title--PaddingRight);
    padding-top: var(--pf-c-menu__group-title--PaddingTop)
}

.pf-c-menu__item-description {
    color: var(--pf-c-menu__item-description--Color);
    font-size: var(--pf-c-menu__item-description--FontSize);
    word-break: break-all
}

.pf-c-menu__item-icon {
    margin-right: var(--pf-c-menu__item-icon--MarginRight)
}

.pf-c-menu__item-toggle-icon {
    color: var(--pf-c-menu__item-toggle-icon, inherit);
    padding-left: var(--pf-c-menu__item-toggle-icon--PaddingLeft);
    padding-right: var(--pf-c-menu__item-toggle-icon--PaddingRight)
}

.pf-c-menu__item-text+.pf-c-menu__item-toggle-icon {
    margin-left: var(--pf-c-menu__item-text--item-toggle-icon--MarginLeft)
}

.pf-c-menu__item-toggle-icon+.pf-c-menu__item-text {
    margin-left: var(--pf-c-menu__item-toggle-icon--item-text--MarginLeft)
}

.pf-c-menu__item-select-icon {
    color: var(--pf-c-menu__item-select-icon--Color);
    font-size: var(--pf-c-menu__item-select-icon--FontSize);
    margin-left: var(--pf-c-menu__item-select-icon--MarginLeft);
    opacity: 0
}

.pf-c-menu__item-action {
    border: none;
    color: var(--pf-c-menu__item-action--Color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: var(--pf-c-menu__item-action--PaddingTop) var(--pf-c-menu__item-action--PaddingRight) var(--pf-c-menu__item-action--PaddingBottom) var(--pf-c-menu__item-action--PaddingLeft)
}

.pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon {
    font-size: var(--pf-c-menu__item-action--m-favorite__icon--FontSize)
}

.pf-c-menu__item-action.pf-m-favorited {
    --pf-c-menu__item-action--Color: var(--pf-c-menu__item-action--m-favorited--Color);
    --pf-c-menu__item-action--hover--Color: var(--pf-c-menu__item-action--m-favorited--hover--Color)
}

.pf-c-menu__item-action:focus,
.pf-c-menu__item-action:hover {
    --pf-c-menu__item-action--Color: var(--pf-c-menu__item-action--hover--Color)
}

.pf-c-menu__item-action-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--pf-c-menu__item-action-icon--Height)
}

.pf-c-menu__footer {
    -webkit-box-shadow: var(--pf-c-menu__footer--BoxShadow);
    box-shadow: var(--pf-c-menu__footer--BoxShadow);
    padding: var(--pf-c-menu__footer--PaddingTop) var(--pf-c-menu__footer--PaddingRight) var(--pf-c-menu__footer--PaddingBottom) var(--pf-c-menu__footer--PaddingLeft)
}

.pf-c-menu-toggle {
    --pf-c-menu-toggle--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-menu-toggle--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-menu-toggle--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-menu-toggle--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-menu-toggle--FontSize: var(--pf-global--FontSize--md);
    --pf-c-menu-toggle--Color: var(--pf-global--Color--100);
    --pf-c-menu-toggle--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-menu-toggle--BackgroundColor: transparent;
    --pf-c-menu-toggle--before--BorderTopWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-menu-toggle--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-menu-toggle--before--BorderBottomWidth: 0;
    --pf-c-menu-toggle--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-menu-toggle--before--BorderTopColor: var(--pf-global--BorderColor--300);
    --pf-c-menu-toggle--before--BorderRightColor: var(--pf-global--BorderColor--300);
    --pf-c-menu-toggle--before--BorderBottomColor: transparent;
    --pf-c-menu-toggle--before--BorderLeftColor: var(--pf-global--BorderColor--300);
    --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-global--BorderColor--200);
    --pf-c-menu-toggle--hover--BackgroundColor: transparent;
    --pf-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-menu-toggle--focus--BackgroundColor: transparent;
    --pf-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-menu-toggle--active--BackgroundColor: transparent;
    --pf-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-menu-toggle--active--after--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-menu-toggle--m-expanded--Color: var(--pf-global--Color--100);
    --pf-c-menu-toggle--m-expanded--BackgroundColor: transparent;
    --pf-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-menu-toggle--disabled--Color: var(--pf-global--disabled-color--100);
    --pf-c-menu-toggle--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
    --pf-c-menu-toggle--m-primary--Color: var(--pf-global--Color--light-100);
    --pf-c-menu-toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--100);
    --pf-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-menu-toggle--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-menu-toggle--m-primary--m-expanded--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-menu-toggle--m-primary--m-expanded--Color: var(--pf-global--Color--light-100);
    --pf-c-menu-toggle--m-plain--Color: var(--pf-global--Color--200);
    --pf-c-menu-toggle--m-plain--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-menu-toggle--m-plain--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-menu-toggle--m-plain--hover--Color: var(--pf-global--Color--100);
    --pf-c-menu-toggle--m-plain--focus--Color: var(--pf-global--Color--100);
    --pf-c-menu-toggle--m-plain--active--Color: var(--pf-global--Color--100);
    --pf-c-menu-toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
    --pf-c-menu-toggle--m-plain--m-expanded--Color: var(--pf-global--Color--100);
    --pf-c-menu-toggle__icon--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--pf-c-menu-toggle--BackgroundColor);
    border: 0;
    color: var(--pf-c-menu-toggle--Color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: var(--pf-c-menu-toggle--FontSize);
    line-height: var(--pf-c-menu-toggle--LineHeight);
    padding: var(--pf-c-menu-toggle--PaddingTop) var(--pf-c-menu-toggle--PaddingRight) var(--pf-c-menu-toggle--PaddingBottom) var(--pf-c-menu-toggle--PaddingLeft);
    position: relative
}

.pf-c-menu-toggle:after,
.pf-c-menu-toggle:before {
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-menu-toggle:before {
    border-color: var(--pf-c-menu-toggle--before--BorderTopColor) var(--pf-c-menu-toggle--before--BorderRightColor) var(--pf-c-menu-toggle--before--BorderBottomColor) var(--pf-c-menu-toggle--before--BorderLeftColor);
    border-style: solid;
    border-width: var(--pf-c-menu-toggle--before--BorderTopWidth) var(--pf-c-menu-toggle--before--BorderRightWidth) var(--pf-c-menu-toggle--before--BorderBottomWidth) var(--pf-c-menu-toggle--before--BorderLeftWidth)
}

.pf-c-menu-toggle:after {
    border-bottom: var(--pf-c-menu-toggle--after--BorderBottomWidth) solid var(--pf-c-menu-toggle--after--BorderBottomColor)
}

.pf-c-menu-toggle.pf-m-primary {
    --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-primary--Color);
    --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--m-primary--BackgroundColor);
    --pf-c-menu-toggle--hover--BackgroundColor: var(--pf-c-menu-toggle--m-primary--hover--BackgroundColor);
    --pf-c-menu-toggle--focus--BackgroundColor: var(--pf-c-menu-toggle--m-primary--focus--BackgroundColor);
    --pf-c-menu-toggle--active--BackgroundColor: var(--pf-c-menu-toggle--m-primary--active--BackgroundColor);
    --pf-c-menu-toggle--m-expanded--Color: var(--pf-c-menu-toggle--m-primary--m-expanded--Color);
    --pf-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-c-menu-toggle--m-primary--m-expanded--BackgroundColor)
}

.pf-c-menu-toggle.pf-m-plain {
    --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
    --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
    --pf-c-menu-toggle--focus--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
    --pf-c-menu-toggle--active--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
    --pf-c-menu-toggle--disabled--Color: var(--pf-c-menu-toggle--m-plain--disabled--Color);
    --pf-c-menu-toggle--PaddingRight: var(--pf-c-menu-toggle--m-plain--PaddingRight);
    --pf-c-menu-toggle--PaddingLeft: var(--pf-c-menu-toggle--m-plain--PaddingLeft);
    --pf-c-menu-toggle--disabled--BackgroundColor: transparent;
    --pf-c-menu-toggle--m-expanded--Color: var(--pf-c-menu-toggle--m-plain--m-expanded--Color);
    display: inline-block
}

.pf-c-menu-toggle.pf-m-expanded {
    --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-expanded--Color);
    --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--m-expanded--BackgroundColor);
    --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomWidth);
    --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomColor)
}

.pf-c-menu-toggle:hover {
    --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--hover--BackgroundColor);
    --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--hover--after--BorderBottomColor)
}

.pf-c-menu-toggle:focus {
    --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--focus--BackgroundColor);
    --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
    --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--focus--after--BorderBottomColor)
}

.pf-c-menu-toggle:active {
    --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--active--BackgroundColor);
    --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--active--after--BorderBottomWidth);
    --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--active--after--BorderBottomColor)
}

.pf-c-menu-toggle:disabled {
    --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--disabled--Color);
    --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--disabled--BackgroundColor);
    pointer-events: none
}

.pf-c-menu-toggle.pf-m-plain:after,
.pf-c-menu-toggle.pf-m-plain:before,
.pf-c-menu-toggle.pf-m-primary:after,
.pf-c-menu-toggle.pf-m-primary:before,
.pf-c-menu-toggle:disabled:after,
.pf-c-menu-toggle:disabled:before {
    border: 0
}

.pf-c-menu-toggle__icon {
    margin-right: var(--pf-c-menu-toggle__icon--MarginRight)
}

.pf-c-menu-toggle__count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: var(--pf-c-menu-toggle__count--MarginLeft)
}

.pf-c-menu-toggle__controls {
    margin-left: auto;
    padding-left: var(--pf-c-menu-toggle__controls--PaddingLeft)
}

.pf-c-menu-toggle__toggle-icon {
    margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight)
}

.pf-c-modal-box {
    --pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-modal-box--BoxShadow: var(--pf-global--BoxShadow--xl);
    --pf-c-modal-box--ZIndex: var(--pf-global--ZIndex--xl);
    --pf-c-modal-box--Width: 100%;
    --pf-c-modal-box--MaxWidth: calc(100% - var(--pf-global--spacer--xl));
    --pf-c-modal-box--m-sm--sm--MaxWidth: 35rem;
    --pf-c-modal-box--m-md--Width: 52.5rem;
    --pf-c-modal-box--m-lg--lg--MaxWidth: 70rem;
    --pf-c-modal-box--MaxHeight: calc(100% - var(--pf-global--spacer--2xl));
    --pf-c-modal-box--m-align-top--spacer: var(--pf-global--spacer--sm);
    --pf-c-modal-box--m-align-top--xl--spacer: var(--pf-global--spacer--xl);
    --pf-c-modal-box--m-align-top--MarginTop: var(--pf-c-modal-box--m-align-top--spacer);
    --pf-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer), var(--pf-global--spacer--2xl)) - var(--pf-c-modal-box--m-align-top--spacer));
    --pf-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer) * 2, var(--pf-global--spacer--xl)));
    --pf-c-modal-box--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
    --pf-c-modal-box--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
    --pf-c-modal-box--m-success__title-icon--Color: var(--pf-global--success-color--100);
    --pf-c-modal-box--m-info__title-icon--Color: var(--pf-global--info-color--100);
    --pf-c-modal-box--m-default__title-icon--Color: var(--pf-global--default-color--200);
    --pf-c-modal-box__header--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-modal-box__header--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-modal-box__header--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-modal-box__header--last-child--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-modal-box__title--LineHeight: var(--pf-global--LineHeight--sm);
    --pf-c-modal-box__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
    --pf-c-modal-box__title--FontSize: var(--pf-global--FontSize--2xl);
    --pf-c-modal-box__title-icon--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-modal-box__title-icon--Color: var(--pf-global--Color--100);
    --pf-c-modal-box__description--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-modal-box__body--MinHeight: calc(var(--pf-global--FontSize--md)*var(--pf-global--LineHeight--md));
    --pf-c-modal-box__body--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-modal-box__body--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
    --pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
    --pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
    --pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-modal-box__footer--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-modal-box__footer--c-button--MarginRight: var(--pf-global--spacer--md);
    --pf-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-c-modal-box__footer--c-button--MarginRight)/2);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--pf-c-modal-box--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-modal-box--BoxShadow);
    box-shadow: var(--pf-c-modal-box--BoxShadow);
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: var(--pf-c-modal-box--MaxHeight);
    max-width: var(--pf-c-modal-box--MaxWidth);
    position: relative;
    width: var(--pf-c-modal-box--Width);
    z-index: var(--pf-c-modal-box--ZIndex)
}

@media (min-width:1200px) {
    .pf-c-modal-box {
        --pf-c-modal-box--m-align-top--spacer: var(--pf-c-modal-box--m-align-top--xl--spacer)
    }
}

.pf-c-modal-box.pf-m-sm {
    --pf-c-modal-box--Width: var(--pf-c-modal-box--m-sm--sm--MaxWidth)
}

.pf-c-modal-box.pf-m-md {
    --pf-c-modal-box--Width: var(--pf-c-modal-box--m-md--Width)
}

.pf-c-modal-box.pf-m-lg {
    --pf-c-modal-box--Width: var(--pf-c-modal-box--m-lg--lg--MaxWidth)
}

.pf-c-modal-box.pf-m-align-top {
    -ms-flex-item-align: start;
    align-self: flex-start;
    max-height: var(--pf-c-modal-box--m-align-top--MaxHeight);
    max-width: var(--pf-c-modal-box--m-align-top--MaxWidth);
    top: var(--pf-c-modal-box--m-align-top--MarginTop)
}

.pf-c-modal-box.pf-m-danger {
    --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-danger__title-icon--Color)
}

.pf-c-modal-box.pf-m-warning {
    --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-warning__title-icon--Color)
}

.pf-c-modal-box.pf-m-success {
    --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-success__title-icon--Color)
}

.pf-c-modal-box.pf-m-default {
    --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-default__title-icon--Color)
}

.pf-c-modal-box.pf-m-info {
    --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color)
}

.pf-c-modal-box>.pf-c-button {
    right: var(--pf-c-modal-box--c-button--Right);
    top: var(--pf-c-modal-box--c-button--Top)
}

.pf-c-modal-box>.pf-c-button+* {
    margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight)
}

.pf-c-modal-box__header {
    -webkit-box-orient: vertical;
    -ms-flex-negative: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    padding-left: var(--pf-c-modal-box__header--PaddingLeft);
    padding-right: var(--pf-c-modal-box__header--PaddingRight);
    padding-top: var(--pf-c-modal-box__header--PaddingTop)
}

.pf-c-modal-box__header,
.pf-c-modal-box__header.pf-m-help {
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-modal-box__header.pf-m-help {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.pf-c-modal-box__header:last-child {
    padding-bottom: var(--pf-c-modal-box__header--last-child--PaddingBottom)
}

.pf-c-modal-box__header+.pf-c-modal-box__body {
    --pf-c-modal-box__body--PaddingTop: var(--pf-c-modal-box__header--body--PaddingTop)
}

.pf-c-modal-box__header-main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0
}

.pf-c-modal-box__title,
.pf-c-modal-box__title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-modal-box__title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: var(--pf-c-modal-box__title--FontFamily);
    font-size: var(--pf-c-modal-box__title--FontSize);
    line-height: var(--pf-c-modal-box__title--LineHeight)
}

.pf-c-modal-box__title.pf-m-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-modal-box__title-icon {
    color: var(--pf-c-modal-box__title-icon--Color);
    margin-right: var(--pf-c-modal-box__title-icon--MarginRight)
}

.pf-c-modal-box__description {
    padding-top: var(--pf-c-modal-box__description--PaddingTop)
}

.pf-c-modal-box__body {
    -webkit-box-flex: 1;
    -ms-scroll-chaining: none;
    -webkit-overflow-scrolling: touch;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: var(--pf-c-modal-box__body--MinHeight);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-left: var(--pf-c-modal-box__body--PaddingLeft);
    padding-right: var(--pf-c-modal-box__body--PaddingRight);
    padding-top: var(--pf-c-modal-box__body--PaddingTop);
    word-break: break-word
}

.pf-c-modal-box__body:last-child {
    padding-bottom: var(--pf-c-modal-box__body--last-child--PaddingBottom)
}

.pf-c-modal-box__footer {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: var(--pf-c-modal-box__footer--PaddingTop) var(--pf-c-modal-box__footer--PaddingRight) var(--pf-c-modal-box__footer--PaddingBottom) var(--pf-c-modal-box__footer--PaddingLeft)
}

.pf-c-modal-box__footer>.pf-c-button:not(:last-child) {
    margin-right: var(--pf-c-modal-box__footer--c-button--MarginRight)
}

@media screen and (min-width:576px) {
    .pf-c-modal-box__footer>.pf-c-button:not(:last-child) {
        --pf-c-modal-box__footer--c-button--MarginRight: var(--pf-c-modal-box__footer--c-button--sm--MarginRight)
    }
}

.pf-c-nav {
    --pf-c-nav--Transition: var(--pf-global--Transition);
    --pf-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
    --pf-c-nav--m-light__item--before--BorderColor: var(--pf-global--BorderColor--300);
    --pf-c-nav--m-light__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-nav--m-light__link--Color: var(--pf-global--Color--dark-100);
    --pf-c-nav--m-light__link--hover--Color: var(--pf-global--Color--dark-100);
    --pf-c-nav--m-light__link--focus--Color: var(--pf-global--Color--dark-100);
    --pf-c-nav--m-light__link--active--Color: var(--pf-global--Color--dark-100);
    --pf-c-nav--m-light__link--m-current--Color: var(--pf-global--Color--dark-100);
    --pf-c-nav--m-light__link--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-nav--m-light__link--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-nav--m-light__link--active--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-nav--m-light__link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-nav--m-light__link--before--BorderColor: var(--pf-global--BorderColor--300);
    --pf-c-nav--m-light__link--after--BorderColor: var(--pf-global--active-color--100);
    --pf-c-nav--m-light__link--m-current--after--BorderColor: var(--pf-global--active-color--100);
    --pf-c-nav--m-light__section-title--Color: var(--pf-global--Color--dark-200);
    --pf-c-nav--m-light__section-title--BorderBottomColor: var(--pf-global--BorderColor--300);
    --pf-c-nav--m-light--c-divider--BackgroundColor: var(--pf-global--BorderColor--300);
    --pf-c-nav--m-light__subnav__link--hover--after--BorderColor: var(--pf-global--BorderColor--dark-100);
    --pf-c-nav--m-light__subnav__link--focus--after--BorderColor: var(--pf-global--BorderColor--dark-100);
    --pf-c-nav--m-light__subnav__link--active--after--BorderColor: var(--pf-global--BorderColor--dark-100);
    --pf-c-nav--m-light__subnav__link--m-current--after--BorderColor: var(--pf-global--active-color--100);
    --pf-c-nav__item--MarginTop: 0;
    --pf-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-global--BackgroundColor--dark-400);
    --pf-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-nav__item--before--BorderColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-nav__item--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-nav__link--FontSize: var(--pf-global--FontSize--md);
    --pf-c-nav__link--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-nav__link--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-nav__link--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-nav__link--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-nav__link--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-nav__link--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-nav__link--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-nav__link--Color: var(--pf-global--Color--light-100);
    --pf-c-nav__link--hover--Color: var(--pf-global--Color--light-100);
    --pf-c-nav__link--focus--Color: var(--pf-global--Color--light-100);
    --pf-c-nav__link--active--Color: var(--pf-global--Color--light-100);
    --pf-c-nav__link--m-current--Color: var(--pf-global--Color--light-100);
    --pf-c-nav__link--BackgroundColor: transparent;
    --pf-c-nav__link--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-nav__link--focus--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-nav__link--active--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-nav__link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--dark-400);
    --pf-c-nav__link--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-nav__link--before--BorderColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-nav__link--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-nav__link--hover--before--BorderBottomWidth: 0;
    --pf-c-nav__link--focus--before--BorderBottomWidth: 0;
    --pf-c-nav__link--active--before--BorderBottomWidth: 0;
    --pf-c-nav__link--m-current--before--BorderBottomWidth: 0;
    --pf-c-nav__link--after--BorderColor: var(--pf-global--active-color--400);
    --pf-c-nav__link--hover--after--BorderColor: var(--pf-global--active-color--400);
    --pf-c-nav__link--focus--after--BorderColor: var(--pf-global--active-color--400);
    --pf-c-nav__link--active--after--BorderColor: var(--pf-global--active-color--400);
    --pf-c-nav__link--m-current--after--BorderColor: var(--pf-global--active-color--400);
    --pf-c-nav__link--after--BorderLeftWidth: 0;
    --pf-c-nav__link--hover--after--BorderLeftWidth: 0;
    --pf-c-nav__link--focus--after--BorderLeftWidth: 0;
    --pf-c-nav__link--active--after--BorderLeftWidth: 0;
    --pf-c-nav__link--m-current--after--BorderLeftWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-nav--m-horizontal__link--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-nav--m-horizontal__link--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-nav--m-horizontal__link--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-nav--m-horizontal__link--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-nav--m-horizontal__link--lg--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-nav--m-horizontal__link--lg--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-nav--m-horizontal__link--Right: var(--pf-global--spacer--md);
    --pf-c-nav--m-horizontal__link--Left: var(--pf-global--spacer--md);
    --pf-c-nav--m-horizontal__link--Color: var(--pf-global--Color--light-300);
    --pf-c-nav--m-horizontal__link--hover--Color: var(--pf-global--active-color--400);
    --pf-c-nav--m-horizontal__link--focus--Color: var(--pf-global--active-color--400);
    --pf-c-nav--m-horizontal__link--active--Color: var(--pf-global--active-color--400);
    --pf-c-nav--m-horizontal__link--m-current--Color: var(--pf-global--active-color--400);
    --pf-c-nav--m-horizontal__link--BackgroundColor: transparent;
    --pf-c-nav--m-horizontal__link--hover--BackgroundColor: transparent;
    --pf-c-nav--m-horizontal__link--focus--BackgroundColor: transparent;
    --pf-c-nav--m-horizontal__link--active--BackgroundColor: transparent;
    --pf-c-nav--m-horizontal__link--m-current--BackgroundColor: transparent;
    --pf-c-nav--m-horizontal__link--before--BorderColor: var(--pf-global--active-color--400);
    --pf-c-nav--m-horizontal__link--before--BorderWidth: 0;
    --pf-c-nav--m-horizontal__link--hover--before--BorderWidth: var(--pf-global--BorderWidth--lg);
    --pf-c-nav--m-horizontal__link--focus--before--BorderWidth: var(--pf-global--BorderWidth--lg);
    --pf-c-nav--m-horizontal__link--active--before--BorderWidth: var(--pf-global--BorderWidth--lg);
    --pf-c-nav--m-horizontal__link--m-current--before--BorderWidth: var(--pf-global--BorderWidth--lg);
    --pf-c-nav--m-tertiary__link--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-nav--m-tertiary__link--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-nav--m-tertiary__link--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-nav--m-tertiary__link--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-nav--m-tertiary__link--Right: var(--pf-global--spacer--md);
    --pf-c-nav--m-tertiary__link--Left: var(--pf-global--spacer--md);
    --pf-c-nav--m-tertiary__link--Color: var(--pf-global--Color--dark-100);
    --pf-c-nav--m-tertiary__link--hover--Color: var(--pf-global--active-color--100);
    --pf-c-nav--m-tertiary__link--focus--Color: var(--pf-global--active-color--100);
    --pf-c-nav--m-tertiary__link--active--Color: var(--pf-global--active-color--100);
    --pf-c-nav--m-tertiary__link--m-current--Color: var(--pf-global--active-color--100);
    --pf-c-nav--m-tertiary__link--BackgroundColor: transparent;
    --pf-c-nav--m-tertiary__link--hover--BackgroundColor: transparent;
    --pf-c-nav--m-tertiary__link--focus--BackgroundColor: transparent;
    --pf-c-nav--m-tertiary__link--active--BackgroundColor: transparent;
    --pf-c-nav--m-tertiary__link--m-current--BackgroundColor: transparent;
    --pf-c-nav--m-tertiary__link--before--BorderColor: var(--pf-global--active-color--100);
    --pf-c-nav--m-tertiary__link--before--BorderWidth: 0;
    --pf-c-nav--m-tertiary__link--hover--before--BorderWidth: var(--pf-global--BorderWidth--lg);
    --pf-c-nav--m-tertiary__link--focus--before--BorderWidth: var(--pf-global--BorderWidth--lg);
    --pf-c-nav--m-tertiary__link--active--before--BorderWidth: var(--pf-global--BorderWidth--lg);
    --pf-c-nav--m-tertiary__link--m-current--before--BorderWidth: var(--pf-global--BorderWidth--lg);
    --pf-c-nav--m-tertiary__scroll-button--Color: var(--pf-global--Color--dark-100);
    --pf-c-nav--m-tertiary__scroll-button--hover--Color: var(--pf-global--active-color--100);
    --pf-c-nav--m-tertiary__scroll-button--focus--Color: var(--pf-global--active-color--100);
    --pf-c-nav--m-tertiary__scroll-button--active--Color: var(--pf-global--active-color--100);
    --pf-c-nav--m-tertiary__scroll-button--disabled--Color: var(--pf-global--disabled-color--200);
    --pf-c-nav--m-tertiary__scroll-button--before--BorderColor: var(--pf-global--BorderColor--300);
    --pf-c-nav--m-tertiary__scroll-button--disabled--before--BorderColor: var(--pf-global--disabled-color--300);
    --pf-c-nav__subnav--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-nav__subnav--xl--PaddingLeft: var(--pf-c-nav__link--PaddingLeft);
    --pf-c-nav__subnav__link--MarginTop: 0;
    --pf-c-nav__subnav__link--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-nav__subnav__link--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-nav__subnav__link--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-nav__subnav__link--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-nav__subnav__link--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-nav__subnav__link--hover--after--BorderColor: var(--pf-global--BorderColor--200);
    --pf-c-nav__subnav__link--focus--after--BorderColor: var(--pf-global--BorderColor--200);
    --pf-c-nav__subnav__link--active--after--BorderColor: var(--pf-global--BorderColor--200);
    --pf-c-nav__subnav__link--m-current--after--BorderColor: var(--pf-global--active-color--400);
    --pf-c-nav__subnav__link--hover--after--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-nav__subnav__link--focus--after--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-nav__subnav__link--active--after--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-nav__subnav__link--m-current--after--BorderWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-nav__subnav--MaxHeight: 0;
    --pf-c-nav__item--m-expanded__subnav--MaxHeight: 100%;
    --pf-c-nav__subnav--c-divider--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-nav__subnav--c-divider--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-nav__section--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-nav__section__item--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-nav__section__link--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-nav__section__link--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-nav__section__link--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-nav__section__link--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-nav__section__link--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-nav__section__link--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-nav__section__link--FontSize: var(--pf-global--FontSize--md);
    --pf-c-nav__section__link--before--BorderBottomWidth: 0;
    --pf-c-nav__section__link--hover--after--BorderColor: transparent;
    --pf-c-nav__section__link--focus--after--BorderColor: transparent;
    --pf-c-nav__section__link--active--after--BorderColor: transparent;
    --pf-c-nav__section__link--m-current--after--BorderColor: var(--pf-global--active-color--400);
    --pf-c-nav__section__link--hover--after--BorderWidth: 0;
    --pf-c-nav__section__link--focus--after--BorderWidth: 0;
    --pf-c-nav__section__link--active--after--BorderWidth: 0;
    --pf-c-nav__section__link--m-current--after--BorderWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-nav__section--section--MarginTop: var(--pf-global--spacer--xl);
    --pf-c-nav__section-title--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-nav__section-title--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-nav__section-title--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-nav__section-title--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-nav__section-title--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-nav__section-title--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-nav__section-title--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-nav__section-title--Color: var(--pf-global--Color--light-100);
    --pf-c-nav__section-title--BorderBottomColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-nav__section-title--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-nav__scroll-button--Color: var(--pf-global--Color--light-100);
    --pf-c-nav__scroll-button--hover--Color: var(--pf-global--active-color--400);
    --pf-c-nav__scroll-button--focus--Color: var(--pf-global--active-color--400);
    --pf-c-nav__scroll-button--active--Color: var(--pf-global--active-color--400);
    --pf-c-nav__scroll-button--disabled--Color: var(--pf-global--disabled-color--100);
    --pf-c-nav__scroll-button--BackgroundColor: transparent;
    --pf-c-nav__scroll-button--Width: var(--pf-global--target-size--MinWidth);
    --pf-c-nav__scroll-button--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-nav__scroll-button--Transition: margin .125s, transform .125s, opacity .125s;
    --pf-c-nav__scroll-button--before--BorderColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-nav__scroll-button--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-nav__scroll-button--before--BorderRightWidth: 0;
    --pf-c-nav__scroll-button--before--BorderLeftWidth: 0;
    --pf-c-nav__scroll-button--disabled--before--BorderColor: transparent;
    --pf-c-nav__toggle--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-nav__toggle--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-nav__toggle--FontSize: var(--pf-global--icon--FontSize--md);
    --pf-c-nav__toggle-icon--Transition: var(--pf-global--TransitionDuration);
    --pf-c-nav--c-divider--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-nav--c-divider--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-nav--c-divider--PaddingRight: 0;
    --pf-c-nav--c-divider--PaddingLeft: 0;
    --pf-c-nav--c-divider--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-nav__list--ScrollSnapTypeAxis: x;
    --pf-c-nav__list--ScrollSnapTypeStrictness: proximity;
    --pf-c-nav__list--ScrollSnapType: var(--pf-c-nav__list--ScrollSnapTypeAxis) var(--pf-c-nav__list--ScrollSnapTypeStrictness);
    --pf-c-nav__item--ScrollSnapAlign: end
}

@media screen and (min-width:1200px) {
    .pf-c-nav {
        --pf-c-nav__link--PaddingRight: var(--pf-c-nav__link--xl--PaddingRight);
        --pf-c-nav__link--PaddingLeft: var(--pf-c-nav__link--xl--PaddingLeft);
        --pf-c-nav__section__link--PaddingRight: var(--pf-c-nav__section__link--xl--PaddingRight);
        --pf-c-nav__section__link--PaddingLeft: var(--pf-c-nav__section__link--xl--PaddingLeft);
        --pf-c-nav__section-title--PaddingRight: var(--pf-c-nav__section-title--xl--PaddingRight);
        --pf-c-nav__section-title--PaddingLeft: var(--pf-c-nav__section-title--xl--PaddingLeft);
        --pf-c-nav__subnav--PaddingLeft: var(--pf-c-nav__subnav--xl--PaddingLeft)
    }
}

.pf-c-nav.pf-m-horizontal,
.pf-c-nav.pf-m-tertiary {
    overflow: hidden
}

.pf-c-nav.pf-m-horizontal,
.pf-c-nav.pf-m-horizontal .pf-c-nav__list,
.pf-c-nav.pf-m-tertiary,
.pf-c-nav.pf-m-tertiary .pf-c-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.pf-c-nav.pf-m-horizontal .pf-c-nav__list,
.pf-c-nav.pf-m-tertiary .pf-c-nav__list {
    -webkit-box-flex: 1;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
    overflow-x: auto;
    -ms-scroll-snap-type: var(--pf-c-nav__list--ScrollSnapType);
    scroll-snap-type: var(--pf-c-nav__list--ScrollSnapType);
    scrollbar-width: none;
    white-space: nowrap
}

.pf-c-nav.pf-m-horizontal .pf-c-nav__list::-webkit-scrollbar,
.pf-c-nav.pf-m-tertiary .pf-c-nav__list::-webkit-scrollbar {
    display: none
}

.pf-c-nav.pf-m-horizontal .pf-c-nav__item,
.pf-c-nav.pf-m-tertiary .pf-c-nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    scroll-snap-align: var(--pf-c-nav__item--ScrollSnapAlign)
}

.pf-c-nav.pf-m-horizontal .pf-c-nav__link,
.pf-c-nav.pf-m-tertiary .pf-c-nav__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: stretch;
    align-items: center;
    align-self: stretch;
    white-space: nowrap
}

.pf-c-nav.pf-m-horizontal .pf-c-nav__link:before,
.pf-c-nav.pf-m-tertiary .pf-c-nav__link:before {
    bottom: 0;
    top: auto
}

.pf-c-nav.pf-m-horizontal .pf-c-nav__link:after,
.pf-c-nav.pf-m-tertiary .pf-c-nav__link:after {
    content: none
}

.pf-c-nav.pf-m-horizontal .pf-c-nav__link:before {
    left: var(--pf-c-nav--m-horizontal__link--Left);
    right: var(--pf-c-nav--m-horizontal__link--Right)
}

.pf-c-nav.pf-m-tertiary .pf-c-nav__link:before {
    left: var(--pf-c-nav--m-tertiary__link--Left);
    right: var(--pf-c-nav--m-tertiary__link--Right)
}

.pf-c-nav.pf-m-light {
    --pf-c-nav__item--before--BorderColor: var(--pf-c-nav--m-light__item--before--BorderColor);
    --pf-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-c-nav--m-light__item--m-current--not--m-expanded__link--BackgroundColor);
    --pf-c-nav__link--Color: var(--pf-c-nav--m-light__link--Color);
    --pf-c-nav__link--hover--Color: var(--pf-c-nav--m-light__link--hover--Color);
    --pf-c-nav__link--focus--Color: var(--pf-c-nav--m-light__link--focus--Color);
    --pf-c-nav__link--active--Color: var(--pf-c-nav--m-light__link--active--Color);
    --pf-c-nav__link--m-current--Color: var(--pf-c-nav--m-light__link--m-current--Color);
    --pf-c-nav__link--hover--BackgroundColor: var(--pf-c-nav--m-light__link--hover--BackgroundColor);
    --pf-c-nav__link--focus--BackgroundColor: var(--pf-c-nav--m-light__link--focus--BackgroundColor);
    --pf-c-nav__link--active--BackgroundColor: var(--pf-c-nav--m-light__link--active--BackgroundColor);
    --pf-c-nav__link--m-current--BackgroundColor: var(--pf-c-nav--m-light__link--m-current--BackgroundColor);
    --pf-c-nav__link--before--BorderColor: var(--pf-c-nav--m-light__link--before--BorderColor);
    --pf-c-nav__link--after--BorderColor: var(--pf-c-nav--m-light__link--after--BorderColor);
    --pf-c-nav__link--m-current--after--BorderColor: var(--pf-c-nav--m-light__link--m-current--after--BorderColor);
    --pf-c-nav__subnav__link--hover--after--BorderColor: var(--pf-c-nav--m-light__subnav__link--hover--after--BorderColor);
    --pf-c-nav__subnav__link--focus--after--BorderColor: var(--pf-c-nav--m-light__subnav__link--focus--after--BorderColor);
    --pf-c-nav__subnav__link--active--after--BorderColor: var(--pf-c-nav--m-light__subnav__link--active--after--BorderColor);
    --pf-c-nav__subnav__link--m-current--after--BorderColor: var(--pf-c-nav--m-light__subnav__link--m-current--after--BorderColor);
    --pf-c-nav__section-title--Color: var(--pf-c-nav--m-light__section-title--Color);
    --pf-c-nav__section-title--BorderBottomColor: var(--pf-c-nav--m-light__section-title--BorderBottomColor)
}

.pf-c-nav.pf-m-light .pf-c-divider {
    --pf-c-divider--after--BackgroundColor: var(--pf-c-nav--m-light--c-divider--BackgroundColor)
}

.pf-c-nav.pf-m-horizontal {
    --pf-c-nav__link--PaddingTop: var(--pf-c-nav--m-horizontal__link--PaddingTop);
    --pf-c-nav__link--PaddingRight: var(--pf-c-nav--m-horizontal__link--PaddingRight);
    --pf-c-nav__link--PaddingBottom: var(--pf-c-nav--m-horizontal__link--PaddingBottom);
    --pf-c-nav__link--PaddingLeft: var(--pf-c-nav--m-horizontal__link--PaddingLeft);
    --pf-c-nav__link--Right: var(--pf-c-nav--m-horizontal__link--Right);
    --pf-c-nav__link--Left: var(--pf-c-nav--m-horizontal__link--Left);
    --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal__link--Color);
    --pf-c-nav__link--hover--Color: var(--pf-c-nav--m-horizontal__link--hover--Color);
    --pf-c-nav__link--active--Color: var(--pf-c-nav--m-horizontal__link--active--Color);
    --pf-c-nav__link--focus--Color: var(--pf-c-nav--m-horizontal__link--focus--Color);
    --pf-c-nav__link--m-current--Color: var(--pf-c-nav--m-horizontal__link--m-current--Color);
    --pf-c-nav__link--BackgroundColor: var(--pf-c-nav--m-horizontal__link--BackgroundColor);
    --pf-c-nav__link--hover--BackgroundColor: var(--pf-c-nav--m-horizontal__link--hover--BackgroundColor);
    --pf-c-nav__link--focus--BackgroundColor: var(--pf-c-nav--m-horizontal__link--focus--BackgroundColor);
    --pf-c-nav__link--active--BackgroundColor: var(--pf-c-nav--m-horizontal__link--active--BackgroundColor);
    --pf-c-nav__link--m-current--BackgroundColor: var(--pf-c-nav--m-horizontal__link--m-current--BackgroundColor);
    --pf-c-nav__link--before--BorderColor: var(--pf-c-nav--m-horizontal__link--before--BorderColor);
    --pf-c-nav__link--before--BorderBottomWidth: var(--pf-c-nav--m-horizontal__link--before--BorderWidth);
    --pf-c-nav__link--hover--before--BorderBottomWidth: var(--pf-c-nav--m-horizontal__link--hover--before--BorderWidth);
    --pf-c-nav__link--focus--before--BorderBottomWidth: var(--pf-c-nav--m-horizontal__link--focus--before--BorderWidth);
    --pf-c-nav__link--active--before--BorderBottomWidth: var(--pf-c-nav--m-horizontal__link--active--before--BorderWidth);
    --pf-c-nav__link--m-current--before--BorderBottomWidth: var(--pf-c-nav--m-horizontal__link--m-current--before--BorderWidth)
}

.pf-c-nav.pf-m-tertiary {
    --pf-c-nav__link--PaddingTop: var(--pf-c-nav--m-tertiary__link--PaddingTop);
    --pf-c-nav__link--PaddingRight: var(--pf-c-nav--m-tertiary__link--PaddingRight);
    --pf-c-nav__link--PaddingBottom: var(--pf-c-nav--m-tertiary__link--PaddingBottom);
    --pf-c-nav__link--PaddingLeft: var(--pf-c-nav--m-tertiary__link--PaddingLeft);
    --pf-c-nav__link--Right: var(--pf-c-nav--m-tertiary__link--Right);
    --pf-c-nav__link--Left: var(--pf-c-nav--m-tertiary__link--Left);
    --pf-c-nav__link--Color: var(--pf-c-nav--m-tertiary__link--Color);
    --pf-c-nav__link--hover--Color: var(--pf-c-nav--m-tertiary__link--hover--Color);
    --pf-c-nav__link--active--Color: var(--pf-c-nav--m-tertiary__link--active--Color);
    --pf-c-nav__link--focus--Color: var(--pf-c-nav--m-tertiary__link--focus--Color);
    --pf-c-nav__link--m-current--Color: var(--pf-c-nav--m-tertiary__link--m-current--Color);
    --pf-c-nav__link--BackgroundColor: var(--pf-c-nav--m-tertiary__link--BackgroundColor);
    --pf-c-nav__link--hover--BackgroundColor: var(--pf-c-nav--m-tertiary__link--hover--BackgroundColor);
    --pf-c-nav__link--focus--BackgroundColor: var(--pf-c-nav--m-tertiary__link--focus--BackgroundColor);
    --pf-c-nav__link--active--BackgroundColor: var(--pf-c-nav--m-tertiary__link--active--BackgroundColor);
    --pf-c-nav__link--m-current--BackgroundColor: var(--pf-c-nav--m-tertiary__link--m-current--BackgroundColor);
    --pf-c-nav__link--before--BorderColor: var(--pf-c-nav--m-tertiary__link--before--BorderColor);
    --pf-c-nav__link--before--BorderBottomWidth: var(--pf-c-nav--m-tertiary__link--before--BorderWidth);
    --pf-c-nav__link--hover--before--BorderBottomWidth: var(--pf-c-nav--m-tertiary__link--hover--before--BorderWidth);
    --pf-c-nav__link--focus--before--BorderBottomWidth: var(--pf-c-nav--m-tertiary__link--focus--before--BorderWidth);
    --pf-c-nav__link--active--before--BorderBottomWidth: var(--pf-c-nav--m-tertiary__link--active--before--BorderWidth);
    --pf-c-nav__link--m-current--before--BorderBottomWidth: var(--pf-c-nav--m-tertiary__link--m-current--before--BorderWidth);
    --pf-c-nav__scroll-button--Color: var(--pf-c-nav--m-tertiary__scroll-button--Color);
    --pf-c-nav__scroll-button--hover--Color: var(--pf-c-nav--m-tertiary__scroll-button--hover--Color);
    --pf-c-nav__scroll-button--focus--Color: var(--pf-c-nav--m-tertiary__scroll-button--focus--Color);
    --pf-c-nav__scroll-button--active--Color: var(--pf-c-nav--m-tertiary__scroll-button--active--Color);
    --pf-c-nav__scroll-button--disabled--Color: var(--pf-c-nav--m-tertiary__scroll-button--disabled--Color);
    --pf-c-nav__scroll-button--before--BorderColor: var(--pf-c-nav--m-tertiary__scroll-button--before--BorderColor);
    --pf-c-nav__scroll-button--disabled--before--BorderColor: var(--pf-c-nav--m-tertiary__scroll-button--disabled--before--BorderColor)
}

.pf-c-nav .pf-c-divider {
    --pf-c-divider--after--BackgroundColor: var(--pf-c-nav--c-divider--BackgroundColor);
    margin-bottom: var(--pf-c-nav--c-divider--MarginBottom);
    margin-top: var(--pf-c-nav--c-divider--MarginTop);
    padding-left: var(--pf-c-nav--c-divider--PaddingLeft);
    padding-right: var(--pf-c-nav--c-divider--PaddingRight)
}

.pf-c-nav.pf-m-scrollable .pf-c-nav__scroll-button {
    opacity: 1
}

.pf-c-nav.pf-m-scrollable .pf-c-nav__scroll-button:first-of-type {
    margin-right: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.pf-c-nav.pf-m-scrollable .pf-c-nav__scroll-button:nth-of-type(2) {
    margin-left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.pf-c-nav__list {
    display: block
}

.pf-c-nav__item {
    margin-top: var(--pf-c-nav__item--MarginTop);
    position: relative
}

.pf-c-nav__item.pf-m-expandable {
    --pf-c-nav__link--before--BorderBottomWidth: 0
}

.pf-c-nav__item.pf-m-expandable:before {
    border-bottom: var(--pf-c-nav__item--before--BorderWidth) solid var(--pf-c-nav__item--before--BorderColor);
    bottom: calc(var(--pf-c-nav__item--before--BorderWidth)*-1);
    content: "";
    left: 0;
    position: absolute;
    right: 0
}

.pf-c-nav__link {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: var(--pf-c-nav__link--BackgroundColor);
    color: var(--pf-c-nav__link--Color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--pf-c-nav__link--FontSize);
    font-weight: var(--pf-c-nav__link--FontWeight);
    outline-offset: var(--pf-c-nav__link--OutlineOffset);
    padding: var(--pf-c-nav__link--PaddingTop) var(--pf-c-nav__link--PaddingRight) var(--pf-c-nav__link--PaddingBottom) var(--pf-c-nav__link--PaddingLeft);
    position: relative
}

.pf-c-nav__link:after,
.pf-c-nav__link:before {
    border: 0 solid;
    content: "";
    position: absolute
}

.pf-c-nav__link:before {
    border-bottom-width: var(--pf-c-nav__link--before--BorderBottomWidth);
    border-color: var(--pf-c-nav__link--before--BorderColor);
    bottom: calc(var(--pf-c-nav__link--before--BorderBottomWidth)*-1);
    left: 0;
    right: 0
}

.pf-c-nav__link:after {
    border: 0 solid;
    border-color: var(--pf-c-nav__link--after--BorderColor);
    border-left-width: var(--pf-c-nav__link--after--BorderLeftWidth);
    bottom: 0;
    left: 0;
    top: 0
}

.pf-c-nav__link:hover {
    background-color: var(--pf-c-nav__link--hover--BackgroundColor);
    color: var(--pf-c-nav__link--hover--Color)
}

.pf-c-nav__link:hover:before {
    border-bottom-width: var(--pf-c-nav__link--hover--before--BorderBottomWidth)
}

.pf-c-nav__link:hover:after {
    border-color: var(--pf-c-nav__link--hover--after--BorderColor);
    border-left-width: var(--pf-c-nav__link--hover--after--BorderLeftWidth)
}

.pf-c-nav__link:focus {
    background-color: var(--pf-c-nav__link--focus--BackgroundColor);
    color: var(--pf-c-nav__link--focus--Color)
}

.pf-c-nav__link:focus:before {
    border-bottom-width: var(--pf-c-nav__link--focus--before--BorderBottomWidth)
}

.pf-c-nav__link:focus:after {
    border-color: var(--pf-c-nav__link--focus--after--BorderColor);
    border-left-width: var(--pf-c-nav__link--focus--after--BorderLeftWidth)
}

.pf-c-nav__link:active {
    background-color: var(--pf-c-nav__link--active--BackgroundColor);
    color: var(--pf-c-nav__link--active--Color)
}

.pf-c-nav__link:active:before {
    border-bottom-width: var(--pf-c-nav__link--active--before--BorderBottomWidth)
}

.pf-c-nav__link:active:after {
    border-color: var(--pf-c-nav__link--active--after--BorderColor);
    border-left-width: var(--pf-c-nav__link--active--after--BorderLeftWidth)
}

.pf-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-c-nav__link,
.pf-c-nav__link.pf-m-current,
.pf-c-nav__link.pf-m-current:hover {
    background-color: var(--pf-c-nav__link--m-current--BackgroundColor);
    color: var(--pf-c-nav__link--m-current--Color)
}

.pf-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-c-nav__link:before,
.pf-c-nav__link.pf-m-current:before,
.pf-c-nav__link.pf-m-current:hover:before {
    border-bottom-width: var(--pf-c-nav__link--m-current--before--BorderBottomWidth)
}

.pf-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-c-nav__link:after,
.pf-c-nav__link.pf-m-current:after,
.pf-c-nav__link.pf-m-current:hover:after {
    border-color: var(--pf-c-nav__link--m-current--after--BorderColor);
    border-left-width: var(--pf-c-nav__link--m-current--after--BorderLeftWidth)
}

.pf-c-nav__link,
.pf-c-nav__link:active,
.pf-c-nav__link:focus,
.pf-c-nav__link:hover {
    border: none;
    text-decoration: none;
    width: 100%
}

.pf-c-nav__subnav {
    --pf-c-nav__link--PaddingTop: var(--pf-c-nav__subnav__link--PaddingTop);
    --pf-c-nav__link--PaddingRight: var(--pf-c-nav__subnav__link--PaddingRight);
    --pf-c-nav__link--PaddingBottom: var(--pf-c-nav__subnav__link--PaddingBottom);
    --pf-c-nav__link--PaddingLeft: var(--pf-c-nav__subnav__link--PaddingLeft);
    --pf-c-nav__link--FontSize: var(--pf-c-nav__subnav__link--FontSize);
    --pf-c-nav__link--hover--after--BorderColor: var(--pf-c-nav__subnav__link--hover--after--BorderColor);
    --pf-c-nav__link--focus--after--BorderColor: var(--pf-c-nav__subnav__link--focus--after--BorderColor);
    --pf-c-nav__link--active--after--BorderColor: var(--pf-c-nav__subnav__link--active--after--BorderColor);
    --pf-c-nav__link--m-current--after--BorderColor: var(--pf-c-nav__subnav__link--m-current--after--BorderColor);
    --pf-c-nav__link--hover--after--BorderLeftWidth: var(--pf-c-nav__subnav__link--hover--after--BorderWidth);
    --pf-c-nav__link--focus--after--BorderLeftWidth: var(--pf-c-nav__subnav__link--focus--after--BorderWidth);
    --pf-c-nav__link--active--after--BorderLeftWidth: var(--pf-c-nav__subnav__link--active--after--BorderWidth);
    --pf-c-nav__link--m-current--after--BorderLeftWidth: var(--pf-c-nav__subnav__link--m-current--after--BorderWidth);
    --pf-c-nav--c-divider--PaddingRight: var(--pf-c-nav__subnav--c-divider--PaddingRight);
    --pf-c-nav--c-divider--PaddingLeft: var(--pf-c-nav__subnav--c-divider--PaddingLeft);
    -ms-overflow-style: -ms-autohiding-scrollbar;
    max-height: var(--pf-c-nav__subnav--MaxHeight);
    padding-bottom: var(--pf-c-nav__subnav--PaddingBottom);
    padding-left: var(--pf-c-nav__subnav--PaddingLeft);
    scrollbar-width: none;
    -webkit-transition: var(--pf-c-nav--Transition);
    transition: var(--pf-c-nav--Transition)
}

.pf-c-nav__item.pf-m-expanded .pf-c-nav__subnav {
    --pf-c-nav__subnav--MaxHeight: var(--pf-c-nav__item--m-expanded__subnav--MaxHeight);
    opacity: 1;
    overflow-y: auto
}

.pf-c-nav__subnav::-webkit-scrollbar {
    display: none
}

.pf-c-nav__toggle {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: var(--pf-c-nav__toggle--FontSize);
    line-height: 1;
    margin-left: auto;
    padding-left: var(--pf-c-nav__toggle--PaddingLeft);
    padding-right: var(--pf-c-nav__toggle--PaddingRight)
}

.pf-c-nav__toggle-icon {
    display: inline-block;
    -webkit-transition: var(--pf-c-nav__toggle-icon--Transition);
    transition: var(--pf-c-nav__toggle-icon--Transition)
}

.pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon {
    -webkit-transform: rotate(var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate));
    transform: rotate(var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate))
}

.pf-c-nav__section {
    --pf-c-nav__item--MarginTop: var(--pf-c-nav__section__item--MarginTop);
    --pf-c-nav__link--PaddingTop: var(--pf-c-nav__section__link--PaddingTop);
    --pf-c-nav__link--PaddingRight: var(--pf-c-nav__section__link--PaddingRight);
    --pf-c-nav__link--PaddingBottom: var(--pf-c-nav__section__link--PaddingBottom);
    --pf-c-nav__link--PaddingLeft: var(--pf-c-nav__section__link--PaddingLeft);
    --pf-c-nav__link--FontSize: var(--pf-c-nav__section__link--FontSize);
    --pf-c-nav__link--before--BorderBottomWidth: var(--pf-c-nav__section__link--before--BorderBottomWidth);
    --pf-c-nav__link--hover--after--BorderColor: var(--pf-c-nav__section__link--hover--after--BorderColor);
    --pf-c-nav__link--focus--after--BorderColor: var(--pf-c-nav__section__link--focus--after--BorderColor);
    --pf-c-nav__link--active--after--BorderColor: var(--pf-c-nav__section__link--active--after--BorderColor);
    --pf-c-nav__link--m-current--after--BorderColor: var(--pf-c-nav__section__link--m-current--after--BorderColor);
    --pf-c-nav__link--hover--after--BorderLeftWidth: var(--pf-c-nav__section__link--hover--after--BorderWidth);
    --pf-c-nav__link--focus--after--BorderLeftWidth: var(--pf-c-nav__section__link--focus--after--BorderWidth);
    --pf-c-nav__link--active--after--BorderLeftWidth: var(--pf-c-nav__section__link--active--after--BorderWidth);
    --pf-c-nav__link--m-current--after--BorderLeftWidth: var(--pf-c-nav__section__link--m-current--after--BorderWidth);
    --pf-c-nav--c-divider--MarginBottom: 0;
    margin-top: var(--pf-c-nav__section--MarginTop)
}

.pf-c-nav__section+.pf-c-nav__section {
    --pf-c-nav__section--MarginTop: var(--pf-c-nav__section--section--MarginTop)
}

.pf-c-nav__section-title {
    border-bottom: var(--pf-c-nav__section-title--BorderBottomWidth) solid var(--pf-c-nav__section-title--BorderBottomColor);
    color: var(--pf-c-nav__section-title--Color);
    font-size: var(--pf-c-nav__section-title--FontSize);
    padding: var(--pf-c-nav__section-title--PaddingTop) var(--pf-c-nav__section-title--PaddingRight) var(--pf-c-nav__section-title--PaddingBottom) var(--pf-c-nav__section-title--PaddingLeft)
}

.pf-c-nav__scroll-button {
    -webkit-box-flex: 0;
    background-color: var(--pf-c-nav__scroll-button--BackgroundColor);
    border: 0;
    color: var(--pf-c-nav__scroll-button--Color);
    -ms-flex: none;
    flex: none;
    opacity: 0;
    outline-offset: var(--pf-c-nav__scroll-button--OutlineOffset);
    -webkit-transition: var(--pf-c-nav__scroll-button--Transition);
    transition: var(--pf-c-nav__scroll-button--Transition);
    width: var(--pf-c-nav__scroll-button--Width)
}

.pf-c-nav__scroll-button:before {
    border: solid var(--pf-c-nav__scroll-button--before--BorderColor);
    border-width: 0 var(--pf-c-nav__scroll-button--before--BorderRightWidth) 0 var(--pf-c-nav__scroll-button--before--BorderLeftWidth);
    bottom: 0;
    content: "";
    position: absolute;
    top: 0
}

.pf-c-nav__scroll-button:hover {
    color: var(--pf-c-nav__scroll-button--hover--Color)
}

.pf-c-nav__scroll-button:focus {
    color: var(--pf-c-nav__scroll-button--focus--Color)
}

.pf-c-nav__scroll-button:active {
    color: var(--pf-c-nav__scroll-button--active--Color)
}

.pf-c-nav__scroll-button:disabled {
    border-color: var(--pf-c-nav__scroll-button--disabled--before--BorderColor);
    color: var(--pf-c-nav__scroll-button--disabled--Color)
}

.pf-c-nav__scroll-button:first-of-type {
    --pf-c-nav__scroll-button--before--BorderRightWidth: var(--pf-c-nav__scroll-button--before--BorderWidth);
    margin-right: calc(var(--pf-c-nav__scroll-button--Width)*-1);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.pf-c-nav__scroll-button:first-of-type:before {
    right: 0
}

.pf-c-nav__scroll-button:nth-of-type(2) {
    --pf-c-nav__scroll-button--before--BorderLeftWidth: var(--pf-c-nav__scroll-button--before--BorderWidth);
    margin-left: calc(var(--pf-c-nav__scroll-button--Width)*-1);
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.pf-c-nav__scroll-button:nth-of-type(2):before {
    left: 0
}

.pf-c-notification-badge {
    --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-notification-badge--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-notification-badge--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-notification-badge--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-notification-badge--MarginRight: calc(var(--pf-global--spacer--md)*-1);
    --pf-c-notification-badge--MarginBottom: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-notification-badge--MarginLeft: calc(var(--pf-global--spacer--md)*-1);
    --pf-c-notification-badge--after--BorderColor: transparent;
    --pf-c-notification-badge--after--BorderRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-notification-badge--after--BorderWidth: 0;
    --pf-c-notification-badge--after--Top: 0;
    --pf-c-notification-badge--after--Right: 0;
    --pf-c-notification-badge--after--Width: auto;
    --pf-c-notification-badge--after--Height: auto;
    --pf-c-notification-badge--after--BackgroundColor: transparent;
    --pf-c-notification-badge--after--TranslateX: 0;
    --pf-c-notification-badge--after--TranslateY: 0;
    --pf-c-notification-badge__i--Width: auto;
    --pf-c-notification-badge__i--Height: auto;
    --pf-c-notification-badge--m-read--after--BorderColor: transparent;
    --pf-c-notification-badge--m-read--after--BackgroundColor: transparent;
    --pf-c-notification-badge--m-unread--Color: var(--pf-global--Color--light-100);
    --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--active-color--100);
    --pf-c-notification-badge--m-unread--hover--after--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-notification-badge--m-attention--Color: var(--pf-global--Color--light-100);
    --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--100);
    --pf-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-global--danger-color--200);
    --pf-c-notification-badge__count--MarginLeft: var(--pf-global--spacer--xs);
    --pf-c-notification-badge--pf-icon-attention-bell--LineHeight: var(--pf-global--LineHeight--sm);
    background-color: var(--pf-c-notification-badge--after--BackgroundColor);
    border-radius: var(--pf-c-notification-badge--after--BorderRadius);
    display: inline-block;
    margin: var(--pf-c-notification-badge--MarginTop) var(--pf-c-notification-badge--MarginRight) var(--pf-c-notification-badge--MarginBottom) var(--pf-c-notification-badge--MarginLeft);
    padding: var(--pf-c-notification-badge--PaddingTop) var(--pf-c-notification-badge--PaddingRight) var(--pf-c-notification-badge--PaddingBottom) var(--pf-c-notification-badge--PaddingLeft);
    position: relative
}

.pf-c-notification-badge:before {
    border: var(--pf-c-notification-badge--after--BorderWidth) solid var(--pf-c-notification-badge--after--BorderColor);
    border-radius: var(--pf-c-notification-badge--after--BorderRadius);
    bottom: 0;
    content: "";
    height: var(--pf-c-notification-badge--after--Height);
    left: 0;
    position: absolute;
    right: var(--pf-c-notification-badge--after--Right);
    top: var(--pf-c-notification-badge--after--Top);
    -webkit-transform: translate(var(--pf-c-notification-badge--after--TranslateX), var(--pf-c-notification-badge--after--TranslateY));
    transform: translate(var(--pf-c-notification-badge--after--TranslateX), var(--pf-c-notification-badge--after--TranslateY));
    width: var(--pf-c-notification-badge--after--Width)
}

.pf-c-notification-badge>i {
    height: var(--pf-c-notification-badge__i--Height);
    width: var(--pf-c-notification-badge__i--Width)
}

.pf-c-notification-badge>* {
    position: relative
}

.pf-c-notification-badge .pf-icon-attention-bell,
.pf-c-notification-badge .pf-icon-bell {
    display: inline-block;
    line-height: var(--pf-c-notification-badge--pf-icon-attention-bell--LineHeight)
}

.pf-c-notification-badge .pf-icon-attention-bell:before,
.pf-c-notification-badge .pf-icon-bell:before {
    vertical-align: bottom
}

.pf-c-notification-badge.pf-m-read {
    --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-read--after--BackgroundColor);
    --pf-c-notification-badge--after--BorderColor: var(--pf-c-notification-badge--m-read--after--BorderColor)
}

.pf-c-notification-badge.pf-m-unread {
    --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--after--BackgroundColor);
    color: var(--pf-c-notification-badge--m-unread--Color)
}

.pf-c-notification-badge.pf-m-unread:hover {
    --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--hover--after--BackgroundColor)
}

.pf-c-notification-badge.pf-m-attention {
    --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--after--BackgroundColor);
    color: var(--pf-c-notification-badge--m-attention--Color)
}

.pf-c-notification-badge.pf-m-attention:hover {
    --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--hover--after--BackgroundColor)
}

.pf-c-notification-badge__count {
    margin-left: var(--pf-c-notification-badge__count--MarginLeft)
}

.pf-c-notification-drawer {
    --pf-c-notification-drawer--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-notification-drawer__header--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-notification-drawer__header--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-notification-drawer__header--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-notification-drawer__header--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-notification-drawer__header--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-notification-drawer__header--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-notification-drawer__header--ZIndex: var(--pf-global--ZIndex--sm);
    --pf-c-notification-drawer__header-title--FontSize: var(--pf-global--FontSize--xl);
    --pf-c-notification-drawer__header-status--MarginLeft: var(--pf-global--spacer--md);
    --pf-c-notification-drawer__body--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-notification-drawer__list-item--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-notification-drawer__list-item--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-notification-drawer__list-item--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-notification-drawer__list-item--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-notification-drawer__list-item--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-notification-drawer__list-item--BoxShadow: inset var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-notification-drawer__list-item--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-notification-drawer__list-item--BorderBottomColor: transparent;
    --pf-c-notification-drawer__list-item--OutlineOffset: -0.25rem;
    --pf-c-notification-drawer__list-item--before--Width: var(--pf-global--BorderWidth--lg);
    --pf-c-notification-drawer__list-item--before--Top: 0;
    --pf-c-notification-drawer__list-item--before--Bottom: calc(var(--pf-c-notification-drawer__list-item--BorderBottomWidth)*-1);
    --pf-c-notification-drawer__list-item--m-info__list-item-header-icon--Color: var(--pf-global--info-color--100);
    --pf-c-notification-drawer__list-item--m-info__list-item--before--BackgroundColor: var(--pf-global--info-color--100);
    --pf-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color: var(--pf-global--warning-color--100);
    --pf-c-notification-drawer__list-item--m-warning__list-item--before--BackgroundColor: var(--pf-global--warning-color--100);
    --pf-c-notification-drawer__list-item--m-danger__list-item-header-icon--Color: var(--pf-global--danger-color--100);
    --pf-c-notification-drawer__list-item--m-danger__list-item--before--BackgroundColor: var(--pf-global--danger-color--100);
    --pf-c-notification-drawer__list-item--m-success__list-item-header-icon--Color: var(--pf-global--success-color--100);
    --pf-c-notification-drawer__list-item--m-success__list-item--before--BackgroundColor: var(--pf-global--success-color--100);
    --pf-c-notification-drawer__list-item--m-default__list-item-header-icon--Color: var(--pf-global--default-color--200);
    --pf-c-notification-drawer__list-item--m-default__list-item--before--BackgroundColor: var(--pf-global--default-color--200);
    --pf-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-notification-drawer__list-item--m-read--BorderBottomColor: var(--pf-global--BorderColor--100);
    --pf-c-notification-drawer__list-item--m-read--before--Top: calc(var(--pf-c-notification-drawer__list-item--BorderBottomWidth)*-1);
    --pf-c-notification-drawer__list-item--m-read--before--Bottom: 0;
    --pf-c-notification-drawer__list-item--m-read--before--BackgroundColor: transparent;
    --pf-c-notification-drawer__list-item--list-item--m-read--before--Top: 0;
    --pf-c-notification-drawer__list-item--list-item--m-read--BoxShadow: inset var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-notification-drawer__list-item--m-hoverable--hover--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-notification-drawer__list-item--m-hoverable--hover--BoxShadow: var(--pf-global--BoxShadow--md-top), var(--pf-global--BoxShadow--md-bottom);
    --pf-c-notification-drawer__list-item-header--MarginBottom: var(--pf-global--spacer--xs);
    --pf-c-notification-drawer__list-item-header-icon--Color: inherit;
    --pf-c-notification-drawer__list-item-header-icon--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-notification-drawer__list-item-header-title--max-lines: 1;
    --pf-c-notification-drawer__list-item--m-read__list-item-header-title--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-notification-drawer__list-item-description--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-notification-drawer__list-item-timestamp--Color: var(--pf-global--Color--200);
    --pf-c-notification-drawer__list-item-timestamp--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-notification-drawer__group--m-expanded--group--BorderTopWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-notification-drawer__group--m-expanded--group--BorderTopColor: var(--pf-global--BorderColor--100);
    --pf-c-notification-drawer__group--m-expanded--MinHeight: 0;
    --pf-c-notification-drawer__group-toggle--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-notification-drawer__group-toggle--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-notification-drawer__group-toggle--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-notification-drawer__group-toggle--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-notification-drawer__group-toggle--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-notification-drawer__group-toggle--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-notification-drawer__group-toggle--OutlineOffset: -0.25rem;
    --pf-c-notification-drawer__group-toggle-title--MarginRight: var(--pf-global--spacer--md);
    --pf-c-notification-drawer__group-toggle-title--max-lines: 1;
    --pf-c-notification-drawer__group-toggle-count--MarginRight: var(--pf-global--spacer--md);
    --pf-c-notification-drawer__group-toggle-icon--MarginRight: var(--pf-global--spacer--md);
    --pf-c-notification-drawer__group-toggle-icon--Color: var(--pf-global--Color--200);
    --pf-c-notification-drawer__group-toggle-icon--Transition: .2s ease-in 0s;
    --pf-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--pf-c-notification-drawer--BackgroundColor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.pf-c-notification-drawer__header {
    -ms-flex-negative: 0;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: var(--pf-c-notification-drawer__header--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-notification-drawer__header--BoxShadow);
    box-shadow: var(--pf-c-notification-drawer__header--BoxShadow);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    padding: var(--pf-c-notification-drawer__header--PaddingTop) var(--pf-c-notification-drawer__header--PaddingRight) var(--pf-c-notification-drawer__header--PaddingBottom) var(--pf-c-notification-drawer__header--PaddingLeft);
    position: relative;
    z-index: var(--pf-c-notification-drawer__header--ZIndex)
}

.pf-c-notification-drawer__header-title {
    font-size: var(--pf-c-notification-drawer__header-title--FontSize)
}

.pf-c-notification-drawer__header-status {
    margin-left: var(--pf-c-notification-drawer__header-status--MarginLeft)
}

.pf-c-notification-drawer__header-action {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto
}

.pf-c-notification-drawer__body {
    -webkit-box-shadow: var(--pf-c-notification-drawer__body--ZIndex);
    box-shadow: var(--pf-c-notification-drawer__body--ZIndex);
    overflow-y: auto
}

.pf-c-notification-drawer__list-item {
    background-color: var(--pf-c-notification-drawer__list-item--BackgroundColor);
    border-bottom: var(--pf-c-notification-drawer__list-item--BorderBottomWidth) solid var(--pf-c-notification-drawer__list-item--BorderBottomColor);
    -webkit-box-shadow: var(--pf-c-notification-drawer__list-item--BoxShadow);
    box-shadow: var(--pf-c-notification-drawer__list-item--BoxShadow);
    display: grid;
    grid-template-columns: 1fr auto;
    outline-offset: var(--pf-c-notification-drawer__list-item--OutlineOffset);
    padding: var(--pf-c-notification-drawer__list-item--PaddingTop) var(--pf-c-notification-drawer__list-item--PaddingRight) var(--pf-c-notification-drawer__list-item--PaddingBottom) var(--pf-c-notification-drawer__list-item--PaddingLeft);
    position: relative
}

.pf-c-notification-drawer__list-item.pf-m-read,
.pf-c-notification-drawer__list-item:first-child {
    --pf-c-notification-drawer__list-item--BoxShadow: none
}

.pf-c-notification-drawer__list-item:not(.pf-m-read)+.pf-c-notification-drawer__list-item.pf-m-read {
    --pf-c-notification-drawer__list-item--BoxShadow: var(--pf-c-notification-drawer__list-item--list-item--m-read--BoxShadow);
    --pf-c-notification-drawer__list-item--before--Top: var(--pf-c-notification-drawer__list-item--list-item--m-read--before--Top)
}

.pf-c-notification-drawer__list-item:before {
    background-color: var(--pf-c-notification-drawer__list-item--before--BackgroundColor);
    bottom: var(--pf-c-notification-drawer__list-item--before--Bottom);
    content: "";
    position: absolute;
    top: var(--pf-c-notification-drawer__list-item--before--Top);
    width: var(--pf-c-notification-drawer__list-item--before--Width)
}

.pf-c-notification-drawer__list-item.pf-m-info {
    --pf-c-notification-drawer__list-item--before--BackgroundColor: var(--pf-c-notification-drawer__list-item--m-info__list-item--before--BackgroundColor);
    --pf-c-notification-drawer__list-item-header-icon--Color: var(--pf-c-notification-drawer__list-item--m-info__list-item-header-icon--Color)
}

.pf-c-notification-drawer__list-item.pf-m-warning {
    --pf-c-notification-drawer__list-item--before--BackgroundColor: var(--pf-c-notification-drawer__list-item--m-warning__list-item--before--BackgroundColor);
    --pf-c-notification-drawer__list-item-header-icon--Color: var(--pf-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color)
}

.pf-c-notification-drawer__list-item.pf-m-danger {
    --pf-c-notification-drawer__list-item--before--BackgroundColor: var(--pf-c-notification-drawer__list-item--m-danger__list-item--before--BackgroundColor);
    --pf-c-notification-drawer__list-item-header-icon--Color: var(--pf-c-notification-drawer__list-item--m-danger__list-item-header-icon--Color)
}

.pf-c-notification-drawer__list-item.pf-m-success {
    --pf-c-notification-drawer__list-item--before--BackgroundColor: var(--pf-c-notification-drawer__list-item--m-success__list-item--before--BackgroundColor);
    --pf-c-notification-drawer__list-item-header-icon--Color: var(--pf-c-notification-drawer__list-item--m-success__list-item-header-icon--Color)
}

.pf-c-notification-drawer__list-item.pf-m-default {
    --pf-c-notification-drawer__list-item--before--BackgroundColor: var(--pf-c-notification-drawer__list-item--m-default__list-item--before--BackgroundColor);
    --pf-c-notification-drawer__list-item-header-icon--Color: var(--pf-c-notification-drawer__list-item--m-default__list-item-header-icon--Color)
}

.pf-c-notification-drawer__list-item.pf-m-read {
    --pf-c-notification-drawer__list-item--BorderBottomColor: var(--pf-c-notification-drawer__list-item--m-read--BorderBottomColor);
    --pf-c-notification-drawer__list-item--BackgroundColor: var(--pf-c-notification-drawer__list-item--m-read--BackgroundColor);
    --pf-c-notification-drawer__list-item--before--Top: var(--pf-c-notification-drawer__list-item--m-read--before--Top);
    --pf-c-notification-drawer__list-item--before--Bottom: var(--pf-c-notification-drawer__list-item--m-read--before--Bottom);
    --pf-c-notification-drawer__list-item--before--BackgroundColor: var(--pf-c-notification-drawer__list-item--m-read--before--BackgroundColor);
    --pf-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-c-notification-drawer__list-item--m-read__list-item-header-title--FontWeight);
    position: relative
}

.pf-c-notification-drawer__list-item.pf-m-hoverable {
    cursor: pointer
}

.pf-c-notification-drawer__list-item.pf-m-hoverable:hover {
    -webkit-box-shadow: var(--pf-c-notification-drawer__list-item--m-hoverable--hover--BoxShadow);
    box-shadow: var(--pf-c-notification-drawer__list-item--m-hoverable--hover--BoxShadow);
    z-index: var(--pf-c-notification-drawer__list-item--m-hoverable--hover--ZIndex)
}

.pf-c-notification-drawer__list-item-header {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 1/2;
    grid-row: 1/2;
    margin-bottom: var(--pf-c-notification-drawer__list-item-header--MarginBottom)
}

.pf-c-notification-drawer__list-item-header-icon {
    color: var(--pf-c-notification-drawer__list-item-header-icon--Color);
    margin-right: var(--pf-c-notification-drawer__list-item-header-icon--MarginRight)
}

.pf-c-notification-drawer__list-item-header-title {
    font-weight: var(--pf-c-notification-drawer__list-item-header-title--FontWeight);
    word-break: break-word
}

.pf-c-notification-drawer__list-item-header-title.pf-m-truncate {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--pf-c-notification-drawer__list-item-header-title--max-lines);
    display: -webkit-box;
    overflow: hidden
}

.pf-c-notification-drawer__list-item-action {
    grid-column: 2/3;
    grid-row: 1/3
}

.pf-c-notification-drawer__list-item-description {
    grid-column: 1/2;
    grid-row: 2/3;
    margin-bottom: var(--pf-c-notification-drawer__list-item-description--MarginBottom);
    word-break: break-word
}

.pf-c-notification-drawer__list-item-timestamp {
    color: var(--pf-c-notification-drawer__list-item-timestamp--Color);
    font-size: var(--pf-c-notification-drawer__list-item-timestamp--FontSize);
    grid-column: 1/2;
    grid-row: 3/4
}

.pf-c-notification-drawer__group-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.pf-c-notification-drawer__group.pf-m-expanded {
    min-height: var(--pf-c-notification-drawer__group--m-expanded--MinHeight)
}

.pf-c-notification-drawer__group.pf-m-expanded+.pf-c-notification-drawer__group {
    border-top: var(--pf-c-notification-drawer__group--m-expanded--group--BorderTopWidth) solid var(--pf-c-notification-drawer__group--m-expanded--group--BorderTopColor)
}

.pf-c-notification-drawer__group .pf-c-notification-drawer__list-item:last-child {
    --pf-c-notification-drawer__list-item--BorderBottomWidth: 0;
    --pf-c-notification-drawer__list-item--before--Bottom: 0
}

.pf-c-notification-drawer__group-toggle {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: var(--pf-c-notification-drawer__group-toggle--BackgroundColor);
    border: solid var(--pf-c-notification-drawer__group-toggle--BorderColor);
    border-width: 0 0 var(--pf-c-notification-drawer__group-toggle--BorderBottomWidth) 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    outline-offset: var(--pf-c-notification-drawer__group-toggle--OutlineOffset);
    padding: var(--pf-c-notification-drawer__group-toggle--PaddingTop) var(--pf-c-notification-drawer__group-toggle--PaddingRight) var(--pf-c-notification-drawer__group-toggle--PaddingBottom) var(--pf-c-notification-drawer__group-toggle--PaddingLeft);
    width: 100%
}

.pf-c-notification-drawer__group-toggle-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--pf-c-notification-drawer__group-toggle-title--max-lines);
    -webkit-box-flex: 1;
    display: -webkit-box;
    -ms-flex: 1;
    flex: 1;
    margin-right: var(--pf-c-notification-drawer__group-toggle-title--MarginRight);
    overflow: hidden;
    text-align: left;
    word-break: break-word
}

.pf-c-notification-drawer__group-toggle-count {
    margin-left: auto;
    margin-right: var(--pf-c-notification-drawer__group-toggle-count--MarginRight)
}

.pf-c-notification-drawer__group-toggle-icon {
    color: var(--pf-c-notification-drawer__group-toggle-icon--Color);
    margin-right: var(--pf-c-notification-drawer__group-toggle-icon--MarginRight);
    -webkit-transition: var(--pf-c-notification-drawer__group-toggle-icon--Transition);
    transition: var(--pf-c-notification-drawer__group-toggle-icon--Transition)
}

.pf-c-notification-drawer__group.pf-m-expanded .pf-c-notification-drawer__group-toggle-icon {
    -webkit-transform: rotate(var(--pf-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
    transform: rotate(var(--pf-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate))
}

.pf-c-options-menu {
    --pf-c-options-menu__toggle--BackgroundColor: transparent;
    --pf-c-options-menu__toggle--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-options-menu__toggle--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-options-menu__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-options-menu__toggle--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-options-menu__toggle--MinWidth: 0;
    --pf-c-options-menu__toggle--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-options-menu__toggle--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-options-menu__toggle--BorderTopColor: var(--pf-global--BorderColor--300);
    --pf-c-options-menu__toggle--BorderRightColor: var(--pf-global--BorderColor--300);
    --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-global--BorderColor--200);
    --pf-c-options-menu__toggle--BorderLeftColor: var(--pf-global--BorderColor--300);
    --pf-c-options-menu__toggle--Color: var(--pf-global--Color--100);
    --pf-c-options-menu__toggle--hover--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-options-menu__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-options-menu__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-options-menu__toggle--focus--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-options-menu__toggle--focus--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-options-menu__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-options-menu__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-options-menu__toggle--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
    --pf-c-options-menu__toggle--m-plain--Color: var(--pf-global--Color--200);
    --pf-c-options-menu__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
    --pf-c-options-menu__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
    --pf-c-options-menu__toggle--m-plain--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-options-menu__toggle--m-plain--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-options-menu__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-options-menu__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
    --pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate: 180deg;
    --pf-c-options-menu__toggle-button--BackgroundColor: transparent;
    --pf-c-options-menu__toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-options-menu__toggle-button--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-options-menu__toggle-button--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-options-menu__toggle-button--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-options-menu__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-options-menu__menu--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-options-menu__menu--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-options-menu__menu--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-options-menu__menu--Top: calc(100% + var(--pf-global--spacer--xs));
    --pf-c-options-menu__menu--ZIndex: var(--pf-global--ZIndex--sm);
    --pf-c-options-menu--m-top__menu--Top: 0;
    --pf-c-options-menu--m-top__menu--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
    --pf-c-options-menu__menu-item--BackgroundColor: transparent;
    --pf-c-options-menu__menu-item--Color: var(--pf-global--Color--100);
    --pf-c-options-menu__menu-item--FontSize: var(--pf-global--FontSize--md);
    --pf-c-options-menu__menu-item--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-options-menu__menu-item--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-options-menu__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-options-menu__menu-item--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-options-menu__menu-item--disabled--Color: var(--pf-global--Color--dark-200);
    --pf-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-options-menu__menu-item--disabled--BackgroundColor: transparent;
    --pf-c-options-menu__menu-item-icon--Color: var(--pf-global--active-color--100);
    --pf-c-options-menu__menu-item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
    --pf-c-options-menu__menu-item-icon--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-options-menu__group--group--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-options-menu__group-title--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-options-menu__group-title--PaddingRight: var(--pf-c-options-menu__menu-item--PaddingRight);
    --pf-c-options-menu__group-title--PaddingBottom: var(--pf-c-options-menu__menu-item--PaddingBottom);
    --pf-c-options-menu__group-title--PaddingLeft: var(--pf-c-options-menu__menu-item--PaddingLeft);
    --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
    --pf-c-options-menu__group-title--Color: var(--pf-global--Color--dark-200);
    --pf-c-options-menu--c-divider--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-options-menu--c-divider--MarginBottom: var(--pf-global--spacer--sm);
    display: inline-block;
    max-width: 100%;
    position: relative
}

.pf-c-options-menu .pf-c-divider {
    margin-bottom: var(--pf-c-options-menu--c-divider--MarginBottom);
    margin-top: var(--pf-c-options-menu--c-divider--MarginTop)
}

.pf-c-options-menu .pf-c-divider:last-child {
    --pf-c-options-menu--c-divider--MarginBottom: 0
}

.pf-c-options-menu.pf-m-text:not(.pf-m-plain) .pf-c-options-menu__toggle-button:before,
.pf-c-options-menu__toggle:not(.pf-m-plain):before {
    border: var(--pf-c-options-menu__toggle--BorderWidth) solid;
    border-color: var(--pf-c-options-menu__toggle--BorderTopColor) var(--pf-c-options-menu__toggle--BorderRightColor) var(--pf-c-options-menu__toggle--BorderBottomColor) var(--pf-c-options-menu__toggle--BorderLeftColor);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-options-menu.pf-m-text:not(.pf-m-plain) .pf-c-options-menu__toggle-button:hover:before,
.pf-c-options-menu__toggle:not(.pf-m-plain):hover:before {
    --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--hover--BorderBottomColor)
}

.pf-c-options-menu.pf-m-text:not(.pf-m-plain) .pf-c-options-menu__toggle-button.pf-m-active:before,
.pf-c-options-menu.pf-m-text:not(.pf-m-plain) .pf-c-options-menu__toggle-button:active:before,
.pf-c-options-menu__toggle:not(.pf-m-plain).pf-m-active:before,
.pf-c-options-menu__toggle:not(.pf-m-plain):active:before {
    --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--active--BorderBottomColor);
    border-bottom-width: var(--pf-c-options-menu__toggle--active--BorderBottomWidth)
}

.pf-c-options-menu.pf-m-text:not(.pf-m-plain) .pf-c-options-menu__toggle-button:focus:before,
.pf-c-options-menu__toggle:not(.pf-m-plain):focus:before {
    --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--focus--BorderBottomColor);
    border-bottom-width: var(--pf-c-options-menu__toggle--focus--BorderBottomWidth)
}

.pf-c-options-menu__toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: var(--pf-c-options-menu__toggle--BackgroundColor);
    border: none;
    color: var(--pf-c-options-menu__toggle--Color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    line-height: var(--pf-c-options-menu__toggle--LineHeight);
    max-width: 100%;
    min-width: var(--pf-c-options-menu__toggle--MinWidth);
    padding-left: var(--pf-c-options-menu__toggle--PaddingLeft);
    position: relative
}

.pf-c-options-menu__toggle:not(.pf-m-text) {
    padding-bottom: var(--pf-c-options-menu__toggle--PaddingBottom);
    padding-right: var(--pf-c-options-menu__toggle--PaddingRight);
    padding-top: var(--pf-c-options-menu__toggle--PaddingTop)
}

.pf-c-options-menu.pf-m-expanded>.pf-c-options-menu__toggle:before {
    --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--expanded--BorderBottomColor);
    border-bottom-width: var(--pf-c-options-menu__toggle--expanded--BorderBottomWidth)
}

.pf-c-options-menu__toggle.pf-m-plain {
    --pf-c-options-menu__toggle--PaddingRight: var(--pf-c-options-menu__toggle--m-plain--PaddingRight);
    --pf-c-options-menu__toggle--PaddingLeft: var(--pf-c-options-menu__toggle--m-plain--PaddingLeft);
    display: inline-block
}

.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: var(--pf-c-options-menu__toggle--m-plain--Color);
    justify-content: center
}

.pf-c-options-menu__toggle.pf-m-plain .pf-c-options-menu__toggle-button-icon {
    line-height: var(--pf-c-options-menu__toggle--LineHeight)
}

.pf-c-options-menu.pf-m-expanded>.pf-c-options-menu__toggle.pf-m-plain,
.pf-c-options-menu__toggle.pf-m-plain.pf-m-active,
.pf-c-options-menu__toggle.pf-m-plain:active,
.pf-c-options-menu__toggle.pf-m-plain:focus,
.pf-c-options-menu__toggle.pf-m-plain:hover {
    --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--hover--Color)
}

.pf-c-options-menu__toggle.pf-m-plain.pf-m-disabled,
.pf-c-options-menu__toggle.pf-m-plain:disabled {
    --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--disabled--Color)
}

.pf-c-options-menu__toggle.pf-m-disabled,
.pf-c-options-menu__toggle:disabled {
    pointer-events: none
}

.pf-c-options-menu__toggle.pf-m-disabled.pf-m-text,
.pf-c-options-menu__toggle.pf-m-disabled:not(.pf-m-plain),
.pf-c-options-menu__toggle:disabled.pf-m-text,
.pf-c-options-menu__toggle:disabled:not(.pf-m-plain) {
    --pf-c-options-menu__toggle--BackgroundColor: var(--pf-c-options-menu__toggle--disabled--BackgroundColor)
}

.pf-c-options-menu__toggle.pf-m-disabled:before,
.pf-c-options-menu__toggle:disabled:before {
    border: 0
}

.pf-c-options-menu__toggle-button-icon {
    position: relative
}

.pf-c-options-menu__toggle-button {
    background-color: var(--pf-c-options-menu__toggle-button--BackgroundColor);
    border: 0;
    padding: var(--pf-c-options-menu__toggle-button--PaddingTop) var(--pf-c-options-menu__toggle-button--PaddingRight) var(--pf-c-options-menu__toggle-button--PaddingBottom) var(--pf-c-options-menu__toggle-button--PaddingLeft)
}

.pf-c-options-menu__toggle-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-options-menu__toggle-icon {
    margin-left: var(--pf-c-options-menu__toggle-icon--MarginLeft);
    margin-right: var(--pf-c-options-menu__toggle-icon--MarginRight)
}

.pf-c-options-menu.pf-m-top.pf-m-expanded .pf-c-options-menu__toggle-icon {
    -webkit-transform: rotate(var(--pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate));
    transform: rotate(var(--pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate))
}

.pf-c-options-menu__menu {
    background-clip: padding-box;
    background-color: var(--pf-c-options-menu__menu--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-options-menu__menu--BoxShadow);
    box-shadow: var(--pf-c-options-menu__menu--BoxShadow);
    min-width: 100%;
    padding-bottom: var(--pf-c-options-menu__menu--PaddingBottom);
    padding-top: var(--pf-c-options-menu__menu--PaddingTop);
    position: absolute;
    top: var(--pf-c-options-menu__menu--Top);
    z-index: var(--pf-c-options-menu__menu--ZIndex)
}

.pf-c-options-menu__menu.pf-m-align-right {
    right: 0
}

.pf-c-options-menu.pf-m-top .pf-c-options-menu__menu {
    --pf-c-options-menu__menu--Top: var(--pf-c-options-menu--m-top__menu--Top);
    -webkit-transform: translateY(var(--pf-c-options-menu--m-top__menu--TranslateY));
    transform: translateY(var(--pf-c-options-menu--m-top__menu--TranslateY))
}

.pf-c-options-menu__menu-item {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: var(--pf-c-options-menu__menu-item--BackgroundColor);
    border: none;
    color: var(--pf-c-options-menu__menu-item--Color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--pf-c-options-menu__menu-item--FontSize);
    padding: var(--pf-c-options-menu__menu-item--PaddingTop) var(--pf-c-options-menu__menu-item--PaddingRight) var(--pf-c-options-menu__menu-item--PaddingBottom) var(--pf-c-options-menu__menu-item--PaddingLeft);
    white-space: nowrap;
    width: 100%
}

.pf-c-options-menu__menu-item:focus,
.pf-c-options-menu__menu-item:hover {
    background-color: var(--pf-c-options-menu__menu-item--hover--BackgroundColor);
    text-decoration: none
}

.pf-c-options-menu__menu-item.pf-m-disabled,
.pf-c-options-menu__menu-item:disabled {
    background-color: var(--pf-c-options-menu__menu-item--disabled--BackgroundColor);
    color: var(--pf-c-options-menu__menu-item--disabled--Color);
    pointer-events: none
}

.pf-c-options-menu__menu-item-icon {
    -ms-flex-item-align: center;
    align-self: center;
    color: var(--pf-c-options-menu__menu-item-icon--Color);
    font-size: var(--pf-c-options-menu__menu-item-icon--FontSize);
    margin-left: auto;
    padding-left: var(--pf-c-options-menu__menu-item-icon--PaddingLeft);
    width: auto
}

.pf-c-options-menu__group+.pf-c-options-menu__group {
    padding-top: var(--pf-c-options-menu__group--group--PaddingTop)
}

.pf-c-options-menu__group-title {
    color: var(--pf-c-options-menu__group-title--Color);
    font-size: var(--pf-c-options-menu__group-title--FontSize);
    font-weight: var(--pf-c-options-menu__group-title--FontWeight);
    padding: var(--pf-c-options-menu__group-title--PaddingTop) var(--pf-c-options-menu__group-title--PaddingRight) var(--pf-c-options-menu__group-title--PaddingBottom) var(--pf-c-options-menu__group-title--PaddingLeft)
}

.pf-c-overflow-menu {
    --pf-c-overflow-menu--spacer--base: var(--pf-global--spacer--md);
    --pf-c-overflow-menu--spacer: var(--pf-global--spacer--sm);
    --pf-c-overflow-menu__group--spacer: var(--pf-c-overflow-menu--spacer--base);
    --pf-c-overflow-menu__item--spacer: var(--pf-c-overflow-menu--spacer--base);
    --pf-c-overflow-menu--c-divider--m-vertical--spacer: var(--pf-c-overflow-menu--spacer--base);
    --pf-c-overflow-menu__group--m-button-group--spacer: var(--pf-c-overflow-menu--spacer--base);
    --pf-c-overflow-menu__group--m-button-group--space-items: var(--pf-global--spacer--sm);
    --pf-c-overflow-menu__group--m-icon-button-group--spacer: var(--pf-c-overflow-menu--spacer--base);
    --pf-c-overflow-menu__group--m-icon-button-group--space-items: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pf-c-overflow-menu__content,
.pf-c-overflow-menu__group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-overflow-menu__group {
    --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__group--spacer)
}

.pf-c-overflow-menu__group.pf-m-button-group {
    --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__group--m-button-group--spacer)
}

.pf-c-overflow-menu__group.pf-m-button-group>* {
    --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__group--m-button-group--space-items)
}

.pf-c-overflow-menu__group.pf-m-icon-button-group {
    --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__group--m-icon-button-group--spacer)
}

.pf-c-overflow-menu__group.pf-m-icon-button-group>* {
    --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__group--m-icon-button-group--space-items)
}

.pf-c-overflow-menu__item {
    --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu__item--spacer)
}

.pf-c-overflow-menu__content,
.pf-c-overflow-menu__control,
.pf-c-overflow-menu__group,
.pf-c-overflow-menu__item {
    margin-right: var(--pf-c-overflow-menu--spacer)
}

.pf-c-overflow-menu__content:last-child,
.pf-c-overflow-menu__control:last-child,
.pf-c-overflow-menu__group:last-child,
.pf-c-overflow-menu__item:last-child {
    --pf-c-overflow-menu--spacer: 0
}

.pf-c-overflow-menu>.pf-c-divider,
.pf-c-overflow-menu__group>.pf-c-divider {
    --pf-c-overflow-menu--spacer: var(--pf-c-overflow-menu--c-divider--m-vertical--spacer)
}

.pf-c-overflow-menu>.pf-c-divider.pf-m-vertical,
.pf-c-overflow-menu__group>.pf-c-divider.pf-m-vertical {
    margin-right: var(--pf-c-overflow-menu--spacer)
}

.pf-c-overflow-menu>.pf-c-divider.pf-m-vertical:last-child,
.pf-c-overflow-menu__group>.pf-c-divider.pf-m-vertical:last-child {
    --pf-c-overflow-menu--spacer: 0
}

.pf-c-page {
    --pf-c-page--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-page__header--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
    --pf-c-page__header--ZIndex: var(--pf-global--ZIndex--md);
    --pf-c-page__header--MinHeight: 4.75rem;
    --pf-c-page__header-brand--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-page__header-brand--xl--PaddingRight: var(--pf-global--spacer--xl);
    --pf-c-page__header-brand--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-page__header-sidebar-toggle__c-button--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-page__header-sidebar-toggle__c-button--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-page__header-sidebar-toggle__c-button--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-page__header-sidebar-toggle__c-button--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-page__header-sidebar-toggle__c-button--MarginRight: var(--pf-global--spacer--md);
    --pf-c-page__header-sidebar-toggle__c-button--MarginLeft: calc(var(--pf-c-page__header-sidebar-toggle__c-button--PaddingLeft)*-1);
    --pf-c-page__header-sidebar-toggle__c-button--FontSize: var(--pf-global--FontSize--2xl);
    --pf-c-page__header-brand-link--c-brand--MaxHeight: 3.75rem;
    --pf-c-page__header-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
    --pf-c-page__header-nav--xl--BackgroundColor: transparent;
    --pf-c-page__header-nav--xl--PaddingRight: var(--pf-global--spacer--xl);
    --pf-c-page__header-nav--xl--PaddingLeft: var(--pf-global--spacer--xl);
    --pf-c-page__header-tools--MarginRight: var(--pf-global--spacer--md);
    --pf-c-page__header-tools--xl--MarginRight: var(--pf-global--spacer--lg);
    --pf-c-page__header-tools--c-avatar--MarginLeft: var(--pf-global--spacer--md);
    --pf-c-page__header-tools-group--MarginLeft: var(--pf-global--spacer--xl);
    --pf-c-page__header-tools-group--Display: flex;
    --pf-c-page__header-tools-item--Display: block;
    --pf-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-page__header-tools--c-button--notification-badge--m-unread--after--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-page__header-tools--c-button--notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--200);
    --pf-c-page__header-tools--c-button--m-selected--notification-badge--m-unread--after--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-page__header-tools--c-button--m-selected--notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--200);
    --pf-c-page__header-tools--c-button--m-selected--before--Width: auto;
    --pf-c-page__header-tools--c-button--m-selected--before--Height: auto;
    --pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-page__header-tools--c-button--m-selected--before--BorderRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor: transparent;
    --pf-c-page__sidebar--ZIndex: var(--pf-global--ZIndex--sm);
    --pf-c-page__sidebar--Width: 80%;
    --pf-c-page__sidebar--Width: 18.125rem;
    --pf-c-page__sidebar--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
    --pf-c-page__sidebar--m-light--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-page__sidebar--BoxShadow: var(--pf-global--BoxShadow--lg-right);
    --pf-c-page__sidebar--Transition: var(--pf-global--Transition);
    --pf-c-page__sidebar--TranslateX: -100%;
    --pf-c-page__sidebar--TranslateZ: 0;
    --pf-c-page__sidebar--m-expanded--TranslateX: 0;
    --pf-c-page__sidebar--xl--TranslateX: 0;
    --pf-c-page__sidebar-body--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-page__sidebar-body--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-page__main--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-page__main-section--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-page__main-section--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-page__main-section--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-page__main-section--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-page__main-section--xl--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-page__main-section--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-page__main-section--xl--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-page__main-section--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-page__main-section--m-light--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-page__main-section--m-dark-100--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
    --pf-c-page__main-section--m-dark-200--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
    --pf-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-c-page__sidebar--Width));
    --pf-c-page--section--m-sticky-top--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-page--section--m-sticky-top--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-page--section--m-sticky-bottom--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-top);
    --pf-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-page--section--m-shadow-bottom--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-page--section--m-shadow-top--BoxShadow: var(--pf-global--BoxShadow--sm-top);
    --pf-c-page--section--m-shadow-top--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-page__main-nav--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-page__main-nav--PaddingRight: 0;
    --pf-c-page__main-nav--PaddingLeft: 0;
    --pf-c-page__main-nav--m-sticky-top--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-page__main-nav--xl--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-page__main-nav--xl--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-page__main-breadcrumb--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-page__main-breadcrumb--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-page__main-breadcrumb--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-page__main-breadcrumb--PaddingBottom: 0;
    --pf-c-page__main-breadcrumb--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-page__main-breadcrumb--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-page__main-breadcrumb--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-page__main-tabs--PaddingTop: 0;
    --pf-c-page__main-tabs--PaddingRight: 0;
    --pf-c-page__main-tabs--PaddingBottom: 0;
    --pf-c-page__main-tabs--PaddingLeft: 0;
    --pf-c-page__main-tabs--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-page__main-wizard--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-page__main-wizard--BorderTopColor: var(--pf-global--BorderColor--100);
    --pf-c-page__main-wizard--BorderTopWidth: var(--pf-global--BorderWidth--sm);
    background-color: var(--pf-c-page--BackgroundColor);
    display: grid;
    grid-template-areas: "header" "main";
    grid-template-columns: 1fr;
    grid-template-rows: -webkit-max-content 1fr;
    grid-template-rows: max-content 1fr;
    height: 100%
}

@media (min-width:1200px) {
    .pf-c-page {
        --pf-c-page__header-brand--PaddingLeft: var(--pf-c-page__header-brand--xl--PaddingLeft)
    }
}

@media screen and (min-width:1200px) {
    .pf-c-page {
        --pf-c-page__header-nav--BackgroundColor: var(--pf-c-page__header-nav--xl--BackgroundColor);
        --pf-c-page__header-nav--PaddingRight: var(--pf-c-page__header-nav--xl--PaddingRight);
        --pf-c-page__header-nav--PaddingLeft: var(--pf-c-page__header-nav--xl--PaddingLeft);
        --pf-c-page__header-tools--MarginRight: var(--pf-c-page__header-tools--xl--MarginRight);
        --pf-c-page__sidebar--TranslateX: var(--pf-c-page__sidebar--xl--TranslateX);
        --pf-c-page__main-section--PaddingTop: var(--pf-c-page__main-section--xl--PaddingTop);
        --pf-c-page__main-section--PaddingRight: var(--pf-c-page__main-section--xl--PaddingRight);
        --pf-c-page__main-section--PaddingBottom: var(--pf-c-page__main-section--xl--PaddingBottom);
        --pf-c-page__main-section--PaddingLeft: var(--pf-c-page__main-section--xl--PaddingLeft);
        --pf-c-page__main-nav--PaddingRight: var(--pf-c-page__main-nav--xl--PaddingRight);
        --pf-c-page__main-nav--PaddingLeft: var(--pf-c-page__main-nav--xl--PaddingLeft);
        --pf-c-page__main-breadcrumb--PaddingRight: var(--pf-c-page__main-breadcrumb--xl--PaddingRight);
        --pf-c-page__main-breadcrumb--PaddingLeft: var(--pf-c-page__main-breadcrumb--xl--PaddingLeft)
    }
}

@media (min-width:1200px) {
    .pf-c-page {
        grid-template-areas: "header header" "nav main";
        grid-template-columns: -webkit-max-content 1fr;
        grid-template-columns: max-content 1fr
    }
}

.pf-c-page__header {
    background-color: var(--pf-c-page__header--BackgroundColor);
    color: var(--pf-global--Color--100);
    display: grid;
    grid-area: header;
    grid-template-columns: auto auto;
    min-height: var(--pf-c-page__header--MinHeight);
    min-width: 0;
    z-index: var(--pf-c-page__header--ZIndex)
}

.pf-c-page__header,
.pf-c-page__header>* {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pf-c-page__header>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:992px) {
    .pf-c-page__header {
        grid-template-columns: auto 1fr auto
    }
}

.pf-c-page__header .pf-c-masthead {
    align-self: stretch;
    grid-column: span 2
}

.pf-c-page__header-brand {
    grid-column: 1/2;
    padding-left: var(--pf-c-page__header-brand--PaddingLeft)
}

@media (min-width:1200px) {
    .pf-c-page__header-brand {
        padding-right: var(--pf-c-page__header-brand--xl--PaddingRight)
    }
}

.pf-c-page__header-brand-link {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1
}

.pf-c-page__header-brand-link .pf-c-brand {
    max-height: var(--pf-c-page__header-brand-link--c-brand--MaxHeight)
}

.pf-c-page__header-brand-toggle .pf-c-button {
    font-size: var(--pf-c-page__header-sidebar-toggle__c-button--FontSize);
    line-height: 1;
    margin-left: var(--pf-c-page__header-sidebar-toggle__c-button--MarginLeft);
    margin-right: var(--pf-c-page__header-sidebar-toggle__c-button--MarginRight);
    padding: var(--pf-c-page__header-sidebar-toggle__c-button--PaddingTop) var(--pf-c-page__header-sidebar-toggle__c-button--PaddingRight) var(--pf-c-page__header-sidebar-toggle__c-button--PaddingBottom) var(--pf-c-page__header-sidebar-toggle__c-button--PaddingLeft)
}

.pf-c-page__header-nav {
    align-self: stretch;
    background-color: var(--pf-c-page__header-nav--BackgroundColor);
    grid-column: 1/-1;
    grid-row: 2/3;
    min-width: 0;
    padding-left: var(--pf-c-page__header-nav--PaddingLeft);
    padding-right: var(--pf-c-page__header-nav--PaddingRight)
}

@media screen and (min-width:1200px) {
    .pf-c-page__header-nav {
        grid-column: 2/3;
        grid-row: 1/2
    }
}

.pf-c-page__header-nav .pf-c-nav {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.pf-c-page__header-tools {
    grid-column: 2/3;
    margin-left: auto;
    margin-right: var(--pf-c-page__header-tools--MarginRight)
}

.pf-c-page__header-tools .pf-c-avatar {
    margin-left: var(--pf-c-page__header-tools--c-avatar--MarginLeft)
}

@media screen and (min-width:992px) {
    .pf-c-page__header-tools {
        grid-column: 3/4
    }
}

.pf-c-page__header-tools-group {
    --pf-hidden-visible--visible--Display: var(--pf-c-page__header-tools-group--Display);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pf-c-page__header-tools-group+.pf-c-page__header-tools-group {
    margin-left: var(--pf-c-page__header-tools-group--MarginLeft)
}

.pf-c-page__header-tools-item {
    --pf-hidden-visible--visible--Display: var(--pf-c-page__header-tools-item--Display)
}

.pf-c-page__header-tools-item .pf-c-notification-badge.pf-m-read:hover {
    --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor)
}

.pf-c-page__header-tools-item.pf-m-selected .pf-c-button {
    background-color: var(--pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
    border-radius: var(--pf-c-page__header-tools--c-button--m-selected--before--BorderRadius)
}

.pf-c-page__header-tools-item.pf-m-selected .pf-c-button:before {
    bottom: 0;
    content: "";
    height: var(--pf-c-page__header-tools--c-button--m-selected--before--Height);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: var(--pf-c-page__header-tools--c-button--m-selected--before--Width)
}

.pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge.pf-m-unread {
    --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-page__header-tools--c-button--m-selected--notification-badge--m-unread--after--BackgroundColor)
}

.pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge.pf-m-unread:after {
    border-color: var(--pf-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor)
}

.pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge.pf-m-attention {
    --pf-c-notification-badge--after--BackgroundColor: var(--pf-global--danger-color--200)
}

.pf-c-page__header-tools-item .pf-c-button:focus .pf-c-notification-badge.pf-m-unread {
    --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-page__header-tools--c-button--notification-badge--m-unread--after--BackgroundColor)
}

.pf-c-page__header-tools-item .pf-c-button:focus .pf-c-notification-badge.pf-m-attention {
    --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-page__header-tools--c-button--notification-badge--m-attention--after--BackgroundColor)
}

.pf-c-page__sidebar {
    -webkit-overflow-scrolling: touch;
    background-color: var(--pf-c-page__sidebar--BackgroundColor);
    grid-area: nav;
    grid-column-start: 1;
    grid-row-start: 2;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform: translateX(var(--pf-c-page__sidebar--TranslateX)) translateZ(var(--pf-c-page__sidebar--TranslateZ));
    transform: translateX(var(--pf-c-page__sidebar--TranslateX)) translateZ(var(--pf-c-page__sidebar--TranslateZ));
    -webkit-transition: var(--pf-c-page__sidebar--Transition);
    transition: var(--pf-c-page__sidebar--Transition);
    width: var(--pf-c-page__sidebar--Width);
    z-index: var(--pf-c-page__sidebar--ZIndex)
}

@media screen and (min-width:1200px) {
    .pf-c-page__sidebar {
        -webkit-box-shadow: var(--pf-c-page__sidebar--BoxShadow);
        box-shadow: var(--pf-c-page__sidebar--BoxShadow)
    }
}

.pf-c-page__sidebar.pf-m-expanded {
    --pf-c-page__sidebar--TranslateX: var(--pf-c-page__sidebar--m-expanded--TranslateX);
    -webkit-box-shadow: var(--pf-c-page__sidebar--BoxShadow);
    box-shadow: var(--pf-c-page__sidebar--BoxShadow)
}

.pf-c-page__sidebar.pf-m-collapsed {
    max-width: 0;
    overflow: hidden
}

.pf-c-page__sidebar.pf-m-light {
    --pf-c-page__sidebar--BackgroundColor: var(--pf-c-page__sidebar--m-light--BackgroundColor);
    color: var(--pf-global--Color--100)
}

.pf-c-page__sidebar-body {
    padding-bottom: var(--pf-c-page__sidebar-body--PaddingBottom);
    padding-top: var(--pf-c-page__sidebar-body--PaddingTop)
}

.pf-c-page__main-breadcrumb.pf-m-limit-width,
.pf-c-page__main-nav.pf-m-limit-width,
.pf-c-page__main-section.pf-m-limit-width,
.pf-c-page__main-tabs.pf-m-limit-width,
.pf-c-page__main-wizard.pf-m-limit-width {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
}

.pf-c-page__main-breadcrumb.pf-m-limit-width>.pf-c-page__main-body,
.pf-c-page__main-nav.pf-m-limit-width>.pf-c-page__main-body,
.pf-c-page__main-section.pf-m-limit-width>.pf-c-page__main-body,
.pf-c-page__main-tabs.pf-m-limit-width>.pf-c-page__main-body,
.pf-c-page__main-wizard.pf-m-limit-width>.pf-c-page__main-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: var(--pf-c-page--section--m-limit-width--MaxWidth)
}

.pf-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
.pf-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
.pf-c-page__main-section.pf-m-limit-width.pf-m-align-center,
.pf-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
.pf-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pf-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center>.pf-c-page__main-body,
.pf-c-page__main-nav.pf-m-limit-width.pf-m-align-center>.pf-c-page__main-body,
.pf-c-page__main-section.pf-m-limit-width.pf-m-align-center>.pf-c-page__main-body,
.pf-c-page__main-tabs.pf-m-limit-width.pf-m-align-center>.pf-c-page__main-body,
.pf-c-page__main-wizard.pf-m-limit-width.pf-m-align-center>.pf-c-page__main-body {
    width: 100%
}

.pf-c-page__main-breadcrumb,
.pf-c-page__main-group,
.pf-c-page__main-nav,
.pf-c-page__main-section,
.pf-c-page__main-tabs,
.pf-c-page__main-wizard {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pf-c-page__main-breadcrumb.pf-m-sticky-top,
.pf-c-page__main-group.pf-m-sticky-top,
.pf-c-page__main-nav.pf-m-sticky-top,
.pf-c-page__main-section.pf-m-sticky-top,
.pf-c-page__main-tabs.pf-m-sticky-top,
.pf-c-page__main-wizard.pf-m-sticky-top {
    -webkit-box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
    box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
    position: sticky;
    top: 0;
    z-index: var(--pf-c-page--section--m-sticky-top--ZIndex)
}

.pf-c-page__main-breadcrumb.pf-m-sticky-bottom,
.pf-c-page__main-group.pf-m-sticky-bottom,
.pf-c-page__main-nav.pf-m-sticky-bottom,
.pf-c-page__main-section.pf-m-sticky-bottom,
.pf-c-page__main-tabs.pf-m-sticky-bottom,
.pf-c-page__main-wizard.pf-m-sticky-bottom {
    bottom: 0;
    -webkit-box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
    box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
    position: sticky;
    z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex)
}

.pf-c-page__main-breadcrumb.pf-m-overflow-scroll,
.pf-c-page__main-group.pf-m-overflow-scroll,
.pf-c-page__main-nav.pf-m-overflow-scroll,
.pf-c-page__main-section.pf-m-overflow-scroll,
.pf-c-page__main-tabs.pf-m-overflow-scroll,
.pf-c-page__main-wizard.pf-m-overflow-scroll {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow: auto;
    position: relative
}

.pf-c-page__main-breadcrumb.pf-m-shadow-bottom,
.pf-c-page__main-group.pf-m-shadow-bottom,
.pf-c-page__main-nav.pf-m-shadow-bottom,
.pf-c-page__main-section.pf-m-shadow-bottom,
.pf-c-page__main-tabs.pf-m-shadow-bottom,
.pf-c-page__main-wizard.pf-m-shadow-bottom {
    -webkit-box-shadow: var(--pf-c-page--section--m-shadow-bottom--BoxShadow);
    box-shadow: var(--pf-c-page--section--m-shadow-bottom--BoxShadow);
    z-index: var(--pf-c-page--section--m-shadow-bottom--ZIndex)
}

.pf-c-page__main-breadcrumb.pf-m-shadow-top,
.pf-c-page__main-group.pf-m-shadow-top,
.pf-c-page__main-nav.pf-m-shadow-top,
.pf-c-page__main-section.pf-m-shadow-top,
.pf-c-page__main-tabs.pf-m-shadow-top,
.pf-c-page__main-wizard.pf-m-shadow-top {
    -webkit-box-shadow: var(--pf-c-page--section--m-shadow-top--BoxShadow);
    box-shadow: var(--pf-c-page--section--m-shadow-top--BoxShadow);
    z-index: var(--pf-c-page--section--m-shadow-top--ZIndex)
}

.pf-c-page__drawer,
.pf-c-page__main {
    -webkit-overflow-scrolling: touch;
    grid-area: main;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: var(--pf-c-page__main--ZIndex)
}

.pf-c-page__drawer:focus,
.pf-c-page__main:focus {
    outline: 0
}

.pf-c-page__main,
.pf-c-page__main-drawer,
.pf-c-page__main-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.pf-c-page__main-nav {
    background-color: var(--pf-c-page__main-nav--BackgroundColor);
    padding-left: var(--pf-c-page__main-nav--PaddingLeft);
    padding-right: var(--pf-c-page__main-nav--PaddingRight);
    padding-top: var(--pf-c-page__main-nav--PaddingTop)
}

.pf-c-page__main-group.pf-m-sticky-top .pf-c-page__main-nav:last-child,
.pf-c-page__main-nav.pf-m-sticky-top {
    padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom)
}

.pf-c-page__main-breadcrumb {
    background-color: var(--pf-c-page__main-breadcrumb--BackgroundColor);
    padding: var(--pf-c-page__main-breadcrumb--PaddingTop) var(--pf-c-page__main-breadcrumb--PaddingRight) var(--pf-c-page__main-breadcrumb--PaddingBottom) var(--pf-c-page__main-breadcrumb--PaddingLeft)
}

.pf-c-page__main-breadcrumb+.pf-c-page__main-section {
    --pf-c-page__main-section--PaddingTop: var(--pf-c-page__main-breadcrumb--main-section--PaddingTop)
}

.pf-c-page__main-breadcrumb.pf-m-sticky-top,
.pf-c-page__main-group.pf-m-sticky-top .pf-c-page__main-breadcrumb:last-child {
    --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom)
}

.pf-c-page__main-tabs {
    background-color: var(--pf-c-page__main-tabs--BackgroundColor);
    padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft)
}

.pf-c-page__main-nav+.pf-c-page__main-tabs {
    --pf-c-page__main-tabs--PaddingTop: var(--pf-c-page__main-nav--page__main-tabs--PaddingTop)
}

.pf-c-page__main-breadcrumb+.pf-c-page__main-tabs {
    --pf-c-page__main-tabs--PaddingTop: var(--pf-c-page__main-breadcrumb--page__main-tabs--PaddingTop)
}

.pf-c-page__main-group.pf-m-fill,
.pf-c-page__main-group:last-child,
.pf-c-page__main-group:only-child,
.pf-c-page__main-section.pf-m-fill,
.pf-c-page__main-section:last-child,
.pf-c-page__main-section:only-child,
.pf-c-page__main-wizard.pf-m-fill,
.pf-c-page__main-wizard:last-child,
.pf-c-page__main-wizard:only-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pf-c-page__main-group.pf-m-no-fill,
.pf-c-page__main-section.pf-m-no-fill,
.pf-c-page__main-wizard.pf-m-no-fill {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.pf-c-page__main-section {
    background-color: var(--pf-c-page__main-section--BackgroundColor);
    padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft)
}

.pf-c-page__main-section.pf-m-light {
    --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-light--BackgroundColor)
}

.pf-c-page__main-section[class*=pf-m-dark-] {
    color: var(--pf-global--Color--100)
}

.pf-c-page__main-section.pf-m-dark-100 {
    --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-dark-100--BackgroundColor)
}

.pf-c-page__main-section.pf-m-dark-200 {
    --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-dark-200--BackgroundColor)
}

.pf-c-page__main-section.pf-m-padding {
    padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft)
}

.pf-c-page__main-section.pf-m-padding.pf-m-limit-width {
    padding: 0
}

.pf-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-c-page__main-body {
    padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft)
}

.pf-c-page__main-section.pf-m-no-padding,
.pf-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-c-page__main-body {
    padding: 0
}

@media (min-width:576px) {
    .pf-c-page__main-section.pf-m-padding-on-sm {
        padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft)
    }

    .pf-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
        padding: 0
    }

    .pf-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-c-page__main-body {
        padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft)
    }

    .pf-c-page__main-section.pf-m-no-padding-on-sm,
    .pf-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-c-page__main-body {
        padding: 0
    }
}

@media (min-width:768px) {
    .pf-c-page__main-section.pf-m-padding-on-md {
        padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft)
    }

    .pf-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
        padding: 0
    }

    .pf-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-c-page__main-body {
        padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft)
    }

    .pf-c-page__main-section.pf-m-no-padding-on-md,
    .pf-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-c-page__main-body {
        padding: 0
    }
}

@media (min-width:992px) {
    .pf-c-page__main-section.pf-m-padding-on-lg {
        padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft)
    }

    .pf-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
        padding: 0
    }

    .pf-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-c-page__main-body {
        padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft)
    }

    .pf-c-page__main-section.pf-m-no-padding-on-lg,
    .pf-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-c-page__main-body {
        padding: 0
    }
}

@media (min-width:1200px) {
    .pf-c-page__main-section.pf-m-padding-on-xl {
        padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft)
    }

    .pf-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
        padding: 0
    }

    .pf-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-c-page__main-body {
        padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft)
    }

    .pf-c-page__main-section.pf-m-no-padding-on-xl,
    .pf-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-c-page__main-body {
        padding: 0
    }
}

@media (min-width:1450px) {
    .pf-c-page__main-section.pf-m-padding-on-2xl {
        padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft)
    }

    .pf-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
        padding: 0
    }

    .pf-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-c-page__main-body {
        padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft)
    }

    .pf-c-page__main-section.pf-m-no-padding-on-2xl,
    .pf-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-c-page__main-body {
        padding: 0
    }
}

.pf-c-page__main-wizard {
    -webkit-box-flex: 1;
    background-color: var(--pf-c-page__main-wizard--BackgroundColor);
    border-top: var(--pf-c-page__main-wizard--BorderTopWidth) solid var(--pf-c-page__main-wizard--BorderTopColor);
    -ms-flex: 1 1;
    flex: 1 1;
    min-height: 0
}

.pf-c-page__main-wizard:first-child {
    --pf-c-page__main-wizard--BorderTopWidth: 0
}

.pf-c-page__main-wizard .pf-c-page__main-body {
    min-height: 0
}

.pf-c-page__main-group {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pf-c-page__main-nav .pf-c-page__main-body {
    padding-left: var(--pf-c-page__main-nav--PaddingLeft);
    padding-right: var(--pf-c-page__main-nav--PaddingRight);
    padding-top: var(--pf-c-page__main-nav--PaddingTop)
}

.pf-c-page__main-breadcrumb .pf-c-page__main-body {
    padding: var(--pf-c-page__main-breadcrumb--PaddingTop) var(--pf-c-page__main-breadcrumb--PaddingRight) var(--pf-c-page__main-breadcrumb--PaddingBottom) var(--pf-c-page__main-breadcrumb--PaddingLeft)
}

.pf-c-page__main-section .pf-c-page__main-body {
    padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft)
}

.pf-c-page__main-tabs .pf-c-page__main-body {
    padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft)
}

.pf-c-page__drawer {
    grid-area: main
}

.pf-c-page__drawer>.pf-c-drawer {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.pf-c-pagination {
    --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
    --pf-c-pagination--m-bottom--child--MarginRight: 0;
    --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
    --pf-c-pagination--m-compact--child--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-pagination--c-options-menu__toggle--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-pagination__nav--Display: none;
    --pf-c-pagination__nav--Visibility: hidden;
    --pf-c-pagination--m-display-summary__nav--Display: none;
    --pf-c-pagination--m-display-summary__nav--Visibility: hidden;
    --pf-c-pagination--m-display-full__nav--Display: inline-flex;
    --pf-c-pagination--m-display-full__nav--Visibility: visible;
    --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-pagination__nav-control--c-button--FontSize: var(--pf-global--FontSize--md);
    --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(--pf-global--spacer--md);
    --pf-c-pagination__nav-page-select--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-pagination__nav-page-select--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-pagination__nav-page-select--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-pagination__nav-page-select--child--MarginRight: var(--pf-global--spacer--xs);
    --pf-c-pagination__nav-page-select--c-form-control--width-base: 3.5ch;
    --pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
    --pf-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-c-pagination__nav-page-select--c-form-control--width-base) + var(--pf-c-pagination__nav-page-select--c-form-control--width-chars)*1ch);
    --pf-c-pagination__total-items--Display: block;
    --pf-c-pagination__total-items--Visibility: visible;
    --pf-c-pagination--m-display-summary__total-items--Display: block;
    --pf-c-pagination--m-display-summary__total-items--Visibility: visible;
    --pf-c-pagination--m-display-full__total-items--Display: none;
    --pf-c-pagination--m-display-full__total-items--Visibility: hidden;
    --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-pagination--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-pagination--m-sticky--md--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-pagination--m-sticky--md--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-pagination--m-sticky--md--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-pagination--m-sticky--md--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-pagination--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-pagination--m-sticky--Top: 0;
    --pf-c-pagination--m-bottom--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-pagination--m-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-top);
    --pf-c-pagination--m-bottom--Bottom: 0;
    --pf-c-pagination--m-bottom--md--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-pagination--m-bottom--md--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-pagination--m-bottom--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-top);
    --pf-c-pagination--c-options-menu--Display: none;
    --pf-c-pagination--c-options-menu--Visibility: hidden;
    --pf-c-pagination--m-display-summary--c-options-menu--Display: none;
    --pf-c-pagination--m-display-summary--c-options-menu--Visibility: hidden;
    --pf-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
    --pf-c-pagination--m-display-full--c-options-menu--Visibility: visible;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end
}

@media screen and (min-width:768px) {
    .pf-c-pagination {
        --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop);
        --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight);
        --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom);
        --pf-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft);
        --pf-c-pagination--m-bottom--child--MarginRight: var(--pf-c-pagination--m-bottom--child--md--MarginRight);
        --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
        --pf-c-pagination--m-bottom--BoxShadow: none;
        --pf-c-pagination--c-options-menu--Display: inline-flex;
        --pf-c-pagination--c-options-menu--Visibility: visible;
        --pf-c-pagination__nav--Display: inline-flex;
        --pf-c-pagination__nav--Visibility: visible;
        --pf-c-pagination__total-items--Display: none;
        --pf-c-pagination__total-items--Visibility: hidden
    }
}

@media screen and (min-width:1200px) {
    .pf-c-pagination {
        --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
        --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft)
    }
}

.pf-c-pagination>:not(:last-child):not(.pf-c-pagination__total-items) {
    margin-right: var(--pf-c-pagination--child--MarginRight)
}

.pf-c-pagination .pf-c-options-menu {
    display: var(--pf-c-pagination--c-options-menu--Display);
    visibility: var(--pf-c-pagination--c-options-menu--Visibility)
}

.pf-c-pagination.pf-m-bottom {
    --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-bottom--child--MarginRight);
    --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
    --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
    --pf-c-pagination--m-sticky--BoxShadow: var(--pf-c-pagination--m-bottom--m-sticky--BoxShadow);
    --pf-c-pagination--m-sticky--Top: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--pf-c-pagination--m-bottom--BackgroundColor);
    bottom: var(--pf-c-pagination--m-bottom--Bottom);
    -webkit-box-shadow: var(--pf-c-pagination--m-bottom--BoxShadow);
    box-shadow: var(--pf-c-pagination--m-bottom--BoxShadow);
    justify-content: center;
    position: sticky
}

.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control .pf-c-button {
    --pf-c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop);
    --pf-c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom);
    outline-offset: var(--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset)
}

.pf-c-pagination.pf-m-bottom.pf-m-static {
    --pf-c-pagination--m-bottom--MarginTop: 0;
    --pf-c-pagination--m-bottom--BorderTopWidth: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative
}

.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
    display: none;
    visibility: hidden
}

.pf-c-pagination.pf-m-bottom .pf-c-options-menu {
    display: block;
    position: absolute;
    visibility: visible
}

.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
    -ms-flex-preferred-size: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 100%;
    justify-content: space-between;
    visibility: visible
}

@media screen and (min-width:768px) {
    .pf-c-pagination.pf-m-bottom {
        --pf-c-pagination--m-bottom--BorderTopWidth: 0;
        --pf-c-pagination--m-bottom--MarginTop: 0;
        --pf-c-pagination--m-bottom--Bottom: auto;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft);
        position: relative
    }

    .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
    .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
    .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
        display: block;
        visibility: visible
    }

    .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
        position: relative
    }

    .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
        -ms-flex-preferred-size: auto;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        flex-basis: auto
    }
}

.pf-c-pagination.pf-m-sticky {
    --pf-c-pagination--m-bottom--Bottom: 0;
    background-color: var(--pf-c-pagination--m-sticky--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-pagination--m-sticky--BoxShadow);
    box-shadow: var(--pf-c-pagination--m-sticky--BoxShadow);
    padding: var(--pf-c-pagination--m-sticky--PaddingTop) var(--pf-c-pagination--m-sticky--PaddingRight) var(--pf-c-pagination--m-sticky--PaddingBottom) var(--pf-c-pagination--m-sticky--PaddingLeft);
    position: sticky;
    top: var(--pf-c-pagination--m-sticky--Top);
    z-index: var(--pf-c-pagination--m-sticky--ZIndex)
}

@media screen and (min-width:768px) {
    .pf-c-pagination.pf-m-sticky {
        padding: var(--pf-c-pagination--m-sticky--md--PaddingTop) var(--pf-c-pagination--m-sticky--md--PaddingRight) var(--pf-c-pagination--m-sticky--md--PaddingBottom) var(--pf-c-pagination--m-sticky--md--PaddingLeft)
    }
}

.pf-c-pagination .pf-c-options-menu__toggle {
    font-size: var(--pf-c-pagination--c-options-menu__toggle--FontSize)
}

.pf-c-pagination.pf-m-compact {
    --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight)
}

.pf-c-pagination__nav {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: var(--pf-c-pagination__nav--Display);
    justify-content: flex-end;
    visibility: var(--pf-c-pagination__nav--Visibility)
}

.pf-c-pagination__nav-control .pf-c-button {
    font-size: var(--pf-c-pagination__nav-control--c-button--FontSize);
    padding-left: var(--pf-c-pagination__nav-control--c-button--PaddingLeft);
    padding-right: var(--pf-c-pagination__nav-control--c-button--PaddingRight)
}

.pf-c-pagination.pf-m-compact .pf-c-pagination__nav-control+.pf-c-pagination__nav-control {
    margin-left: var(--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft)
}

.pf-c-pagination__nav-page-select {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: var(--pf-c-pagination__nav-page-select--PaddingLeft);
    padding-right: var(--pf-c-pagination__nav-page-select--PaddingRight)
}

.pf-c-pagination__nav-page-select>* {
    font-size: var(--pf-c-pagination__nav-page-select--FontSize);
    white-space: nowrap
}

.pf-c-pagination__nav-page-select>:not(:last-child) {
    margin-right: var(--pf-c-pagination__nav-page-select--child--MarginRight)
}

.pf-c-pagination__nav-page-select .pf-c-form-control {
    width: var(--pf-c-pagination__nav-page-select--c-form-control--Width)
}

.pf-c-pagination__total-items {
    display: var(--pf-c-pagination__total-items--Display);
    visibility: var(--pf-c-pagination__total-items--Visibility)
}

.pf-c-pagination.pf-m-display-summary {
    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility)
}

.pf-c-pagination.pf-m-display-full {
    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility)
}

@media (min-width:576px) {
    .pf-c-pagination.pf-m-display-summary-on-sm {
        --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
        --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
        --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
        --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
        --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
        --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility)
    }

    .pf-c-pagination.pf-m-display-full-on-sm {
        --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
        --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
        --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
        --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
        --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
        --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility)
    }
}

@media (min-width:768px) {
    .pf-c-pagination.pf-m-display-summary-on-md {
        --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
        --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
        --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
        --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
        --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
        --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility)
    }

    .pf-c-pagination.pf-m-display-full-on-md {
        --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
        --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
        --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
        --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
        --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
        --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility)
    }
}

@media (min-width:992px) {
    .pf-c-pagination.pf-m-display-summary-on-lg {
        --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
        --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
        --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
        --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
        --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
        --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility)
    }

    .pf-c-pagination.pf-m-display-full-on-lg {
        --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
        --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
        --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
        --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
        --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
        --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility)
    }
}

@media (min-width:1200px) {
    .pf-c-pagination.pf-m-display-summary-on-xl {
        --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
        --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
        --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
        --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
        --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
        --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility)
    }

    .pf-c-pagination.pf-m-display-full-on-xl {
        --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
        --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
        --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
        --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
        --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
        --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility)
    }
}

@media (min-width:1450px) {
    .pf-c-pagination.pf-m-display-summary-on-2xl {
        --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
        --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
        --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
        --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
        --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
        --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility)
    }

    .pf-c-pagination.pf-m-display-full-on-2xl {
        --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
        --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
        --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
        --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
        --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
        --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility)
    }
}

.pf-c-popover {
    --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
    --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
    --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
    --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
    --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-popover__arrow--m-top--TranslateX: -50%;
    --pf-c-popover__arrow--m-top--TranslateY: 50%;
    --pf-c-popover__arrow--m-top--Rotate: 45deg;
    --pf-c-popover__arrow--m-right--TranslateX: -50%;
    --pf-c-popover__arrow--m-right--TranslateY: -50%;
    --pf-c-popover__arrow--m-right--Rotate: 45deg;
    --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
    --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
    --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
    --pf-c-popover__arrow--m-left--TranslateX: 50%;
    --pf-c-popover__arrow--m-left--TranslateY: -50%;
    --pf-c-popover__arrow--m-left--Rotate: 45deg;
    --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
    --pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
    --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
    --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
    -webkit-box-shadow: var(--pf-c-popover--BoxShadow);
    box-shadow: var(--pf-c-popover--BoxShadow);
    font-size: var(--pf-c-popover--FontSize);
    max-width: var(--pf-c-popover--MaxWidth);
    min-width: var(--pf-c-popover--MinWidth);
    position: relative
}

.pf-c-popover.pf-m-no-padding {
    --pf-c-popover__content--PaddingTop: 0px;
    --pf-c-popover__content--PaddingRight: 0px;
    --pf-c-popover__content--PaddingBottom: 0px;
    --pf-c-popover__content--PaddingLeft: 0px
}

.pf-c-popover.pf-m-width-auto {
    --pf-c-popover--MinWidth: auto;
    --pf-c-popover--MaxWidth: none
}

.pf-c-popover.pf-m-top .pf-c-popover__arrow {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
    transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate))
}

.pf-c-popover.pf-m-bottom .pf-c-popover__arrow {
    left: 50%;
    top: 0;
    -webkit-transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
    transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate))
}

.pf-c-popover.pf-m-left .pf-c-popover__arrow {
    right: 0;
    top: 50%;
    -webkit-transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
    transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate))
}

.pf-c-popover.pf-m-right .pf-c-popover__arrow {
    left: 0;
    top: 50%;
    -webkit-transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
    transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate))
}

.pf-c-popover__content {
    background-color: var(--pf-c-popover__content--BackgroundColor);
    padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
    position: relative
}

.pf-c-popover__content>.pf-c-title {
    margin-bottom: var(--pf-c-popover--c-title--MarginBottom)
}

.pf-c-popover__content>.pf-c-button {
    position: absolute;
    right: var(--pf-c-popover--c-button--Right);
    top: var(--pf-c-popover--c-button--Top)
}

.pf-c-popover__content>.pf-c-button+* {
    padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight)
}

.pf-c-popover__arrow {
    background-color: var(--pf-c-popover__arrow--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-popover__arrow--BoxShadow);
    box-shadow: var(--pf-c-popover__arrow--BoxShadow);
    height: var(--pf-c-popover__arrow--Height);
    pointer-events: none;
    position: absolute;
    width: var(--pf-c-popover__arrow--Width)
}

.pf-c-popover__body {
    word-wrap: break-word
}

.pf-c-popover__footer {
    margin-top: var(--pf-c-popover__footer--MarginTop)
}

.pf-c-progress {
    --pf-c-progress--GridGap: var(--pf-global--spacer--md);
    --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
    --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
    --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
    --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
    --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-progress__bar--before--Opacity: .2;
    --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
    --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
    --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
    --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
    --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
    --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
    --pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
    --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
    --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
    --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
    --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
    --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
    --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
    --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
    -webkit-box-align: end;
    -ms-flex-align: end;
    grid-gap: var(--pf-c-progress--GridGap);
    align-items: end;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: 1fr auto
}

.pf-c-progress.pf-m-sm {
    --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height)
}

.pf-c-progress.pf-m-sm .pf-c-progress__description {
    font-size: var(--pf-c-progress--m-sm__description--FontSize)
}

.pf-c-progress.pf-m-sm .pf-c-progress__measure {
    font-size: var(--pf-c-progress--m-sm__measure--FontSize)
}

.pf-c-progress.pf-m-lg {
    --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height)
}

.pf-c-progress.pf-m-inside .pf-c-progress__indicator {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    min-width: var(--pf-c-progress--m-inside__indicator--MinWidth)
}

.pf-c-progress.pf-m-inside .pf-c-progress__measure {
    color: var(--pf-c-progress--m-inside__measure--Color);
    font-size: var(--pf-c-progress--m-inside__measure--FontSize);
    text-align: center
}

.pf-c-progress.pf-m-outside .pf-c-progress__description {
    grid-column: 1/3
}

.pf-c-progress.pf-m-outside .pf-c-progress__status {
    align-self: center;
    grid-column: 2/3;
    grid-row: 2/3
}

.pf-c-progress.pf-m-outside .pf-c-progress__measure {
    display: inline-block;
    font-size: var(--pf-c-progress--m-outside__measure--FontSize)
}

.pf-c-progress.pf-m-outside .pf-c-progress__measure.pf-m-static-width {
    min-width: var(--pf-c-progress__measure--m-static-width--MinWidth);
    text-align: left
}

.pf-c-progress.pf-m-outside .pf-c-progress__bar,
.pf-c-progress.pf-m-outside .pf-c-progress__indicator {
    grid-column: 1/2
}

.pf-c-progress.pf-m-singleline {
    grid-template-rows: 1fr
}

.pf-c-progress.pf-m-singleline .pf-c-progress__description {
    display: none;
    visibility: hidden
}

.pf-c-progress.pf-m-singleline .pf-c-progress__bar {
    grid-column: 1/2;
    grid-row: 1/2
}

.pf-c-progress.pf-m-singleline .pf-c-progress__status {
    grid-column: 2/3;
    grid-row: 1/2
}

.pf-c-progress.pf-m-outside,
.pf-c-progress.pf-m-singleline {
    grid-template-columns: 1fr fit-content(50%)
}

.pf-c-progress.pf-m-success {
    --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-success__bar--BackgroundColor);
    --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-success__status-icon--Color);
    --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-success--m-inside__measure--Color)
}

.pf-c-progress.pf-m-warning {
    --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-warning__bar--BackgroundColor);
    --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-warning__status-icon--Color);
    --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-warning--m-inside__measure--Color)
}

.pf-c-progress.pf-m-danger {
    --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-danger__bar--BackgroundColor);
    --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-danger__status-icon--Color)
}

.pf-c-progress__description {
    grid-column: 1/2;
    word-break: break-word
}

.pf-c-progress__description.pf-m-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-progress__status {
    grid-column: 2/3;
    grid-row: 1/2;
    text-align: right;
    word-break: break-word
}

.pf-c-progress__status-icon {
    color: var(--pf-c-progress__status-icon--Color);
    margin-left: var(--pf-c-progress__status-icon--MarginLeft)
}

.pf-c-progress__bar {
    align-self: center;
    background-color: var(--pf-c-progress__bar--BackgroundColor);
    grid-column: 1/3;
    grid-row: 2/3;
    height: var(--pf-c-progress__bar--Height);
    position: relative
}

.pf-c-progress__bar:before {
    background-color: var(--pf-c-progress__bar--before--BackgroundColor);
    content: "";
    height: 100%;
    left: 0;
    opacity: var(--pf-c-progress__bar--before--Opacity);
    position: absolute;
    top: 0;
    width: 100%
}

.pf-c-progress__indicator {
    background-color: var(--pf-c-progress__indicator--BackgroundColor);
    height: var(--pf-c-progress__indicator--Height);
    left: 0;
    position: absolute;
    top: 0
}

.pf-c-radio {
    --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
    --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
    --pf-c-radio__label--Color: var(--pf-global--Color--100);
    --pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
    --pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
    --pf-c-radio__input--Height: calc(var(--pf-c-radio__label--FontSize)*var(--pf-c-radio__label--LineHeight));
    --pf-c-radio__input--MarginTop: calc(-1px*(var(--pf-c-radio__label--LineHeight)*1.25));
    --pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
    --pf-c-radio__input--last-child--MarginRight: 0.0625rem;
    --pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-radio__description--Color: var(--pf-global--Color--200);
    --pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
    grid-gap: var(--pf-c-radio--GridGap);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: grid;
    grid-template-columns: auto 1fr;
    justify-items: start
}

.pf-c-radio.pf-m-standalone {
    --pf-c-radio--GridGap: 0;
    --pf-c-radio__input--Height: auto;
    --pf-c-radio__input--MarginTop: 0;
    display: inline-grid;
    line-height: 1
}

.pf-c-radio__label {
    color: var(--pf-c-radio__label--Color);
    font-size: var(--pf-c-radio__label--FontSize);
    font-weight: var(--pf-c-radio__label--FontWeight);
    line-height: var(--pf-c-radio__label--LineHeight)
}

.pf-c-radio__input {
    height: var(--pf-c-radio__input--Height);
    margin-top: var(--pf-c-radio__input--MarginTop)
}

.pf-c-radio__input:first-child {
    margin-left: var(--pf-c-radio__input--first-child--MarginLeft)
}

.pf-c-radio__input:last-child {
    margin-right: var(--pf-c-radio__input--last-child--MarginRight)
}

.pf-c-radio__description {
    color: var(--pf-c-radio__description--Color);
    font-size: var(--pf-c-radio__description--FontSize);
    grid-column: 2
}

.pf-c-radio__body {
    grid-column: 2;
    margin-top: var(--pf-c-radio__body--MarginTop)
}

.pf-c-radio__input,
.pf-c-radio__label,
label.pf-c-radio {
    cursor: pointer
}

.pf-c-radio__input.pf-m-disabled,
.pf-c-radio__input:disabled,
.pf-c-radio__label.pf-m-disabled,
.pf-c-radio__label:disabled {
    --pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
    cursor: not-allowed
}

.pf-c-search-input {
    --pf-c-search-input__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-search-input__text--before--BorderColor: var(--pf-global--BorderColor--300);
    --pf-c-search-input__text--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-search-input__text--after--BorderBottomColor: var(--pf-global--BorderColor--200);
    --pf-c-search-input__bar--hover__text--after--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-c-search-input__text--focus-within--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-search-input__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-c-search-input__text-input--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-search-input__text-input--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-search-input__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
    --pf-c-search-input__text-input--MinWidth: 6ch;
    --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
    --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
    --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
    --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
    --pf-c-search-input__icon--TranslateY: -50%;
    --pf-c-search-input__utilities--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-search-input__utilities--MarginLeft: var(--pf-global--spacer--xs);
    --pf-c-search-input__utilities--child--MarginLeft: var(--pf-global--spacer--xs);
    --pf-c-search-input__utilities--c-button--PaddingRight: var(--pf-global--spacer--xs);
    --pf-c-search-input__utilities--c-button--PaddingLeft: var(--pf-global--spacer--xs);
    --pf-c-search-input__menu-body--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-search-input__menu-body--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-search-input__menu-body--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-search-input__menu-body--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-search-input__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-search-input__menu--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-search-input__menu--Top: calc(100% + var(--pf-global--spacer--xs));
    --pf-c-search-input__menu--ZIndex: var(--pf-global--ZIndex--sm);
    --pf-c-search-input--m-top__menu--Top: 0;
    --pf-c-search-input--m-top__menu--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
    --pf-c-search-input__menu-list--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-search-input__menu-list--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-search-input__menu-item--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-search-input__menu-item--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-search-input__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-search-input__menu-item--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-search-input__menu-item--Color: var(--pf-global--Color--100);
    --pf-c-search-input__menu-item--BackgroundColor: transparent;
    --pf-c-search-input__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-search-input__menu-item--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
    position: relative
}

.pf-c-search-input__bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

.pf-c-search-input__bar:hover {
    --pf-c-search-input__text--after--BorderBottomColor: var(--pf-c-search-input__bar--hover__text--after--BorderBottomColor)
}

.pf-c-search-input__text {
    -webkit-box-flex: 1;
    display: grid;
    -ms-flex: 1;
    flex: 1;
    grid-template-areas: "text-input";
    grid-template-columns: 1fr
}

.pf-c-search-input__text:after,
.pf-c-search-input__text:before {
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-search-input__text:before {
    border: var(--pf-c-search-input__text--before--BorderWidth) solid var(--pf-c-search-input__text--before--BorderColor)
}

.pf-c-search-input__text:after {
    border-bottom: var(--pf-c-search-input__text--after--BorderBottomWidth) solid var(--pf-c-search-input__text--after--BorderBottomColor)
}

.pf-c-search-input__text:focus-within,
.pf-c-search-input__text:hover {
    --pf-c-search-input__icon--Color: var(--pf-c-search-input__text--hover__icon--Color)
}

.pf-c-search-input__text:focus-within {
    --pf-c-search-input__text--after--BorderBottomWidth: var(--pf-c-search-input__text--focus-within--after--BorderBottomWidth);
    --pf-c-search-input__text--after--BorderBottomColor: var(--pf-c-search-input__text--focus-within--after--BorderBottomColor)
}

.pf-c-search-input__icon {
    color: var(--pf-c-search-input__icon--Color);
    left: var(--pf-c-search-input__icon--Left);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(var(--pf-c-search-input__icon--TranslateY));
    transform: translateY(var(--pf-c-search-input__icon--TranslateY))
}

.pf-c-search-input__text-input {
    border: 0;
    min-width: var(--pf-c-search-input__text-input--MinWidth);
    overflow: hidden;
    padding: var(--pf-c-search-input__text-input--PaddingTop) var(--pf-c-search-input__text-input--PaddingRight) var(--pf-c-search-input__text-input--PaddingBottom) var(--pf-c-search-input__text-input--PaddingLeft);
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.pf-c-search-input__text-input,
.pf-c-search-input__text-input.pf-m-hint {
    grid-area: text-input
}

.pf-c-search-input__text-input.pf-m-hint {
    color: var(--pf-c-search-input__text-input--m-hint--Color)
}

.pf-c-search-input__utilities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: var(--pf-c-search-input__utilities--MarginLeft);
    margin-right: var(--pf-c-search-input__utilities--MarginRight)
}

.pf-c-search-input__utilities>*+* {
    margin-left: var(--pf-c-search-input__utilities--child--MarginLeft)
}

.pf-c-search-input__utilities .pf-c-button {
    --pf-c-button--PaddingRight: var(--pf-c-search-input__utilities--c-button--PaddingRight);
    --pf-c-button--PaddingLeft: var(--pf-c-search-input__utilities--c-button--PaddingLeft)
}

.pf-c-search-input__count,
.pf-c-search-input__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-search-input__count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pf-c-search-input__menu {
    background-clip: padding-box;
    background-color: var(--pf-c-search-input__menu--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-search-input__menu--BoxShadow);
    box-shadow: var(--pf-c-search-input__menu--BoxShadow);
    min-width: 100%;
    position: absolute;
    top: var(--pf-c-search-input__menu--Top);
    z-index: var(--pf-c-search-input__menu--ZIndex)
}

.pf-c-search-input.pf-m-top .pf-c-search-input__menu {
    --pf-c-search-input__menu--Top: var(--pf-c-search-input--m-top__menu--Top);
    -webkit-transform: translateY(var(--pf-c-search-input--m-top__menu--TranslateY));
    transform: translateY(var(--pf-c-search-input--m-top__menu--TranslateY))
}

.pf-c-search-input__menu-body {
    padding: var(--pf-c-search-input__menu-body--PaddingTop) var(--pf-c-search-input__menu-body--PaddingRight) var(--pf-c-search-input__menu-body--PaddingBottom) var(--pf-c-search-input__menu-body--PaddingLeft)
}

.pf-c-search-input__menu-list {
    padding-bottom: var(--pf-c-search-input__menu-list--PaddingBottom);
    padding-top: var(--pf-c-search-input__menu-list--PaddingTop)
}

.pf-c-search-input__menu-item {
    background-color: var(--pf-c-search-input__menu-item--BackgroundColor);
    border: none;
    color: var(--pf-c-search-input__menu-item--Color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    padding: var(--pf-c-search-input__menu-item--PaddingTop) var(--pf-c-search-input__menu-item--PaddingRight) var(--pf-c-search-input__menu-item--PaddingBottom) var(--pf-c-search-input__menu-item--PaddingLeft);
    text-align: left;
    width: 100%
}

.pf-c-search-input__menu-item:hover {
    --pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--hover--BackgroundColor)
}

.pf-c-search-input__menu-item:focus {
    --pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--focus--BackgroundColor)
}

.pf-c-search-input__menu-item-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pf-c-select {
    --pf-c-select__toggle--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-select__toggle--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-select__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-select__toggle--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-select__toggle--MinWidth: var(--pf-global--target-size--MinWidth);
    --pf-c-select__toggle--FontSize: var(--pf-global--FontSize--md);
    --pf-c-select__toggle--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-select__toggle--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-select__toggle--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-select__toggle--before--BorderTopWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-select__toggle--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-select__toggle--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-select__toggle--before--BorderWidth: var(--pf-c-select__toggle--before--BorderTopWidth) var(--pf-c-select__toggle--before--BorderRightWidth) var(--pf-c-select__toggle--before--BorderBottomWidth) var(--pf-c-select__toggle--before--BorderLeftWidth);
    --pf-c-select__toggle--before--BorderTopColor: var(--pf-global--BorderColor--300);
    --pf-c-select__toggle--before--BorderRightColor: var(--pf-global--BorderColor--300);
    --pf-c-select__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--200);
    --pf-c-select__toggle--before--BorderLeftColor: var(--pf-global--BorderColor--300);
    --pf-c-select__toggle--Color: var(--pf-global--Color--100);
    --pf-c-select__toggle--hover--before--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-select__toggle--focus--before--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-select__toggle--focus--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-select__toggle--active--before--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-select__toggle--active--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-select__toggle--m-expanded--before--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-select__toggle--m-expanded--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-select__toggle--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
    --pf-c-select__toggle--m-plain--before--BorderColor: transparent;
    --pf-c-select--m-invalid__toggle--before--BorderBottomColor: var(--pf-global--danger-color--100);
    --pf-c-select--m-invalid__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-select--m-invalid__toggle--hover--before--BorderBottomColor: var(--pf-global--danger-color--100);
    --pf-c-select--m-invalid__toggle--focus--before--BorderBottomColor: var(--pf-global--danger-color--100);
    --pf-c-select--m-invalid__toggle--active--before--BorderBottomColor: var(--pf-global--danger-color--100);
    --pf-c-select--m-invalid__toggle--m-expanded--before--BorderBottomColor: var(--pf-global--danger-color--100);
    --pf-c-select--m-invalid__toggle-status-icon--Color: var(--pf-global--danger-color--100);
    --pf-c-select--m-success__toggle--before--BorderBottomColor: var(--pf-global--success-color--100);
    --pf-c-select--m-success__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-select--m-success__toggle--hover--before--BorderBottomColor: var(--pf-global--success-color--100);
    --pf-c-select--m-success__toggle--focus--before--BorderBottomColor: var(--pf-global--success-color--100);
    --pf-c-select--m-success__toggle--active--before--BorderBottomColor: var(--pf-global--success-color--100);
    --pf-c-select--m-success__toggle--m-expanded--before--BorderBottomColor: var(--pf-global--success-color--100);
    --pf-c-select--m-success__toggle-status-icon--Color: var(--pf-global--success-color--100);
    --pf-c-select--m-warning__toggle--before--BorderBottomColor: var(--pf-global--warning-color--100);
    --pf-c-select--m-warning__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-select--m-warning__toggle--hover--before--BorderBottomColor: var(--pf-global--warning-color--100);
    --pf-c-select--m-warning__toggle--focus--before--BorderBottomColor: var(--pf-global--warning-color--100);
    --pf-c-select--m-warning__toggle--active--before--BorderBottomColor: var(--pf-global--warning-color--100);
    --pf-c-select--m-warning__toggle--m-expanded--before--BorderBottomColor: var(--pf-global--warning-color--100);
    --pf-c-select--m-warning__toggle-status-icon--Color: var(--pf-global--warning-color--100);
    --pf-c-select__toggle-wrapper--not-last-child--MarginRight: var(--pf-global--spacer--xs);
    --pf-c-select__toggle-wrapper--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
    --pf-c-select__toggle-wrapper--c-chip-group--MarginTop: 0.3125rem;
    --pf-c-select__toggle-wrapper--c-chip-group--MarginBottom: 0.3125rem;
    --pf-c-select__toggle-typeahead--FlexBasis: 10em;
    --pf-c-select__toggle-typeahead--BackgroundColor: transparent;
    --pf-c-select__toggle-typeahead--BorderTop: var(--pf-global--BorderWidth--sm) solid transparent;
    --pf-c-select__toggle-typeahead--BorderRight: none;
    --pf-c-select__toggle-typeahead--BorderLeft: none;
    --pf-c-select__toggle-typeahead--MinWidth: 7.5rem;
    --pf-c-select__toggle-typeahead--focus--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--md));
    --pf-c-select__toggle-icon--toggle-text--MarginLeft: var(--pf-global--spacer--xs);
    --pf-c-select__toggle-badge--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-select__toggle-status-icon--MarginLeft: var(--pf-global--spacer--xs);
    --pf-c-select__toggle-status-icon--Color: var(--pf-global--Color--100);
    --pf-c-select__toggle-arrow--MarginLeft: var(--pf-global--spacer--md);
    --pf-c-select__toggle-arrow--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-select__toggle-arrow--with-clear--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate: 180deg;
    --pf-c-select__toggle-clear--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-select__toggle-clear--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-select__toggle-clear--toggle-button--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-select__toggle-button--Color: var(--pf-global--Color--100);
    --pf-c-select__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-select__menu--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-select__menu--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-select__menu--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-select__menu--Top: calc(100% + var(--pf-global--spacer--xs));
    --pf-c-select__menu--ZIndex: var(--pf-global--ZIndex--sm);
    --pf-c-select__menu--m-top--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
    --pf-c-select__list-item--m-loading--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-select__menu-item--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-select__menu-item--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-select__menu-item--m-selected--PaddingRight: var(--pf-global--spacer--2xl);
    --pf-c-select__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-select__menu-item--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-select__menu-item--FontSize: var(--pf-global--FontSize--md);
    --pf-c-select__menu-item--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-select__menu-item--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-select__menu-item--Color: var(--pf-global--Color--dark-100);
    --pf-c-select__menu-item--Width: 100%;
    --pf-c-select__menu-item--disabled--Color: var(--pf-global--Color--dark-200);
    --pf-c-select__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-select__menu-item--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-select__menu-item--disabled--BackgroundColor: transparent;
    --pf-c-select__menu-item--m-link--Width: auto;
    --pf-c-select__menu-item--m-link--hover--BackgroundColor: transparent;
    --pf-c-select__menu-item--m-link--focus--BackgroundColor: transparent;
    --pf-c-select__menu-item--m-action--Color: var(--pf-global--disabled-color--200);
    --pf-c-select__menu-item--m-action--Width: auto;
    --pf-c-select__menu-item--m-action--FontSize: var(--pf-global--icon--FontSize--sm);
    --pf-c-select__menu-item--m-action--hover--BackgroundColor: transparent;
    --pf-c-select__menu-item--m-action--focus--BackgroundColor: transparent;
    --pf-c-select__menu-item--hover__menu-item--m-action--Color: var(--pf-global--Color--200);
    --pf-c-select__menu-item--m-action--hover--Color: var(--pf-global--Color--100);
    --pf-c-select__menu-item--m-action--focus--Color: var(--pf-global--Color--100);
    --pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--Color: var(--pf-global--palette--gold-400);
    --pf-c-select__menu-item--m-load--Color: var(--pf-global--link--Color);
    --pf-c-select__menu-item-icon--Color: var(--pf-global--active-color--100);
    --pf-c-select__menu-item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
    --pf-c-select__menu-item-icon--Right: var(--pf-global--spacer--md);
    --pf-c-select__menu-item-icon--Top: 50%;
    --pf-c-select__menu-item-icon--TranslateY: -50%;
    --pf-c-select__menu-item-action-icon--MinHeight: calc(var(--pf-c-select__menu-item--FontSize)*var(--pf-c-select__menu-item--LineHeight));
    --pf-c-select__menu-item--match--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-select__menu-search--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-select__menu-search--PaddingRight: var(--pf-c-select__menu-item--PaddingRight);
    --pf-c-select__menu-search--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-select__menu-search--PaddingLeft: var(--pf-c-select__menu-item--PaddingLeft);
    --pf-c-select__menu-group--menu-group--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-select__menu-group-title--PaddingTop: var(--pf-c-select__menu-item--PaddingTop);
    --pf-c-select__menu-group-title--PaddingRight: var(--pf-c-select__menu-item--PaddingRight);
    --pf-c-select__menu-group-title--PaddingBottom: var(--pf-c-select__menu-item--PaddingBottom);
    --pf-c-select__menu-group-title--PaddingLeft: var(--pf-c-select__menu-item--PaddingLeft);
    --pf-c-select__menu-group-title--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-select__menu-group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
    --pf-c-select__menu-group-title--Color: var(--pf-global--Color--dark-200);
    --pf-c-select__menu-item-count--MarginLeft: var(--pf-global--spacer--md);
    --pf-c-select__menu-item-count--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-select__menu-item-count--Color: var(--pf-global--Color--200);
    --pf-c-select__menu-item--disabled__menu-item-count--Color: var(--pf-global--Color--dark-200);
    --pf-c-select__menu-item-description--FontSize: var(--pf-global--FontSize--xs);
    --pf-c-select__menu-item-description--Color: var(--pf-global--Color--200);
    --pf-c-select__menu-item-description--PaddingRight: var(--pf-c-select__menu-item--PaddingRight);
    --pf-c-select__menu-item-main--PaddingRight: var(--pf-c-select__menu-item--PaddingRight);
    --pf-c-select__menu-item--m-selected__menu-item-main--PaddingRight: var(--pf-c-select__menu-item--m-selected--PaddingRight);
    --pf-c-select__menu-footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
    --pf-c-select__menu-footer--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-select__menu-footer--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-select__menu-footer--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-select__menu-footer--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-select__menu-footer--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-select__menu-footer--MarginBottom: calc(var(--pf-global--spacer--sm)*-1);
    --pf-c-select-menu--c-divider--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-select-menu--c-divider--MarginBottom: var(--pf-global--spacer--sm);
    color: var(--pf-global--Color--100);
    display: inline-block;
    position: relative;
    width: 100%
}

.pf-c-select .pf-c-divider {
    margin-bottom: var(--pf-c-select-menu--c-divider--MarginBottom);
    margin-top: var(--pf-c-select-menu--c-divider--MarginTop)
}

.pf-c-select .pf-c-divider:last-child {
    --pf-c-select-menu--c-divider--MarginBottom: 0
}

.pf-c-select.pf-m-invalid {
    --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select--m-invalid__toggle--before--BorderBottomColor);
    --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-c-select--m-invalid__toggle--before--BorderBottomWidth);
    --pf-c-select__toggle--hover--before--BorderBottomColor: var(--pf-c-select--m-invalid__toggle--hover--before--BorderBottomColor);
    --pf-c-select__toggle--focus--before--BorderBottomColor: var(--pf-c-select--m-invalid__toggle--focus--before--BorderBottomColor);
    --pf-c-select__toggle--active--before--BorderBottomColor: var(--pf-c-select--m-invalid__toggle--active--before--BorderBottomColor);
    --pf-c-select__toggle--m-expanded--before--BorderBottomColor: var(--pf-c-select--m-invalid__toggle--m-expanded--before--BorderBottomColor);
    --pf-c-select__toggle-status-icon--Color: var(--pf-c-select--m-invalid__toggle-status-icon--Color)
}

.pf-c-select.pf-m-success {
    --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select--m-success__toggle--before--BorderBottomColor);
    --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-c-select--m-success__toggle--before--BorderBottomWidth);
    --pf-c-select__toggle--hover--before--BorderBottomColor: var(--pf-c-select--m-success__toggle--hover--before--BorderBottomColor);
    --pf-c-select__toggle--focus--before--BorderBottomColor: var(--pf-c-select--m-success__toggle--focus--before--BorderBottomColor);
    --pf-c-select__toggle--active--before--BorderBottomColor: var(--pf-c-select--m-success__toggle--active--before--BorderBottomColor);
    --pf-c-select__toggle--m-expanded--before--BorderBottomColor: var(--pf-c-select--m-success__toggle--m-expanded--before--BorderBottomColor);
    --pf-c-select__toggle-status-icon--Color: var(--pf-c-select--m-success__toggle-status-icon--Color)
}

.pf-c-select.pf-m-warning {
    --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select--m-warning__toggle--before--BorderBottomColor);
    --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-c-select--m-warning__toggle--before--BorderBottomWidth);
    --pf-c-select__toggle--hover--before--BorderBottomColor: var(--pf-c-select--m-warning__toggle--hover--before--BorderBottomColor);
    --pf-c-select__toggle--focus--before--BorderBottomColor: var(--pf-c-select--m-warning__toggle--focus--before--BorderBottomColor);
    --pf-c-select__toggle--active--before--BorderBottomColor: var(--pf-c-select--m-warning__toggle--active--before--BorderBottomColor);
    --pf-c-select__toggle--m-expanded--before--BorderBottomColor: var(--pf-c-select--m-warning__toggle--m-expanded--before--BorderBottomColor);
    --pf-c-select__toggle-status-icon--Color: var(--pf-c-select--m-warning__toggle-status-icon--Color)
}

.pf-c-select__menu-search+.pf-c-divider {
    --pf-c-select-menu--c-divider--MarginTop: 0
}

.pf-c-select__toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: var(--pf-c-select__toggle--BackgroundColor);
    border: none;
    color: var(--pf-c-select__toggle--Color);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--pf-c-select__toggle--FontSize);
    font-weight: var(--pf-c-select__toggle--FontWeight);
    justify-content: space-between;
    line-height: var(--pf-c-select__toggle--LineHeight);
    min-width: var(--pf-c-select__toggle--MinWidth);
    padding: var(--pf-c-select__toggle--PaddingTop) var(--pf-c-select__toggle--PaddingRight) var(--pf-c-select__toggle--PaddingBottom) var(--pf-c-select__toggle--PaddingLeft);
    position: relative;
    white-space: nowrap;
    width: 100%
}

.pf-c-select__toggle.pf-m-disabled,
.pf-c-select__toggle:disabled {
    --pf-c-select__toggle--BackgroundColor: var(--pf-c-select__toggle--disabled--BackgroundColor);
    pointer-events: none
}

.pf-c-select__toggle.pf-m-disabled:before,
.pf-c-select__toggle:disabled:before {
    border: 0
}

.pf-c-select__toggle:before {
    border-color: var(--pf-c-select__toggle--before--BorderTopColor) var(--pf-c-select__toggle--before--BorderRightColor) var(--pf-c-select__toggle--before--BorderBottomColor) var(--pf-c-select__toggle--before--BorderLeftColor);
    border-style: solid;
    border-width: var(--pf-c-select__toggle--before--BorderWidth);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-select__toggle:hover {
    --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--hover--before--BorderBottomColor)
}

.pf-c-select__toggle:focus,
.pf-c-select__toggle:focus-within {
    --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--focus--before--BorderBottomColor);
    --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-c-select__toggle--focus--before--BorderBottomWidth)
}

.pf-c-select__toggle.pf-m-active,
.pf-c-select__toggle:active {
    --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--active--before--BorderBottomColor);
    --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-c-select__toggle--active--before--BorderBottomWidth)
}

.pf-m-expanded>.pf-c-select__toggle {
    --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--m-expanded--before--BorderBottomColor);
    --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-c-select__toggle--m-expanded--before--BorderBottomWidth)
}

.pf-c-select__toggle.pf-m-plain:before {
    border-color: var(--pf-c-select__toggle--m-plain--before--BorderColor)
}

.pf-c-select__toggle.pf-m-typeahead {
    --pf-c-select__toggle--PaddingTop: 0;
    --pf-c-select__toggle--PaddingRight: 0;
    --pf-c-select__toggle--PaddingBottom: 0
}

.pf-c-select__toggle.pf-m-typeahead .pf-c-form-control {
    height: auto;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-select__toggle .pf-c-select__toggle-clear {
    margin-left: auto;
    padding-left: var(--pf-c-select__toggle-clear--PaddingLeft);
    padding-right: var(--pf-c-select__toggle-clear--PaddingRight)
}

.pf-c-select__toggle .pf-c-select__toggle-button {
    color: var(--pf-c-select__toggle-button--Color)
}

.pf-c-select__toggle .pf-c-select__toggle-clear+.pf-c-select__toggle-button {
    padding-left: var(--pf-c-select__toggle-clear--toggle-button--PaddingLeft)
}

*+.pf-c-select__toggle-arrow {
    margin-left: var(--pf-c-select__toggle-arrow--MarginLeft);
    margin-right: var(--pf-c-select__toggle-arrow--MarginRight)
}

.pf-c-select.pf-m-top.pf-m-expanded .pf-c-select__toggle-arrow {
    -webkit-transform: rotate(var(--pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate));
    transform: rotate(var(--pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate))
}

.pf-c-select__toggle-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-select__toggle-wrapper {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: var(--pf-c-select__toggle-wrapper--MaxWidth);
    min-width: 0;
    white-space: normal
}

.pf-c-select__toggle-wrapper>:not(:last-child) {
    margin-right: var(--pf-c-select__toggle-wrapper--not-last-child--MarginRight)
}

.pf-c-select__toggle-wrapper>.pf-c-form-control {
    margin-top: calc(var(--pf-c-select__toggle-wrapper--m-typeahead--PaddingTop)*-1)
}

.pf-c-select__toggle-wrapper .pf-c-chip-group {
    margin-bottom: var(--pf-c-select__toggle-wrapper--c-chip-group--MarginBottom);
    margin-top: var(--pf-c-select__toggle-wrapper--c-chip-group--MarginTop)
}

.pf-c-select__toggle-wrapper>.pf-c-select__toggle-typeahead:first-child {
    margin-left: calc(var(--pf-c-select__toggle--PaddingLeft)*-1)
}

.pf-c-select__toggle-icon+.pf-c-select__toggle-text {
    margin-left: var(--pf-c-select__toggle-icon--toggle-text--MarginLeft)
}

.pf-c-select__toggle-status-icon {
    color: var(--pf-c-select__toggle-status-icon--Color);
    margin-left: var(--pf-c-select__toggle-status-icon--MarginLeft)
}

.pf-c-select__toggle-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: var(--pf-c-select__toggle-badge--PaddingLeft)
}

.pf-c-select__toggle-typeahead {
    -ms-flex-preferred-size: var(--pf-c-select__toggle-typeahead--FlexBasis);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-negative: 0;
    flex-basis: var(--pf-c-select__toggle-typeahead--FlexBasis);
    flex-grow: 1;
    flex-shrink: 0;
    min-width: var(--pf-c-select__toggle-typeahead--MinWidth)
}

.pf-c-select__toggle-typeahead.pf-c-form-control {
    background-color: var(--pf-c-select__toggle-typeahead--BackgroundColor);
    border-bottom-color: transparent;
    border-left: var(--pf-c-select__toggle-typeahead--BorderLeft);
    border-right: var(--pf-c-select__toggle-typeahead--BorderRight);
    border-top: var(--pf-c-select__toggle-typeahead--BorderTop)
}

.pf-c-select__toggle-typeahead.pf-c-form-control:focus {
    padding-bottom: var(--pf-c-select__toggle-typeahead--focus--PaddingBottom)
}

.pf-c-select__menu {
    background-clip: padding-box;
    background-color: var(--pf-c-select__menu--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-select__menu--BoxShadow);
    box-shadow: var(--pf-c-select__menu--BoxShadow);
    min-width: 100%;
    padding-bottom: var(--pf-c-select__menu--PaddingBottom);
    padding-top: var(--pf-c-select__menu--PaddingTop);
    position: absolute;
    top: var(--pf-c-select__menu--Top);
    z-index: var(--pf-c-select__menu--ZIndex)
}

.pf-c-select__menu.pf-m-align-right {
    right: 0
}

.pf-c-select.pf-m-top .pf-c-select__menu {
    top: 0;
    -webkit-transform: translateY(var(--pf-c-select__menu--m-top--TranslateY));
    transform: translateY(var(--pf-c-select__menu--m-top--TranslateY))
}

.pf-c-select__menu-fieldset {
    border: 0
}

.pf-c-select__menu-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-select__menu-wrapper.pf-m-favorite .pf-c-select__menu-item.pf-m-favorite-action {
    --pf-c-select__menu-item--Color: var(--pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--Color)
}

.pf-c-select__menu-item {
    background-color: transparent;
    border: none;
    color: var(--pf-c-select__menu-item--Color);
    font-size: var(--pf-c-select__menu-item--FontSize);
    font-weight: var(--pf-c-select__menu-item--FontWeight);
    line-height: var(--pf-c-select__menu-item--LineHeight);
    padding: var(--pf-c-select__menu-item--PaddingTop) var(--pf-c-select__menu-item--PaddingRight) var(--pf-c-select__menu-item--PaddingBottom) var(--pf-c-select__menu-item--PaddingLeft);
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: var(--pf-c-select__menu-item--Width)
}

.pf-c-select__menu-item.pf-m-focus,
.pf-c-select__menu-item:focus,
.pf-c-select__menu-item:hover {
    --pf-c-select__menu-item--m-action--Color: var(--pf-c-select__menu-item--hover__menu-item--m-action--Color);
    text-decoration: none
}

.pf-c-select__menu-item:hover,
.pf-c-select__menu-wrapper:hover {
    background-color: var(--pf-c-select__menu-item--hover--BackgroundColor)
}

.pf-c-select__menu-item.pf-m-focus,
.pf-c-select__menu-item:focus,
.pf-c-select__menu-wrapper.pf-m-focus,
.pf-c-select__menu-wrapper:focus-within {
    background-color: var(--pf-c-select__menu-item--focus--BackgroundColor);
    position: relative
}

.pf-c-select__menu-item.pf-m-link {
    --pf-c-select__menu-item--PaddingRight: 0;
    --pf-c-select__menu-item-main--PaddingRight: 0;
    --pf-c-select__menu-item-description--PaddingRight: 0;
    --pf-c-select__menu-item--Width: var(--pf-c-select__menu-item--m-link--Width);
    --pf-c-select__menu-item--hover--BackgroundColor: var(--pf-c-select__menu-item--m-link--hover--BackgroundColor);
    --pf-c-select__menu-item--focus--BackgroundColor: var(--pf-c-select__menu-item--m-link--focus--BackgroundColor);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pf-c-select__menu-item.pf-m-action {
    --pf-c-select__menu-item--Color: var(--pf-c-select__menu-item--m-action--Color);
    --pf-c-select__menu-item--Width: var(--pf-c-select__menu-item--m-action--Width);
    --pf-c-select__menu-item--hover--BackgroundColor: var(--pf-c-select__menu-item--m-action--hover--BackgroundColor);
    --pf-c-select__menu-item--focus--BackgroundColor: var(--pf-c-select__menu-item--m-action--focus--BackgroundColor);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--pf-c-select__menu-item--m-action--FontSize)
}

.pf-c-select__menu-item.pf-m-action:hover {
    --pf-c-select__menu-item--m-action--Color: var(--pf-c-select__menu-item--m-action--hover--Color)
}

.pf-c-select__menu-item.pf-m-action:focus {
    --pf-c-select__menu-item--m-action--Color: var(--pf-c-select__menu-item--m-action--focus--Color)
}

.pf-c-select__menu-item.pf-m-selected {
    --pf-c-select__menu-item--PaddingRight: var(--pf-c-select__menu-item--m-selected--PaddingRight);
    --pf-c-select__menu-item-main--PaddingRight: var(--pf-c-select__menu-item--m-selected__menu-item-main--PaddingRight)
}

.pf-c-select__menu-item.pf-m-description {
    white-space: normal
}

.pf-c-select__menu-item.pf-m-description:not(.pf-c-check) {
    --pf-c-select__menu-item--PaddingRight: 0
}

.pf-c-select__menu-item.pf-m-description .pf-c-check__label {
    white-space: nowrap
}

.pf-c-select__menu-item.pf-m-disabled,
.pf-c-select__menu-item:disabled,
.pf-c-select__menu-wrapper.pf-m-disabled {
    --pf-c-select__menu-item-count--Color: var(--pf-c-select__menu-item--disabled__menu-item-count--Color);
    background-color: var(--pf-c-select__menu-item--disabled--BackgroundColor);
    color: var(--pf-c-select__menu-item--disabled--Color);
    pointer-events: none
}

.pf-c-select__menu-item.pf-c-check .pf-c-check__label {
    width: 100%
}

.pf-c-select__menu-item.pf-m-load {
    --pf-c-select__menu-item--hover--BackgroundColor: transparent;
    --pf-c-select__menu-item--focus--BackgroundColor: transparent;
    --pf-c-select__menu-item--Color: var(--pf-c-select__menu-item--m-load--Color)
}

.pf-c-select__list-item.pf-m-loading {
    padding-top: var(--pf-c-select__list-item--m-loading--PaddingTop);
    text-align: center
}

.pf-c-select__menu-item-main {
    display: block;
    padding-right: var(--pf-c-select__menu-item-main--PaddingRight);
    position: relative;
    white-space: nowrap
}

.pf-c-select__menu-item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-select__menu-item-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pf-c-select__menu-item-count {
    -ms-flex-item-align: center;
    align-self: center;
    color: var(--pf-c-select__menu-item-count--Color);
    font-size: var(--pf-c-select__menu-item-count--FontSize);
    margin-left: var(--pf-c-select__menu-item-count--MarginLeft)
}

.pf-c-select__menu-item-description {
    color: var(--pf-c-select__menu-item-description--Color);
    display: block;
    font-size: var(--pf-c-select__menu-item-description--FontSize);
    padding-right: var(--pf-c-select__menu-item-description--PaddingRight)
}

.pf-c-select__menu-item-icon {
    color: var(--pf-c-select__menu-item-icon--Color);
    font-size: var(--pf-c-select__menu-item-icon--FontSize);
    position: absolute;
    right: var(--pf-c-select__menu-item-icon--Right);
    top: var(--pf-c-select__menu-item-icon--Top);
    -webkit-transform: translateY(var(--pf-c-select__menu-item-icon--TranslateY));
    transform: translateY(var(--pf-c-select__menu-item-icon--TranslateY))
}

.pf-c-select__menu-item-action-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: var(--pf-c-select__menu-item-action-icon--MinHeight)
}

.pf-c-select__menu-item--match {
    background-color: inherit;
    font-weight: var(--pf-c-select__menu-item--match--FontWeight)
}

.pf-c-select__menu-group+.pf-c-select__menu-group {
    padding-top: var(--pf-c-select__menu-group--menu-group--PaddingTop)
}

.pf-c-select__menu-search {
    padding: var(--pf-c-select__menu-search--PaddingTop) var(--pf-c-select__menu-search--PaddingRight) var(--pf-c-select__menu-search--PaddingBottom) var(--pf-c-select__menu-search--PaddingLeft)
}

.pf-c-select__menu-group-title {
    color: var(--pf-c-select__menu-group-title--Color);
    font-size: var(--pf-c-select__menu-group-title--FontSize);
    font-weight: var(--pf-c-select__menu-group-title--FontWeight);
    padding: var(--pf-c-select__menu-group-title--PaddingTop) var(--pf-c-select__menu-group-title--PaddingRight) var(--pf-c-select__menu-group-title--PaddingBottom) var(--pf-c-select__menu-group-title--PaddingLeft)
}

.pf-c-select__menu-footer {
    -webkit-box-shadow: var(--pf-c-select__menu-footer--BoxShadow);
    box-shadow: var(--pf-c-select__menu-footer--BoxShadow);
    margin-bottom: var(--pf-c-select__menu-footer--MarginBottom);
    margin-top: var(--pf-c-select__menu-footer--MarginTop);
    padding: var(--pf-c-select__menu-footer--PaddingTop) var(--pf-c-select__menu-footer--PaddingRight) var(--pf-c-select__menu-footer--PaddingBottom) var(--pf-c-select__menu-footer--PaddingLeft)
}

.pf-c-sidebar {
    --pf-c-sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-sidebar__main--FlexDirection: column;
    --pf-c-sidebar__main--md--FlexDirection: row;
    --pf-c-sidebar__main--AlignItems: stretch;
    --pf-c-sidebar__main--md--AlignItems: start;
    --pf-c-sidebar__main--child--MarginTop: 0;
    --pf-c-sidebar__main--child--MarginLeft: 0;
    --pf-c-sidebar--m-gutter__main--Gap: var(--pf-global--spacer--md);
    --pf-c-sidebar--m-gutter__main--xl--Gap: var(--pf-global--spacer--lg);
    --pf-c-sidebar--m-panel-right__panel--Order: 0;
    --pf-c-sidebar--m-panel-right__panel--md--Order: 1;
    --pf-c-sidebar--m-stack__main--FlexDirection: column;
    --pf-c-sidebar--m-stack__main--AlignItems: stretch;
    --pf-c-sidebar--m-stack__panel--Position: sticky;
    --pf-c-sidebar--m-stack__panel--Top: 0;
    --pf-c-sidebar--m-stack__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
    --pf-c-sidebar--m-stack--m-panel-right__panel--Order: 0;
    --pf-c-sidebar--m-split__main--AlignItems: start;
    --pf-c-sidebar--m-split__main--FlexDirection: row;
    --pf-c-sidebar--m-split__panel--Position: static;
    --pf-c-sidebar--m-split__panel--Top: auto;
    --pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
    --pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, .16);
    --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
    --pf-c-sidebar__panel--Top: 0;
    --pf-c-sidebar__panel--md--Top: auto;
    --pf-c-sidebar__panel--Position: sticky;
    --pf-c-sidebar__panel--md--Position: static;
    --pf-c-sidebar__panel--FlexBasis: auto;
    --pf-c-sidebar__panel--md--FlexBasis: 15.625rem;
    --pf-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
    --pf-c-sidebar__panel--m-stack--FlexBasis: auto;
    --pf-c-sidebar__panel--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-sidebar__panel--Order: 0;
    --pf-c-sidebar__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-sidebar__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-sidebar__panel--m-sticky--Top: 0;
    --pf-c-sidebar__panel--m-sticky--Position: sticky;
    height: 100%
}

@media (min-width:768px) {
    .pf-c-sidebar {
        --pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar__main--md--FlexDirection);
        --pf-c-sidebar__panel--BoxShadow: none;
        --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--md--FlexBasis);
        --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar__main--md--AlignItems);
        --pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--md--Top);
        --pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--md--Position)
    }
}

@media (min-width:1200px) {
    .pf-c-sidebar {
        --pf-c-sidebar--m-gutter__main--Gap: var(--pf-c-sidebar--m-gutter__main--xl--Gap)
    }
}

.pf-c-sidebar.pf-m-gutter {
    --pf-c-sidebar__main--child--MarginTop: var(--pf-c-sidebar--m-gutter__main--Gap);
    --pf-c-sidebar__main--child--MarginLeft: 0
}

.pf-c-sidebar.pf-m-gutter>.pf-c-sidebar__main>*+* {
    margin-left: var(--pf-c-sidebar__main--child--MarginLeft);
    margin-top: var(--pf-c-sidebar__main--child--MarginTop)
}

@media (min-width:768px) {
    .pf-c-sidebar.pf-m-gutter {
        --pf-c-sidebar__main--child--MarginTop: 0;
        --pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap)
    }
}

.pf-c-sidebar.pf-m-panel-right {
    --pf-c-sidebar__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--Order)
}

@media (min-width:768px) {
    .pf-c-sidebar.pf-m-panel-right {
        --pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-panel-right__panel--md--Order)
    }
}

.pf-c-sidebar.pf-m-stack {
    --pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-stack__main--FlexDirection);
    --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-stack__main--AlignItems);
    --pf-c-sidebar__main--child--MarginTop: var(--pf-c-sidebar--m-gutter__main--Gap);
    --pf-c-sidebar__main--child--MarginLeft: 0;
    --pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-stack__panel--Position);
    --pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-stack__panel--Top);
    --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar--m-stack__panel--BoxShadow);
    --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-stack--FlexBasis);
    --pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-stack--m-panel-right__panel--Order)
}

.pf-c-sidebar.pf-m-split {
    --pf-c-sidebar__main--FlexDirection: var(--pf-c-sidebar--m-split__main--FlexDirection);
    --pf-c-sidebar__main--AlignItems: var(--pf-c-sidebar--m-split__main--AlignItems);
    --pf-c-sidebar__main--child--MarginTop: 0;
    --pf-c-sidebar__main--child--MarginLeft: var(--pf-c-sidebar--m-gutter__main--Gap);
    --pf-c-sidebar__panel--Position: var(--pf-c-sidebar--m-split__panel--Position);
    --pf-c-sidebar__panel--Top: var(--pf-c-sidebar--m-split__panel--Top);
    --pf-c-sidebar__panel--BoxShadow: none;
    --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--m-split--FlexBasis);
    --pf-c-sidebar--m-panel-right__panel--Order: var(--pf-c-sidebar--m-split--m-panel-right__panel--Order)
}

.pf-c-sidebar__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: var(--pf-c-sidebar__main--AlignItems);
    -ms-flex-align: var(--pf-c-sidebar__main--AlignItems);
    align-items: var(--pf-c-sidebar__main--AlignItems);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: var(--pf-c-sidebar__main--FlexDirection);
    flex-direction: var(--pf-c-sidebar__main--FlexDirection)
}

.pf-c-sidebar__panel {
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: var(--pf-c-sidebar__panel--FlexBasis);
    -webkit-box-ordinal-group: var(--pf-c-sidebar__panel--Order);
    -ms-flex-order: var(--pf-c-sidebar__panel--Order);
    background-color: var(--pf-c-sidebar__panel--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-sidebar__panel--BoxShadow);
    box-shadow: var(--pf-c-sidebar__panel--BoxShadow);
    flex-basis: var(--pf-c-sidebar__panel--FlexBasis);
    flex-shrink: 0;
    order: var(--pf-c-sidebar__panel--Order);
    position: var(--pf-c-sidebar__panel--Position);
    top: var(--pf-c-sidebar__panel--Top);
    z-index: var(--pf-c-sidebar__panel--ZIndex)
}

.pf-c-sidebar__panel.pf-m-sticky {
    --pf-c-sidebar__panel--Position: var(--pf-c-sidebar__panel--m-sticky--Position);
    --pf-c-sidebar__panel--Top: var(--pf-c-sidebar__panel--m-sticky--Top)
}

.pf-c-sidebar__panel.pf-m-static {
    --pf-c-sidebar__panel--Position: static;
    --pf-c-sidebar__panel--Top: auto
}

.pf-c-sidebar__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background-color: var(--pf-c-sidebar__content--BackgroundColor);
    flex-grow: 1
}

.pf-c-sidebar__content.pf-m-no-background {
    --pf-c-sidebar__content--BackgroundColor: transparent
}

.pf-c-sidebar.pf-m-no-background,
.pf-c-sidebar__content.pf-m-no-background,
.pf-c-sidebar__panel.pf-m-no-background {
    background-color: transparent
}

.pf-c-sidebar__panel.pf-m-width-default {
    --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base)
}

.pf-c-sidebar__panel.pf-m-width-25 {
    --pf-c-sidebar__panel--FlexBasis: 25%
}

.pf-c-sidebar__panel.pf-m-width-33 {
    --pf-c-sidebar__panel--FlexBasis: 33%
}

.pf-c-sidebar__panel.pf-m-width-50 {
    --pf-c-sidebar__panel--FlexBasis: 50%
}

.pf-c-sidebar__panel.pf-m-width-66 {
    --pf-c-sidebar__panel--FlexBasis: 66%
}

.pf-c-sidebar__panel.pf-m-width-75 {
    --pf-c-sidebar__panel--FlexBasis: 75%
}

.pf-c-sidebar__panel.pf-m-width-100 {
    --pf-c-sidebar__panel--FlexBasis: 100%
}

@media (min-width:576px) {
    .pf-c-sidebar__panel.pf-m-width-default-on-sm {
        --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base)
    }

    .pf-c-sidebar__panel.pf-m-width-25-on-sm {
        --pf-c-sidebar__panel--FlexBasis: 25%
    }

    .pf-c-sidebar__panel.pf-m-width-33-on-sm {
        --pf-c-sidebar__panel--FlexBasis: 33%
    }

    .pf-c-sidebar__panel.pf-m-width-50-on-sm {
        --pf-c-sidebar__panel--FlexBasis: 50%
    }

    .pf-c-sidebar__panel.pf-m-width-66-on-sm {
        --pf-c-sidebar__panel--FlexBasis: 66%
    }

    .pf-c-sidebar__panel.pf-m-width-75-on-sm {
        --pf-c-sidebar__panel--FlexBasis: 75%
    }

    .pf-c-sidebar__panel.pf-m-width-100-on-sm {
        --pf-c-sidebar__panel--FlexBasis: 100%
    }
}

@media (min-width:768px) {
    .pf-c-sidebar__panel.pf-m-width-default-on-md {
        --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base)
    }

    .pf-c-sidebar__panel.pf-m-width-25-on-md {
        --pf-c-sidebar__panel--FlexBasis: 25%
    }

    .pf-c-sidebar__panel.pf-m-width-33-on-md {
        --pf-c-sidebar__panel--FlexBasis: 33%
    }

    .pf-c-sidebar__panel.pf-m-width-50-on-md {
        --pf-c-sidebar__panel--FlexBasis: 50%
    }

    .pf-c-sidebar__panel.pf-m-width-66-on-md {
        --pf-c-sidebar__panel--FlexBasis: 66%
    }

    .pf-c-sidebar__panel.pf-m-width-75-on-md {
        --pf-c-sidebar__panel--FlexBasis: 75%
    }

    .pf-c-sidebar__panel.pf-m-width-100-on-md {
        --pf-c-sidebar__panel--FlexBasis: 100%
    }
}

@media (min-width:992px) {
    .pf-c-sidebar__panel.pf-m-width-default-on-lg {
        --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base)
    }

    .pf-c-sidebar__panel.pf-m-width-25-on-lg {
        --pf-c-sidebar__panel--FlexBasis: 25%
    }

    .pf-c-sidebar__panel.pf-m-width-33-on-lg {
        --pf-c-sidebar__panel--FlexBasis: 33%
    }

    .pf-c-sidebar__panel.pf-m-width-50-on-lg {
        --pf-c-sidebar__panel--FlexBasis: 50%
    }

    .pf-c-sidebar__panel.pf-m-width-66-on-lg {
        --pf-c-sidebar__panel--FlexBasis: 66%
    }

    .pf-c-sidebar__panel.pf-m-width-75-on-lg {
        --pf-c-sidebar__panel--FlexBasis: 75%
    }

    .pf-c-sidebar__panel.pf-m-width-100-on-lg {
        --pf-c-sidebar__panel--FlexBasis: 100%
    }
}

@media (min-width:1200px) {
    .pf-c-sidebar__panel.pf-m-width-default-on-xl {
        --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base)
    }

    .pf-c-sidebar__panel.pf-m-width-25-on-xl {
        --pf-c-sidebar__panel--FlexBasis: 25%
    }

    .pf-c-sidebar__panel.pf-m-width-33-on-xl {
        --pf-c-sidebar__panel--FlexBasis: 33%
    }

    .pf-c-sidebar__panel.pf-m-width-50-on-xl {
        --pf-c-sidebar__panel--FlexBasis: 50%
    }

    .pf-c-sidebar__panel.pf-m-width-66-on-xl {
        --pf-c-sidebar__panel--FlexBasis: 66%
    }

    .pf-c-sidebar__panel.pf-m-width-75-on-xl {
        --pf-c-sidebar__panel--FlexBasis: 75%
    }

    .pf-c-sidebar__panel.pf-m-width-100-on-xl {
        --pf-c-sidebar__panel--FlexBasis: 100%
    }
}

@media (min-width:1450px) {
    .pf-c-sidebar__panel.pf-m-width-default-on-2xl {
        --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base)
    }

    .pf-c-sidebar__panel.pf-m-width-25-on-2xl {
        --pf-c-sidebar__panel--FlexBasis: 25%
    }

    .pf-c-sidebar__panel.pf-m-width-33-on-2xl {
        --pf-c-sidebar__panel--FlexBasis: 33%
    }

    .pf-c-sidebar__panel.pf-m-width-50-on-2xl {
        --pf-c-sidebar__panel--FlexBasis: 50%
    }

    .pf-c-sidebar__panel.pf-m-width-66-on-2xl {
        --pf-c-sidebar__panel--FlexBasis: 66%
    }

    .pf-c-sidebar__panel.pf-m-width-75-on-2xl {
        --pf-c-sidebar__panel--FlexBasis: 75%
    }

    .pf-c-sidebar__panel.pf-m-width-100-on-2xl {
        --pf-c-sidebar__panel--FlexBasis: 100%
    }
}

.pf-c-simple-list {
    --pf-c-simple-list__item-link--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-simple-list__item-link--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-simple-list__item-link--PaddingBottom: var(--pf-global--spacer--xs);
    --pf-c-simple-list__item-link--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-simple-list__item-link--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-simple-list__item-link--Color: var(--pf-global--Color--100);
    --pf-c-simple-list__item-link--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-simple-list__item-link--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-simple-list__item-link--m-current--Color: var(--pf-global--link--Color);
    --pf-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-simple-list__item-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-simple-list__item-link--hover--Color: var(--pf-global--Color--100);
    --pf-c-simple-list__item-link--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-simple-list__item-link--focus--Color: var(--pf-global--Color--100);
    --pf-c-simple-list__item-link--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-simple-list__item-link--focus--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-simple-list__item-link--active--Color: var(--pf-global--Color--100);
    --pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-simple-list__item-link--active--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-simple-list__title--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-simple-list__title--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-simple-list__title--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-simple-list__title--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-simple-list__title--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-simple-list__title--Color: var(--pf-global--Color--dark-200);
    --pf-c-simple-list__title--FontWeight: var(--pf-global--FontWeight--semi-bold);
    --pf-c-simple-list__section--section--MarginTop: var(--pf-global--spacer--sm)
}

.pf-c-simple-list__item-link {
    background-color: var(--pf-c-simple-list__item-link--BackgroundColor);
    border: none;
    color: var(--pf-c-simple-list__item-link--Color);
    display: block;
    font-size: var(--pf-c-simple-list__item-link--FontSize);
    font-weight: var(--pf-c-simple-list__item-link--FontWeight);
    padding: var(--pf-c-simple-list__item-link--PaddingTop) var(--pf-c-simple-list__item-link--PaddingRight) var(--pf-c-simple-list__item-link--PaddingBottom) var(--pf-c-simple-list__item-link--PaddingLeft);
    text-align: left;
    width: 100%
}

.pf-c-simple-list__item-link:hover {
    --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
    --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
    text-decoration: none
}

.pf-c-simple-list__item-link:focus {
    --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
    --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--focus--BackgroundColor);
    --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--focus--Color)
}

.pf-c-simple-list__item-link:active {
    --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--active--FontWeight);
    --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--active--BackgroundColor);
    --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--active--Color)
}

.pf-c-simple-list__item-link.pf-m-current {
    --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--m-current--FontWeight);
    --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--m-current--BackgroundColor);
    --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--m-current--Color)
}

.pf-c-simple-list__title {
    color: var(--pf-c-simple-list__title--Color);
    font-size: var(--pf-c-simple-list__title--FontSize);
    font-weight: var(--pf-c-simple-list__title--FontWeight);
    padding: var(--pf-c-simple-list__title--PaddingTop) var(--pf-c-simple-list__title--PaddingRight) var(--pf-c-simple-list__title--PaddingBottom) var(--pf-c-simple-list__title--PaddingLeft)
}

.pf-c-simple-list__section+.pf-c-simple-list__section {
    margin-top: var(--pf-c-simple-list__section--section--MarginTop)
}

.pf-c-skeleton {
    --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-150);
    --pf-c-skeleton--Width: auto;
    --pf-c-skeleton--Height: auto;
    --pf-c-skeleton--BorderRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-skeleton--before--PaddingBottom: 0;
    --pf-c-skeleton--before--Height: auto;
    --pf-c-skeleton--before--Content: " ";
    --pf-c-skeleton--after--LinearGradientAngle: 90deg;
    --pf-c-skeleton--after--LinearGradientColorStop1: var(--pf-global--palette--black-150);
    --pf-c-skeleton--after--LinearGradientColorStop2: #ededed;
    --pf-c-skeleton--after--LinearGradientColorStop3: var(--pf-global--palette--black-150);
    --pf-c-skeleton--after--TranslateX: -100%;
    --pf-c-skeleton--after--AnimationName: pf-c-skeleton-loading;
    --pf-c-skeleton--after--AnimationDuration: 2s;
    --pf-c-skeleton--after--AnimationIterationCount: infinite;
    --pf-c-skeleton--after--AnimationTimingFunction: linear;
    --pf-c-skeleton--after--AnimationDelay: .5s;
    --pf-c-skeleton--m-circle--BorderRadius: var(--pf-global--BorderRadius--lg);
    --pf-c-skeleton--m-circle--before--PaddingBottom: 100%;
    --pf-c-skeleton--m-text-4xl--Height: calc(var(--pf-global--FontSize--4xl)*var(--pf-global--LineHeight--sm));
    --pf-c-skeleton--m-text-3xl--Height: calc(var(--pf-global--FontSize--3xl)*var(--pf-global--LineHeight--sm));
    --pf-c-skeleton--m-text-2xl--Height: calc(var(--pf-global--FontSize--2xl)*var(--pf-global--LineHeight--sm));
    --pf-c-skeleton--m-text-xl--Height: calc(var(--pf-global--FontSize--xl)*var(--pf-global--LineHeight--sm));
    --pf-c-skeleton--m-text-lg--Height: calc(var(--pf-global--FontSize--lg)*var(--pf-global--LineHeight--md));
    --pf-c-skeleton--m-text-md--Height: calc(var(--pf-global--FontSize--md)*var(--pf-global--LineHeight--md));
    --pf-c-skeleton--m-text-sm--Height: calc(var(--pf-global--FontSize--sm)*var(--pf-global--LineHeight--md));
    --pf-c-skeleton--m-width-sm--Width: 6.25rem;
    --pf-c-skeleton--m-width-md--Width: 12.5rem;
    --pf-c-skeleton--m-width-lg--Width: 18.75rem;
    --pf-c-skeleton--m-width-25--Width: 25%;
    --pf-c-skeleton--m-width-33--Width: 33.33333%;
    --pf-c-skeleton--m-width-50--Width: 50%;
    --pf-c-skeleton--m-width-66--Width: 66.66667%;
    --pf-c-skeleton--m-width-75--Width: 75%;
    --pf-c-skeleton--m-height-sm--Height: 6.25rem;
    --pf-c-skeleton--m-height-md--Height: 12.5rem;
    --pf-c-skeleton--m-height-lg--Height: 18.75rem;
    --pf-c-skeleton--m-height-25--Height: 25%;
    --pf-c-skeleton--m-height-33--Height: 33.33333%;
    --pf-c-skeleton--m-height-50--Height: 50%;
    --pf-c-skeleton--m-height-66--Height: 66.66667%;
    --pf-c-skeleton--m-height-75--Height: 75%;
    --pf-c-skeleton--m-height-100--Height: 100%;
    background-color: var(--pf-c-skeleton--BackgroundColor);
    border-radius: var(--pf-c-skeleton--BorderRadius);
    height: var(--pf-c-skeleton--Height);
    overflow: hidden;
    position: relative;
    -webkit-transform: translate(0);
    transform: translate(0);
    width: var(--pf-c-skeleton--Width)
}

.pf-c-skeleton:before {
    content: var(--pf-c-skeleton--before--Content);
    display: block;
    height: var(--pf-c-skeleton--before--Height);
    padding-bottom: var(--pf-c-skeleton--before--PaddingBottom)
}

.pf-c-skeleton:after {
    -webkit-animation: var(--pf-c-skeleton--after--AnimationName) var(--pf-c-skeleton--after--AnimationDuration) var(--pf-c-skeleton--after--AnimationTimingFunction) var(--pf-c-skeleton--after--AnimationDelay) var(--pf-c-skeleton--after--AnimationIterationCount);
    animation: var(--pf-c-skeleton--after--AnimationName) var(--pf-c-skeleton--after--AnimationDuration) var(--pf-c-skeleton--after--AnimationTimingFunction) var(--pf-c-skeleton--after--AnimationDelay) var(--pf-c-skeleton--after--AnimationIterationCount);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--pf-c-skeleton--after--LinearGradientAngle)), color-stop(var(--pf-c-skeleton--after--LinearGradientColorStop1)), color-stop(var(--pf-c-skeleton--after--LinearGradientColorStop2)), to(var(--pf-c-skeleton--after--LinearGradientColorStop3)));
    background: linear-gradient(var(--pf-c-skeleton--after--LinearGradientAngle), var(--pf-c-skeleton--after--LinearGradientColorStop1), var(--pf-c-skeleton--after--LinearGradientColorStop2), var(--pf-c-skeleton--after--LinearGradientColorStop3));
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate3d(var(--pf-c-skeleton--after--TranslateX), 0, 0);
    transform: translate3d(var(--pf-c-skeleton--after--TranslateX), 0, 0)
}

.pf-c-skeleton.pf-m-circle {
    --pf-c-skeleton--BorderRadius: var(--pf-c-skeleton--m-circle--BorderRadius)
}

.pf-c-skeleton.pf-m-circle,
.pf-c-skeleton.pf-m-square {
    --pf-c-skeleton--before--Height: 0;
    --pf-c-skeleton--before--PaddingBottom: var(--pf-c-skeleton--m-circle--before--PaddingBottom)
}

.pf-c-skeleton.pf-m-width-sm {
    --pf-c-skeleton--Width: var(--pf-c-skeleton--m-width-sm--Width)
}

.pf-c-skeleton.pf-m-width-md {
    --pf-c-skeleton--Width: var(--pf-c-skeleton--m-width-md--Width)
}

.pf-c-skeleton.pf-m-width-lg {
    --pf-c-skeleton--Width: var(--pf-c-skeleton--m-width-lg--Width)
}

.pf-c-skeleton.pf-m-width-25 {
    --pf-c-skeleton--Width: var(--pf-c-skeleton--m-width-25--Width)
}

.pf-c-skeleton.pf-m-width-33 {
    --pf-c-skeleton--Width: var(--pf-c-skeleton--m-width-33--Width)
}

.pf-c-skeleton.pf-m-width-50 {
    --pf-c-skeleton--Width: var(--pf-c-skeleton--m-width-50--Width)
}

.pf-c-skeleton.pf-m-width-66 {
    --pf-c-skeleton--Width: var(--pf-c-skeleton--m-width-66--Width)
}

.pf-c-skeleton.pf-m-width-75 {
    --pf-c-skeleton--Width: var(--pf-c-skeleton--m-width-75--Width)
}

.pf-c-skeleton.pf-m-height-sm {
    --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-sm--Height)
}

.pf-c-skeleton.pf-m-height-md {
    --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-md--Height)
}

.pf-c-skeleton.pf-m-height-lg {
    --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-lg--Height)
}

.pf-c-skeleton.pf-m-height-25 {
    --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-25--Height)
}

.pf-c-skeleton.pf-m-height-33 {
    --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-33--Height)
}

.pf-c-skeleton.pf-m-height-50 {
    --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-50--Height)
}

.pf-c-skeleton.pf-m-height-66 {
    --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-66--Height)
}

.pf-c-skeleton.pf-m-height-75 {
    --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-75--Height)
}

.pf-c-skeleton.pf-m-height-100 {
    --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-100--Height)
}

.pf-c-skeleton.pf-m-text-4xl {
    --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-4xl--Height)
}

.pf-c-skeleton.pf-m-text-3xl {
    --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-3xl--Height)
}

.pf-c-skeleton.pf-m-text-2xl {
    --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-2xl--Height)
}

.pf-c-skeleton.pf-m-text-xl {
    --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-xl--Height)
}

.pf-c-skeleton.pf-m-text-lg {
    --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-lg--Height)
}

.pf-c-skeleton.pf-m-text-md {
    --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-md--Height)
}

.pf-c-skeleton.pf-m-text-sm {
    --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-sm--Height)
}

@-webkit-keyframes pf-c-skeleton-loading {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    60% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes pf-c-skeleton-loading {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    60% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.pf-c-skip-to-content {
    --pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
    --pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
    --pf-c-skip-to-content--focus--Left: var(--pf-global--spacer--md);
    left: -300%;
    position: absolute;
    top: var(--pf-c-skip-to-content--Top);
    z-index: var(--pf-c-skip-to-content--ZIndex)
}

.pf-c-skip-to-content:focus {
    left: var(--pf-c-skip-to-content--focus--Left)
}

.pf-c-slider {
    --pf-c-slider__rail--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-slider__rail--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-slider__rail-track--Height: 0.25rem;
    --pf-c-slider__rail-track--before--base--BackgroundColor: var(--pf-global--BorderColor--100);
    --pf-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-global--active-color--300);
    --pf-c-slider__rail-track--before--BorderRadius: var(--pf-global--BorderRadius--lg);
    --pf-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-c-slider--value);
    --pf-c-slider__steps--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-slider__steps--Height: var(--pf-c-slider__steps--FontSize);
    --pf-c-slider__step-tick--Top: var(--pf-global--spacer--md);
    --pf-c-slider__step-tick--Width: 0.25rem;
    --pf-c-slider__step-tick--Height: 0.25rem;
    --pf-c-slider__step-tick--BackgroundColor: var(--pf-global--BorderColor--200);
    --pf-c-slider__step-tick--TranslateX: -50%;
    --pf-c-slider__step-tick--BorderRadius: var(--pf-global--BorderRadius--lg);
    --pf-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-global--primary-color--100);
    --pf-c-slider__step--first-child__step-tick--TranslateX: 0;
    --pf-c-slider__step--last-child__step-tick--TranslateX: -100%;
    --pf-c-slider__step-label--TranslateX: -50%;
    --pf-c-slider__step-label--Top: calc(var(--pf-global--spacer--xl) + var(--pf-c-slider__rail-track--Height));
    --pf-c-slider__step--first-child__step-label--TranslateX: 0;
    --pf-c-slider__step--last-child__step-label--TranslateX: -100%;
    --pf-c-slider__thumb--Top: calc(var(--pf-c-slider__rail-track--Height)/2 + var(--pf-global--spacer--md));
    --pf-c-slider__thumb--Width: 1rem;
    --pf-c-slider__thumb--Height: 1rem;
    --pf-c-slider__thumb--Left: var(--pf-c-slider--value);
    --pf-c-slider__thumb--BackgroundColor: var(--pf-global--primary-color--100);
    --pf-c-slider__thumb--TranslateX: -50%;
    --pf-c-slider__thumb--TranslateY: -50%;
    --pf-c-slider__thumb--BorderRadius: var(--pf-global--BorderRadius--lg);
    --pf-c-slider__thumb--BoxShadow--base: 0 0 0 2px var(--pf-global--BackgroundColor--100), 0 0 0 3px var(--pf-global--primary-color--100);
    --pf-c-slider__thumb--hover--BoxShadow: var(--pf-c-slider__thumb--BoxShadow--base);
    --pf-c-slider__thumb--focus--BoxShadow: var(--pf-c-slider__thumb--BoxShadow--base);
    --pf-c-slider__thumb--active--BoxShadow: var(--pf-c-slider__thumb--BoxShadow--base), 0 0 2px 5px var(--pf-global--active-color--200);
    --pf-c-slider__thumb--before--Width: var(--pf-global--target-size--MinWidth);
    --pf-c-slider__thumb--before--Height: var(--pf-global--target-size--MinHeight);
    --pf-c-slider__thumb--before--BorderRadius: var(--pf-global--BorderRadius--lg);
    --pf-c-slider__thumb--before--TranslateX: -50%;
    --pf-c-slider__thumb--before--TranslateY: -50%;
    --pf-c-slider__value--MarginLeft: var(--pf-global--spacer--md);
    --pf-c-slider__value--c-form-control--width-base: 3.5ch;
    --pf-c-slider__value--c-form-control--width-chars: 3;
    --pf-c-slider__value--c-form-control--Width: calc(var(--pf-c-slider__value--c-form-control--width-base) + var(--pf-c-slider__value--c-form-control--width-chars)*1ch);
    --pf-c-slider__value--m-floating--TranslateX: -50%;
    --pf-c-slider__value--m-floating--TranslateY: -100%;
    --pf-c-slider__value--m-floating--Left: var(--pf-c-slider--value);
    --pf-c-slider__value--m-floating--ZIndex: var(--pf-global--ZIndex--sm);
    --pf-c-slider__actions--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-slider__main--actions--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-slider--m-disabled__rail-track--before--fill--BackgroundColor: var(--pf-global--palette--black-500);
    --pf-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor: var(--pf-global--palette--black-700);
    --pf-c-slider--m-disabled__thumb--BackgroundColor: var(--pf-global--palette--black-700);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-slider.pf-m-disabled {
    --pf-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
    --pf-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
    --pf-c-slider__thumb--BackgroundColor: var(--pf-c-slider--m-disabled__thumb--BackgroundColor)
}

.pf-c-slider.pf-m-disabled .pf-c-slider__rail,
.pf-c-slider.pf-m-disabled .pf-c-slider__thumb {
    cursor: not-allowed
}

.pf-c-slider.pf-m-disabled .pf-c-slider__thumb {
    --pf-c-slider__thumb--BoxShadow: none
}

.pf-c-slider__main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

.pf-c-slider__rail {
    padding-bottom: var(--pf-c-slider__rail--PaddingBottom);
    padding-top: var(--pf-c-slider__rail--PaddingTop)
}

.pf-c-slider__rail-track {
    height: var(--pf-c-slider__rail-track--Height);
    position: relative
}

.pf-c-slider__rail-track:before {
    background: -webkit-gradient(linear, left top, right top, from(var(--pf-c-slider__rail-track--before--fill--BackgroundColor)), color-stop(var(--pf-c-slider__rail-track--before--fill--BackgroundColor)), to(var(--pf-c-slider__rail-track--before--base--BackgroundColor)));
    background: linear-gradient(to right, var(--pf-c-slider__rail-track--before--fill--BackgroundColor), var(--pf-c-slider__rail-track--before--fill--BackgroundColor) var(--pf-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop), var(--pf-c-slider__rail-track--before--base--BackgroundColor) var(--pf-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop));
    border-radius: var(--pf-c-slider__rail-track--before--BorderRadius);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-slider__steps {
    font-size: var(--pf-c-slider__steps--FontSize);
    height: var(--pf-c-slider__steps--Height);
    line-height: 1
}

.pf-c-slider__step {
    content: "";
    left: var(--pf-c-slider__step--Left);
    position: absolute;
    top: 0
}

.pf-c-slider__step.pf-m-active {
    --pf-c-slider__step-tick--BackgroundColor: var(--pf-c-slider__step--m-active__slider-tick--BackgroundColor)
}

.pf-c-slider__step:first-child {
    --pf-c-slider__step-tick--TranslateX: var(--pf-c-slider__step--first-child__step-tick--TranslateX);
    --pf-c-slider__step-label--TranslateX: var(--pf-c-slider__step--first-child__step-label--TranslateX)
}

.pf-c-slider__step:last-child {
    --pf-c-slider__step-tick--TranslateX: var(--pf-c-slider__step--last-child__step-tick--TranslateX);
    --pf-c-slider__step-label--TranslateX: var(--pf-c-slider__step--last-child__step-label--TranslateX)
}

.pf-c-slider__step-tick {
    background-color: var(--pf-c-slider__step-tick--BackgroundColor);
    border-radius: var(--pf-c-slider__step-tick--BorderRadius);
    height: var(--pf-c-slider__step-tick--Height);
    left: 0;
    position: absolute;
    top: var(--pf-c-slider__step-tick--Top);
    -webkit-transform: translateX(var(--pf-c-slider__step-tick--TranslateX));
    transform: translateX(var(--pf-c-slider__step-tick--TranslateX));
    width: var(--pf-c-slider__step-tick--Width)
}

.pf-c-slider__step-label {
    position: absolute;
    top: var(--pf-c-slider__step-label--Top);
    -webkit-transform: translateX(var(--pf-c-slider__step-label--TranslateX));
    transform: translateX(var(--pf-c-slider__step-label--TranslateX))
}

.pf-c-slider__thumb {
    background-color: var(--pf-c-slider__thumb--BackgroundColor);
    border-radius: var(--pf-c-slider__thumb--BorderRadius);
    -webkit-box-shadow: var(--pf-c-slider__thumb--BoxShadow);
    box-shadow: var(--pf-c-slider__thumb--BoxShadow);
    cursor: pointer;
    height: var(--pf-c-slider__thumb--Height);
    left: var(--pf-c-slider__thumb--Left);
    position: absolute;
    top: var(--pf-c-slider__thumb--Top);
    -webkit-transform: translate(var(--pf-c-slider__thumb--TranslateX), var(--pf-c-slider__thumb--TranslateY));
    transform: translate(var(--pf-c-slider__thumb--TranslateX), var(--pf-c-slider__thumb--TranslateY));
    width: var(--pf-c-slider__thumb--Width)
}

.pf-c-slider__thumb:before {
    border-radius: var(--pf-c-slider__thumb--before--BorderRadius);
    content: "";
    height: var(--pf-c-slider__thumb--before--Height);
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(var(--pf-c-slider__thumb--before--TranslateX), var(--pf-c-slider__thumb--before--TranslateY));
    transform: translate(var(--pf-c-slider__thumb--before--TranslateX), var(--pf-c-slider__thumb--before--TranslateY));
    width: var(--pf-c-slider__thumb--before--Width)
}

.pf-c-slider__thumb:hover {
    --pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--hover--BoxShadow)
}

.pf-c-slider__thumb:focus {
    --pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--focus--BoxShadow);
    outline: 0
}

.pf-c-slider__thumb:active {
    --pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--active--BoxShadow)
}

.pf-c-slider__value {
    margin-left: var(--pf-c-slider__value--MarginLeft)
}

.pf-c-slider__value.pf-m-floating {
    --pf-c-slider__value--MarginLeft: 0;
    left: var(--pf-c-slider__value--m-floating--Left);
    position: absolute;
    top: 0;
    -webkit-transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
    transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
    z-index: var(--pf-c-slider__value--m-floating--ZIndex)
}

.pf-c-slider__value.pf-m-floating .pf-c-input-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
    left: 100%;
    position: absolute
}

.pf-c-slider__value .pf-c-form-control {
    width: var(--pf-c-slider__value--c-form-control--Width)
}

.pf-c-slider__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: var(--pf-c-slider__actions--MarginRight)
}

.pf-c-slider__main~.pf-c-slider__actions {
    --pf-c-slider__actions--MarginRight: 0;
    margin-left: var(--pf-c-slider__main--actions--MarginLeft)
}

.pf-c-spinner {
    --pf-c-spinner--diameter: var(--pf-global--icon--FontSize--xl);
    --pf-c-spinner--Width: var(--pf-c-spinner--diameter);
    --pf-c-spinner--Height: var(--pf-c-spinner--diameter);
    --pf-c-spinner--Color: var(--pf-global--primary-color--100);
    --pf-c-spinner--m-sm--diameter: var(--pf-global--icon--FontSize--sm);
    --pf-c-spinner--m-md--diameter: var(--pf-global--icon--FontSize--md);
    --pf-c-spinner--m-lg--diameter: var(--pf-global--icon--FontSize--lg);
    --pf-c-spinner--m-xl--diameter: var(--pf-global--icon--FontSize--xl);
    height: var(--pf-c-spinner--Height);
    width: var(--pf-c-spinner--Width)
}

.pf-c-spinner.pf-m-sm {
    --pf-c-spinner--diameter: var(--pf-c-spinner--m-sm--diameter)
}

.pf-c-spinner.pf-m-md {
    --pf-c-spinner--diameter: var(--pf-c-spinner--m-md--diameter)
}

.pf-c-spinner.pf-m-lg {
    --pf-c-spinner--diameter: var(--pf-c-spinner--m-lg--diameter)
}

.pf-c-spinner.pf-m-xl {
    --pf-c-spinner--diameter: var(--pf-c-spinner--m-xl--diameter)
}

span.pf-c-spinner {
    --pf-c-spinner--AnimationDuration: 1.5s;
    --pf-c-spinner--AnimationTimingFunction: cubic-bezier(.77, .005, .315, 1);
    --pf-c-spinner--stroke-width-multiplier: .1;
    --pf-c-spinner--stroke-width: calc(var(--pf-c-spinner--diameter)*var(--pf-c-spinner--stroke-width-multiplier));
    --pf-c-spinner__clipper--Width: var(--pf-c-spinner--diameter);
    --pf-c-spinner__clipper--Height: var(--pf-c-spinner--diameter);
    --pf-c-spinner__clipper--after--BoxShadowColor: var(--pf-c-spinner--Color);
    --pf-c-spinner__clipper--after--Width: var(--pf-c-spinner--diameter);
    --pf-c-spinner__clipper--after--Height: var(--pf-c-spinner--diameter);
    --pf-c-spinner__clipper--after--BoxShadowSpreadRadius: var(--pf-c-spinner--stroke-width);
    --pf-c-spinner__lead-ball--after--BackgroundColor: var(--pf-c-spinner--Color);
    --pf-c-spinner__ball--after--Width: var(--pf-c-spinner--stroke-width);
    --pf-c-spinner__ball--after--Height: var(--pf-c-spinner--stroke-width);
    --pf-c-spinner__tail-ball--after--BackgroundColor: var(--pf-c-spinner--Color);
    -webkit-animation: pf-animation-spinner-parent calc(var(--pf-c-spinner--AnimationDuration)*2) var(--pf-c-spinner--AnimationTimingFunction) infinite;
    animation: pf-animation-spinner-parent calc(var(--pf-c-spinner--AnimationDuration)*2) var(--pf-c-spinner--AnimationTimingFunction) infinite;
    display: inline-block;
    position: relative;
    text-align: left
}

@-webkit-keyframes pf-animation-spinner-parent {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-540deg);
        transform: rotate(-540deg)
    }

    to {
        -webkit-transform: rotate(-3turn);
        transform: rotate(-3turn)
    }
}

@keyframes pf-animation-spinner-parent {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-540deg);
        transform: rotate(-540deg)
    }

    to {
        -webkit-transform: rotate(-3turn);
        transform: rotate(-3turn)
    }
}

.pf-c-spinner__clipper {
    -webkit-animation: pf-animation-spinner__clipper var(--pf-c-spinner--AnimationDuration) linear infinite;
    animation: pf-animation-spinner__clipper var(--pf-c-spinner--AnimationDuration) linear infinite;
    clip-path: inset(0 0 50% 50%);
    height: var(--pf-c-spinner__clipper--Height);
    position: absolute;
    width: var(--pf-c-spinner__clipper--Width)
}

@-webkit-keyframes pf-animation-spinner__clipper {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg)
    }
}

@keyframes pf-animation-spinner__clipper {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg)
    }
}

.pf-c-spinner__clipper:after {
    -webkit-animation: pf-animation-spinner__clipper-after var(--pf-c-spinner--AnimationDuration) linear infinite;
    animation: pf-animation-spinner__clipper-after var(--pf-c-spinner--AnimationDuration) linear infinite;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 var(--pf-c-spinner__clipper--after--BoxShadowSpreadRadius) var(--pf-c-spinner__clipper--after--BoxShadowColor);
    box-shadow: inset 0 0 0 var(--pf-c-spinner__clipper--after--BoxShadowSpreadRadius) var(--pf-c-spinner__clipper--after--BoxShadowColor);
    clip-path: inset(0 0 0 50%);
    content: "";
    height: var(--pf-c-spinner__clipper--after--Height);
    position: absolute;
    width: var(--pf-c-spinner__clipper--after--Width)
}

@-webkit-keyframes pf-animation-spinner__clipper-after {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    to {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

@keyframes pf-animation-spinner__clipper-after {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    to {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

.pf-c-spinner__lead-ball {
    -webkit-animation: pf-animation-spinner__lead-ball var(--pf-c-spinner--AnimationDuration) linear infinite;
    animation: pf-animation-spinner__lead-ball var(--pf-c-spinner--AnimationDuration) linear infinite;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pf-c-spinner__lead-ball:after {
    background-color: var(--pf-c-spinner__lead-ball--after--BackgroundColor);
    border-radius: 50%;
    content: "";
    height: var(--pf-c-spinner__ball--after--Height);
    position: absolute;
    right: 0;
    top: calc(50% - var(--pf-c-spinner__ball--after--Height)/2);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    width: var(--pf-c-spinner__ball--after--Width)
}

@-webkit-keyframes pf-animation-spinner__lead-ball {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    34% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes pf-animation-spinner__lead-ball {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    34% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

.pf-c-spinner__tail-ball {
    -webkit-animation: pf-animation-spinner__tail-ball var(--pf-c-spinner--AnimationDuration) linear infinite;
    animation: pf-animation-spinner__tail-ball var(--pf-c-spinner--AnimationDuration) linear infinite;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pf-c-spinner__tail-ball:after {
    background-color: var(--pf-c-spinner__tail-ball--after--BackgroundColor);
    border-radius: 50%;
    content: "";
    height: var(--pf-c-spinner__ball--after--Height);
    position: absolute;
    right: 0;
    top: calc(50% - var(--pf-c-spinner__ball--after--Height)/2);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    width: var(--pf-c-spinner__ball--after--Width)
}

@-webkit-keyframes pf-animation-spinner__tail-ball {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    67.5% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes pf-animation-spinner__tail-ball {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    67.5% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

svg.pf-c-spinner {
    --pf-c-spinner--diameter: var(--pf-global--icon--FontSize--xl);
    --pf-c-spinner--AnimationDuration: 1.4s;
    --pf-c-spinner--AnimationTimingFunction: linear;
    --pf-c-spinner--stroke-width: 10;
    --pf-c-spinner__path--Stroke: var(--pf-c-spinner--Color);
    --pf-c-spinner__path--StrokeWidth: var(--pf-c-spinner--stroke-width);
    --pf-c-spinner__path--AnimationTimingFunction: ease-in-out;
    --pf-c-spinner--m-sm--diameter: var(--pf-global--icon--FontSize--sm);
    --pf-c-spinner--m-md--diameter: var(--pf-global--icon--FontSize--md);
    --pf-c-spinner--m-lg--diameter: var(--pf-global--icon--FontSize--lg);
    --pf-c-spinner--m-xl--diameter: var(--pf-global--icon--FontSize--xl);
    -webkit-animation: pf-c-spinner-animation-rotate calc(var(--pf-c-spinner--AnimationDuration)*2) var(--pf-c-spinner--AnimationTimingFunction) infinite;
    animation: pf-c-spinner-animation-rotate calc(var(--pf-c-spinner--AnimationDuration)*2) var(--pf-c-spinner--AnimationTimingFunction) infinite
}

svg.pf-c-spinner.pf-m-sm {
    --pf-c-spinner--diameter: var(--pf-c-spinner--m-sm--diameter)
}

svg.pf-c-spinner.pf-m-md {
    --pf-c-spinner--diameter: var(--pf-c-spinner--m-md--diameter)
}

svg.pf-c-spinner.pf-m-lg {
    --pf-c-spinner--diameter: var(--pf-c-spinner--m-lg--diameter)
}

svg.pf-c-spinner.pf-m-xl {
    --pf-c-spinner--diameter: var(--pf-c-spinner--m-xl--diameter)
}

.pf-c-spinner__path {
    stroke: var(--pf-c-spinner--Color);
    stroke-linecap: round;
    stroke-dasharray: 283;
    stroke-dashoffset: 280;
    stroke-width: var(--pf-c-spinner--stroke-width);
    -webkit-animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
    animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
    height: 100%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 100%
}

@-webkit-keyframes pf-c-spinner-animation-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes pf-c-spinner-animation-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes pf-c-spinner-animation-dash {
    0% {
        stroke-dashoffset: 280;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    15% {
        stroke-width: calc(var(--pf-c-spinner__path--StrokeWidth) - 4)
    }

    40% {
        stroke-dashoffset: 150;
        stroke-dasharray: 220
    }

    to {
        stroke-dashoffset: 280;
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

@keyframes pf-c-spinner-animation-dash {
    0% {
        stroke-dashoffset: 280;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    15% {
        stroke-width: calc(var(--pf-c-spinner__path--StrokeWidth) - 4)
    }

    40% {
        stroke-dashoffset: 150;
        stroke-dasharray: 220
    }

    to {
        stroke-dashoffset: 280;
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

.pf-c-switch {
    --pf-c-switch--FontSize: var(--pf-global--FontSize--md);
    --pf-c-switch__label--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-switch--ColumnGap: var(--pf-c-switch__label--PaddingLeft);
    --pf-c-switch__toggle-icon--FontSize: calc(var(--pf-c-switch--FontSize)*0.625);
    --pf-c-switch__toggle-icon--Color: var(--pf-global--Color--light-100);
    --pf-c-switch__toggle-icon--Left: calc(var(--pf-c-switch--FontSize)*0.4);
    --pf-c-switch__toggle-icon--Offset: 0.125rem;
    --pf-c-switch--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-switch--Height: auto;
    --pf-c-switch__input--checked__toggle--BackgroundColor: var(--pf-global--primary-color--100);
    --pf-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-c-switch__toggle-icon--Offset));
    --pf-c-switch__input--checked__label--Color: var(--pf-global--Color--dark-100);
    --pf-c-switch__input--not-checked__label--Color: var(--pf-global--disabled-color--100);
    --pf-c-switch__input--disabled__label--Color: var(--pf-global--disabled-color--100);
    --pf-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-global--Color--dark-200);
    --pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-global--disabled-color--200);
    --pf-c-switch__input--focus__toggle--OutlineWidth: var(--pf-global--BorderWidth--md);
    --pf-c-switch__input--focus__toggle--OutlineOffset: var(--pf-global--spacer--sm);
    --pf-c-switch__input--focus__toggle--OutlineColor: var(--pf-global--primary-color--100);
    --pf-c-switch__toggle--Height: calc(var(--pf-c-switch--FontSize)*var(--pf-c-switch--LineHeight));
    --pf-c-switch__toggle--BackgroundColor: var(--pf-global--disabled-color--200);
    --pf-c-switch__toggle--BorderRadius: var(--pf-c-switch__toggle--Height);
    --pf-c-switch__toggle--before--Width: calc(var(--pf-c-switch--FontSize) - var(--pf-c-switch__toggle-icon--Offset));
    --pf-c-switch__toggle--before--Height: var(--pf-c-switch__toggle--before--Width);
    --pf-c-switch__toggle--before--Top: calc((var(--pf-c-switch__toggle--Height) - var(--pf-c-switch__toggle--before--Height))/2);
    --pf-c-switch__toggle--before--Left: var(--pf-c-switch__toggle--before--Top);
    --pf-c-switch__toggle--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-switch__toggle--before--BorderRadius: var(--pf-global--BorderRadius--lg);
    --pf-c-switch__toggle--before--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-switch__toggle--before--Transition: transform .25s ease 0s;
    --pf-c-switch__toggle--Width: calc(var(--pf-c-switch__toggle--Height) + var(--pf-c-switch__toggle-icon--Offset) + var(--pf-c-switch__toggle--before--Width));
    --pf-c-switch__label--Color: var(--pf-global--Color--dark-100);
    -moz-column-gap: var(--pf-c-switch--ColumnGap);
    -webkit-column-gap: var(--pf-c-switch--ColumnGap);
    column-gap: var(--pf-c-switch--ColumnGap);
    cursor: pointer;
    display: inline-grid;
    font-size: var(--pf-c-switch--FontSize);
    grid-auto-columns: 1fr;
    grid-template-columns: auto;
    height: var(--pf-c-switch--Height);
    line-height: var(--pf-c-switch--LineHeight);
    position: relative;
    vertical-align: middle
}

.pf-c-switch__input {
    cursor: pointer;
    opacity: 0;
    position: absolute
}

.pf-c-switch__input:focus~.pf-c-switch__toggle {
    outline: var(--pf-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-c-switch__input--focus__toggle--OutlineColor);
    outline-offset: var(--pf-c-switch__input--focus__toggle--OutlineOffset)
}

.pf-c-switch__input:checked~.pf-c-switch__label {
    color: var(--pf-c-switch__input--checked__label--Color)
}

.pf-c-switch__input:checked~.pf-c-switch__toggle {
    background-color: var(--pf-c-switch__input--checked__toggle--BackgroundColor)
}

.pf-c-switch__input:checked~.pf-c-switch__toggle:before {
    -webkit-transform: translateX(var(--pf-c-switch__input--checked__toggle--before--TranslateX));
    transform: translateX(var(--pf-c-switch__input--checked__toggle--before--TranslateX))
}

.pf-c-switch__input:checked~.pf-m-off {
    display: none
}

.pf-c-switch__input:not(:checked)~.pf-c-switch__label {
    color: var(--pf-c-switch__input--not-checked__label--Color)
}

.pf-c-switch__input:not(:checked)~.pf-c-switch__toggle .pf-c-switch__toggle-icon {
    display: none;
    visibility: hidden
}

.pf-c-switch__input:not(:checked)~.pf-m-on {
    display: none
}

.pf-c-switch__input:disabled {
    cursor: not-allowed
}

.pf-c-switch__input:disabled~.pf-c-switch__label {
    color: var(--pf-c-switch__input--disabled__label--Color);
    cursor: not-allowed
}

.pf-c-switch__input:disabled~.pf-c-switch__toggle {
    background-color: var(--pf-c-switch__input--disabled__toggle--BackgroundColor);
    cursor: not-allowed
}

.pf-c-switch__input:disabled~.pf-c-switch__toggle:before {
    background-color: var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor)
}

.pf-c-switch__toggle {
    background-color: var(--pf-c-switch__toggle--BackgroundColor);
    border-radius: var(--pf-c-switch__toggle--BorderRadius);
    display: inline-block;
    height: var(--pf-c-switch__toggle--Height);
    position: relative;
    width: var(--pf-c-switch__toggle--Width)
}

.pf-c-switch__toggle:before {
    background-color: var(--pf-c-switch__toggle--before--BackgroundColor);
    border-radius: var(--pf-c-switch__toggle--before--BorderRadius);
    -webkit-box-shadow: var(--pf-c-switch__toggle--before--BoxShadow);
    box-shadow: var(--pf-c-switch__toggle--before--BoxShadow);
    content: "";
    display: block;
    height: var(--pf-c-switch__toggle--before--Height);
    left: var(--pf-c-switch__toggle--before--Left);
    position: absolute;
    top: var(--pf-c-switch__toggle--before--Top);
    -webkit-transition: var(--pf-c-switch__toggle--before--Transition);
    transition: var(--pf-c-switch__toggle--before--Transition);
    width: var(--pf-c-switch__toggle--before--Width)
}

.pf-c-switch__toggle-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    color: var(--pf-c-switch__toggle-icon--Color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--pf-c-switch__toggle-icon--FontSize);
    left: var(--pf-c-switch__toggle-icon--Left);
    position: absolute;
    top: 0
}

.pf-c-switch__label {
    color: var(--pf-c-switch__label--Color);
    display: inline-block;
    grid-column: 2;
    vertical-align: top
}

.pf-c-tab-content {
    --pf-c-tab-content__body--PaddingTop: 0;
    --pf-c-tab-content__body--PaddingRight: 0;
    --pf-c-tab-content__body--PaddingBottom: 0;
    --pf-c-tab-content__body--PaddingLeft: 0;
    --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300)
}

@media screen and (min-width:1200px) {
    .pf-c-tab-content {
        --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
        --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
        --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
        --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft)
    }
}

.pf-c-tab-content.pf-m-light-300 {
    background-color: var(--pf-c-tab-content--m-light-300)
}

.pf-c-tab-content__body {
    padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft)
}

.pf-c-tab-content__body.pf-m-padding {
    --pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
    --pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
    --pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
    --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft)
}

.pf-c-table[class*=pf-m-grid] {
    --pf-c-table--responsive--BorderColor: var(--pf-global--BorderColor--300);
    --pf-c-table--tbody--responsive--border-width--base: var(--pf-global--spacer--sm);
    --pf-c-table--tbody--after--border-width--base: var(--pf-global--BorderWidth--lg);
    --pf-c-table--tbody--after--BorderLeftWidth: 0;
    --pf-c-table--tbody--after--BorderColor: var(--pf-global--active-color--100);
    --pf-c-table-tr--responsive--border-width--base: var(--pf-global--spacer--sm);
    --pf-c-table-tr--responsive--last-child--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-table-tr--responsive--GridColumnGap: var(--pf-global--spacer--md);
    --pf-c-table-tr--responsive--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-table-tr--responsive--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-table-tr--responsive--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-table-tr--responsive--xl--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-table-tr--responsive--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-table-tr--responsive--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-table-tr--responsive--xl--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-table-tr--responsive--nested-table--PaddingTop: var(--pf-global--spacer--xl);
    --pf-c-table-tr--responsive--nested-table--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-table-tr--responsive--nested-table--PaddingBottom: var(--pf-global--spacer--xl);
    --pf-c-table-tr--responsive--nested-table--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-table--tbody--after--tr--BorderLeftWidth: 0;
    --pf-c-table--tbody--after--tr--BorderLeftColor: transparent;
    --pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth: var(--pf-c-table__expandable-row--after--border-width--base);
    --pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor: var(--pf-global--active-color--400);
    --pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth: var(--pf-c-table__expandable-row--after--border-width--base);
    --pf-c-table--tbody--m-selected--after--tr--BorderLeftColor: var(--pf-global--active-color--100);
    --pf-c-table--m-grid--cell--hidden-visible--Display: grid;
    --pf-c-table--m-grid--cell--PaddingTop: 0;
    --pf-c-table--m-grid--cell--PaddingRight: 0;
    --pf-c-table--m-grid--cell--PaddingBottom: 0;
    --pf-c-table--m-grid--cell--PaddingLeft: 0;
    --pf-c-table-td--responsive--GridColumnGap: var(--pf-global--spacer--md);
    --pf-c-table--cell--responsive--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-table--cell--responsive--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-table--cell--first-child--responsive--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-table--cell--responsive--PaddingRight: 0;
    --pf-c-table--cell--responsive--PaddingLeft: 0;
    --pf-c-table--m-compact-tr--responsive--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-table--m-compact-tr--responsive--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-table--m-compact-tr-td--responsive--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-table--m-compact-tr-td--responsive--PaddingBottom: var(--pf-global--spacer--xs);
    --pf-c-table--m-compact__action--responsive--MarginTop: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-table--m-compact__action--responsive--MarginBottom: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom: -0.375rem;
    --pf-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-table__expandable-row-content--responsive--xl--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-table__expandable-row-content--responsive--xl--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-table__expandable-row-content--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-table__check--responsive--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-table__check--responsive--MarginTop: 0.875rem;
    --pf-c-table--m-grid__favorite--MarginTop: 0.5rem;
    --pf-c-table--m-grid__check--favorite--MarginLeft: var(--pf-global--spacer--xl);
    --pf-c-table--m-grid__action--MarginTop: 0.375rem;
    --pf-c-table__action--responsive--MarginLeft: var(--pf-global--spacer--xl);
    --pf-c-table--m-grid__favorite--action--MarginLeft: var(--pf-global--spacer--2xl);
    --pf-c-table--m-grid__check--favorite--action--MarginLeft: calc(var(--pf-c-table--m-grid__check--favorite--MarginLeft) + var(--pf-c-table--m-grid__favorite--action--MarginLeft));
    --pf-c-table__toggle__icon--Transition: .2s ease-in 0s;
    --pf-c-table__toggle--m-expanded__icon--Rotate: 180deg
}

@media screen and (max-width:1200px) {
    .pf-c-table[class*=pf-m-grid] {
        --pf-c-table-tr--responsive--PaddingRight: var(--pf-c-table-tr--responsive--xl--PaddingRight);
        --pf-c-table-tr--responsive--PaddingLeft: var(--pf-c-table-tr--responsive--xl--PaddingLeft);
        --pf-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-c-table__expandable-row-content--responsive--xl--PaddingRight);
        --pf-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-c-table__expandable-row-content--responsive--xl--PaddingLeft)
    }
}

.pf-m-grid.pf-c-table {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
    --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-grid--cell--PaddingRight);
    --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-grid--cell--PaddingBottom);
    --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
    --pf-c-table__favorite--c-button--MarginTop: auto;
    --pf-c-table__favorite--c-button--MarginRight: auto;
    --pf-c-table__favorite--c-button--MarginBottom: auto;
    --pf-c-table__favorite--c-button--MarginLeft: auto;
    border: none;
    display: grid
}

.pf-m-grid.pf-c-table tr>* {
    max-width: none;
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    width: auto
}

.pf-m-grid.pf-c-table .pf-c-table__text {
    max-width: none;
    min-width: 0;
    overflow: var(--pf-c-table--cell--Overflow);
    position: relative;
    text-overflow: var(--pf-c-table--cell--TextOverflow);
    white-space: var(--pf-c-table--cell--WhiteSpace);
    width: auto
}

.pf-m-grid.pf-c-table thead {
    display: none;
    visibility: hidden
}

.pf-m-grid.pf-c-table tbody {
    display: block
}

.pf-m-grid.pf-c-table tbody:first-of-type {
    border-top: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor)
}

.pf-m-grid.pf-c-table table.pf-m-compact>tbody {
    border-top: 0
}

.pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) {
    border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor)
}

.pf-m-grid.pf-c-table tbody:last-of-type:not(:only-of-type)>tr,
.pf-m-grid.pf-c-table tr:last-child {
    border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth)
}

.pf-m-grid.pf-c-table tbody.pf-m-expanded {
    border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor)
}

.pf-m-grid.pf-c-table tbody.pf-m-expanded tr:not(.pf-c-table__expandable-row) {
    border-bottom: 0
}

.pf-m-grid.pf-c-table tbody.pf-m-expanded:not(:last-of-type) {
    border-bottom: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor)
}

.pf-m-grid.pf-c-table tr.pf-m-selected {
    --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
    --pf-c-table__expandable-row--after--BorderColor: transparent
}

.pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) {
    grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap);
    display: grid;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    grid-template-columns: 1fr;
    height: auto;
    padding: var(--pf-c-table-tr--responsive--PaddingTop) var(--pf-c-table-tr--responsive--PaddingRight) var(--pf-c-table-tr--responsive--PaddingBottom) var(--pf-c-table-tr--responsive--PaddingLeft)
}

.pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row)>* {
    padding: var(--pf-c-table--cell--responsive--PaddingTop) var(--pf-c-table--cell--responsive--PaddingRight) var(--pf-c-table--cell--responsive--PaddingBottom) var(--pf-c-table--cell--responsive--PaddingLeft)
}

.pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row)>:first-child {
    --pf-c-table--cell--responsive--PaddingTop: var(--pf-c-table--cell--first-child--responsive--PaddingTop)
}

.pf-m-grid.pf-c-table.pf-m-compact {
    --pf-c-table-tr--responsive--PaddingTop: var(--pf-c-table--m-compact-tr--responsive--PaddingTop);
    --pf-c-table-tr--responsive--PaddingBottom: var(--pf-c-table--m-compact-tr--responsive--PaddingBottom);
    --pf-c-table--cell--responsive--PaddingTop: var(--pf-c-table--m-compact-tr-td--responsive--PaddingTop);
    --pf-c-table--cell--responsive--PaddingBottom: var(--pf-c-table--m-compact-tr-td--responsive--PaddingBottom);
    --pf-c-table__check--input--MarginTop: 0
}

.pf-m-grid.pf-c-table.pf-m-compact .pf-c-table__action {
    margin-bottom: var(--pf-c-table--m-compact__action--responsive--MarginTop);
    margin-top: var(--pf-c-table--m-compact__action--responsive--MarginTop)
}

.pf-m-grid.pf-c-table.pf-m-compact .pf-c-table__toggle .pf-c-button {
    margin-bottom: var(--pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom)
}

.pf-m-grid.pf-c-table .pf-c-table__icon>* {
    text-align: left
}

.pf-m-grid.pf-c-table [data-label] {
    --pf-c-table--cell--hidden-visible--Display: var(--pf-c-table--m-grid--cell--hidden-visible--Display);
    grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    grid-column: 1;
    grid-template-columns: 1fr minmax(0, 1.5fr)
}

.pf-m-grid.pf-c-table [data-label]>* {
    grid-column: 2
}

.pf-m-grid.pf-c-table [data-label]:before {
    content: attr(data-label);
    font-weight: 700;
    text-align: left
}

.pf-m-grid.pf-c-table tr>:first-child {
    --pf-c-table--cell--PaddingLeft: 0
}

.pf-m-grid.pf-c-table tr>:last-child {
    --pf-c-table--cell--PaddingRight: 0
}

.pf-m-grid.pf-c-table .pf-c-table {
    --pf-c-table-tr--responsive--PaddingTop: var(--pf-c-table-tr--responsive--nested-table--PaddingTop);
    --pf-c-table-tr--responsive--PaddingRight: var(--pf-c-table-tr--responsive--nested-table--PaddingRight);
    --pf-c-table-tr--responsive--PaddingBottom: var(--pf-c-table-tr--responsive--nested-table--PaddingBottom);
    --pf-c-table-tr--responsive--PaddingLeft: var(--pf-c-table-tr--responsive--nested-table--PaddingLeft);
    border: 0
}

.pf-m-grid.pf-c-table .pf-c-table tr:not(.pf-c-table__expandable-row)+tr:not(.pf-c-table__expandable-row) {
    --pf-c-table-tr--responsive--PaddingTop: 0
}

.pf-m-grid.pf-c-table .pf-c-table__compound-expansion-toggle {
    --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
    --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
    --pf-c-table__compound-expansion-toggle__button--after--Top: 100%
}

.pf-m-grid.pf-c-table tbody {
    position: relative
}

.pf-m-grid.pf-c-table tbody:after {
    border: 0;
    border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid var(--pf-c-table--tbody--after--BorderColor);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0
}

.pf-m-grid.pf-c-table tbody.pf-m-expanded {
    --pf-c-table--tbody--after--BorderLeftWidth: var(--pf-c-table--tbody--after--border-width--base)
}

.pf-m-grid.pf-c-table tbody.pf-m-expanded tbody {
    --pf-c-table--tbody--after--BorderLeftWidth: 0
}

.pf-m-grid.pf-c-table tbody>tr>:first-child:not(.pf-c-table__check):after {
    --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
    background-color: transparent;
    position: static;
    width: auto
}

.pf-m-grid.pf-c-table .pf-c-table__expandable-row {
    --pf-c-table--cell--responsive--PaddingTop: 0;
    --pf-c-table--cell--responsive--PaddingRight: 0;
    --pf-c-table--cell--responsive--PaddingBottom: 0;
    --pf-c-table--cell--responsive--PaddingLeft: 0;
    --pf-c-table--cell--PaddingRight: 0;
    --pf-c-table--cell--PaddingLeft: 0;
    border-bottom: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    max-height: var(--pf-c-table__expandable-row--MaxHeight);
    overflow-y: auto
}

.pf-m-grid.pf-c-table .pf-c-table__expandable-row>* {
    display: block;
    position: static
}

.pf-m-grid.pf-c-table .pf-c-table__expandable-row.pf-m-expanded {
    border-top-color: var(--pf-c-table--BorderColor)
}

.pf-m-grid.pf-c-table .pf-c-table__expandable-row>:first-child:not(.pf-c-table__check):after {
    content: none
}

.pf-m-grid.pf-c-table .pf-c-table__expandable-row td.pf-m-no-padding .pf-c-table__expandable-row-content,
.pf-m-grid.pf-c-table .pf-c-table__expandable-row th.pf-m-no-padding .pf-c-table__expandable-row-content {
    padding: 0
}

.pf-m-grid.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
    display: none;
    visibility: hidden
}

.pf-m-grid.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
    padding-left: var(--pf-c-table__expandable-row-content--responsive--PaddingLeft);
    padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight)
}

.pf-m-grid.pf-c-table tbody.pf-m-hoverable {
    --pf-c-table--tbody--after--BorderLeftWidth: 0;
    --pf-c-table--tbody--after--BorderLeftColor: transparent
}

.pf-m-grid.pf-c-table tbody.pf-m-hoverable,
.pf-m-grid.pf-c-table tbody.pf-m-hoverable>tr {
    position: relative
}

.pf-m-grid.pf-c-table tbody.pf-m-hoverable>tr:after {
    background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth)
}

.pf-m-grid.pf-c-table tbody.pf-m-hoverable.pf-m-expanded {
    --pf-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth);
    --pf-c-table--tbody--after--tr--BorderLeftColor: var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor)
}

.pf-m-grid.pf-c-table tbody.pf-m-hoverable.pf-m-selected {
    --pf-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth);
    --pf-c-table--tbody--after--tr--BorderLeftColor: var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftColor)
}

.pf-m-grid.pf-c-table tr.pf-m-selected:after {
    background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth)
}

.pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action,
.pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
.pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
.pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle {
    padding: 0;
    width: auto
}

.pf-m-grid.pf-c-table .pf-c-table__toggle {
    grid-column: -1;
    grid-row-start: 20;
    justify-self: end;
    padding-right: 0
}

.pf-m-grid.pf-c-table .pf-c-table__toggle:after {
    content: none
}

.pf-m-grid.pf-c-table .pf-c-table__button {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
    --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-grid--cell--PaddingRight);
    --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-grid--cell--PaddingBottom);
    --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft)
}

.pf-m-grid.pf-c-table .pf-c-table__action,
.pf-m-grid.pf-c-table .pf-c-table__check,
.pf-m-grid.pf-c-table .pf-c-table__favorite {
    grid-column-start: 2;
    grid-row-start: 1
}

.pf-m-grid.pf-c-table .pf-c-table__check {
    margin-left: var(--pf-c-table__check--responsive--MarginLeft);
    margin-top: var(--pf-c-table__check--responsive--MarginTop)
}

.pf-m-grid.pf-c-table .pf-c-table__check~.pf-c-table__favorite {
    margin-left: var(--pf-c-table--m-grid__check--favorite--MarginLeft)
}

.pf-m-grid.pf-c-table .pf-c-table__check~.pf-c-table__favorite~.pf-c-table__action {
    margin-left: var(--pf-c-table--m-grid__check--favorite--action--MarginLeft)
}

.pf-m-grid.pf-c-table .pf-c-table__check~.pf-c-table__action {
    margin-left: var(--pf-c-table__action--responsive--MarginLeft)
}

.pf-m-grid.pf-c-table .pf-c-table__favorite {
    margin-top: var(--pf-c-table--m-grid__favorite--MarginTop)
}

.pf-m-grid.pf-c-table .pf-c-table__favorite~.pf-c-table__action {
    margin-left: var(--pf-c-table--m-grid__favorite--action--MarginLeft)
}

.pf-m-grid.pf-c-table .pf-c-table__action {
    margin-top: var(--pf-c-table--m-grid__action--MarginTop);
    text-align: right
}

@media screen and (max-width:576px) {
    .pf-m-grid.pf-c-table .pf-c-table__action {
        grid-column-start: 2;
        grid-row-start: 1;
        margin-left: 0
    }
}

.pf-m-grid.pf-c-table .pf-c-table__inline-edit-action {
    grid-column: 2;
    grid-row: 2
}

.pf-m-grid.pf-c-table .pf-c-table__toggle-icon {
    -webkit-transition: var(--pf-c-table__toggle__icon--Transition);
    transition: var(--pf-c-table__toggle__icon--Transition)
}

.pf-c-button.pf-m-expanded>.pf-m-grid.pf-c-table .pf-c-table__toggle-icon {
    -webkit-transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate));
    transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate))
}

.pf-m-grid.pf-c-table .pf-m-nowrap {
    --pf-c-table--cell--Overflow: auto
}

.pf-m-grid.pf-c-table .pf-m-fit-content {
    white-space: normal;
    width: auto
}

.pf-m-grid.pf-c-table .pf-m-truncate {
    --pf-c-table--cell--MaxWidth: 100%
}

.pf-m-grid.pf-c-table [class*=pf-m-width] {
    --pf-c-table--cell--Width: auto
}

@media screen and (max-width:768px) {
    .pf-m-grid-md.pf-c-table {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
        --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-grid--cell--PaddingRight);
        --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-grid--cell--PaddingBottom);
        --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
        --pf-c-table__favorite--c-button--MarginTop: auto;
        --pf-c-table__favorite--c-button--MarginRight: auto;
        --pf-c-table__favorite--c-button--MarginBottom: auto;
        --pf-c-table__favorite--c-button--MarginLeft: auto;
        border: none;
        display: grid
    }

    .pf-m-grid-md.pf-c-table tr>* {
        max-width: none;
        min-width: 0;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        width: auto
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__text {
        max-width: none;
        min-width: 0;
        overflow: var(--pf-c-table--cell--Overflow);
        position: relative;
        text-overflow: var(--pf-c-table--cell--TextOverflow);
        white-space: var(--pf-c-table--cell--WhiteSpace);
        width: auto
    }

    .pf-m-grid-md.pf-c-table thead {
        display: none;
        visibility: hidden
    }

    .pf-m-grid-md.pf-c-table tbody {
        display: block
    }

    .pf-m-grid-md.pf-c-table tbody:first-of-type {
        border-top: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor)
    }

    .pf-m-grid-md.pf-c-table table.pf-m-compact>tbody {
        border-top: 0
    }

    .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) {
        border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor)
    }

    .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type)>tr,
    .pf-m-grid-md.pf-c-table tr:last-child {
        border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth)
    }

    .pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
        border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor)
    }

    .pf-m-grid-md.pf-c-table tbody.pf-m-expanded tr:not(.pf-c-table__expandable-row) {
        border-bottom: 0
    }

    .pf-m-grid-md.pf-c-table tbody.pf-m-expanded:not(:last-of-type) {
        border-bottom: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor)
    }

    .pf-m-grid-md.pf-c-table tr.pf-m-selected {
        --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
        --pf-c-table__expandable-row--after--BorderColor: transparent
    }

    .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) {
        grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap);
        display: grid;
        grid-auto-columns: -webkit-max-content;
        grid-auto-columns: max-content;
        grid-template-columns: 1fr;
        height: auto;
        padding: var(--pf-c-table-tr--responsive--PaddingTop) var(--pf-c-table-tr--responsive--PaddingRight) var(--pf-c-table-tr--responsive--PaddingBottom) var(--pf-c-table-tr--responsive--PaddingLeft)
    }

    .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row)>* {
        padding: var(--pf-c-table--cell--responsive--PaddingTop) var(--pf-c-table--cell--responsive--PaddingRight) var(--pf-c-table--cell--responsive--PaddingBottom) var(--pf-c-table--cell--responsive--PaddingLeft)
    }

    .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row)>:first-child {
        --pf-c-table--cell--responsive--PaddingTop: var(--pf-c-table--cell--first-child--responsive--PaddingTop)
    }

    .pf-m-grid-md.pf-c-table.pf-m-compact {
        --pf-c-table-tr--responsive--PaddingTop: var(--pf-c-table--m-compact-tr--responsive--PaddingTop);
        --pf-c-table-tr--responsive--PaddingBottom: var(--pf-c-table--m-compact-tr--responsive--PaddingBottom);
        --pf-c-table--cell--responsive--PaddingTop: var(--pf-c-table--m-compact-tr-td--responsive--PaddingTop);
        --pf-c-table--cell--responsive--PaddingBottom: var(--pf-c-table--m-compact-tr-td--responsive--PaddingBottom);
        --pf-c-table__check--input--MarginTop: 0
    }

    .pf-m-grid-md.pf-c-table.pf-m-compact .pf-c-table__action {
        margin-bottom: var(--pf-c-table--m-compact__action--responsive--MarginTop);
        margin-top: var(--pf-c-table--m-compact__action--responsive--MarginTop)
    }

    .pf-m-grid-md.pf-c-table.pf-m-compact .pf-c-table__toggle .pf-c-button {
        margin-bottom: var(--pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom)
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__icon>* {
        text-align: left
    }

    .pf-m-grid-md.pf-c-table [data-label] {
        --pf-c-table--cell--hidden-visible--Display: var(--pf-c-table--m-grid--cell--hidden-visible--Display);
        grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        grid-column: 1;
        grid-template-columns: 1fr minmax(0, 1.5fr)
    }

    .pf-m-grid-md.pf-c-table [data-label]>* {
        grid-column: 2
    }

    .pf-m-grid-md.pf-c-table [data-label]:before {
        content: attr(data-label);
        font-weight: 700;
        text-align: left
    }

    .pf-m-grid-md.pf-c-table tr>:first-child {
        --pf-c-table--cell--PaddingLeft: 0
    }

    .pf-m-grid-md.pf-c-table tr>:last-child {
        --pf-c-table--cell--PaddingRight: 0
    }

    .pf-m-grid-md.pf-c-table .pf-c-table {
        --pf-c-table-tr--responsive--PaddingTop: var(--pf-c-table-tr--responsive--nested-table--PaddingTop);
        --pf-c-table-tr--responsive--PaddingRight: var(--pf-c-table-tr--responsive--nested-table--PaddingRight);
        --pf-c-table-tr--responsive--PaddingBottom: var(--pf-c-table-tr--responsive--nested-table--PaddingBottom);
        --pf-c-table-tr--responsive--PaddingLeft: var(--pf-c-table-tr--responsive--nested-table--PaddingLeft);
        border: 0
    }

    .pf-m-grid-md.pf-c-table .pf-c-table tr:not(.pf-c-table__expandable-row)+tr:not(.pf-c-table__expandable-row) {
        --pf-c-table-tr--responsive--PaddingTop: 0
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__compound-expansion-toggle {
        --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
        --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
        --pf-c-table__compound-expansion-toggle__button--after--Top: 100%
    }

    .pf-m-grid-md.pf-c-table tbody {
        position: relative
    }

    .pf-m-grid-md.pf-c-table tbody:after {
        border: 0;
        border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid var(--pf-c-table--tbody--after--BorderColor);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0
    }

    .pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
        --pf-c-table--tbody--after--BorderLeftWidth: var(--pf-c-table--tbody--after--border-width--base)
    }

    .pf-m-grid-md.pf-c-table tbody.pf-m-expanded tbody {
        --pf-c-table--tbody--after--BorderLeftWidth: 0
    }

    .pf-m-grid-md.pf-c-table tbody>tr>:first-child:not(.pf-c-table__check):after {
        --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
        background-color: transparent;
        position: static;
        width: auto
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row {
        --pf-c-table--cell--responsive--PaddingTop: 0;
        --pf-c-table--cell--responsive--PaddingRight: 0;
        --pf-c-table--cell--responsive--PaddingBottom: 0;
        --pf-c-table--cell--responsive--PaddingLeft: 0;
        --pf-c-table--cell--PaddingRight: 0;
        --pf-c-table--cell--PaddingLeft: 0;
        border-bottom: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        max-height: var(--pf-c-table__expandable-row--MaxHeight);
        overflow-y: auto
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row>* {
        display: block;
        position: static
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row.pf-m-expanded {
        border-top-color: var(--pf-c-table--BorderColor)
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row>:first-child:not(.pf-c-table__check):after {
        content: none
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row td.pf-m-no-padding .pf-c-table__expandable-row-content,
    .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row th.pf-m-no-padding .pf-c-table__expandable-row-content {
        padding: 0
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
        display: none;
        visibility: hidden
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
        padding-left: var(--pf-c-table__expandable-row-content--responsive--PaddingLeft);
        padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight)
    }

    .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable {
        --pf-c-table--tbody--after--BorderLeftWidth: 0;
        --pf-c-table--tbody--after--BorderLeftColor: transparent
    }

    .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
    .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable>tr {
        position: relative
    }

    .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable>tr:after {
        background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth)
    }

    .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable.pf-m-expanded {
        --pf-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth);
        --pf-c-table--tbody--after--tr--BorderLeftColor: var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor)
    }

    .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable.pf-m-selected {
        --pf-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth);
        --pf-c-table--tbody--after--tr--BorderLeftColor: var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftColor)
    }

    .pf-m-grid-md.pf-c-table tr.pf-m-selected:after {
        background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth)
    }

    .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action,
    .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
    .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
    .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle {
        padding: 0;
        width: auto
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__toggle {
        grid-column: -1;
        grid-row-start: 20;
        justify-self: end;
        padding-right: 0
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__toggle:after {
        content: none
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__button {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
        --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-grid--cell--PaddingRight);
        --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-grid--cell--PaddingBottom);
        --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft)
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__action,
    .pf-m-grid-md.pf-c-table .pf-c-table__check,
    .pf-m-grid-md.pf-c-table .pf-c-table__favorite {
        grid-column-start: 2;
        grid-row-start: 1
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__check {
        margin-left: var(--pf-c-table__check--responsive--MarginLeft);
        margin-top: var(--pf-c-table__check--responsive--MarginTop)
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__check~.pf-c-table__favorite {
        margin-left: var(--pf-c-table--m-grid__check--favorite--MarginLeft)
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__check~.pf-c-table__favorite~.pf-c-table__action {
        margin-left: var(--pf-c-table--m-grid__check--favorite--action--MarginLeft)
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__check~.pf-c-table__action {
        margin-left: var(--pf-c-table__action--responsive--MarginLeft)
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__favorite {
        margin-top: var(--pf-c-table--m-grid__favorite--MarginTop)
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__favorite~.pf-c-table__action {
        margin-left: var(--pf-c-table--m-grid__favorite--action--MarginLeft)
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__action {
        margin-top: var(--pf-c-table--m-grid__action--MarginTop);
        text-align: right
    }
}

@media screen and (max-width:768px) and (max-width:576px) {
    .pf-m-grid-md.pf-c-table .pf-c-table__action {
        grid-column-start: 2;
        grid-row-start: 1;
        margin-left: 0
    }
}

@media screen and (max-width:768px) {
    .pf-m-grid-md.pf-c-table .pf-c-table__inline-edit-action {
        grid-column: 2;
        grid-row: 2
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__toggle-icon {
        -webkit-transition: var(--pf-c-table__toggle__icon--Transition);
        transition: var(--pf-c-table__toggle__icon--Transition)
    }

    .pf-c-button.pf-m-expanded>.pf-m-grid-md.pf-c-table .pf-c-table__toggle-icon {
        -webkit-transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate));
        transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate))
    }

    .pf-m-grid-md.pf-c-table .pf-m-nowrap {
        --pf-c-table--cell--Overflow: auto
    }

    .pf-m-grid-md.pf-c-table .pf-m-fit-content {
        white-space: normal;
        width: auto
    }

    .pf-m-grid-md.pf-c-table .pf-m-truncate {
        --pf-c-table--cell--MaxWidth: 100%
    }

    .pf-m-grid-md.pf-c-table [class*=pf-m-width] {
        --pf-c-table--cell--Width: auto
    }
}

@media screen and (max-width:992px) {
    .pf-m-grid-lg.pf-c-table {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
        --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-grid--cell--PaddingRight);
        --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-grid--cell--PaddingBottom);
        --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
        --pf-c-table__favorite--c-button--MarginTop: auto;
        --pf-c-table__favorite--c-button--MarginRight: auto;
        --pf-c-table__favorite--c-button--MarginBottom: auto;
        --pf-c-table__favorite--c-button--MarginLeft: auto;
        border: none;
        display: grid
    }

    .pf-m-grid-lg.pf-c-table tr>* {
        max-width: none;
        min-width: 0;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        width: auto
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__text {
        max-width: none;
        min-width: 0;
        overflow: var(--pf-c-table--cell--Overflow);
        position: relative;
        text-overflow: var(--pf-c-table--cell--TextOverflow);
        white-space: var(--pf-c-table--cell--WhiteSpace);
        width: auto
    }

    .pf-m-grid-lg.pf-c-table thead {
        display: none;
        visibility: hidden
    }

    .pf-m-grid-lg.pf-c-table tbody {
        display: block
    }

    .pf-m-grid-lg.pf-c-table tbody:first-of-type {
        border-top: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor)
    }

    .pf-m-grid-lg.pf-c-table table.pf-m-compact>tbody {
        border-top: 0
    }

    .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) {
        border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor)
    }

    .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type)>tr,
    .pf-m-grid-lg.pf-c-table tr:last-child {
        border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth)
    }

    .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
        border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor)
    }

    .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded tr:not(.pf-c-table__expandable-row) {
        border-bottom: 0
    }

    .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded:not(:last-of-type) {
        border-bottom: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor)
    }

    .pf-m-grid-lg.pf-c-table tr.pf-m-selected {
        --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
        --pf-c-table__expandable-row--after--BorderColor: transparent
    }

    .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) {
        grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap);
        display: grid;
        grid-auto-columns: -webkit-max-content;
        grid-auto-columns: max-content;
        grid-template-columns: 1fr;
        height: auto;
        padding: var(--pf-c-table-tr--responsive--PaddingTop) var(--pf-c-table-tr--responsive--PaddingRight) var(--pf-c-table-tr--responsive--PaddingBottom) var(--pf-c-table-tr--responsive--PaddingLeft)
    }

    .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row)>* {
        padding: var(--pf-c-table--cell--responsive--PaddingTop) var(--pf-c-table--cell--responsive--PaddingRight) var(--pf-c-table--cell--responsive--PaddingBottom) var(--pf-c-table--cell--responsive--PaddingLeft)
    }

    .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row)>:first-child {
        --pf-c-table--cell--responsive--PaddingTop: var(--pf-c-table--cell--first-child--responsive--PaddingTop)
    }

    .pf-m-grid-lg.pf-c-table.pf-m-compact {
        --pf-c-table-tr--responsive--PaddingTop: var(--pf-c-table--m-compact-tr--responsive--PaddingTop);
        --pf-c-table-tr--responsive--PaddingBottom: var(--pf-c-table--m-compact-tr--responsive--PaddingBottom);
        --pf-c-table--cell--responsive--PaddingTop: var(--pf-c-table--m-compact-tr-td--responsive--PaddingTop);
        --pf-c-table--cell--responsive--PaddingBottom: var(--pf-c-table--m-compact-tr-td--responsive--PaddingBottom);
        --pf-c-table__check--input--MarginTop: 0
    }

    .pf-m-grid-lg.pf-c-table.pf-m-compact .pf-c-table__action {
        margin-bottom: var(--pf-c-table--m-compact__action--responsive--MarginTop);
        margin-top: var(--pf-c-table--m-compact__action--responsive--MarginTop)
    }

    .pf-m-grid-lg.pf-c-table.pf-m-compact .pf-c-table__toggle .pf-c-button {
        margin-bottom: var(--pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom)
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__icon>* {
        text-align: left
    }

    .pf-m-grid-lg.pf-c-table [data-label] {
        --pf-c-table--cell--hidden-visible--Display: var(--pf-c-table--m-grid--cell--hidden-visible--Display);
        grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        grid-column: 1;
        grid-template-columns: 1fr minmax(0, 1.5fr)
    }

    .pf-m-grid-lg.pf-c-table [data-label]>* {
        grid-column: 2
    }

    .pf-m-grid-lg.pf-c-table [data-label]:before {
        content: attr(data-label);
        font-weight: 700;
        text-align: left
    }

    .pf-m-grid-lg.pf-c-table tr>:first-child {
        --pf-c-table--cell--PaddingLeft: 0
    }

    .pf-m-grid-lg.pf-c-table tr>:last-child {
        --pf-c-table--cell--PaddingRight: 0
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table {
        --pf-c-table-tr--responsive--PaddingTop: var(--pf-c-table-tr--responsive--nested-table--PaddingTop);
        --pf-c-table-tr--responsive--PaddingRight: var(--pf-c-table-tr--responsive--nested-table--PaddingRight);
        --pf-c-table-tr--responsive--PaddingBottom: var(--pf-c-table-tr--responsive--nested-table--PaddingBottom);
        --pf-c-table-tr--responsive--PaddingLeft: var(--pf-c-table-tr--responsive--nested-table--PaddingLeft);
        border: 0
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table tr:not(.pf-c-table__expandable-row)+tr:not(.pf-c-table__expandable-row) {
        --pf-c-table-tr--responsive--PaddingTop: 0
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__compound-expansion-toggle {
        --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
        --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
        --pf-c-table__compound-expansion-toggle__button--after--Top: 100%
    }

    .pf-m-grid-lg.pf-c-table tbody {
        position: relative
    }

    .pf-m-grid-lg.pf-c-table tbody:after {
        border: 0;
        border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid var(--pf-c-table--tbody--after--BorderColor);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0
    }

    .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
        --pf-c-table--tbody--after--BorderLeftWidth: var(--pf-c-table--tbody--after--border-width--base)
    }

    .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded tbody {
        --pf-c-table--tbody--after--BorderLeftWidth: 0
    }

    .pf-m-grid-lg.pf-c-table tbody>tr>:first-child:not(.pf-c-table__check):after {
        --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
        background-color: transparent;
        position: static;
        width: auto
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row {
        --pf-c-table--cell--responsive--PaddingTop: 0;
        --pf-c-table--cell--responsive--PaddingRight: 0;
        --pf-c-table--cell--responsive--PaddingBottom: 0;
        --pf-c-table--cell--responsive--PaddingLeft: 0;
        --pf-c-table--cell--PaddingRight: 0;
        --pf-c-table--cell--PaddingLeft: 0;
        border-bottom: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        max-height: var(--pf-c-table__expandable-row--MaxHeight);
        overflow-y: auto
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row>* {
        display: block;
        position: static
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row.pf-m-expanded {
        border-top-color: var(--pf-c-table--BorderColor)
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row>:first-child:not(.pf-c-table__check):after {
        content: none
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row td.pf-m-no-padding .pf-c-table__expandable-row-content,
    .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row th.pf-m-no-padding .pf-c-table__expandable-row-content {
        padding: 0
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
        display: none;
        visibility: hidden
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
        padding-left: var(--pf-c-table__expandable-row-content--responsive--PaddingLeft);
        padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight)
    }

    .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable {
        --pf-c-table--tbody--after--BorderLeftWidth: 0;
        --pf-c-table--tbody--after--BorderLeftColor: transparent
    }

    .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
    .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable>tr {
        position: relative
    }

    .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable>tr:after {
        background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth)
    }

    .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable.pf-m-expanded {
        --pf-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth);
        --pf-c-table--tbody--after--tr--BorderLeftColor: var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor)
    }

    .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable.pf-m-selected {
        --pf-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth);
        --pf-c-table--tbody--after--tr--BorderLeftColor: var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftColor)
    }

    .pf-m-grid-lg.pf-c-table tr.pf-m-selected:after {
        background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth)
    }

    .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action,
    .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
    .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
    .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle {
        padding: 0;
        width: auto
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__toggle {
        grid-column: -1;
        grid-row-start: 20;
        justify-self: end;
        padding-right: 0
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__toggle:after {
        content: none
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__button {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
        --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-grid--cell--PaddingRight);
        --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-grid--cell--PaddingBottom);
        --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft)
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__action,
    .pf-m-grid-lg.pf-c-table .pf-c-table__check,
    .pf-m-grid-lg.pf-c-table .pf-c-table__favorite {
        grid-column-start: 2;
        grid-row-start: 1
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__check {
        margin-left: var(--pf-c-table__check--responsive--MarginLeft);
        margin-top: var(--pf-c-table__check--responsive--MarginTop)
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__check~.pf-c-table__favorite {
        margin-left: var(--pf-c-table--m-grid__check--favorite--MarginLeft)
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__check~.pf-c-table__favorite~.pf-c-table__action {
        margin-left: var(--pf-c-table--m-grid__check--favorite--action--MarginLeft)
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__check~.pf-c-table__action {
        margin-left: var(--pf-c-table__action--responsive--MarginLeft)
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__favorite {
        margin-top: var(--pf-c-table--m-grid__favorite--MarginTop)
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__favorite~.pf-c-table__action {
        margin-left: var(--pf-c-table--m-grid__favorite--action--MarginLeft)
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__action {
        margin-top: var(--pf-c-table--m-grid__action--MarginTop);
        text-align: right
    }
}

@media screen and (max-width:992px) and (max-width:576px) {
    .pf-m-grid-lg.pf-c-table .pf-c-table__action {
        grid-column-start: 2;
        grid-row-start: 1;
        margin-left: 0
    }
}

@media screen and (max-width:992px) {
    .pf-m-grid-lg.pf-c-table .pf-c-table__inline-edit-action {
        grid-column: 2;
        grid-row: 2
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__toggle-icon {
        -webkit-transition: var(--pf-c-table__toggle__icon--Transition);
        transition: var(--pf-c-table__toggle__icon--Transition)
    }

    .pf-c-button.pf-m-expanded>.pf-m-grid-lg.pf-c-table .pf-c-table__toggle-icon {
        -webkit-transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate));
        transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate))
    }

    .pf-m-grid-lg.pf-c-table .pf-m-nowrap {
        --pf-c-table--cell--Overflow: auto
    }

    .pf-m-grid-lg.pf-c-table .pf-m-fit-content {
        white-space: normal;
        width: auto
    }

    .pf-m-grid-lg.pf-c-table .pf-m-truncate {
        --pf-c-table--cell--MaxWidth: 100%
    }

    .pf-m-grid-lg.pf-c-table [class*=pf-m-width] {
        --pf-c-table--cell--Width: auto
    }
}

@media screen and (max-width:1200px) {
    .pf-m-grid-xl.pf-c-table {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
        --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-grid--cell--PaddingRight);
        --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-grid--cell--PaddingBottom);
        --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
        --pf-c-table__favorite--c-button--MarginTop: auto;
        --pf-c-table__favorite--c-button--MarginRight: auto;
        --pf-c-table__favorite--c-button--MarginBottom: auto;
        --pf-c-table__favorite--c-button--MarginLeft: auto;
        border: none;
        display: grid
    }

    .pf-m-grid-xl.pf-c-table tr>* {
        max-width: none;
        min-width: 0;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        width: auto
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__text {
        max-width: none;
        min-width: 0;
        overflow: var(--pf-c-table--cell--Overflow);
        position: relative;
        text-overflow: var(--pf-c-table--cell--TextOverflow);
        white-space: var(--pf-c-table--cell--WhiteSpace);
        width: auto
    }

    .pf-m-grid-xl.pf-c-table thead {
        display: none;
        visibility: hidden
    }

    .pf-m-grid-xl.pf-c-table tbody {
        display: block
    }

    .pf-m-grid-xl.pf-c-table tbody:first-of-type {
        border-top: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor)
    }

    .pf-m-grid-xl.pf-c-table table.pf-m-compact>tbody {
        border-top: 0
    }

    .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) {
        border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor)
    }

    .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type)>tr,
    .pf-m-grid-xl.pf-c-table tr:last-child {
        border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth)
    }

    .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
        border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor)
    }

    .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded tr:not(.pf-c-table__expandable-row) {
        border-bottom: 0
    }

    .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded:not(:last-of-type) {
        border-bottom: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor)
    }

    .pf-m-grid-xl.pf-c-table tr.pf-m-selected {
        --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
        --pf-c-table__expandable-row--after--BorderColor: transparent
    }

    .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) {
        grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap);
        display: grid;
        grid-auto-columns: -webkit-max-content;
        grid-auto-columns: max-content;
        grid-template-columns: 1fr;
        height: auto;
        padding: var(--pf-c-table-tr--responsive--PaddingTop) var(--pf-c-table-tr--responsive--PaddingRight) var(--pf-c-table-tr--responsive--PaddingBottom) var(--pf-c-table-tr--responsive--PaddingLeft)
    }

    .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row)>* {
        padding: var(--pf-c-table--cell--responsive--PaddingTop) var(--pf-c-table--cell--responsive--PaddingRight) var(--pf-c-table--cell--responsive--PaddingBottom) var(--pf-c-table--cell--responsive--PaddingLeft)
    }

    .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row)>:first-child {
        --pf-c-table--cell--responsive--PaddingTop: var(--pf-c-table--cell--first-child--responsive--PaddingTop)
    }

    .pf-m-grid-xl.pf-c-table.pf-m-compact {
        --pf-c-table-tr--responsive--PaddingTop: var(--pf-c-table--m-compact-tr--responsive--PaddingTop);
        --pf-c-table-tr--responsive--PaddingBottom: var(--pf-c-table--m-compact-tr--responsive--PaddingBottom);
        --pf-c-table--cell--responsive--PaddingTop: var(--pf-c-table--m-compact-tr-td--responsive--PaddingTop);
        --pf-c-table--cell--responsive--PaddingBottom: var(--pf-c-table--m-compact-tr-td--responsive--PaddingBottom);
        --pf-c-table__check--input--MarginTop: 0
    }

    .pf-m-grid-xl.pf-c-table.pf-m-compact .pf-c-table__action {
        margin-bottom: var(--pf-c-table--m-compact__action--responsive--MarginTop);
        margin-top: var(--pf-c-table--m-compact__action--responsive--MarginTop)
    }

    .pf-m-grid-xl.pf-c-table.pf-m-compact .pf-c-table__toggle .pf-c-button {
        margin-bottom: var(--pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom)
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__icon>* {
        text-align: left
    }

    .pf-m-grid-xl.pf-c-table [data-label] {
        --pf-c-table--cell--hidden-visible--Display: var(--pf-c-table--m-grid--cell--hidden-visible--Display);
        grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        grid-column: 1;
        grid-template-columns: 1fr minmax(0, 1.5fr)
    }

    .pf-m-grid-xl.pf-c-table [data-label]>* {
        grid-column: 2
    }

    .pf-m-grid-xl.pf-c-table [data-label]:before {
        content: attr(data-label);
        font-weight: 700;
        text-align: left
    }

    .pf-m-grid-xl.pf-c-table tr>:first-child {
        --pf-c-table--cell--PaddingLeft: 0
    }

    .pf-m-grid-xl.pf-c-table tr>:last-child {
        --pf-c-table--cell--PaddingRight: 0
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table {
        --pf-c-table-tr--responsive--PaddingTop: var(--pf-c-table-tr--responsive--nested-table--PaddingTop);
        --pf-c-table-tr--responsive--PaddingRight: var(--pf-c-table-tr--responsive--nested-table--PaddingRight);
        --pf-c-table-tr--responsive--PaddingBottom: var(--pf-c-table-tr--responsive--nested-table--PaddingBottom);
        --pf-c-table-tr--responsive--PaddingLeft: var(--pf-c-table-tr--responsive--nested-table--PaddingLeft);
        border: 0
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table tr:not(.pf-c-table__expandable-row)+tr:not(.pf-c-table__expandable-row) {
        --pf-c-table-tr--responsive--PaddingTop: 0
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__compound-expansion-toggle {
        --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
        --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
        --pf-c-table__compound-expansion-toggle__button--after--Top: 100%
    }

    .pf-m-grid-xl.pf-c-table tbody {
        position: relative
    }

    .pf-m-grid-xl.pf-c-table tbody:after {
        border: 0;
        border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid var(--pf-c-table--tbody--after--BorderColor);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0
    }

    .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
        --pf-c-table--tbody--after--BorderLeftWidth: var(--pf-c-table--tbody--after--border-width--base)
    }

    .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded tbody {
        --pf-c-table--tbody--after--BorderLeftWidth: 0
    }

    .pf-m-grid-xl.pf-c-table tbody>tr>:first-child:not(.pf-c-table__check):after {
        --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
        background-color: transparent;
        position: static;
        width: auto
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row {
        --pf-c-table--cell--responsive--PaddingTop: 0;
        --pf-c-table--cell--responsive--PaddingRight: 0;
        --pf-c-table--cell--responsive--PaddingBottom: 0;
        --pf-c-table--cell--responsive--PaddingLeft: 0;
        --pf-c-table--cell--PaddingRight: 0;
        --pf-c-table--cell--PaddingLeft: 0;
        border-bottom: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        max-height: var(--pf-c-table__expandable-row--MaxHeight);
        overflow-y: auto
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row>* {
        display: block;
        position: static
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row.pf-m-expanded {
        border-top-color: var(--pf-c-table--BorderColor)
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row>:first-child:not(.pf-c-table__check):after {
        content: none
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row td.pf-m-no-padding .pf-c-table__expandable-row-content,
    .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row th.pf-m-no-padding .pf-c-table__expandable-row-content {
        padding: 0
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
        display: none;
        visibility: hidden
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
        padding-left: var(--pf-c-table__expandable-row-content--responsive--PaddingLeft);
        padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight)
    }

    .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable {
        --pf-c-table--tbody--after--BorderLeftWidth: 0;
        --pf-c-table--tbody--after--BorderLeftColor: transparent
    }

    .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
    .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable>tr {
        position: relative
    }

    .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable>tr:after {
        background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth)
    }

    .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable.pf-m-expanded {
        --pf-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth);
        --pf-c-table--tbody--after--tr--BorderLeftColor: var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor)
    }

    .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable.pf-m-selected {
        --pf-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth);
        --pf-c-table--tbody--after--tr--BorderLeftColor: var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftColor)
    }

    .pf-m-grid-xl.pf-c-table tr.pf-m-selected:after {
        background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth)
    }

    .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action,
    .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
    .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
    .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle {
        padding: 0;
        width: auto
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__toggle {
        grid-column: -1;
        grid-row-start: 20;
        justify-self: end;
        padding-right: 0
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__toggle:after {
        content: none
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__button {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
        --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-grid--cell--PaddingRight);
        --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-grid--cell--PaddingBottom);
        --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft)
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__action,
    .pf-m-grid-xl.pf-c-table .pf-c-table__check,
    .pf-m-grid-xl.pf-c-table .pf-c-table__favorite {
        grid-column-start: 2;
        grid-row-start: 1
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__check {
        margin-left: var(--pf-c-table__check--responsive--MarginLeft);
        margin-top: var(--pf-c-table__check--responsive--MarginTop)
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__check~.pf-c-table__favorite {
        margin-left: var(--pf-c-table--m-grid__check--favorite--MarginLeft)
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__check~.pf-c-table__favorite~.pf-c-table__action {
        margin-left: var(--pf-c-table--m-grid__check--favorite--action--MarginLeft)
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__check~.pf-c-table__action {
        margin-left: var(--pf-c-table__action--responsive--MarginLeft)
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__favorite {
        margin-top: var(--pf-c-table--m-grid__favorite--MarginTop)
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__favorite~.pf-c-table__action {
        margin-left: var(--pf-c-table--m-grid__favorite--action--MarginLeft)
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__action {
        margin-top: var(--pf-c-table--m-grid__action--MarginTop);
        text-align: right
    }
}

@media screen and (max-width:1200px) and (max-width:576px) {
    .pf-m-grid-xl.pf-c-table .pf-c-table__action {
        grid-column-start: 2;
        grid-row-start: 1;
        margin-left: 0
    }
}

@media screen and (max-width:1200px) {
    .pf-m-grid-xl.pf-c-table .pf-c-table__inline-edit-action {
        grid-column: 2;
        grid-row: 2
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__toggle-icon {
        -webkit-transition: var(--pf-c-table__toggle__icon--Transition);
        transition: var(--pf-c-table__toggle__icon--Transition)
    }

    .pf-c-button.pf-m-expanded>.pf-m-grid-xl.pf-c-table .pf-c-table__toggle-icon {
        -webkit-transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate));
        transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate))
    }

    .pf-m-grid-xl.pf-c-table .pf-m-nowrap {
        --pf-c-table--cell--Overflow: auto
    }

    .pf-m-grid-xl.pf-c-table .pf-m-fit-content {
        white-space: normal;
        width: auto
    }

    .pf-m-grid-xl.pf-c-table .pf-m-truncate {
        --pf-c-table--cell--MaxWidth: 100%
    }

    .pf-m-grid-xl.pf-c-table [class*=pf-m-width] {
        --pf-c-table--cell--Width: auto
    }
}

@media screen and (max-width:1450px) {
    .pf-m-grid-2xl.pf-c-table {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
        --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-grid--cell--PaddingRight);
        --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-grid--cell--PaddingBottom);
        --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
        --pf-c-table__favorite--c-button--MarginTop: auto;
        --pf-c-table__favorite--c-button--MarginRight: auto;
        --pf-c-table__favorite--c-button--MarginBottom: auto;
        --pf-c-table__favorite--c-button--MarginLeft: auto;
        border: none;
        display: grid
    }

    .pf-m-grid-2xl.pf-c-table tr>* {
        max-width: none;
        min-width: 0;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        width: auto
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__text {
        max-width: none;
        min-width: 0;
        overflow: var(--pf-c-table--cell--Overflow);
        position: relative;
        text-overflow: var(--pf-c-table--cell--TextOverflow);
        white-space: var(--pf-c-table--cell--WhiteSpace);
        width: auto
    }

    .pf-m-grid-2xl.pf-c-table thead {
        display: none;
        visibility: hidden
    }

    .pf-m-grid-2xl.pf-c-table tbody {
        display: block
    }

    .pf-m-grid-2xl.pf-c-table tbody:first-of-type {
        border-top: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor)
    }

    .pf-m-grid-2xl.pf-c-table table.pf-m-compact>tbody {
        border-top: 0
    }

    .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) {
        border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor)
    }

    .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type)>tr,
    .pf-m-grid-2xl.pf-c-table tr:last-child {
        border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth)
    }

    .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
        border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor)
    }

    .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded tr:not(.pf-c-table__expandable-row) {
        border-bottom: 0
    }

    .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded:not(:last-of-type) {
        border-bottom: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor)
    }

    .pf-m-grid-2xl.pf-c-table tr.pf-m-selected {
        --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
        --pf-c-table__expandable-row--after--BorderColor: transparent
    }

    .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) {
        grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap);
        display: grid;
        grid-auto-columns: -webkit-max-content;
        grid-auto-columns: max-content;
        grid-template-columns: 1fr;
        height: auto;
        padding: var(--pf-c-table-tr--responsive--PaddingTop) var(--pf-c-table-tr--responsive--PaddingRight) var(--pf-c-table-tr--responsive--PaddingBottom) var(--pf-c-table-tr--responsive--PaddingLeft)
    }

    .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row)>* {
        padding: var(--pf-c-table--cell--responsive--PaddingTop) var(--pf-c-table--cell--responsive--PaddingRight) var(--pf-c-table--cell--responsive--PaddingBottom) var(--pf-c-table--cell--responsive--PaddingLeft)
    }

    .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row)>:first-child {
        --pf-c-table--cell--responsive--PaddingTop: var(--pf-c-table--cell--first-child--responsive--PaddingTop)
    }

    .pf-m-grid-2xl.pf-c-table.pf-m-compact {
        --pf-c-table-tr--responsive--PaddingTop: var(--pf-c-table--m-compact-tr--responsive--PaddingTop);
        --pf-c-table-tr--responsive--PaddingBottom: var(--pf-c-table--m-compact-tr--responsive--PaddingBottom);
        --pf-c-table--cell--responsive--PaddingTop: var(--pf-c-table--m-compact-tr-td--responsive--PaddingTop);
        --pf-c-table--cell--responsive--PaddingBottom: var(--pf-c-table--m-compact-tr-td--responsive--PaddingBottom);
        --pf-c-table__check--input--MarginTop: 0
    }

    .pf-m-grid-2xl.pf-c-table.pf-m-compact .pf-c-table__action {
        margin-bottom: var(--pf-c-table--m-compact__action--responsive--MarginTop);
        margin-top: var(--pf-c-table--m-compact__action--responsive--MarginTop)
    }

    .pf-m-grid-2xl.pf-c-table.pf-m-compact .pf-c-table__toggle .pf-c-button {
        margin-bottom: var(--pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom)
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__icon>* {
        text-align: left
    }

    .pf-m-grid-2xl.pf-c-table [data-label] {
        --pf-c-table--cell--hidden-visible--Display: var(--pf-c-table--m-grid--cell--hidden-visible--Display);
        grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        grid-column: 1;
        grid-template-columns: 1fr minmax(0, 1.5fr)
    }

    .pf-m-grid-2xl.pf-c-table [data-label]>* {
        grid-column: 2
    }

    .pf-m-grid-2xl.pf-c-table [data-label]:before {
        content: attr(data-label);
        font-weight: 700;
        text-align: left
    }

    .pf-m-grid-2xl.pf-c-table tr>:first-child {
        --pf-c-table--cell--PaddingLeft: 0
    }

    .pf-m-grid-2xl.pf-c-table tr>:last-child {
        --pf-c-table--cell--PaddingRight: 0
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table {
        --pf-c-table-tr--responsive--PaddingTop: var(--pf-c-table-tr--responsive--nested-table--PaddingTop);
        --pf-c-table-tr--responsive--PaddingRight: var(--pf-c-table-tr--responsive--nested-table--PaddingRight);
        --pf-c-table-tr--responsive--PaddingBottom: var(--pf-c-table-tr--responsive--nested-table--PaddingBottom);
        --pf-c-table-tr--responsive--PaddingLeft: var(--pf-c-table-tr--responsive--nested-table--PaddingLeft);
        border: 0
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table tr:not(.pf-c-table__expandable-row)+tr:not(.pf-c-table__expandable-row) {
        --pf-c-table-tr--responsive--PaddingTop: 0
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__compound-expansion-toggle {
        --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
        --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
        --pf-c-table__compound-expansion-toggle__button--after--Top: 100%
    }

    .pf-m-grid-2xl.pf-c-table tbody {
        position: relative
    }

    .pf-m-grid-2xl.pf-c-table tbody:after {
        border: 0;
        border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid var(--pf-c-table--tbody--after--BorderColor);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0
    }

    .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
        --pf-c-table--tbody--after--BorderLeftWidth: var(--pf-c-table--tbody--after--border-width--base)
    }

    .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded tbody {
        --pf-c-table--tbody--after--BorderLeftWidth: 0
    }

    .pf-m-grid-2xl.pf-c-table tbody>tr>:first-child:not(.pf-c-table__check):after {
        --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
        background-color: transparent;
        position: static;
        width: auto
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row {
        --pf-c-table--cell--responsive--PaddingTop: 0;
        --pf-c-table--cell--responsive--PaddingRight: 0;
        --pf-c-table--cell--responsive--PaddingBottom: 0;
        --pf-c-table--cell--responsive--PaddingLeft: 0;
        --pf-c-table--cell--PaddingRight: 0;
        --pf-c-table--cell--PaddingLeft: 0;
        border-bottom: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        max-height: var(--pf-c-table__expandable-row--MaxHeight);
        overflow-y: auto
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row>* {
        display: block;
        position: static
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row.pf-m-expanded {
        border-top-color: var(--pf-c-table--BorderColor)
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row>:first-child:not(.pf-c-table__check):after {
        content: none
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row td.pf-m-no-padding .pf-c-table__expandable-row-content,
    .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row th.pf-m-no-padding .pf-c-table__expandable-row-content {
        padding: 0
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
        display: none;
        visibility: hidden
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
        padding-left: var(--pf-c-table__expandable-row-content--responsive--PaddingLeft);
        padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight)
    }

    .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable {
        --pf-c-table--tbody--after--BorderLeftWidth: 0;
        --pf-c-table--tbody--after--BorderLeftColor: transparent
    }

    .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
    .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable>tr {
        position: relative
    }

    .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable>tr:after {
        background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth)
    }

    .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable.pf-m-expanded {
        --pf-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth);
        --pf-c-table--tbody--after--tr--BorderLeftColor: var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor)
    }

    .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable.pf-m-selected {
        --pf-c-table--tbody--after--tr--BorderLeftWidth: var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth);
        --pf-c-table--tbody--after--tr--BorderLeftColor: var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftColor)
    }

    .pf-m-grid-2xl.pf-c-table tr.pf-m-selected:after {
        background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth)
    }

    .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action,
    .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
    .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
    .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle {
        padding: 0;
        width: auto
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__toggle {
        grid-column: -1;
        grid-row-start: 20;
        justify-self: end;
        padding-right: 0
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__toggle:after {
        content: none
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__button {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-grid--cell--PaddingTop);
        --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-grid--cell--PaddingRight);
        --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-grid--cell--PaddingBottom);
        --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft)
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__action,
    .pf-m-grid-2xl.pf-c-table .pf-c-table__check,
    .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite {
        grid-column-start: 2;
        grid-row-start: 1
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__check {
        margin-left: var(--pf-c-table__check--responsive--MarginLeft);
        margin-top: var(--pf-c-table__check--responsive--MarginTop)
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__check~.pf-c-table__favorite {
        margin-left: var(--pf-c-table--m-grid__check--favorite--MarginLeft)
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__check~.pf-c-table__favorite~.pf-c-table__action {
        margin-left: var(--pf-c-table--m-grid__check--favorite--action--MarginLeft)
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__check~.pf-c-table__action {
        margin-left: var(--pf-c-table__action--responsive--MarginLeft)
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite {
        margin-top: var(--pf-c-table--m-grid__favorite--MarginTop)
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite~.pf-c-table__action {
        margin-left: var(--pf-c-table--m-grid__favorite--action--MarginLeft)
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
        margin-top: var(--pf-c-table--m-grid__action--MarginTop);
        text-align: right
    }
}

@media screen and (max-width:1450px) and (max-width:576px) {
    .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
        grid-column-start: 2;
        grid-row-start: 1;
        margin-left: 0
    }
}

@media screen and (max-width:1450px) {
    .pf-m-grid-2xl.pf-c-table .pf-c-table__inline-edit-action {
        grid-column: 2;
        grid-row: 2
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__toggle-icon {
        -webkit-transition: var(--pf-c-table__toggle__icon--Transition);
        transition: var(--pf-c-table__toggle__icon--Transition)
    }

    .pf-c-button.pf-m-expanded>.pf-m-grid-2xl.pf-c-table .pf-c-table__toggle-icon {
        -webkit-transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate));
        transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate))
    }

    .pf-m-grid-2xl.pf-c-table .pf-m-nowrap {
        --pf-c-table--cell--Overflow: auto
    }

    .pf-m-grid-2xl.pf-c-table .pf-m-fit-content {
        white-space: normal;
        width: auto
    }

    .pf-m-grid-2xl.pf-c-table .pf-m-truncate {
        --pf-c-table--cell--MaxWidth: 100%
    }

    .pf-m-grid-2xl.pf-c-table [class*=pf-m-width] {
        --pf-c-table--cell--Width: auto
    }
}

.pf-c-table {
    --pf-c-table--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-table--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-table--border-width--base: var(--pf-global--BorderWidth--sm);
    --pf-c-table-caption--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-table-caption--Color: var(--pf-global--Color--200);
    --pf-c-table-caption--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-table-caption--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-table-caption--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-table-caption--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-table-caption--xl--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-table-caption--xl--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-table--thead--cell--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-table--thead--cell--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-table--tbody--cell--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-table--tbody--cell--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-table--tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3, 3, 3, .08);
    --pf-c-table--cell--FontSize: var(--pf-global--FontSize--md);
    --pf-c-table--cell--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-table--cell--Color: var(--pf-global--Color--100);
    --pf-c-table--cell--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-table--cell--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-table--cell--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-table--cell--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-table--cell--first-last-child--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-table--cell--MinWidth: 0;
    --pf-c-table--cell--MaxWidth: none;
    --pf-c-table--cell--Width: auto;
    --pf-c-table--cell--Overflow: visible;
    --pf-c-table--cell--TextOverflow: clip;
    --pf-c-table--cell--WhiteSpace: normal;
    --pf-c-table--cell--WordBreak: normal;
    --pf-c-table--cell--m-help--MinWidth: 11ch;
    --pf-c-table--m-truncate--cell--MaxWidth: 1px;
    --pf-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-c-table--cell--PaddingRight) + var(--pf-c-table--cell--PaddingLeft));
    --pf-c-table--cell--hidden-visible--Display: table-cell;
    --pf-c-table__toggle--c-button--MarginTop: -0.375rem;
    --pf-c-table__toggle--c-button--MarginBottom: -0.375rem;
    --pf-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
    --pf-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
    --pf-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
    --pf-c-table__button--BackgroundColor: transparent;
    --pf-c-table__button--Color: var(--pf-global--Color--100);
    --pf-c-table__button--hover--Color: var(--pf-global--Color--100);
    --pf-c-table__button--focus--Color: var(--pf-global--Color--100);
    --pf-c-table__button--active--Color: var(--pf-global--Color--100);
    --pf-c-table__button--OutlineOffset: calc(var(--pf-global--BorderWidth--lg)*-1);
    --pf-c-table--m-compact__toggle--PaddingTop: 0;
    --pf-c-table--m-compact__toggle--PaddingBottom: 0;
    --pf-c-table__check--input--MarginTop: 0.25rem;
    --pf-c-table__check--input--FontSize: var(--pf-global--FontSize--md);
    --pf-c-table--cell--m-favorite--Color: var(--pf-global--Color--light-300);
    --pf-c-table__favorite--c-button--Color: var(--pf-global--Color--light-300);
    --pf-c-table__favorite--c-button--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-table__favorite--c-button--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-table__favorite--c-button--MarginRight: calc(var(--pf-global--spacer--md)*-1);
    --pf-c-table__favorite--c-button--MarginBottom: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-table__favorite--c-button--MarginLeft: calc(var(--pf-global--spacer--md)*-1);
    --pf-c-table__favorite--m-favorited--c-button--Color: var(--pf-global--palette--gold-400);
    --pf-c-table__sort--m-favorite__button__text--Color: var(--pf-global--Color--200);
    --pf-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-global--Color--100);
    --pf-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-global--Color--100);
    --pf-c-table__sort--m-favorite__button--active__text--Color: var(--pf-global--Color--100);
    --pf-c-table__action--PaddingTop: 0;
    --pf-c-table__action--PaddingRight: 0;
    --pf-c-table__action--PaddingBottom: 0;
    --pf-c-table__action--PaddingLeft: 0;
    --pf-c-table__inline-edit-action--PaddingTop: 0;
    --pf-c-table__inline-edit-action--PaddingRight: 0;
    --pf-c-table__inline-edit-action--PaddingBottom: 0;
    --pf-c-table__inline-edit-action--PaddingLeft: 0;
    --pf-c-table__expandable-row--Transition: var(--pf-global--Transition);
    --pf-c-table__expandable-row--MaxHeight: 28.125rem;
    --pf-c-table__expandable-row-content--Transition: var(--pf-global--Transition);
    --pf-c-table__expandable-row-content--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-table__expandable-row-content--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-table__expandable-row--after--Top: calc(var(--pf-c-table--border-width--base)*-1);
    --pf-c-table__expandable-row--after--Bottom: calc(var(--pf-c-table--border-width--base)*-1);
    --pf-c-table__expandable-row--after--border-width--base: var(--pf-global--BorderWidth--lg);
    --pf-c-table__expandable-row--after--BorderLeftWidth: 0;
    --pf-c-table__expandable-row--after--BorderColor: var(--pf-global--active-color--100);
    --pf-c-table__icon-inline--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-table__sort--MinWidth: calc(6ch + var(--pf-c-table--cell--PaddingRight) + var(--pf-c-table--cell--PaddingLeft) + var(--pf-c-table__sort-indicator--MarginLeft));
    --pf-c-table__sort__button--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-table__sort__button--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-table__sort__button--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-table__sort__button--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-table__sort__button--MarginTop: calc(var(--pf-c-table__sort__button--PaddingTop)*-1);
    --pf-c-table__sort__button--MarginBottom: calc(var(--pf-c-table__sort__button--PaddingBottom)*-1);
    --pf-c-table__sort__button--MarginLeft: calc(var(--pf-c-table__sort__button--PaddingLeft)*-1);
    --pf-c-table__sort__button--Color: var(--pf-global--Color--100);
    --pf-c-table__sort--m-selected__button--Color: var(--pf-global--active-color--100);
    --pf-c-table__sort--m-help--MinWidth: 15ch;
    --pf-c-table__sort__button__text--Color: currentColor;
    --pf-c-table__sort__button--hover__text--Color: currentColor;
    --pf-c-table__sort__button--focus__text--Color: currentColor;
    --pf-c-table__sort__button--active__text--Color: currentColor;
    --pf-c-table__sort-indicator--Color: var(--pf-global--disabled-color--200);
    --pf-c-table__sort-indicator--MarginLeft: var(--pf-global--spacer--md);
    --pf-c-table__sort--m-selected__sort-indicator--Color: var(--pf-global--active-color--100);
    --pf-c-table__sort__button--hover__sort-indicator--Color: var(--pf-global--Color--100);
    --pf-c-table__sort__button--active__sort-indicator--Color: var(--pf-global--Color--100);
    --pf-c-table__sort__button--focus__sort-indicator--Color: var(--pf-global--Color--100);
    --pf-c-table--th--m-help--MinWidth: 11ch;
    --pf-c-table__column-help--MarginLeft: var(--pf-global--spacer--xs);
    --pf-c-table__column-help--TranslateY: 0.125rem;
    --pf-c-table__column-help--c-button--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-table__column-help--c-button--MarginBottom: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-table__column-help--c-button--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-table__column-help--c-button--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-table__compound-expansion-toggle__button--Color: var(--pf-global--active-color--100);
    --pf-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-global--link--Color--hover);
    --pf-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-global--link--Color--hover);
    --pf-c-table__compound-expansion-toggle__button--active--Color: var(--pf-global--link--Color--hover);
    --pf-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-global--BorderWidth--sm);
    --pf-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
    --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
    --pf-c-table__compound-expansion-toggle__button--before--Bottom: calc(var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base)*-1);
    --pf-c-table__compound-expansion-toggle__button--before--Left: calc(var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base)*-1);
    --pf-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-global--BorderWidth--lg);
    --pf-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
    --pf-c-table__compound-expansion-toggle__button--after--Top: calc(var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base)*-1);
    --pf-c-table__compound-expansion-toggle__button--after--Left: calc(var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base)*-1);
    --pf-c-table--m-compact-th--PaddingTop: calc(var(--pf-global--spacer--sm) + var(--pf-global--spacer--xs));
    --pf-c-table--m-compact-th--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-table--m-compact--cell--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-table--m-compact--cell--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-table--m-compact--cell--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-table--m-compact--cell--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-table--m-compact--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-table--nested--first-last-child--PaddingRight: var(--pf-global--spacer--3xl);
    --pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-global--spacer--3xl);
    --pf-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-global--BorderColor--100);
    --pf-c-table--tr--m-hoverable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
    --pf-c-table--tr--m-hoverable--BackgroundColor: transparent;
    --pf-c-table--tr--m-hoverable--BoxShadow: none;
    --pf-c-table--tr--m-hoverable--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-table--tr--m-hoverable--hover--BoxShadow: var(--pf-c-table--tr--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-table--tr--m-hoverable--hover--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-table--tr--m-hoverable--focus--BoxShadow: var(--pf-c-table--tr--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-table--tr--m-hoverable--focus--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-table--tr--m-hoverable--active--BoxShadow: var(--pf-c-table--tr--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-table--tr--m-hoverable--active--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-table--tr--m-hoverable--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-table--tr--m-selected--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
    --pf-c-table--tr--m-selected--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-table--tr--m-selected--BoxShadow: var(--pf-c-table--tr--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-table--tr--m-selected--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-table--tr--m-selected--after--BorderLeftWidth: var(--pf-c-table__expandable-row--after--border-width--base);
    --pf-c-table--tr--m-selected--after--BorderLeftColor: var(--pf-global--active-color--100);
    --pf-c-table--tr--m-selected--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-table--tr--m-selected--hover--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-table--tr--m-selected--tr--m-selected--hover--BoxShadow: var(--pf-c-table--tr--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-table--tbody--m-hoverable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
    --pf-c-table--tbody--m-hoverable--BoxShadow: none;
    --pf-c-table--tbody--m-hoverable--BackgroundColor: transparent;
    --pf-c-table--tbody--m-hoverable--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-table--tbody--m-hoverable--hover--BoxShadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-table--tbody--m-hoverable--hover--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-table--tbody--m-hoverable--focus--BoxShadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-table--tbody--m-hoverable--focus--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-table--tbody--m-hoverable--active--BoxShadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-table--tbody--m-hoverable--active--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-table--tbody--m-hoverable--m-expanded--BorderColor: var(--pf-global--active-color--400);
    --pf-c-table--tbody--m-hoverable--m-selected--hover--tr--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-table--tbody--m-selected--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-table--tbody--m-selected--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
    --pf-c-table--tbody--m-selected--BoxShadow: var(--pf-c-table--tbody--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-table--tbody--m-selected--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-table--tbody--m-selected--after--BorderLeftWidth: var(--pf-c-table__expandable-row--after--border-width--base);
    --pf-c-table--tbody--m-selected--after--BorderLeftColor: var(--pf-global--active-color--100);
    --pf-c-table--tbody--m-selected--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow: var(--pf-c-table--tr--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
    background-color: var(--pf-c-table--BackgroundColor);
    color: var(--pf-global--Color--100);
    width: 100%
}

@media screen and (max-width:1200px) {
    .pf-c-table {
        --pf-c-table-caption--PaddingRight: var(--pf-c-table-caption--xl--PaddingRight);
        --pf-c-table-caption--PaddingLeft: var(--pf-c-table-caption--xl--PaddingLeft)
    }
}

@media screen and (min-width:1200px) {
    .pf-c-table {
        --pf-c-table--cell--first-last-child--PaddingRight: var(--pf-c-table--cell--first-last-child--xl--PaddingRight);
        --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-c-table--cell--first-last-child--xl--PaddingLeft);
        --pf-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--xl--PaddingLeft);
        --pf-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--xl--PaddingRight)
    }
}

.pf-c-table.pf-m-fixed {
    table-layout: fixed
}

.pf-c-table.pf-m-sticky-header {
    position: relative
}

.pf-c-table.pf-m-sticky-header>thead>tr {
    border-bottom: 0
}

.pf-c-table.pf-m-sticky-header>thead>tr>* {
    background: var(--pf-c-table--BackgroundColor);
    position: sticky;
    top: 0;
    z-index: var(--pf-global--ZIndex--xs)
}

.pf-c-table.pf-m-sticky-header>thead>tr>:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0
}

.pf-c-table tr:not(.pf-c-table__expandable-row),
.pf-c-table.pf-m-sticky-header>thead>tr>:after {
    border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor)
}

.pf-c-table tr>* {
    --pf-hidden-visible--visible--Display: var(--pf-c-table--cell--hidden-visible--Display);
    color: var(--pf-c-table--cell--Color);
    font-size: var(--pf-c-table--cell--FontSize);
    font-weight: var(--pf-c-table--cell--FontWeight);
    max-width: var(--pf-c-table--cell--MaxWidth);
    min-width: var(--pf-c-table--cell--MinWidth);
    overflow: var(--pf-c-table--cell--Overflow);
    padding: var(--pf-c-table--cell--PaddingTop) var(--pf-c-table--cell--PaddingRight) var(--pf-c-table--cell--PaddingBottom) var(--pf-c-table--cell--PaddingLeft);
    position: relative;
    text-overflow: var(--pf-c-table--cell--TextOverflow);
    white-space: var(--pf-c-table--cell--WhiteSpace);
    width: var(--pf-c-table--cell--Width);
    word-break: var(--pf-c-table--cell--WordBreak)
}

.pf-c-table tr>:first-child {
    --pf-c-table--cell--PaddingLeft: var(--pf-c-table--cell--first-last-child--PaddingLeft)
}

.pf-c-table tr>:last-child {
    --pf-c-table--cell--PaddingRight: var(--pf-c-table--cell--first-last-child--PaddingRight)
}

.pf-c-table tr>.pf-m-center {
    text-align: center
}

.pf-c-table tr>:empty {
    min-width: 0;
    padding: 0;
    width: auto
}

.pf-c-table tr>.pf-m-help {
    --pf-c-table--cell--MinWidth: var(--pf-c-table--cell--m-help--MinWidth)
}

.pf-c-table tr>.pf-m-favorite {
    --pf-c-table__button--Color: var(--pf-c-table--cell--m-favorite--Color);
    --pf-c-table__sort--MinWidth: fit-content;
    --pf-c-table--cell--MaxWidth: fit-content;
    --pf-c-table--cell--Overflow: visible
}

.pf-c-table caption {
    background-color: var(--pf-c-table--BackgroundColor);
    color: var(--pf-c-table-caption--Color);
    font-size: var(--pf-c-table-caption--FontSize);
    padding-bottom: var(--pf-c-table-caption--PaddingBottom);
    padding-left: var(--pf-c-table-caption--PaddingLeft);
    padding-top: var(--pf-c-table-caption--PaddingTop);
    text-align: left
}

.pf-c-table thead {
    --pf-c-table--cell--FontSize: var(--pf-c-table--thead--cell--FontSize);
    --pf-c-table--cell--FontWeight: var(--pf-c-table--thead--cell--FontWeight);
    vertical-align: bottom
}

.pf-c-table tbody {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--tbody--cell--PaddingTop);
    --pf-c-table--cell--PaddingBottom: var(--pf-c-table--tbody--cell--PaddingBottom)
}

.pf-c-table tbody>tr>* {
    overflow-wrap: break-word;
    vertical-align: baseline
}

.pf-c-table tbody>tr>:first-child:after {
    background-color: transparent;
    border-left: var(--pf-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-c-table__expandable-row--after--BorderColor);
    bottom: var(--pf-c-table__expandable-row--after--Bottom);
    content: "";
    left: 0;
    position: absolute;
    top: var(--pf-c-table__expandable-row--after--Top)
}

.pf-c-table tbody .pf-c-table__check>input {
    margin-top: var(--pf-c-table__check--input--MarginTop);
    vertical-align: top
}

.pf-c-table .pf-c-table__compound-expansion-toggle,
.pf-c-table .pf-c-table__compound-expansion-toggle:first-child,
.pf-c-table .pf-c-table__compound-expansion-toggle:last-child {
    padding: 0
}

.pf-c-table .pf-c-table__sort {
    min-width: var(--pf-c-table__sort--MinWidth)
}

.pf-c-table .pf-m-help {
    min-width: var(--pf-c-table--th--m-help--MinWidth)
}

.pf-c-table .pf-m-truncate,
.pf-c-table thead {
    --pf-c-table--cell--MinWidth: var(--pf-c-table--m-truncate--cell--MinWidth);
    --pf-c-table--cell--MaxWidth: var(--pf-c-table--m-truncate--cell--MaxWidth);
    --pf-c-table--cell--Overflow: hidden;
    --pf-c-table--cell--TextOverflow: ellipsis;
    --pf-c-table--cell--WhiteSpace: nowrap
}

.pf-c-table .pf-m-wrap {
    --pf-c-table--cell--MinWidth: 0;
    --pf-c-table--cell--MaxWidth: none;
    --pf-c-table--cell--Overflow: visible;
    --pf-c-table--cell--TextOverflow: clip;
    --pf-c-table--cell--WhiteSpace: normal
}

.pf-c-table .pf-m-nowrap {
    --pf-c-table--cell--MinWidth: 0;
    --pf-c-table--cell--MaxWidth: none;
    --pf-c-table--cell--Overflow: visible;
    --pf-c-table--cell--TextOverflow: clip;
    --pf-c-table--cell--WhiteSpace: nowrap
}

.pf-c-table .pf-c-table__icon,
.pf-c-table .pf-m-fit-content {
    --pf-c-table--cell--MinWidth: fit-content;
    --pf-c-table--cell--MaxWidth: fit-content;
    --pf-c-table--cell--Width: 1%;
    --pf-c-table--cell--Overflow: visible;
    --pf-c-table--cell--TextOverflow: clip;
    --pf-c-table--cell--WhiteSpace: nowrap
}

.pf-c-table .pf-m-break-word {
    --pf-c-table--cell--WordBreak: break-word;
    --pf-c-table--cell--WhiteSpace: normal
}

.pf-c-table.pf-m-no-border-rows>tbody>tr {
    border-bottom: 0
}

.pf-c-table.pf-m-no-border-rows>tbody>tr>:first-child:after {
    border-left: 0
}

.pf-c-table.pf-m-no-border-rows>tbody:not(.pf-m-expanded) .pf-c-table__compound-expansion-toggle .pf-c-table__button:before {
    display: none
}

.pf-c-table.pf-m-no-border-rows>tbody.pf-m-expanded>.pf-c-table__control-row {
    border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor)
}

.pf-c-table.pf-m-no-border-rows>tbody .pf-c-table__control-row>.pf-c-table__compound-expansion-toggle:first-child>:before {
    border-left-width: 0
}

.pf-c-table tr.pf-m-hoverable {
    background-color: var(--pf-c-table--tr--m-hoverable--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-table--tr--m-hoverable--BoxShadow);
    box-shadow: var(--pf-c-table--tr--m-hoverable--BoxShadow);
    cursor: pointer;
    outline-offset: var(--pf-c-table--tr--m-hoverable--OutlineOffset)
}

.pf-c-table tr.pf-m-hoverable:active:not(.pf-m-selected)+tr.pf-m-selected,
.pf-c-table tr.pf-m-hoverable:focus:not(.pf-m-selected)+tr.pf-m-selected,
.pf-c-table tr.pf-m-hoverable:hover:not(.pf-m-selected)+tr.pf-m-selected {
    -webkit-box-shadow: var(--pf-c-table--tr--m-hoverable--m-selected--BoxShadow);
    box-shadow: var(--pf-c-table--tr--m-hoverable--m-selected--BoxShadow)
}

.pf-c-table tr.pf-m-hoverable:hover {
    --pf-c-table--tr--m-hoverable--BoxShadow: var(--pf-c-table--tr--m-hoverable--hover--BoxShadow);
    --pf-c-table--tr--m-hoverable--BackgroundColor: var(--pf-c-table--tr--m-hoverable--hover--BackgroundColor)
}

.pf-c-table tr.pf-m-hoverable:focus {
    --pf-c-table--tr--m-hoverable--BoxShadow: var(--pf-c-table--tr--m-hoverable--focus--BoxShadow);
    --pf-c-table--tr--m-hoverable--BackgroundColor: var(--pf-c-table--tr--m-hoverable--focus--BackgroundColor)
}

.pf-c-table tr.pf-m-hoverable:active {
    --pf-c-table--tr--m-hoverable--BoxShadow: var(--pf-c-table--tr--m-hoverable--active--BoxShadow);
    --pf-c-table--tr--m-hoverable--BackgroundColor: var(--pf-c-table--tr--m-hoverable--active--BackgroundColor)
}

.pf-c-table tr.pf-m-selected {
    --pf-c-table__expandable-row--after--BorderLeftWidth: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth);
    --pf-c-table__expandable-row--after--BorderColor: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
    background-color: var(--pf-c-table--tr--m-selected--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-table--tr--m-selected--BoxShadow);
    box-shadow: var(--pf-c-table--tr--m-selected--BoxShadow);
    outline-offset: var(--pf-c-table--tr--m-selected--OutlineOffset);
    position: relative
}

.pf-c-table tr.pf-m-selected+tr.pf-m-selected {
    -webkit-box-shadow: var(--pf-c-table--tr--m-selected--m-selected--BoxShadow);
    box-shadow: var(--pf-c-table--tr--m-selected--m-selected--BoxShadow)
}

.pf-c-table tr.pf-m-selected+tr.pf-m-selected:hover {
    -webkit-box-shadow: var(--pf-c-table--tr--m-selected--tr--m-selected--hover--BoxShadow);
    box-shadow: var(--pf-c-table--tr--m-selected--tr--m-selected--hover--BoxShadow)
}

.pf-c-table tr.pf-m-selected:hover+tr.pf-m-selected {
    -webkit-box-shadow: var(--pf-c-table--tr--m-selected--hover--m-selected--BoxShadow);
    box-shadow: var(--pf-c-table--tr--m-selected--hover--m-selected--BoxShadow)
}

.pf-c-table tbody.pf-m-hoverable {
    background-color: var(--pf-c-table--tbody--m-hoverable--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow);
    box-shadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow);
    cursor: pointer;
    outline-offset: var(--pf-c-table--tbody--m-hoverable--OutlineOffset)
}

.pf-c-table tbody.pf-m-hoverable.pf-m-expanded:not(.pf-m-selected) {
    --pf-c-table__expandable-row--after--BorderColor: var(--pf-c-table--tbody--m-hoverable--m-expanded--BorderColor)
}

.pf-c-table tbody.pf-m-hoverable:active:not(.pf-m-selected)+tbody.pf-m-selected,
.pf-c-table tbody.pf-m-hoverable:focus:not(.pf-m-selected)+tbody.pf-m-selected,
.pf-c-table tbody.pf-m-hoverable:hover:not(.pf-m-selected)+tbody.pf-m-selected {
    -webkit-box-shadow: var(--pf-c-table--tbody--m-hoverable--m-selected--hover--tr--BoxShadow);
    box-shadow: var(--pf-c-table--tbody--m-hoverable--m-selected--hover--tr--BoxShadow)
}

.pf-c-table tbody.pf-m-hoverable:hover {
    --pf-c-table--tbody--m-hoverable--BoxShadow: var(--pf-c-table--tbody--m-hoverable--hover--BoxShadow);
    --pf-c-table--tbody--m-hoverable--BackgroundColor: var(--pf-c-table--tbody--m-hoverable--hover--BackgroundColor)
}

.pf-c-table tbody.pf-m-hoverable:focus {
    --pf-c-table--tbody--m-hoverable--BoxShadow: var(--pf-c-table--tbody--m-hoverable--focus--BoxShadow);
    --pf-c-table--tbody--m-hoverable--BackgroundColor: var(--pf-c-table--tbody--m-hoverable--focus--BackgroundColor)
}

.pf-c-table tbody.pf-m-hoverable:active {
    --pf-c-table--tbody--m-hoverable--BoxShadow: var(--pf-c-table--tbody--m-hoverable--active--BoxShadow);
    --pf-c-table--tbody--m-hoverable--BackgroundColor: var(--pf-c-table--tbody--m-hoverable--active--BackgroundColor)
}

.pf-c-table tbody.pf-m-selected {
    --pf-c-table__expandable-row--after--BorderLeftWidth: var(--pf-c-table--tbody--m-selected--after--BorderLeftWidth);
    --pf-c-table__expandable-row--after--BorderColor: var(--pf-c-table--tbody--m-selected--after--BorderLeftColor);
    background-color: var(--pf-c-table--tbody--m-selected--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-table--tbody--m-selected--BoxShadow);
    box-shadow: var(--pf-c-table--tbody--m-selected--BoxShadow);
    outline-offset: var(--pf-c-table--tbody--m-selected--OutlineOffset)
}

.pf-c-table tbody.pf-m-selected+tbody.pf-m-selected {
    --pf-c-table--tbody--m-selected--BoxShadow: var(--pf-c-table--tbody--m-selected--m-selected--BoxShadow)
}

.pf-c-table tbody.pf-m-selected+tbody.pf-m-selected:hover {
    -webkit-box-shadow: var(--pf-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow);
    box-shadow: var(--pf-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow)
}

.pf-c-table tbody.pf-m-selected:hover+tbody.pf-m-selected {
    -webkit-box-shadow: var(--pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow);
    box-shadow: var(--pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow)
}

.pf-c-table__text {
    --pf-c-table--cell--MaxWidth: 100%;
    display: block;
    max-width: var(--pf-c-table--cell--MaxWidth);
    min-width: var(--pf-c-table--cell--MinWidth);
    overflow: var(--pf-c-table--cell--Overflow);
    position: relative;
    text-overflow: var(--pf-c-table--cell--TextOverflow);
    white-space: var(--pf-c-table--cell--WhiteSpace);
    width: var(--pf-c-table--cell--Width);
    word-break: var(--pf-c-table--cell--WordBreak)
}

.pf-c-table__text.pf-m-truncate {
    --pf-c-table--cell--MinWidth: 100%
}

.pf-c-table__text.pf-m-truncate>* {
    overflow: var(--pf-c-table--cell--Overflow);
    text-overflow: var(--pf-c-table--cell--TextOverflow);
    white-space: var(--pf-c-table--cell--WhiteSpace)
}

.pf-c-table__button {
    background-color: var(--pf-c-table__button--BackgroundColor);
    border: 0;
    color: var(--pf-c-table__button--Color);
    font-size: inherit;
    font-weight: inherit;
    padding: var(--pf-c-table--cell--PaddingTop) var(--pf-c-table--cell--PaddingRight) var(--pf-c-table--cell--PaddingBottom) var(--pf-c-table--cell--PaddingLeft);
    position: static;
    text-align: left;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    white-space: inherit;
    width: 100%
}

.pf-c-table__button:before {
    bottom: 0;
    content: "";
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-table__button:hover {
    color: var(--pf-c-table__button--hover--Color)
}

.pf-c-table__button:focus {
    color: var(--pf-c-table__button--focus--Color)
}

.pf-c-table__button:active {
    color: var(--pf-c-table__button--active--Color)
}

.pf-c-table__compound-expansion-toggle .pf-c-table__text,
.pf-c-table__sort .pf-c-table__text {
    display: block;
    overflow: var(--pf-c-table--cell--Overflow);
    text-overflow: var(--pf-c-table--cell--TextOverflow);
    white-space: var(--pf-c-table--cell--WhiteSpace);
    width: auto
}

.pf-c-table__sort .pf-c-table__text {
    --pf-c-table--cell--MinWidth: 0
}

.pf-c-table__button-content,
.pf-c-table__column-help {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: end;
    display: grid;
    grid-template-columns: auto -webkit-max-content;
    grid-template-columns: auto max-content;
    justify-content: start
}

.pf-c-table__button-content .pf-c-table__text,
.pf-c-table__column-help .pf-c-table__text {
    min-width: auto
}

.pf-c-table th.pf-m-nowrap .pf-c-table__button-content,
.pf-c-table th.pf-m-nowrap .pf-c-table__column-help,
.pf-c-table thead.pf-m-nowrap .pf-c-table__button-content,
.pf-c-table thead.pf-m-nowrap .pf-c-table__column-help,
.pf-c-table tr.pf-m-nowrap .pf-c-table__button-content,
.pf-c-table tr.pf-m-nowrap .pf-c-table__column-help {
    grid-template-columns: -webkit-min-content -webkit-max-content;
    grid-template-columns: min-content max-content
}

.pf-c-table th.pf-m-fit-content .pf-c-table__button-content,
.pf-c-table th.pf-m-fit-content .pf-c-table__column-help,
.pf-c-table thead.pf-m-fit-content .pf-c-table__button-content,
.pf-c-table thead.pf-m-fit-content .pf-c-table__column-help,
.pf-c-table tr.pf-m-fit-content .pf-c-table__button-content,
.pf-c-table tr.pf-m-fit-content .pf-c-table__column-help {
    grid-template-columns: -webkit-fit-content -webkit-max-content;
    grid-template-columns: fit-content max-content
}

.pf-c-table th.pf-m-truncate .pf-c-table__button-content,
.pf-c-table th.pf-m-truncate .pf-c-table__column-help,
.pf-c-table th.pf-m-wrap .pf-c-table__button-content,
.pf-c-table th.pf-m-wrap .pf-c-table__column-help,
.pf-c-table thead.pf-m-truncate .pf-c-table__button-content,
.pf-c-table thead.pf-m-truncate .pf-c-table__column-help,
.pf-c-table thead.pf-m-wrap .pf-c-table__button-content,
.pf-c-table thead.pf-m-wrap .pf-c-table__column-help,
.pf-c-table tr.pf-m-truncate .pf-c-table__button-content,
.pf-c-table tr.pf-m-truncate .pf-c-table__column-help,
.pf-c-table tr.pf-m-wrap .pf-c-table__button-content,
.pf-c-table tr.pf-m-wrap .pf-c-table__column-help {
    grid-template-columns: auto -webkit-max-content;
    grid-template-columns: auto max-content
}

.pf-c-table .pf-c-table__action,
.pf-c-table .pf-c-table__inline-edit-action,
.pf-c-table .pf-c-table__toggle {
    --pf-c-table--cell--PaddingBottom: 0
}

.pf-c-table .pf-c-table__action,
.pf-c-table .pf-c-table__check,
.pf-c-table .pf-c-table__favorite,
.pf-c-table .pf-c-table__inline-edit-action,
.pf-c-table .pf-c-table__toggle,
.pf-c-table th.pf-m-favorite {
    --pf-c-table--cell--MinWidth: 0;
    --pf-c-table--cell--Width: 1%
}

.pf-c-table__toggle {
    --pf-c-table--cell--PaddingRight: 0;
    --pf-c-table--cell--PaddingLeft: 0;
    vertical-align: top
}

.pf-c-table__toggle .pf-c-button {
    margin-bottom: var(--pf-c-table__toggle--c-button--MarginBottom);
    margin-top: var(--pf-c-table__toggle--c-button--MarginTop)
}

.pf-c-table__toggle .pf-c-button.pf-m-expanded .pf-c-table__toggle-icon {
    -webkit-transform: rotate(var(--pf-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
    transform: rotate(var(--pf-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate))
}

.pf-c-table__toggle .pf-c-table__toggle-icon {
    -webkit-transform: rotate(var(--pf-c-table__toggle--c-button__toggle-icon--Rotate));
    transform: rotate(var(--pf-c-table__toggle--c-button__toggle-icon--Rotate));
    -webkit-transition: var(--pf-c-table__toggle--c-button__toggle-icon--Transition);
    transition: var(--pf-c-table__toggle--c-button__toggle-icon--Transition)
}

.pf-c-table__toggle svg {
    pointer-events: none
}

.pf-c-table__check {
    --pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize)
}

.pf-c-table__check>input {
    cursor: pointer
}

.pf-c-table__favorite .pf-c-button {
    --pf-c-button--m-plain--Color: var(--pf-c-table__favorite--c-button--Color);
    --pf-c-button--FontSize: var(--pf-c-table__favorite--c-button--FontSize);
    margin: var(--pf-c-table__favorite--c-button--MarginTop) var(--pf-c-table__favorite--c-button--MarginRight) var(--pf-c-table__favorite--c-button--MarginBottom) var(--pf-c-table__favorite--c-button--MarginLeft)
}

.pf-m-favorited.pf-c-table__favorite .pf-c-button {
    --pf-c-button--m-plain--Color: var(--pf-c-table__favorite--m-favorited--c-button--Color)
}

.pf-c-table__action,
.pf-c-table__inline-edit-action {
    --pf-c-table--cell--PaddingTop: 0;
    --pf-c-table--cell--PaddingRight: var(--pf-c-table__action--PaddingRight);
    --pf-c-table--cell--PaddingBottom: 0;
    --pf-c-table--cell--PaddingLeft: var(--pf-c-table__action--PaddingLeft);
    padding-bottom: 0;
    padding-top: 0;
    vertical-align: middle
}

.pf-c-table__inline-edit-action {
    --pf-c-table--cell--PaddingLeft: 0;
    --pf-c-table--cell--PaddingRight: 0;
    text-align: right
}

.pf-c-table__compound-expansion-toggle {
    --pf-c-table__button--Color: var(--pf-c-table__compound-expansion-toggle__button--Color);
    --pf-c-table__button--hover--Color: var(--pf-c-table__compound-expansion-toggle__button--hover--Color);
    --pf-c-table__button--focus--Color: var(--pf-c-table__compound-expansion-toggle__button--focus--Color);
    --pf-c-table__button--active--Color: var(--pf-c-table__compound-expansion-toggle__button--active--Color);
    position: relative
}

.pf-c-table__compound-expansion-toggle.pf-m-truncate {
    overflow: visible
}

.pf-c-table__compound-expansion-toggle .pf-c-table__button {
    min-width: 100%;
    overflow: hidden
}

.pf-c-table__compound-expansion-toggle .pf-c-table__button:active,
.pf-c-table__compound-expansion-toggle .pf-c-table__button:focus,
.pf-c-table__compound-expansion-toggle .pf-c-table__button:hover {
    outline: 0
}

.pf-c-table__compound-expansion-toggle .pf-c-table__button:after,
.pf-c-table__compound-expansion-toggle .pf-c-table__button:before {
    border-style: solid;
    border-width: 0;
    content: "";
    position: absolute;
    right: 0
}

.pf-c-table__compound-expansion-toggle .pf-c-table__button:before {
    border-color: var(--pf-c-table__compound-expansion-toggle__button--before--BorderColor);
    border-left-width: var(--pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth);
    border-right-width: var(--pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth);
    bottom: var(--pf-c-table__compound-expansion-toggle__button--before--Bottom);
    left: var(--pf-c-table__compound-expansion-toggle__button--before--Left);
    top: 0
}

.pf-c-table__compound-expansion-toggle .pf-c-table__button:after {
    border-color: var(--pf-c-table__compound-expansion-toggle__button--after--BorderColor);
    border-top-width: var(--pf-c-table__compound-expansion-toggle__button--after--BorderTopWidth);
    left: var(--pf-c-table__compound-expansion-toggle__button--after--Left);
    pointer-events: none;
    top: var(--pf-c-table__compound-expansion-toggle__button--after--Top)
}

.pf-c-table__compound-expansion-toggle.pf-m-expanded,
.pf-c-table__compound-expansion-toggle:focus-within,
.pf-c-table__compound-expansion-toggle:hover {
    --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth: var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base);
    --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base);
    --pf-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-c-table__compound-expansion-toggle__button--after--border-width--base)
}

.pf-c-table__compound-expansion-toggle:first-child {
    --pf-c-table__compound-expansion-toggle__button--before--Left: 0;
    --pf-c-table__compound-expansion-toggle__button--after--Left: 0
}

.pf-c-table__compound-expansion-toggle.pf-m-expanded .pf-c-table__button:before {
    border-bottom: var(--pf-c-table--BackgroundColor) solid var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base)
}

.pf-c-table__compound-expansion-toggle.pf-m-expanded:first-child {
    --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0
}

.pf-c-table__compound-expansion-toggle:focus-within {
    outline-offset: var(--pf-c-table__button--OutlineOffset)
}

@media (-webkit-min-device-pixel-ratio:0) {
    .pf-c-table__compound-expansion-toggle:focus-within {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto
    }
}

.pf-c-table__column-help-action {
    margin-left: var(--pf-c-table__column-help--MarginLeft);
    -webkit-transform: translateY(var(--pf-c-table__column-help--TranslateY));
    transform: translateY(var(--pf-c-table__column-help--TranslateY))
}

.pf-c-table__column-help-action .pf-c-button {
    --pf-c-button--PaddingRight: var(--pf-c-table__column-help--c-button--PaddingRight);
    --pf-c-button--PaddingLeft: var(--pf-c-table__column-help--c-button--PaddingLeft);
    font-size: inherit;
    line-height: 1;
    margin-bottom: var(--pf-c-table__column-help--c-button--MarginBottom);
    margin-top: var(--pf-c-table__column-help--c-button--MarginTop)
}

.pf-c-table__sort .pf-c-table__button {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table__sort__button--PaddingTop);
    --pf-c-table--cell--PaddingRight: var(--pf-c-table__sort__button--PaddingRight);
    --pf-c-table--cell--PaddingBottom: var(--pf-c-table__sort__button--PaddingBottom);
    --pf-c-table--cell--PaddingLeft: var(--pf-c-table__sort__button--PaddingLeft);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: var(--pf-c-table__sort__button--MarginBottom);
    margin-left: var(--pf-c-table__sort__button--MarginLeft);
    margin-top: var(--pf-c-table__sort__button--MarginTop);
    width: auto
}

.pf-c-table__sort .pf-c-table__button:hover {
    --pf-c-table__sort-indicator--Color: var(--pf-c-table__sort__button--hover__sort-indicator--Color);
    --pf-c-table__sort__button__text--Color: var(--pf-c-table__sort__button--hover__text--Color)
}

.pf-c-table__sort .pf-c-table__button:focus {
    --pf-c-table__sort-indicator--Color: var(--pf-c-table__sort__button--focus__sort-indicator--Color);
    --pf-c-table__sort__button__text--Color: var(--pf-c-table__sort__button--focus__text--Color)
}

.pf-c-table__sort .pf-c-table__button:active {
    --pf-c-table__sort-indicator--Color: var(--pf-c-table__sort__button--active__sort-indicator--Color);
    --pf-c-table__sort__button__text--Color: var(--pf-c-table__sort__button--active__text--Color)
}

.pf-c-table__sort .pf-c-table__button .pf-c-table__text {
    color: var(--pf-c-table__sort__button__text--Color)
}

.pf-c-table__sort.pf-m-selected .pf-c-table__button {
    --pf-c-table__sort-indicator--Color: var(--pf-c-table__sort--m-selected__sort-indicator--Color);
    --pf-c-table__sort__button__text--Color: var(--pf-c-table__sort--m-selected__button__text--Color);
    color: var(--pf-c-table__sort--m-selected__button--Color)
}

.pf-c-table__sort.pf-m-help {
    --pf-c-table--th--m-help--MinWidth: var(--pf-c-table__sort--m-help--MinWidth)
}

.pf-c-table__sort.pf-m-favorite {
    --pf-c-table__sort__button__text--Color: var(--pf-c-table__sort--m-favorite__button__text--Color);
    --pf-c-table__sort__button--hover__text--Color: var(--pf-c-table__sort--m-favorite__button--hover__text--Color);
    --pf-c-table__sort__button--focus__text--Color: var(--pf-c-table__sort--m-favorite__button--focus__text--Color);
    --pf-c-table__sort__button--active__text--Color: var(--pf-c-table__sort--m-favorite__button--active__text--Color);
    --pf-c-table__sort--m-selected__button__text--Color: currentColor
}

.pf-c-table__sort-indicator {
    color: var(--pf-c-table__sort-indicator--Color);
    grid-column: 2;
    margin-left: var(--pf-c-table__sort-indicator--MarginLeft);
    pointer-events: none
}

.pf-c-table__expandable-row {
    --pf-c-table--cell--PaddingTop: 0;
    --pf-c-table--cell--PaddingBottom: 0;
    border-bottom: 0 solid transparent;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    position: relative
}

.pf-c-table__expandable-row,
.pf-c-table__expandable-row td:first-child:after {
    -webkit-transition: var(--pf-c-table__expandable-row--Transition);
    transition: var(--pf-c-table__expandable-row--Transition)
}

.pf-c-table__expandable-row td.pf-m-no-padding,
.pf-c-table__expandable-row th.pf-m-no-padding {
    padding: 0 0 0 var(--pf-c-table__expandable-row--after--border-width--base)
}

.pf-c-table__expandable-row td.pf-m-no-padding .pf-c-table__expandable-row-content,
.pf-c-table__expandable-row th.pf-m-no-padding .pf-c-table__expandable-row-content {
    padding: 0
}

.pf-c-table__expandable-row .pf-c-table__expandable-row-content {
    padding-bottom: var(--pf-c-table__expandable-row-content--PaddingBottom);
    padding-top: var(--pf-c-table__expandable-row-content--PaddingTop)
}

.pf-c-table__expandable-row.pf-m-expanded {
    border-bottom-color: var(--pf-c-table__expandable-row--m-expanded--BorderBottomColor);
    border-bottom-width: var(--pf-c-table--border-width--base);
    -webkit-box-shadow: var(--pf-c-table__expandable-row--m-expanded--BoxShadow);
    box-shadow: var(--pf-c-table__expandable-row--m-expanded--BoxShadow)
}

.pf-c-table__expandable-row:not(.pf-m-expanded) {
    display: none;
    visibility: hidden
}

.pf-c-table tbody.pf-m-expanded>tr>:not(.pf-c-table__compound-expansion-toggle),
.pf-c-table__compound-expansion-toggle.pf-m-expanded:first-child,
.pf-c-table__expandable-row.pf-m-expanded>:first-child {
    --pf-c-table__expandable-row--after--BorderLeftWidth: var(--pf-c-table__expandable-row--after--border-width--base)
}

.pf-c-table .pf-c-table tr>:first-child {
    --pf-c-table--cell--PaddingLeft: var(--pf-c-table--nested--first-last-child--PaddingLeft)
}

.pf-c-table .pf-c-table tr>:last-child {
    --pf-c-table--cell--PaddingRight: var(--pf-c-table--nested--first-last-child--PaddingRight)
}

.pf-c-table.pf-m-compact {
    --pf-c-table--cell--FontSize: var(--pf-c-table--m-compact--FontSize);
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact--cell--PaddingTop);
    --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-compact--cell--PaddingRight);
    --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact--cell--PaddingBottom);
    --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-compact--cell--PaddingLeft)
}

.pf-c-table.pf-m-compact tr {
    --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-compact--cell--PaddingLeft);
    --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-compact--cell--PaddingRight)
}

.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) {
    --pf-c-table--cell--FontSize: var(--pf-c-table--m-compact--FontSize);
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact--cell--PaddingTop);
    --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact--cell--PaddingBottom)
}

.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row)>:first-child {
    --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--PaddingLeft)
}

.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row)>:last-child {
    --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight)
}

.pf-c-table.pf-m-compact thead th {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact-th--PaddingTop);
    --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact-th--PaddingBottom)
}

.pf-c-table.pf-m-compact .pf-c-table__action {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table__action--PaddingTop);
    --pf-c-table--cell--PaddingBottom: var(--pf-c-table__action--PaddingBottom);
    --pf-c-table--cell--PaddingLeft: var(--pf-c-table__action--PaddingLeft)
}

.pf-c-table.pf-m-compact .pf-c-table__toggle {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact__toggle--PaddingTop);
    --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact__toggle--PaddingBottom)
}

.pf-c-table.pf-m-compact .pf-c-table__icon {
    min-width: 0;
    text-align: center;
    width: auto
}

.pf-c-table .pf-c-table.pf-m-compact tr>:first-child {
    --pf-c-table--cell--PaddingLeft: var(--pf-c-table--nested--first-last-child--PaddingLeft)
}

.pf-c-table .pf-c-table.pf-m-compact tr>:last-child {
    --pf-c-table--cell--PaddingRight: var(--pf-c-table--nested--first-last-child--PaddingRight)
}

.pf-c-table.pf-m-compact .pf-c-table__expandable-row-content {
    --pf-c-table__expandable-row-content--PaddingTop: var(--pf-c-table--m-compact__expandable-row-content--PaddingTop);
    --pf-c-table__expandable-row-content--PaddingBottom: var(--pf-c-table--m-compact__expandable-row-content--PaddingBottom)
}

.pf-c-table__icon-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-table__icon-inline>:not(:last-child) {
    margin-right: var(--pf-c-table__icon-inline--MarginRight)
}

.pf-c-table .pf-m-width-10 {
    --pf-c-table--cell--Width: 10%
}

.pf-c-table .pf-m-width-15 {
    --pf-c-table--cell--Width: 15%
}

.pf-c-table .pf-m-width-20 {
    --pf-c-table--cell--Width: 20%
}

.pf-c-table .pf-m-width-25 {
    --pf-c-table--cell--Width: 25%
}

.pf-c-table .pf-m-width-30 {
    --pf-c-table--cell--Width: 30%
}

.pf-c-table .pf-m-width-35 {
    --pf-c-table--cell--Width: 35%
}

.pf-c-table .pf-m-width-40 {
    --pf-c-table--cell--Width: 40%
}

.pf-c-table .pf-m-width-45 {
    --pf-c-table--cell--Width: 45%
}

.pf-c-table .pf-m-width-50 {
    --pf-c-table--cell--Width: 50%
}

.pf-c-table .pf-m-width-60 {
    --pf-c-table--cell--Width: 60%
}

.pf-c-table .pf-m-width-70 {
    --pf-c-table--cell--Width: 70%
}

.pf-c-table .pf-m-width-80 {
    --pf-c-table--cell--Width: 80%
}

.pf-c-table .pf-m-width-90 {
    --pf-c-table--cell--Width: 90%
}

.pf-c-table .pf-m-width-100 {
    --pf-c-table--cell--Width: 100%
}

.pf-c-table {
    --pf-c-table__tree-view-main--indent--base: calc(var(--pf-global--spacer--md)*2 + var(--pf-c-table__tree-view-icon--MinWidth));
    --pf-c-table__tree-view-main--nested-indent--base: calc(var(--pf-c-table__tree-view-main--indent--base) - var(--pf-global--spacer--md));
    --pf-c-table__tree-view-main--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);
    --pf-c-table__tree-view-main--MarginLeft: calc(var(--pf-c-table--cell--PaddingLeft)*-1);
    --pf-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-table__tree-view-icon--MinWidth: var(--pf-global--FontSize--md);
    --pf-c-table__tree-view-icon--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-table--m-tree-view__toggle--Position: absolute;
    --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft);
    --pf-c-table--m-tree-view__toggle--TranslateX: -100%;
    --pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-global--FontSize--md)
}

.pf-c-table.pf-m-tree-view>tbody>tr {
    --pf-c-table--m-tree-view__toggle--Left: var(--pf-c-table__tree-view-main--PaddingLeft)
}

.pf-c-table.pf-m-tree-view tr[aria-level="2"] {
    --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-c-table__tree-view-main--indent--base))
}

.pf-c-table.pf-m-tree-view tr[aria-level="3"] {
    --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-c-table__tree-view-main--indent--base))
}

.pf-c-table.pf-m-tree-view tr[aria-level="4"] {
    --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-c-table__tree-view-main--indent--base))
}

.pf-c-table.pf-m-tree-view tr[aria-level="5"] {
    --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-c-table__tree-view-main--indent--base))
}

.pf-c-table.pf-m-tree-view tr[aria-level="6"] {
    --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-c-table__tree-view-main--indent--base))
}

.pf-c-table.pf-m-tree-view tr[aria-level="7"] {
    --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-c-table__tree-view-main--indent--base))
}

.pf-c-table.pf-m-tree-view tr[aria-level="8"] {
    --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-c-table__tree-view-main--indent--base))
}

.pf-c-table.pf-m-tree-view tr[aria-level="9"] {
    --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-c-table__tree-view-main--indent--base))
}

.pf-c-table.pf-m-tree-view tr[aria-level="10"] {
    --pf-c-table__tree-view-main--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-c-table__tree-view-main--indent--base))
}

.pf-c-table__tree-view-main {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: var(--pf-c-table__tree-view-main--MarginLeft);
    min-width: 0;
    padding-left: var(--pf-c-table__tree-view-main--PaddingLeft);
    position: relative;
    text-align: left
}

.pf-c-table__tree-view-main>.pf-c-table__toggle {
    left: var(--pf-c-table--m-tree-view__toggle--Left);
    position: var(--pf-c-table--m-tree-view__toggle--Position);
    -webkit-transform: translateX(var(--pf-c-table--m-tree-view__toggle--TranslateX));
    transform: translateX(var(--pf-c-table--m-tree-view__toggle--TranslateX))
}

.pf-c-table__tree-view-main>.pf-c-table__toggle .pf-c-table__toggle-icon {
    min-width: var(--pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth)
}

.pf-c-table__tree-view-main>.pf-c-table__check {
    margin-right: var(--pf-c-table__tree-view-main--c-table__check--MarginRight)
}

.pf-c-table__tree-view-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-table__tree-view-icon {
    margin-right: var(--pf-c-table__tree-view-icon--MarginRight);
    min-width: var(--pf-c-table__tree-view-icon--MinWidth)
}

.pf-c-table__tree-view-details-toggle {
    display: none;
    visibility: hidden
}

.pf-m-tree-view-grid.pf-c-table {
    --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);
    --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);
    --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);
    --pf-c-table--m-tree-view-grid--tbody--node--PaddingTop: var(--pf-global--spacer--xl);
    --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);
    --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
    --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
    --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
    --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
    --pf-c-table__tree-view-details-toggle--MarginTop: -0.375rem;
    --pf-c-table__tree-view-details-toggle--MarginBottom: -0.375rem
}

.pf-m-tree-view-grid.pf-c-table tbody tr {
    border: none;
    outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);
    position: relative
}

.pf-m-tree-view-grid.pf-c-table tbody tr:before {
    border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
    bottom: 0;
    content: "";
    left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
    position: absolute;
    right: 0;
    top: 0
}

.pf-m-tree-view-grid.pf-c-table tr:not([hidden]) {
    display: grid
}

.pf-m-tree-view-grid.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--node--PaddingTop)
}

.pf-m-tree-view-grid.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
    --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
    padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft)
}

.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pf-m-tree-view-grid.pf-c-table thead th {
    display: none;
    visibility: none
}

.pf-m-tree-view-grid.pf-c-table td {
    display: none
}

.pf-m-tree-view-grid.pf-c-table td[data-label] {
    grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    grid-column: 1;
    grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns)
}

.pf-m-tree-view-grid.pf-c-table td[data-label]>* {
    grid-column: 2
}

.pf-m-tree-view-grid.pf-c-table td[data-label]:before {
    content: attr(data-label);
    font-weight: 700;
    text-align: left
}

.pf-m-tree-view-grid.pf-c-table tr.pf-m-tree-view-details-expanded {
    padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom)
}

.pf-m-tree-view-grid.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
    display: grid
}

.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-title-cell,
.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-title-header-cell {
    display: block;
    visibility: visible
}

.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-details-toggle {
    display: inline-block;
    visibility: visible
}

.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-main>.pf-c-table__check {
    -webkit-box-ordinal-group: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
    -ms-flex-order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
    margin-left: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginLeft);
    margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);
    order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order)
}

.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-details-toggle {
    margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);
    margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop)
}

.pf-m-tree-view-grid.pf-c-table tr[aria-level="2"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-c-table__tree-view-main--indent--base))
}

.pf-m-tree-view-grid.pf-c-table tr[aria-level="3"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-c-table__tree-view-main--indent--base))
}

.pf-m-tree-view-grid.pf-c-table tr[aria-level="4"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-c-table__tree-view-main--indent--base))
}

.pf-m-tree-view-grid.pf-c-table tr[aria-level="5"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-c-table__tree-view-main--indent--base))
}

.pf-m-tree-view-grid.pf-c-table tr[aria-level="6"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-c-table__tree-view-main--indent--base))
}

.pf-m-tree-view-grid.pf-c-table tr[aria-level="7"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-c-table__tree-view-main--indent--base))
}

.pf-m-tree-view-grid.pf-c-table tr[aria-level="8"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-c-table__tree-view-main--indent--base))
}

.pf-m-tree-view-grid.pf-c-table tr[aria-level="9"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-c-table__tree-view-main--indent--base))
}

.pf-m-tree-view-grid.pf-c-table tr[aria-level="10"] {
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-c-table__tree-view-main--indent--base))
}

@media screen and (max-width:768px) {
    .pf-m-tree-view-grid-md.pf-c-table {
        --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);
        --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);
        --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);
        --pf-c-table--m-tree-view-grid--tbody--node--PaddingTop: var(--pf-global--spacer--xl);
        --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
        --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);
        --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);
        --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
        --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginLeft: var(--pf-global--spacer--sm);
        --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
        --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
        --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
        --pf-c-table__tree-view-details-toggle--MarginTop: -0.375rem;
        --pf-c-table__tree-view-details-toggle--MarginBottom: -0.375rem
    }

    .pf-m-tree-view-grid-md.pf-c-table tbody tr {
        border: none;
        outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);
        position: relative
    }

    .pf-m-tree-view-grid-md.pf-c-table tbody tr:before {
        border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
        bottom: 0;
        content: "";
        left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
        position: absolute;
        right: 0;
        top: 0
    }

    .pf-m-tree-view-grid-md.pf-c-table tr:not([hidden]) {
        display: grid
    }

    .pf-m-tree-view-grid-md.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--node--PaddingTop)
    }

    .pf-m-tree-view-grid-md.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
        --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
        padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft)
    }

    .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .pf-m-tree-view-grid-md.pf-c-table thead th {
        display: none;
        visibility: none
    }

    .pf-m-tree-view-grid-md.pf-c-table td {
        display: none
    }

    .pf-m-tree-view-grid-md.pf-c-table td[data-label] {
        grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        grid-column: 1;
        grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns)
    }

    .pf-m-tree-view-grid-md.pf-c-table td[data-label]>* {
        grid-column: 2
    }

    .pf-m-tree-view-grid-md.pf-c-table td[data-label]:before {
        content: attr(data-label);
        font-weight: 700;
        text-align: left
    }

    .pf-m-tree-view-grid-md.pf-c-table tr.pf-m-tree-view-details-expanded {
        padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom)
    }

    .pf-m-tree-view-grid-md.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
        display: grid
    }

    .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-title-cell,
    .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-title-header-cell {
        display: block;
        visibility: visible
    }

    .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle {
        display: inline-block;
        visibility: visible
    }

    .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-main>.pf-c-table__check {
        -webkit-box-ordinal-group: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
        -ms-flex-order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
        margin-left: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginLeft);
        margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);
        order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order)
    }

    .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle {
        margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);
        margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop)
    }

    .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="2"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="3"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="4"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="5"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="6"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="7"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="8"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="9"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="10"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-c-table__tree-view-main--indent--base))
    }
}

@media screen and (max-width:992px) {
    .pf-m-tree-view-grid-lg.pf-c-table {
        --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);
        --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);
        --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);
        --pf-c-table--m-tree-view-grid--tbody--node--PaddingTop: var(--pf-global--spacer--xl);
        --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
        --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);
        --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);
        --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
        --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginLeft: var(--pf-global--spacer--sm);
        --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
        --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
        --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
        --pf-c-table__tree-view-details-toggle--MarginTop: -0.375rem;
        --pf-c-table__tree-view-details-toggle--MarginBottom: -0.375rem
    }

    .pf-m-tree-view-grid-lg.pf-c-table tbody tr {
        border: none;
        outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);
        position: relative
    }

    .pf-m-tree-view-grid-lg.pf-c-table tbody tr:before {
        border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
        bottom: 0;
        content: "";
        left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
        position: absolute;
        right: 0;
        top: 0
    }

    .pf-m-tree-view-grid-lg.pf-c-table tr:not([hidden]) {
        display: grid
    }

    .pf-m-tree-view-grid-lg.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--node--PaddingTop)
    }

    .pf-m-tree-view-grid-lg.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
        --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
        padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft)
    }

    .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .pf-m-tree-view-grid-lg.pf-c-table thead th {
        display: none;
        visibility: none
    }

    .pf-m-tree-view-grid-lg.pf-c-table td {
        display: none
    }

    .pf-m-tree-view-grid-lg.pf-c-table td[data-label] {
        grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        grid-column: 1;
        grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns)
    }

    .pf-m-tree-view-grid-lg.pf-c-table td[data-label]>* {
        grid-column: 2
    }

    .pf-m-tree-view-grid-lg.pf-c-table td[data-label]:before {
        content: attr(data-label);
        font-weight: 700;
        text-align: left
    }

    .pf-m-tree-view-grid-lg.pf-c-table tr.pf-m-tree-view-details-expanded {
        padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom)
    }

    .pf-m-tree-view-grid-lg.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
        display: grid
    }

    .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-title-cell,
    .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-title-header-cell {
        display: block;
        visibility: visible
    }

    .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle {
        display: inline-block;
        visibility: visible
    }

    .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-main>.pf-c-table__check {
        -webkit-box-ordinal-group: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
        -ms-flex-order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
        margin-left: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginLeft);
        margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);
        order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order)
    }

    .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle {
        margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);
        margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop)
    }

    .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="2"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="3"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="4"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="5"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="6"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="7"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="8"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="9"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="10"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-c-table__tree-view-main--indent--base))
    }
}

@media screen and (max-width:1200px) {
    .pf-m-tree-view-grid-xl.pf-c-table {
        --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);
        --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);
        --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);
        --pf-c-table--m-tree-view-grid--tbody--node--PaddingTop: var(--pf-global--spacer--xl);
        --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
        --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);
        --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);
        --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
        --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginLeft: var(--pf-global--spacer--sm);
        --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
        --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
        --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
        --pf-c-table__tree-view-details-toggle--MarginTop: -0.375rem;
        --pf-c-table__tree-view-details-toggle--MarginBottom: -0.375rem
    }

    .pf-m-tree-view-grid-xl.pf-c-table tbody tr {
        border: none;
        outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);
        position: relative
    }

    .pf-m-tree-view-grid-xl.pf-c-table tbody tr:before {
        border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
        bottom: 0;
        content: "";
        left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
        position: absolute;
        right: 0;
        top: 0
    }

    .pf-m-tree-view-grid-xl.pf-c-table tr:not([hidden]) {
        display: grid
    }

    .pf-m-tree-view-grid-xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--node--PaddingTop)
    }

    .pf-m-tree-view-grid-xl.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
        --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
        padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft)
    }

    .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .pf-m-tree-view-grid-xl.pf-c-table thead th {
        display: none;
        visibility: none
    }

    .pf-m-tree-view-grid-xl.pf-c-table td {
        display: none
    }

    .pf-m-tree-view-grid-xl.pf-c-table td[data-label] {
        grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        grid-column: 1;
        grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns)
    }

    .pf-m-tree-view-grid-xl.pf-c-table td[data-label]>* {
        grid-column: 2
    }

    .pf-m-tree-view-grid-xl.pf-c-table td[data-label]:before {
        content: attr(data-label);
        font-weight: 700;
        text-align: left
    }

    .pf-m-tree-view-grid-xl.pf-c-table tr.pf-m-tree-view-details-expanded {
        padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom)
    }

    .pf-m-tree-view-grid-xl.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
        display: grid
    }

    .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-title-cell,
    .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-title-header-cell {
        display: block;
        visibility: visible
    }

    .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle {
        display: inline-block;
        visibility: visible
    }

    .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-main>.pf-c-table__check {
        -webkit-box-ordinal-group: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
        -ms-flex-order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
        margin-left: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginLeft);
        margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);
        order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order)
    }

    .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle {
        margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);
        margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop)
    }

    .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="2"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="3"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="4"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="5"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="6"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="7"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="8"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="9"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="10"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-c-table__tree-view-main--indent--base))
    }
}

@media screen and (max-width:1450px) {
    .pf-m-tree-view-grid-2xl.pf-c-table {
        --pf-c-table--m-tree-view-grid--tr--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop: var(--pf-global--spacer--md);
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom: var(--pf-global--spacer--md);
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table__tree-view-main--indent--base);
        --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap: var(--pf-global--spacer--sm);
        --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-global--spacer--xl);
        --pf-c-table--m-tree-view-grid--tbody--node--PaddingTop: var(--pf-global--spacer--xl);
        --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
        --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-global--spacer--xs);
        --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-global--spacer--xs);
        --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
        --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginLeft: var(--pf-global--spacer--sm);
        --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
        --pf-c-table--tbody--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop);
        --pf-c-table--tbody--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom);
        --pf-c-table__tree-view-details-toggle--MarginTop: -0.375rem;
        --pf-c-table__tree-view-details-toggle--MarginBottom: -0.375rem
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tbody tr {
        border: none;
        outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);
        position: relative
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tbody tr:before {
        border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
        bottom: 0;
        content: "";
        left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
        position: absolute;
        right: 0;
        top: 0
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tr:not([hidden]) {
        display: grid
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--tbody--node--PaddingTop)
    }

    .pf-m-tree-view-grid-2xl.pf-c-table td:not(.pf-c-table__tree-view-title-cell) {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop);
        --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom);
        padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft)
    }

    .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .pf-m-tree-view-grid-2xl.pf-c-table thead th {
        display: none;
        visibility: none
    }

    .pf-m-tree-view-grid-2xl.pf-c-table td {
        display: none
    }

    .pf-m-tree-view-grid-2xl.pf-c-table td[data-label] {
        grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        grid-column: 1;
        grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns)
    }

    .pf-m-tree-view-grid-2xl.pf-c-table td[data-label]>* {
        grid-column: 2
    }

    .pf-m-tree-view-grid-2xl.pf-c-table td[data-label]:before {
        content: attr(data-label);
        font-weight: 700;
        text-align: left
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tr.pf-m-tree-view-details-expanded {
        padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom)
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] {
        display: grid
    }

    .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-title-cell,
    .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-title-header-cell {
        display: block;
        visibility: visible
    }

    .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle {
        display: inline-block;
        visibility: visible
    }

    .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-main>.pf-c-table__check {
        -webkit-box-ordinal-group: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
        -ms-flex-order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
        margin-left: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginLeft);
        margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);
        order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order)
    }

    .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle {
        margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom);
        margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop)
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="2"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="3"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="4"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="5"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="6"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="7"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="8"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="9"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-c-table__tree-view-main--indent--base))
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="10"] {
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: calc(var(--pf-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-c-table__tree-view-main--indent--base))
    }
}

.pf-c-tabs {
    --pf-c-tabs--inset: 0;
    --pf-c-tabs--Width: auto;
    --pf-c-tabs--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-tabs--before--border-width--base: var(--pf-global--BorderWidth--sm);
    --pf-c-tabs--before--BorderTopWidth: 0;
    --pf-c-tabs--before--BorderRightWidth: 0;
    --pf-c-tabs--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
    --pf-c-tabs--before--BorderLeftWidth: 0;
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-page-insets--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--Width: 100%;
    --pf-c-tabs--m-vertical--MaxWidth: 15.625rem;
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical__list--before--BorderColor: var(--pf-c-tabs--before--BorderColor);
    --pf-c-tabs--m-vertical__list--before--BorderTopWidth: 0;
    --pf-c-tabs--m-vertical__list--before--BorderRightWidth: 0;
    --pf-c-tabs--m-vertical__list--before--BorderBottomWidth: 0;
    --pf-c-tabs--m-vertical__list--before--BorderLeftWidth: var(--pf-c-tabs--before--border-width--base);
    --pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
    --pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: var(--pf-c-tabs--before--border-width--base);
    --pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor: transparent;
    --pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-tabs__list--Display: flex;
    --pf-c-tabs__list--Visibility: visible;
    --pf-c-tabs__link--Color: var(--pf-global--Color--200);
    --pf-c-tabs__link--FontSize: var(--pf-global--FontSize--md);
    --pf-c-tabs__link--BackgroundColor: transparent;
    --pf-c-tabs__link--OutlineOffset: -0.375rem;
    --pf-c-tabs__link--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-tabs__link--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-tabs__link--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-tabs__link--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-tabs__item--m-current__link--Color: var(--pf-global--Color--100);
    --pf-c-tabs__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-tabs--m-vertical__link--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical__link--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-tabs--m-box__link--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-tabs--m-secondary__link--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-tabs__link--before--border-color--base: var(--pf-global--BorderColor--100);
    --pf-c-tabs__link--before--BorderRightColor: var(--pf-c-tabs__link--before--border-color--base);
    --pf-c-tabs__link--before--BorderBottomColor: var(--pf-c-tabs__link--before--border-color--base);
    --pf-c-tabs__link--before--border-width--base: var(--pf-global--BorderWidth--sm);
    --pf-c-tabs__link--before--BorderTopWidth: 0;
    --pf-c-tabs__link--before--BorderRightWidth: 0;
    --pf-c-tabs__link--before--BorderBottomWidth: 0;
    --pf-c-tabs__link--before--BorderLeftWidth: 0;
    --pf-c-tabs__link--before--Left: calc(var(--pf-c-tabs__link--before--border-width--base)*-1);
    --pf-c-tabs__link--after--Top: auto;
    --pf-c-tabs__link--after--Right: 0;
    --pf-c-tabs__link--after--Bottom: 0;
    --pf-c-tabs__link--after--BorderColor: var(--pf-global--BorderColor--light-100);
    --pf-c-tabs__link--after--BorderWidth: 0;
    --pf-c-tabs__link--after--BorderTopWidth: 0;
    --pf-c-tabs__link--after--BorderRightWidth: 0;
    --pf-c-tabs__link--after--BorderLeftWidth: 0;
    --pf-c-tabs__link--hover--after--BorderWidth: var(--pf-global--BorderWidth--lg);
    --pf-c-tabs__link--focus--after--BorderWidth: var(--pf-global--BorderWidth--lg);
    --pf-c-tabs__link--active--after--BorderWidth: var(--pf-global--BorderWidth--lg);
    --pf-c-tabs__item--m-current__link--after--BorderColor: var(--pf-global--active-color--100);
    --pf-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-global--BorderWidth--lg);
    --pf-c-tabs__link--child--MarginRight: var(--pf-global--spacer--md);
    --pf-c-tabs__scroll-button--Color: var(--pf-global--Color--100);
    --pf-c-tabs__scroll-button--hover--Color: var(--pf-global--active-color--100);
    --pf-c-tabs__scroll-button--disabled--Color: var(--pf-global--disabled-color--200);
    --pf-c-tabs__scroll-button--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-tabs__scroll-button--Width: var(--pf-global--spacer--2xl);
    --pf-c-tabs__scroll-button--xl--Width: var(--pf-global--spacer--3xl);
    --pf-c-tabs__scroll-button--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-tabs__scroll-button--TransitionDuration--margin: .125s;
    --pf-c-tabs__scroll-button--TransitionDuration--transform: .125s;
    --pf-c-tabs__scroll-button--TransitionDuration--opacity: .125s;
    --pf-c-tabs__scroll-button--before--BorderColor: var(--pf-c-tabs--before--BorderColor);
    --pf-c-tabs__scroll-button--before--border-width--base: var(--pf-global--BorderWidth--sm);
    --pf-c-tabs__scroll-button--before--BorderRightWidth: 0;
    --pf-c-tabs__scroll-button--before--BorderBottomWidth: var(--pf-c-tabs__scroll-button--before--border-width--base);
    --pf-c-tabs__scroll-button--before--BorderLeftWidth: 0;
    --pf-c-tabs__list--ScrollSnapTypeAxis: x;
    --pf-c-tabs__list--ScrollSnapTypeStrictness: proximity;
    --pf-c-tabs__list--ScrollSnapType: var(--pf-c-tabs__list--ScrollSnapTypeAxis) var(--pf-c-tabs__list--ScrollSnapTypeStrictness);
    --pf-c-tabs__item--ScrollSnapAlign: end;
    --pf-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
    --pf-c-tabs__toggle--Display: flex;
    --pf-c-tabs__toggle--Visibility: hidden;
    --pf-c-tabs__toggle--MarginBottom: 0;
    --pf-c-tabs--m-expanded__toggle--MarginBottom: var(--pf-global--spacer--md);
    --pf-c-tabs__toggle-icon--Color: currentColor;
    --pf-c-tabs__toggle-icon--Transition: var(--pf-global--Transition);
    --pf-c-tabs__toggle-icon--Rotate: 0;
    --pf-c-tabs__toggle-button--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-tabs__toggle-button--MarginBottom: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-tabs__toggle-button--MarginLeft: calc(var(--pf-global--spacer--md)*-1);
    --pf-c-tabs--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
    --pf-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-left: var(--pf-c-tabs--inset);
    padding-right: var(--pf-c-tabs--inset);
    position: relative;
    width: var(--pf-c-tabs--Width)
}

@media screen and (min-width:1200px) {
    .pf-c-tabs {
        --pf-c-tabs__scroll-button--Width: var(--pf-c-tabs__scroll-button--xl--Width);
        --pf-c-tabs--m-page-insets--inset: var(--pf-c-tabs--m-page-insets--xl--inset)
    }
}

.pf-c-tabs:before {
    border: solid var(--pf-c-tabs--before--BorderColor);
    border-width: var(--pf-c-tabs--before--BorderTopWidth) var(--pf-c-tabs--before--BorderRightWidth) var(--pf-c-tabs--before--BorderBottomWidth) var(--pf-c-tabs--before--BorderLeftWidth);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.pf-c-tabs.pf-m-fill .pf-c-tabs__list {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.pf-c-tabs.pf-m-fill .pf-c-tabs__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pf-c-tabs.pf-m-fill .pf-c-tabs__item:first-child {
    --pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: 0
}

.pf-c-tabs.pf-m-fill .pf-c-tabs__item:last-child {
    --pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: 0
}

.pf-c-tabs.pf-m-fill .pf-c-tabs__link {
    -ms-flex-preferred-size: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    flex-basis: 100%;
    justify-content: center
}

.pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button {
    opacity: 1
}

.pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button:first-of-type {
    margin-right: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button:nth-of-type(2) {
    margin-left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.pf-c-tabs.pf-m-no-border-bottom,
.pf-c-tabs.pf-m-secondary {
    --pf-c-tabs--before--BorderBottomWidth: 0
}

.pf-c-tabs.pf-m-box .pf-c-tabs__link,
.pf-c-tabs.pf-m-vertical .pf-c-tabs__link {
    --pf-c-tabs__link--after--BorderBottomWidth: 0
}

.pf-c-tabs.pf-m-box {
    --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs--m-box__link--BackgroundColor);
    --pf-c-tabs__link--before--BorderBottomWidth: var(--pf-c-tabs__link--before--border-width--base);
    --pf-c-tabs__link--before--BorderRightWidth: var(--pf-c-tabs__link--before--border-width--base);
    --pf-c-tabs__link--after--Top: 0;
    --pf-c-tabs__link--after--Bottom: auto
}

.pf-c-tabs.pf-m-box .pf-c-tabs__link {
    --pf-c-tabs__link--after--BorderTopWidth: var(--pf-c-tabs__link--after--BorderWidth)
}

.pf-c-tabs.pf-m-box .pf-c-tabs__item:last-child {
    --pf-c-tabs__link--before--BorderRightWidth: 0
}

.pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current {
    --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs__item--m-current__link--BackgroundColor);
    --pf-c-tabs__link--before--BorderBottomColor: var(--pf-c-tabs__link--BackgroundColor)
}

.pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current:first-child .pf-c-tabs__link:before {
    border-left-width: var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth)
}

.pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current:last-child .pf-c-tabs__link:before {
    border-right-width: var(--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth)
}

.pf-c-tabs.pf-m-box.pf-m-scrollable .pf-c-tabs__item.pf-m-current:first-child .pf-c-tabs__link:before,
.pf-c-tabs.pf-m-box.pf-m-scrollable .pf-c-tabs__scroll-button:nth-of-type(2):before {
    left: calc(var(--pf-c-tabs__link--before--border-width--base)*-1)
}

.pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current+.pf-c-tabs__item {
    --pf-c-tabs__link--before--Left: 0
}

.pf-c-tabs.pf-m-box.pf-m-color-scheme--light-300 {
    --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor);
    --pf-c-tabs__item--m-current__link--BackgroundColor: var(--pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor)
}

.pf-c-tabs.pf-m-vertical {
    --pf-c-tabs--Width: var(--pf-c-tabs--m-vertical--Width);
    --pf-c-tabs--inset: var(--pf-c-tabs--m-vertical--inset);
    --pf-c-tabs--before--BorderBottomWidth: 0;
    --pf-c-tabs__link--PaddingTop: var(--pf-c-tabs--m-vertical__link--PaddingTop);
    --pf-c-tabs__link--PaddingBottom: var(--pf-c-tabs--m-vertical__link--PaddingBottom);
    --pf-c-tabs__link--before--Left: 0;
    --pf-c-tabs__link--after--Top: 0;
    --pf-c-tabs__link--after--Bottom: 0;
    --pf-c-tabs__link--after--Right: auto;
    --pf-c-tabs__list--ScrollSnapTypeAxis: var(--pf-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    overflow: visible;
    padding: 0
}

.pf-c-tabs.pf-m-vertical,
.pf-c-tabs.pf-m-vertical .pf-c-tabs__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.pf-c-tabs.pf-m-vertical .pf-c-tabs__list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: var(--pf-c-tabs--m-vertical--MaxWidth);
    position: relative
}

.pf-c-tabs.pf-m-vertical .pf-c-tabs__list:before {
    border: solid var(--pf-c-tabs--m-vertical__list--before--BorderColor);
    border-width: var(--pf-c-tabs--m-vertical__list--before--BorderTopWidth) var(--pf-c-tabs--m-vertical__list--before--BorderRightWidth) var(--pf-c-tabs--m-vertical__list--before--BorderBottomWidth) var(--pf-c-tabs--m-vertical__list--before--BorderLeftWidth);
    position: absolute;
    right: auto
}

.pf-c-tabs.pf-m-vertical .pf-c-tabs__item:first-child {
    margin-top: var(--pf-c-tabs--inset)
}

.pf-c-tabs.pf-m-vertical .pf-c-tabs__item:last-child {
    margin-bottom: var(--pf-c-tabs--inset)
}

.pf-c-tabs.pf-m-vertical .pf-c-tabs__link {
    --pf-c-tabs__link--after--BorderTopWidth: 0;
    --pf-c-tabs__link--after--BorderLeftWidth: var(--pf-c-tabs__link--after--BorderWidth);
    max-width: 100%;
    text-align: left
}

.pf-c-tabs.pf-m-vertical .pf-c-tabs__item-text {
    max-width: 100%;
    overflow-wrap: break-word
}

.pf-c-tabs.pf-m-vertical.pf-m-expandable {
    --pf-c-tabs__list--Display: none;
    --pf-c-tabs__list--Visibility: hidden;
    --pf-c-tabs__toggle--Display: flex;
    --pf-c-tabs__toggle--Visibility: visible
}

.pf-c-tabs.pf-m-vertical.pf-m-non-expandable {
    --pf-c-tabs__list--Display: flex;
    --pf-c-tabs__list--Visibility: visible;
    --pf-c-tabs__toggle--Display: none;
    --pf-c-tabs__toggle--Visibility: hidden
}

@media (min-width:576px) {
    .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-sm {
        --pf-c-tabs__list--Display: none;
        --pf-c-tabs__list--Visibility: hidden;
        --pf-c-tabs__toggle--Display: flex;
        --pf-c-tabs__toggle--Visibility: visible
    }

    .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-sm {
        --pf-c-tabs__list--Display: flex;
        --pf-c-tabs__list--Visibility: visible;
        --pf-c-tabs__toggle--Display: none;
        --pf-c-tabs__toggle--Visibility: hidden
    }
}

@media (min-width:768px) {
    .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-md {
        --pf-c-tabs__list--Display: none;
        --pf-c-tabs__list--Visibility: hidden;
        --pf-c-tabs__toggle--Display: flex;
        --pf-c-tabs__toggle--Visibility: visible
    }

    .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-md {
        --pf-c-tabs__list--Display: flex;
        --pf-c-tabs__list--Visibility: visible;
        --pf-c-tabs__toggle--Display: none;
        --pf-c-tabs__toggle--Visibility: hidden
    }
}

@media (min-width:992px) {
    .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-lg {
        --pf-c-tabs__list--Display: none;
        --pf-c-tabs__list--Visibility: hidden;
        --pf-c-tabs__toggle--Display: flex;
        --pf-c-tabs__toggle--Visibility: visible
    }

    .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-lg {
        --pf-c-tabs__list--Display: flex;
        --pf-c-tabs__list--Visibility: visible;
        --pf-c-tabs__toggle--Display: none;
        --pf-c-tabs__toggle--Visibility: hidden
    }
}

@media (min-width:1200px) {
    .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-xl {
        --pf-c-tabs__list--Display: none;
        --pf-c-tabs__list--Visibility: hidden;
        --pf-c-tabs__toggle--Display: flex;
        --pf-c-tabs__toggle--Visibility: visible
    }

    .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-xl {
        --pf-c-tabs__list--Display: flex;
        --pf-c-tabs__list--Visibility: visible;
        --pf-c-tabs__toggle--Display: none;
        --pf-c-tabs__toggle--Visibility: hidden
    }
}

@media (min-width:1450px) {
    .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-2xl {
        --pf-c-tabs__list--Display: none;
        --pf-c-tabs__list--Visibility: hidden;
        --pf-c-tabs__toggle--Display: flex;
        --pf-c-tabs__toggle--Visibility: visible
    }

    .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-2xl {
        --pf-c-tabs__list--Display: flex;
        --pf-c-tabs__list--Visibility: visible;
        --pf-c-tabs__toggle--Display: none;
        --pf-c-tabs__toggle--Visibility: hidden
    }
}

.pf-c-tabs.pf-m-vertical.pf-m-expanded {
    --pf-c-tabs__list--Display: flex;
    --pf-c-tabs__list--Visibility: visible;
    --pf-c-tabs__toggle--MarginBottom: var(--pf-c-tabs--m-expanded__toggle--MarginBottom);
    --pf-c-tabs__toggle-icon--Color: var(--pf-c-tabs--m-expanded__toggle-icon--Color);
    --pf-c-tabs__toggle-icon--Rotate: var(--pf-c-tabs--m-expanded__toggle-icon--Rotate)
}

.pf-c-tabs.pf-m-box.pf-m-vertical {
    --pf-c-tabs--inset: var(--pf-c-tabs--m-vertical--m-box--inset);
    --pf-c-tabs--m-vertical__list--before--BorderLeftWidth: 0;
    --pf-c-tabs--m-vertical__list--before--BorderRightWidth: var(--pf-c-tabs--before--border-width--base)
}

.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__list:before {
    left: auto;
    right: 0
}

.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item:last-child {
    --pf-c-tabs__link--before--BorderBottomWidth: 0;
    --pf-c-tabs__link--before--BorderRightWidth: var(--pf-c-tabs__link--before--border-width--base)
}

.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item.pf-m-current {
    --pf-c-tabs__link--before--BorderRightColor: var(--pf-c-tabs__item--m-current__link--BackgroundColor);
    --pf-c-tabs__link--before--BorderBottomColor: var(--pf-c-tabs__link--before--border-color--base);
    --pf-c-tabs__link--before--BorderBottomWidth: var(--pf-c-tabs__link--before--border-width--base)
}

.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item.pf-m-current:first-child,
.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item:first-child.pf-m-current {
    --pf-c-tabs__link--before--BorderTopWidth: var(--pf-c-tabs__link--before--border-width--base)
}

.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__link:after {
    top: calc(var(--pf-c-tabs__link--before--border-width--base)*-1)
}

.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item.pf-m-current+.pf-c-tabs__item .pf-c-tabs__link:after,
.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item:first-child .pf-c-tabs__link:after {
    top: 0
}

.pf-c-tabs.pf-m-secondary {
    --pf-c-tabs__link--FontSize: var(--pf-c-tabs--m-secondary__link--FontSize)
}

.pf-c-tabs.pf-m-page-insets {
    --pf-c-tabs--inset: var(--pf-c-tabs--m-page-insets--inset)
}

.pf-c-tabs__toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: var(--pf-c-tabs__toggle--Display);
    margin-bottom: var(--pf-c-tabs__toggle--MarginBottom);
    visibility: var(--pf-c-tabs__toggle--Visibility)
}

.pf-c-tabs__toggle-button {
    margin-bottom: var(--pf-c-tabs__toggle-button--MarginBottom);
    margin-left: var(--pf-c-tabs__toggle-button--MarginLeft);
    margin-top: var(--pf-c-tabs__toggle-button--MarginTop)
}

.pf-c-tabs__toggle-icon {
    color: var(--pf-c-tabs__toggle-icon--Color);
    display: inline-block;
    -webkit-transform: rotate(var(--pf-c-tabs__toggle-icon--Rotate));
    transform: rotate(var(--pf-c-tabs__toggle-icon--Rotate));
    -webkit-transition: var(--pf-c-tabs__toggle-icon--Transition);
    transition: var(--pf-c-tabs__toggle-icon--Transition)
}

.pf-c-tabs__list {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    display: var(--pf-c-tabs__list--Display);
    max-width: 100%;
    overflow-x: auto;
    position: relative;
    scroll-behavior: smooth;
    -ms-scroll-snap-type: var(--pf-c-tabs__list--ScrollSnapType);
    scroll-snap-type: var(--pf-c-tabs__list--ScrollSnapType);
    scrollbar-width: none;
    visibility: var(--pf-c-tabs__list--Visibility)
}

.pf-c-tabs__list::-webkit-scrollbar {
    display: none
}

.pf-c-tabs__item {
    -webkit-box-flex: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    scroll-snap-align: var(--pf-c-tabs__item--ScrollSnapAlign)
}

.pf-c-tabs__item.pf-m-current {
    --pf-c-tabs__link--Color: var(--pf-c-tabs__item--m-current__link--Color);
    --pf-c-tabs__link--after--BorderColor: var(--pf-c-tabs__item--m-current__link--after--BorderColor);
    --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__item--m-current__link--after--BorderWidth)
}

.pf-c-tabs:before,
.pf-c-tabs__link:after,
.pf-c-tabs__link:before,
.pf-c-tabs__list:before,
.pf-c-tabs__scroll-button:before {
    border-style: solid;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0
}

.pf-c-tabs__link:after,
.pf-c-tabs__link:before,
.pf-c-tabs__list:before,
.pf-c-tabs__scroll-button:before {
    top: 0
}

.pf-c-tabs__link,
.pf-c-tabs__list:before,
.pf-c-tabs__scroll-button {
    border: 0
}

.pf-c-tabs__link {
    --pf-c-tabs__link--after--BorderBottomWidth: var(--pf-c-tabs__link--after--BorderWidth);
    -webkit-box-flex: 1;
    background-color: var(--pf-c-tabs__link--BackgroundColor);
    color: var(--pf-c-tabs__link--Color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    font-size: var(--pf-c-tabs__link--FontSize);
    outline-offset: var(--pf-c-tabs__link--OutlineOffset);
    padding: var(--pf-c-tabs__link--PaddingTop) var(--pf-c-tabs__link--PaddingRight) var(--pf-c-tabs__link--PaddingBottom) var(--pf-c-tabs__link--PaddingLeft);
    position: relative;
    text-decoration: none
}

.pf-c-tabs__link:before {
    border-color: var(--pf-c-tabs__link--before--border-color--base);
    border-bottom-color: var(--pf-c-tabs__link--before--BorderBottomColor);
    border-right-color: var(--pf-c-tabs__link--before--BorderRightColor);
    border-width: var(--pf-c-tabs__link--before--BorderTopWidth) var(--pf-c-tabs__link--before--BorderRightWidth) var(--pf-c-tabs__link--before--BorderBottomWidth) var(--pf-c-tabs__link--before--BorderLeftWidth);
    pointer-events: none
}

.pf-c-tabs__link:after {
    border-color: var(--pf-c-tabs__link--after--BorderColor);
    border-width: var(--pf-c-tabs__link--after--BorderTopWidth) var(--pf-c-tabs__link--after--BorderRightWidth) var(--pf-c-tabs__link--after--BorderBottomWidth) var(--pf-c-tabs__link--after--BorderLeftWidth);
    bottom: var(--pf-c-tabs__link--after--Bottom);
    left: var(--pf-c-tabs__link--before--Left);
    right: var(--pf-c-tabs__link--after--Right);
    top: var(--pf-c-tabs__link--after--Top)
}

.pf-c-tabs__link:hover {
    --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__link--hover--after--BorderWidth)
}

.pf-c-tabs__link:focus {
    --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__link--focus--after--BorderWidth)
}

.pf-c-tabs__link:active {
    --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__link--active--after--BorderWidth)
}

.pf-c-tabs__link .pf-c-tabs__item-icon,
.pf-c-tabs__link .pf-c-tabs__item-text {
    margin-right: var(--pf-c-tabs__link--child--MarginRight)
}

.pf-c-tabs__link .pf-c-tabs__item-icon:last-child,
.pf-c-tabs__link .pf-c-tabs__item-text:last-child {
    --pf-c-tabs__link--child--MarginRight: 0
}

.pf-c-tabs__scroll-button {
    -webkit-box-flex: 0;
    background-color: var(--pf-c-tabs__scroll-button--BackgroundColor);
    color: var(--pf-c-tabs__scroll-button--Color);
    -ms-flex: none;
    flex: none;
    line-height: 1;
    opacity: 0;
    outline-offset: var(--pf-c-tabs__scroll-button--OutlineOffset);
    -webkit-transition: margin var(--pf-c-tabs__scroll-button--TransitionDuration--margin), opacity var(--pf-c-tabs__scroll-button--TransitionDuration--opacity), -webkit-transform var(--pf-c-tabs__scroll-button--TransitionDuration--transform);
    transition: margin var(--pf-c-tabs__scroll-button--TransitionDuration--margin), opacity var(--pf-c-tabs__scroll-button--TransitionDuration--opacity), -webkit-transform var(--pf-c-tabs__scroll-button--TransitionDuration--transform);
    transition: margin var(--pf-c-tabs__scroll-button--TransitionDuration--margin), transform var(--pf-c-tabs__scroll-button--TransitionDuration--transform), opacity var(--pf-c-tabs__scroll-button--TransitionDuration--opacity);
    transition: margin var(--pf-c-tabs__scroll-button--TransitionDuration--margin), transform var(--pf-c-tabs__scroll-button--TransitionDuration--transform), opacity var(--pf-c-tabs__scroll-button--TransitionDuration--opacity), -webkit-transform var(--pf-c-tabs__scroll-button--TransitionDuration--transform);
    width: var(--pf-c-tabs__scroll-button--Width)
}

.pf-c-tabs__scroll-button:active,
.pf-c-tabs__scroll-button:focus,
.pf-c-tabs__scroll-button:hover {
    --pf-c-tabs__scroll-button--Color: var(--pf-c-tabs__scroll-button--hover--Color)
}

.pf-c-tabs__scroll-button:before {
    border-color: var(--pf-c-tabs__scroll-button--before--BorderColor);
    border-width: 0 var(--pf-c-tabs__scroll-button--before--BorderRightWidth) var(--pf-c-tabs__scroll-button--before--BorderBottomWidth) var(--pf-c-tabs__scroll-button--before--BorderLeftWidth)
}

.pf-c-tabs__scroll-button:first-of-type {
    --pf-c-tabs__scroll-button--before--BorderRightWidth: var(--pf-c-tabs__scroll-button--before--border-width--base);
    margin-right: calc(var(--pf-c-tabs__scroll-button--Width)*-1);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.pf-c-tabs__scroll-button:nth-of-type(2) {
    --pf-c-tabs__scroll-button--before--BorderLeftWidth: var(--pf-c-tabs__scroll-button--before--border-width--base);
    margin-left: calc(var(--pf-c-tabs__scroll-button--Width)*-1);
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.pf-c-tabs__scroll-button:disabled {
    --pf-c-tabs__scroll-button--Color: var(--pf-c-tabs__scroll-button--disabled--Color);
    pointer-events: none
}

.pf-c-tabs.pf-m-inset-none {
    --pf-c-tabs--inset: 0;
    --pf-c-tabs--m-vertical--inset: 0;
    --pf-c-tabs--m-vertical--m-box--inset: 0
}

.pf-c-tabs.pf-m-inset-sm {
    --pf-c-tabs--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm)
}

.pf-c-tabs.pf-m-inset-md {
    --pf-c-tabs--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md)
}

.pf-c-tabs.pf-m-inset-lg {
    --pf-c-tabs--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg)
}

.pf-c-tabs.pf-m-inset-xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl)
}

.pf-c-tabs.pf-m-inset-2xl {
    --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
    --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl)
}

@media (min-width:576px) {
    .pf-c-tabs.pf-m-inset-none-on-sm {
        --pf-c-tabs--inset: 0;
        --pf-c-tabs--m-vertical--inset: 0;
        --pf-c-tabs--m-vertical--m-box--inset: 0
    }

    .pf-c-tabs.pf-m-inset-sm-on-sm {
        --pf-c-tabs--inset: var(--pf-global--spacer--sm);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-tabs.pf-m-inset-md-on-sm {
        --pf-c-tabs--inset: var(--pf-global--spacer--md);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md)
    }

    .pf-c-tabs.pf-m-inset-lg-on-sm {
        --pf-c-tabs--inset: var(--pf-global--spacer--lg);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-tabs.pf-m-inset-xl-on-sm {
        --pf-c-tabs--inset: var(--pf-global--spacer--xl);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-tabs.pf-m-inset-2xl-on-sm {
        --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl)
    }
}

@media (min-width:768px) {
    .pf-c-tabs.pf-m-inset-none-on-md {
        --pf-c-tabs--inset: 0;
        --pf-c-tabs--m-vertical--inset: 0;
        --pf-c-tabs--m-vertical--m-box--inset: 0
    }

    .pf-c-tabs.pf-m-inset-sm-on-md {
        --pf-c-tabs--inset: var(--pf-global--spacer--sm);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-tabs.pf-m-inset-md-on-md {
        --pf-c-tabs--inset: var(--pf-global--spacer--md);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md)
    }

    .pf-c-tabs.pf-m-inset-lg-on-md {
        --pf-c-tabs--inset: var(--pf-global--spacer--lg);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-tabs.pf-m-inset-xl-on-md {
        --pf-c-tabs--inset: var(--pf-global--spacer--xl);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-tabs.pf-m-inset-2xl-on-md {
        --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl)
    }
}

@media (min-width:992px) {
    .pf-c-tabs.pf-m-inset-none-on-lg {
        --pf-c-tabs--inset: 0;
        --pf-c-tabs--m-vertical--inset: 0;
        --pf-c-tabs--m-vertical--m-box--inset: 0
    }

    .pf-c-tabs.pf-m-inset-sm-on-lg {
        --pf-c-tabs--inset: var(--pf-global--spacer--sm);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-tabs.pf-m-inset-md-on-lg {
        --pf-c-tabs--inset: var(--pf-global--spacer--md);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md)
    }

    .pf-c-tabs.pf-m-inset-lg-on-lg {
        --pf-c-tabs--inset: var(--pf-global--spacer--lg);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-tabs.pf-m-inset-xl-on-lg {
        --pf-c-tabs--inset: var(--pf-global--spacer--xl);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-tabs.pf-m-inset-2xl-on-lg {
        --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl)
    }
}

@media (min-width:1200px) {
    .pf-c-tabs.pf-m-inset-none-on-xl {
        --pf-c-tabs--inset: 0;
        --pf-c-tabs--m-vertical--inset: 0;
        --pf-c-tabs--m-vertical--m-box--inset: 0
    }

    .pf-c-tabs.pf-m-inset-sm-on-xl {
        --pf-c-tabs--inset: var(--pf-global--spacer--sm);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-tabs.pf-m-inset-md-on-xl {
        --pf-c-tabs--inset: var(--pf-global--spacer--md);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md)
    }

    .pf-c-tabs.pf-m-inset-lg-on-xl {
        --pf-c-tabs--inset: var(--pf-global--spacer--lg);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-tabs.pf-m-inset-xl-on-xl {
        --pf-c-tabs--inset: var(--pf-global--spacer--xl);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-tabs.pf-m-inset-2xl-on-xl {
        --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl)
    }
}

@media (min-width:1450px) {
    .pf-c-tabs.pf-m-inset-none-on-2xl {
        --pf-c-tabs--inset: 0;
        --pf-c-tabs--m-vertical--inset: 0;
        --pf-c-tabs--m-vertical--m-box--inset: 0
    }

    .pf-c-tabs.pf-m-inset-sm-on-2xl {
        --pf-c-tabs--inset: var(--pf-global--spacer--sm);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-tabs.pf-m-inset-md-on-2xl {
        --pf-c-tabs--inset: var(--pf-global--spacer--md);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md)
    }

    .pf-c-tabs.pf-m-inset-lg-on-2xl {
        --pf-c-tabs--inset: var(--pf-global--spacer--lg);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-tabs.pf-m-inset-xl-on-2xl {
        --pf-c-tabs--inset: var(--pf-global--spacer--xl);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-tabs.pf-m-inset-2xl-on-2xl {
        --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
        --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
        --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl)
    }
}

.pf-c-tile {
    --pf-c-tile--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-tile--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-tile--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-tile--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-tile--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-tile--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-tile--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-tile--before--BorderRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-tile--hover--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-tile--m-selected--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-tile--m-selected--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-tile--focus--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-tile--focus--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-tile--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
    --pf-c-tile__title--Color: var(--pf-global--Color--100);
    --pf-c-tile--hover__title--Color: var(--pf-global--primary-color--100);
    --pf-c-tile--m-selected__title--Color: var(--pf-global--primary-color--100);
    --pf-c-tile--focus__title--Color: var(--pf-global--primary-color--100);
    --pf-c-tile--m-disabled__title--Color: var(--pf-global--disabled-color--100);
    --pf-c-tile__icon--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-tile__icon--FontSize: var(--pf-global--icon--FontSize--md);
    --pf-c-tile__icon--Color: var(--pf-global--Color--100);
    --pf-c-tile--hover__icon--Color: var(--pf-global--primary-color--100);
    --pf-c-tile--m-selected__icon--Color: var(--pf-global--primary-color--100);
    --pf-c-tile--m-disabled__icon--Color: var(--pf-global--disabled-color--100);
    --pf-c-tile--focus__icon--Color: var(--pf-global--primary-color--100);
    --pf-c-tile__header--m-stacked__icon--MarginBottom: var(--pf-global--spacer--xs);
    --pf-c-tile__header--m-stacked__icon--FontSize: var(--pf-global--icon--FontSize--lg);
    --pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-global--icon--FontSize--xl);
    --pf-c-tile__body--Color: var(--pf-global--Color--100);
    --pf-c-tile__body--FontSize: var(--pf-global--FontSize--xs);
    --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--100);
    background-color: var(--pf-c-tile--BackgroundColor);
    cursor: pointer;
    display: inline-grid;
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content;
    padding: var(--pf-c-tile--PaddingTop) var(--pf-c-tile--PaddingRight) var(--pf-c-tile--PaddingBottom) var(--pf-c-tile--PaddingLeft);
    position: relative;
    text-align: center
}

.pf-c-tile:before {
    border: var(--pf-c-tile--before--BorderWidth) solid var(--pf-c-tile--before--BorderColor);
    border-radius: var(--pf-c-tile--before--BorderRadius);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-tile:hover {
    --pf-c-tile__title--Color: var(--pf-c-tile--hover__title--Color);
    --pf-c-tile__icon--Color: var(--pf-c-tile--hover__icon--Color);
    --pf-c-tile--before--BorderColor: var(--pf-c-tile--hover--before--BorderColor)
}

.pf-c-tile.pf-m-selected {
    --pf-c-tile__title--Color: var(--pf-c-tile--m-selected__title--Color);
    --pf-c-tile__icon--Color: var(--pf-c-tile--m-selected__icon--Color);
    --pf-c-tile--before--BorderWidth: var(--pf-c-tile--m-selected--before--BorderWidth);
    --pf-c-tile--before--BorderColor: var(--pf-c-tile--m-selected--before--BorderColor)
}

.pf-c-tile:focus {
    --pf-c-tile__title--Color: var(--pf-c-tile--focus__title--Color);
    --pf-c-tile__icon--Color: var(--pf-c-tile--focus__icon--Color);
    --pf-c-tile--before--BorderWidth: var(--pf-c-tile--focus--before--BorderWidth);
    --pf-c-tile--before--BorderColor: var(--pf-c-tile--focus--before--BorderColor)
}

.pf-c-tile.pf-m-disabled {
    --pf-c-tile--BackgroundColor: var(--pf-c-tile--m-disabled--BackgroundColor);
    --pf-c-tile__title--Color: var(--pf-c-tile--m-disabled__title--Color);
    --pf-c-tile__body--Color: var(--pf-c-tile--m-disabled__body--Color);
    --pf-c-tile--before--BorderWidth: 0;
    --pf-c-tile__icon--Color: var(--pf-c-tile--m-disabled__icon--Color);
    pointer-events: none
}

.pf-c-tile.pf-m-display-lg .pf-c-tile__header.pf-m-stacked {
    --pf-c-tile__icon--FontSize: var(--pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize)
}

.pf-c-tile__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.pf-c-tile__header.pf-m-stacked {
    --pf-c-tile__icon--MarginRight: 0;
    --pf-c-tile__icon--FontSize: var(--pf-c-tile__header--m-stacked__icon--FontSize);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: normal
}

.pf-c-tile__header.pf-m-stacked .pf-c-tile__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: var(--pf-c-tile__header--m-stacked__icon--MarginBottom)
}

.pf-c-tile__title {
    color: var(--pf-c-tile__title--Color)
}

.pf-c-tile__body {
    color: var(--pf-c-tile__body--Color);
    font-size: var(--pf-c-tile__body--FontSize)
}

.pf-c-tile__icon {
    color: var(--pf-c-tile__icon--Color);
    font-size: var(--pf-c-tile__icon--FontSize);
    margin-right: var(--pf-c-tile__icon--MarginRight)
}

.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)
}

.pf-c-toggle-group {
    --pf-c-toggle-group__button--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-toggle-group__button--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-toggle-group__button--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-toggle-group__button--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-toggle-group__button--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-toggle-group__button--LineHeight: calc(var(--pf-global--FontSize--md)*var(--pf-global--LineHeight--md));
    --pf-c-toggle-group__button--Color: var(--pf-global--Color--100);
    --pf-c-toggle-group__button--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-toggle-group__button--ZIndex: auto;
    --pf-c-toggle-group__button--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-toggle-group__button--hover--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-toggle-group__button--hover--before--BorderColor: var(--pf-global--BorderColor--200);
    --pf-c-toggle-group__button--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-toggle-group__button--focus--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-toggle-group__button--focus--before--BorderColor: var(--pf-global--BorderColor--200);
    --pf-c-toggle-group__button--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
    --pf-c-toggle-group__button--disabled--Color: var(--pf-global--disabled-color--100);
    --pf-c-toggle-group__button--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-toggle-group__button--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-toggle-group__item--item--MarginLeft: calc(var(--pf-global--BorderWidth--sm)*-1);
    --pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-toggle-group__item--last-child__button--BorderTopRightRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-toggle-group__icon--text--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--palette--blue-50);
    --pf-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-toggle-group__button--m-selected--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-toggle-group--m-compact__button--PaddingTop: 0;
    --pf-c-toggle-group--m-compact__button--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-toggle-group--m-compact__button--PaddingBottom: 0;
    --pf-c-toggle-group--m-compact__button--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-toggle-group--m-compact__button--FontSize: var(--pf-global--FontSize--xs);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-toggle-group.pf-m-compact {
    --pf-c-toggle-group__button--PaddingTop: var(--pf-c-toggle-group--m-compact__button--PaddingTop);
    --pf-c-toggle-group__button--PaddingRight: var(--pf-c-toggle-group--m-compact__button--PaddingRight);
    --pf-c-toggle-group__button--PaddingBottom: var(--pf-c-toggle-group--m-compact__button--PaddingBottom);
    --pf-c-toggle-group__button--PaddingLeft: var(--pf-c-toggle-group--m-compact__button--PaddingLeft);
    --pf-c-toggle-group__button--FontSize: var(--pf-c-toggle-group--m-compact__button--FontSize)
}

.pf-c-toggle-group__item+.pf-c-toggle-group__item {
    margin-left: var(--pf-c-toggle-group__item--item--MarginLeft)
}

.pf-c-toggle-group__item:first-child .pf-c-toggle-group__button,
.pf-c-toggle-group__item:first-child .pf-c-toggle-group__button:before {
    border-bottom-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius);
    border-top-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius)
}

.pf-c-toggle-group__item:last-child .pf-c-toggle-group__button,
.pf-c-toggle-group__item:last-child .pf-c-toggle-group__button:before {
    border-bottom-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius);
    border-top-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderTopRightRadius)
}

.pf-c-toggle-group__button {
    background-color: var(--pf-c-toggle-group__button--BackgroundColor);
    border: 0;
    color: var(--pf-c-toggle-group__button--Color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: var(--pf-c-toggle-group__button--FontSize);
    line-height: var(--pf-c-toggle-group__button--LineHeight);
    padding: var(--pf-c-toggle-group__button--PaddingTop) var(--pf-c-toggle-group__button--PaddingRight) var(--pf-c-toggle-group__button--PaddingBottom) var(--pf-c-toggle-group__button--PaddingLeft);
    position: relative;
    z-index: var(--pf-c-toggle-group__button--ZIndex)
}

.pf-c-toggle-group__button:before {
    border: var(--pf-c-toggle-group__button--before--BorderWidth) solid var(--pf-c-toggle-group__button--before--BorderColor);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-toggle-group__button:hover {
    --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--hover--BackgroundColor);
    --pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--hover--ZIndex);
    --pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--hover--before--BorderColor);
    text-decoration: none
}

.pf-c-toggle-group__button:focus {
    --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--focus--BackgroundColor);
    --pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--focus--ZIndex);
    --pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--focus--before--BorderColor)
}

.pf-c-toggle-group__button.pf-m-selected {
    --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--m-selected--BackgroundColor);
    --pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--m-selected--ZIndex);
    --pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--m-selected--before--BorderColor)
}

.pf-c-toggle-group__button.pf-m-disabled,
.pf-c-toggle-group__button:disabled {
    --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--disabled--BackgroundColor);
    --pf-c-toggle-group__button--Color: var(--pf-c-toggle-group__button--disabled--Color);
    pointer-events: none
}

.pf-c-toggle-group__icon+.pf-c-toggle-group__text,
.pf-c-toggle-group__text+.pf-c-toggle-group__icon {
    margin-left: var(--pf-c-toggle-group__icon--text--MarginLeft)
}

.pf-c-tooltip {
    --pf-c-tooltip--MaxWidth: 18.75rem;
    --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-tooltip__content--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-tooltip__content--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
    --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
    --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-tooltip__arrow--Width: var(--pf-global--arrow--width);
    --pf-c-tooltip__arrow--Height: var(--pf-global--arrow--width);
    --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
    --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
    --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
    --pf-c-tooltip__arrow--m-right--TranslateX: -50%;
    --pf-c-tooltip__arrow--m-right--TranslateY: -50%;
    --pf-c-tooltip__arrow--m-right--Rotate: 45deg;
    --pf-c-tooltip__arrow--m-bottom--TranslateX: -50%;
    --pf-c-tooltip__arrow--m-bottom--TranslateY: -50%;
    --pf-c-tooltip__arrow--m-bottom--Rotate: 45deg;
    --pf-c-tooltip__arrow--m-left--TranslateX: 50%;
    --pf-c-tooltip__arrow--m-left--TranslateY: -50%;
    --pf-c-tooltip__arrow--m-left--Rotate: 45deg;
    -webkit-box-shadow: var(--pf-c-tooltip--BoxShadow);
    box-shadow: var(--pf-c-tooltip--BoxShadow);
    max-width: var(--pf-c-tooltip--MaxWidth);
    position: relative
}

.pf-c-tooltip.pf-m-top .pf-c-tooltip__arrow {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(var(--pf-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-top--Rotate));
    transform: translateX(var(--pf-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-top--Rotate))
}

.pf-c-tooltip.pf-m-bottom .pf-c-tooltip__arrow {
    left: 50%;
    top: 0;
    -webkit-transform: translateX(var(--pf-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-bottom--Rotate));
    transform: translateX(var(--pf-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-bottom--Rotate))
}

.pf-c-tooltip.pf-m-left .pf-c-tooltip__arrow {
    right: 0;
    top: 50%;
    -webkit-transform: translateX(var(--pf-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-left--Rotate));
    transform: translateX(var(--pf-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-left--Rotate))
}

.pf-c-tooltip.pf-m-right .pf-c-tooltip__arrow {
    left: 0;
    top: 50%;
    -webkit-transform: translateX(var(--pf-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-right--Rotate));
    transform: translateX(var(--pf-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-right--Rotate))
}

.pf-c-tooltip__content {
    background-color: var(--pf-c-tooltip__content--BackgroundColor);
    color: var(--pf-c-tooltip__content--Color);
    font-size: var(--pf-c-tooltip__content--FontSize);
    padding: var(--pf-c-tooltip__content--PaddingTop) var(--pf-c-tooltip__content--PaddingRight) var(--pf-c-tooltip__content--PaddingBottom) var(--pf-c-tooltip__content--PaddingLeft);
    position: relative;
    text-align: center;
    word-break: break-word
}

.pf-c-tooltip__content.pf-m-text-align-left {
    text-align: left
}

.pf-c-tooltip__arrow {
    background-color: var(--pf-c-tooltip__content--BackgroundColor);
    height: var(--pf-c-tooltip__arrow--Height);
    pointer-events: none;
    position: absolute;
    width: var(--pf-c-tooltip__arrow--Width)
}

.pf-c-number-input {
    --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
    --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm)*2);
    --pf-c-number-input--c-form-control--width-chars: 4;
    --pf-c-number-input--c-form-control--Width: calc(var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars)*1ch);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pf-c-number-input,
.pf-c-number-input .pf-c-form-control {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pf-c-number-input .pf-c-form-control {
    -moz-appearance: textfield;
    text-align: right;
    width: var(--pf-c-number-input--c-form-control--Width)
}

.pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button,
.pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.pf-c-input-group+.pf-c-number-input__unit,
.pf-c-number-input__unit+.pf-c-input-group {
    margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft)
}

.pf-c-number-input__icon {
    font-size: var(--pf-c-number-input__icon--FontSize)
}

.pf-c-tree-view {
    --pf-c-tree-view--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-tree-view--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-tree-view__node--indent--base: calc(var(--pf-global--spacer--md)*2 + var(--pf-c-tree-view__node-toggle-icon--MinWidth));
    --pf-c-tree-view__node--nested-indent--base: calc(var(--pf-c-tree-view__node--indent--base) - var(--pf-global--spacer--md));
    --pf-c-tree-view__node--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-tree-view__node--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-tree-view__node--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view__node--indent--base);
    --pf-c-tree-view__node--Color: var(--pf-global--Color--100);
    --pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
    --pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--palette--black-200);
    --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop);
    --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
    --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
    --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
    --pf-c-tree-view__node-toggle-icon--Transition: var(--pf-global--Transition);
    --pf-c-tree-view__node-toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-tree-view__node-toggle-button--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-tree-view__node-toggle-button--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-tree-view__node-toggle-button--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-tree-view__node-toggle-button--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-tree-view__node-toggle-button--MarginBottom: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-tree-view__node-check--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-tree-view__node-count--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor: var(--pf-global--disabled-color--200);
    --pf-c-tree-view__search--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-tree-view__search--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-tree-view__search--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-tree-view__search--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-tree-view__node-icon--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-tree-view__node-icon--Color: var(--pf-global--icon--Color--light);
    --pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
    --pf-c-tree-view__node-text--max-lines: 1;
    --pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
    --pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
    --pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
    --pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
    padding-bottom: var(--pf-c-tree-view--PaddingBottom);
    padding-top: var(--pf-c-tree-view--PaddingTop)
}

.pf-c-tree-view__list-item.pf-m-expanded>.pf-c-tree-view__content>.pf-c-tree-view__node>.pf-c-tree-view__node-toggle>.pf-c-tree-view__node-toggle-icon {
    text-align: center;
    -webkit-transform: rotate(var(--pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate));
    transform: rotate(var(--pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate))
}

.pf-c-tree-view__node {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    color: var(--pf-c-tree-view__node--Color);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1;
    flex: 1 1;
    min-width: 0;
    padding: var(--pf-c-tree-view__node--PaddingTop) var(--pf-c-tree-view__node--PaddingRight) var(--pf-c-tree-view__node--PaddingBottom) var(--pf-c-tree-view__node--PaddingLeft);
    position: relative;
    text-align: left
}

.pf-c-tree-view__node.pf-m-current {
    --pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
    font-weight: var(--pf-c-tree-view__node--m-current--FontWeight)
}

.pf-c-tree-view__node:focus {
    background-color: var(--pf-c-tree-view__node--focus--BackgroundColor)
}

.pf-c-tree-view__node .pf-c-tree-view__node-count {
    margin-left: var(--pf-c-tree-view__node-count--MarginLeft)
}

.pf-c-tree-view__node .pf-c-tree-view__node-count .pf-c-badge.pf-m-read {
    --pf-c-badge--m-read--BackgroundColor: var(--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor)
}

.pf-c-tree-view__node-toggle-icon {
    display: inline-block;
    min-width: var(--pf-c-tree-view__node-toggle-icon--MinWidth);
    -webkit-transition: var(--pf-c-tree-view__node-toggle-icon--Transition);
    transition: var(--pf-c-tree-view__node-toggle-icon--Transition)
}

.pf-c-tree-view__node-check {
    margin-right: var(--pf-c-tree-view__node-check--MarginRight)
}

.pf-c-tree-view__node-toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    left: var(--pf-c-tree-view__list-item__list-item__node-toggle--Left);
    margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
    margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
    padding: var(--pf-c-tree-view__node-toggle-button--PaddingTop) var(--pf-c-tree-view__node-toggle-button--PaddingRight) var(--pf-c-tree-view__node-toggle-button--PaddingBottom) var(--pf-c-tree-view__node-toggle-button--PaddingLeft);
    position: absolute;
    top: var(--pf-c-tree-view__list-item__list-item__node-toggle--Top);
    -webkit-transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
    transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX))
}

.pf-c-tree-view__node-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-tree-view__search {
    padding: var(--pf-c-tree-view__search--PaddingTop) var(--pf-c-tree-view__search--PaddingRight) var(--pf-c-tree-view__search--PaddingBottom) var(--pf-c-tree-view__search--PaddingLeft)
}

.pf-c-tree-view__node-icon {
    color: var(--pf-c-tree-view__node-icon--Color);
    padding-right: var(--pf-c-tree-view__node-icon--PaddingRight)
}

.pf-c-tree-view__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-tree-view__content:focus-within,
.pf-c-tree-view__content:hover {
    background-color: var(--pf-c-tree-view__node--hover--BackgroundColor)
}

.pf-c-tree-view__action {
    border: 0;
    color: var(--pf-c-tree-view__action--Color);
    margin-left: var(--pf-c-tree-view__action--MarginLeft)
}

.pf-c-tree-view__action:hover {
    --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color)
}

.pf-c-tree-view__action:focus {
    --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
    background-color: var(--pf-c-tree-view__action--focus--BackgroundColor)
}

.pf-c-tree-view__list-item .pf-c-tree-view__list-item {
    --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base)*1 + var(--pf-c-tree-view__node--indent--base));
    --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft)
}

.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
    --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base)*2 + var(--pf-c-tree-view__node--indent--base));
    --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft)
}

.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
    --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base)*3 + var(--pf-c-tree-view__node--indent--base));
    --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft)
}

.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
    --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base)*4 + var(--pf-c-tree-view__node--indent--base));
    --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft)
}

.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
    --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base)*5 + var(--pf-c-tree-view__node--indent--base));
    --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft)
}

.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
    --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base)*6 + var(--pf-c-tree-view__node--indent--base));
    --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft)
}

.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
    --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base)*7 + var(--pf-c-tree-view__node--indent--base));
    --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft)
}

.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
    --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base)*8 + var(--pf-c-tree-view__node--indent--base));
    --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft)
}

.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
    --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base)*9 + var(--pf-c-tree-view__node--indent--base));
    --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft)
}

.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
    --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base)*10 + var(--pf-c-tree-view__node--indent--base));
    --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft)
}

.pf-c-wizard {
    --pf-c-wizard--Height: 100%;
    --pf-c-modal-box--c-wizard--FlexBasis: 47.625rem;
    --pf-c-wizard__header--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
    --pf-c-wizard__header--ZIndex: var(--pf-global--ZIndex--md);
    --pf-c-wizard__header--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-wizard__header--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-wizard__header--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-wizard__header--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-wizard__header--lg--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-wizard__header--lg--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-wizard__header--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-wizard__header--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-wizard__close--Top: calc(var(--pf-global--spacer--lg) - var(--pf-global--spacer--form-element));
    --pf-c-wizard__close--Right: 0;
    --pf-c-wizard__close--xl--Right: var(--pf-global--spacer--lg);
    --pf-c-wizard__close--FontSize: var(--pf-global--FontSize--xl);
    --pf-c-wizard__title--PaddingRight: var(--pf-global--spacer--2xl);
    --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
    --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
    --pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
    --pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
    --pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
    --pf-c-wizard__nav-link--m-current--Color: var(--pf-global--link--Color);
    --pf-c-wizard__nav-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-wizard__nav-link--m-disabled--Color: var(--pf-global--Color--dark-200);
    --pf-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-wizard__nav-link-toggle--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-wizard__nav-link-toggle--Color: var(--pf-global--Color--200);
    --pf-c-wizard__nav-link--hover__nav-link-toggle-icon--Color: var(--pf-global--Color--100);
    --pf-c-wizard__nav-link--focus__nav-link-toggle-icon--Color: var(--pf-global--Color--100);
    --pf-c-wizard__nav-link-toggle-icon--Transition: var(--pf-global--Transition);
    --pf-c-wizard__nav-link-toggle-icon--Rotate: 0;
    --pf-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
    --pf-c-wizard__nav-link--before--Width: 1.5rem;
    --pf-c-wizard__nav-link--before--Height: 1.5rem;
    --pf-c-wizard__nav-link--before--Top: 0;
    --pf-c-wizard__nav-link--before--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-wizard__nav-link--before--BorderRadius: var(--pf-global--BorderRadius--lg);
    --pf-c-wizard__nav-link--before--Color: var(--pf-global--Color--100);
    --pf-c-wizard__nav-link--before--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-wizard__nav-link--before--TranslateX: calc(-100% - var(--pf-global--spacer--sm));
    --pf-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-global--active-color--100);
    --pf-c-wizard__nav-link--m-current--before--Color: var(--pf-global--Color--light-100);
    --pf-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
    --pf-c-wizard__nav-link--m-disabled--before--Color: var(--pf-global--Color--dark-200);
    --pf-c-wizard__toggle--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-wizard__toggle--ZIndex: var(--pf-global--ZIndex--md);
    --pf-c-wizard__toggle--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
    --pf-c-wizard__toggle--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-wizard__toggle--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-wizard__toggle--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-wizard__toggle--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-wizard__nav-link--before--Width) + var(--pf-global--spacer--sm));
    --pf-c-wizard__toggle--m-expanded--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-wizard__toggle--m-expanded--BorderBottomColor: var(--pf-global--BorderColor--100);
    --pf-c-wizard--m-in-page__toggle--xl--PaddingLeft: calc(var(--pf-global--spacer--xl) + var(--pf-c-wizard__nav-link--before--Width) + var(--pf-global--spacer--sm));
    --pf-c-wizard__toggle-num--before--Top: 0;
    --pf-c-wizard__toggle-list-item--not-last-child--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-wizard__toggle-list-item--MarginBottom: var(--pf-global--spacer--xs);
    --pf-c-wizard__toggle-list--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-wizard__toggle-list--MarginBottom: calc(var(--pf-c-wizard__toggle-list-item--MarginBottom)*-1);
    --pf-c-wizard__toggle-separator--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-wizard__toggle-separator--Color: var(--pf-global--BorderColor--200);
    --pf-c-wizard__toggle-icon--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
    --pf-c-wizard__nav--ZIndex: var(--pf-global--ZIndex--sm);
    --pf-c-wizard__nav--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-wizard__nav--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
    --pf-c-wizard__nav--Width: 100%;
    --pf-c-wizard__nav--lg--Width: 15.625rem;
    --pf-c-wizard__nav--lg--BorderRightWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-wizard__nav--lg--BorderRightColor: var(--pf-global--BorderColor--100);
    --pf-c-wizard__nav-list--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-wizard__nav-list--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-wizard__nav-list--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-wizard__nav-list--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-wizard__nav-link--before--Width) + var(--pf-global--spacer--sm));
    --pf-c-wizard__nav-list--lg--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-wizard__nav-list--lg--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-wizard__nav-list--lg--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-wizard__nav-list--xl--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-wizard__nav-list--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-wizard__nav-list--xl--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-wizard__nav-list--xl--PaddingLeft: calc(var(--pf-global--spacer--lg) + var(--pf-c-wizard__nav-link--before--Width) + var(--pf-global--spacer--sm));
    --pf-c-wizard__nav-list--nested--MarginLeft: var(--pf-global--spacer--md);
    --pf-c-wizard__nav-list--nested--MarginTop: var(--pf-global--spacer--md);
    --pf-c-wizard__nav-item--MarginTop: var(--pf-global--spacer--md);
    --pf-c-wizard__outer-wrap--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-wizard__outer-wrap--lg--PaddingLeft: var(--pf-c-wizard__nav--Width);
    --pf-c-wizard__outer-wrap--MinHeight: 15.625rem;
    --pf-c-wizard__main--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-wizard__main-body--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-wizard__main-body--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-wizard__main-body--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-wizard__main-body--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-wizard__main-body--xl--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-wizard__main-body--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-wizard__main-body--xl--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-wizard__main-body--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-wizard__footer--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-wizard__footer--ZIndex: var(--pf-global--ZIndex--sm);
    --pf-c-wizard__footer--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-wizard__footer--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-wizard__footer--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-wizard__footer--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-wizard__footer--xl--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-wizard__footer--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-wizard__footer--xl--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-wizard__footer--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-wizard__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
    --pf-c-wizard__footer--child--MarginRight: var(--pf-global--spacer--md);
    --pf-c-wizard__footer--child--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-global--spacer--2xl) - var(--pf-c-wizard__footer--child--MarginRight));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: var(--pf-c-wizard--Height);
    position: relative
}

@media screen and (min-width:992px) {
    .pf-c-wizard {
        --pf-c-wizard__header--PaddingRight: var(--pf-c-wizard__header--lg--PaddingRight);
        --pf-c-wizard__header--PaddingLeft: var(--pf-c-wizard__header--lg--PaddingLeft)
    }
}

@media screen and (min-width:1200px) {
    .pf-c-wizard {
        --pf-c-wizard__header--PaddingRight: var(--pf-c-wizard__header--xl--PaddingRight);
        --pf-c-wizard__header--PaddingLeft: var(--pf-c-wizard__header--xl--PaddingLeft);
        --pf-c-wizard__close--Right: var(--pf-c-wizard__close--xl--Right)
    }
}

@media screen and (min-width:992px) {
    .pf-c-wizard {
        --pf-c-wizard__nav--Width: var(--pf-c-wizard__nav--lg--Width);
        --pf-c-wizard__nav--BoxShadow: none;
        --pf-c-wizard__nav-list--PaddingTop: var(--pf-c-wizard__nav-list--lg--PaddingTop);
        --pf-c-wizard__nav-list--PaddingRight: var(--pf-c-wizard__nav-list--lg--PaddingRight);
        --pf-c-wizard__nav-list--PaddingBottom: var(--pf-c-wizard__nav-list--lg--PaddingBottom)
    }
}

@media screen and (min-width:1200px) {
    .pf-c-wizard {
        --pf-c-wizard__nav-list--PaddingTop: var(--pf-c-wizard__nav-list--xl--PaddingTop);
        --pf-c-wizard__nav-list--PaddingRight: var(--pf-c-wizard__nav-list--xl--PaddingRight);
        --pf-c-wizard__nav-list--PaddingBottom: var(--pf-c-wizard__nav-list--xl--PaddingBottom);
        --pf-c-wizard__nav-list--PaddingLeft: var(--pf-c-wizard__nav-list--xl--PaddingLeft);
        --pf-c-wizard__main-body--PaddingTop: var(--pf-c-wizard__main-body--xl--PaddingTop);
        --pf-c-wizard__main-body--PaddingRight: var(--pf-c-wizard__main-body--xl--PaddingRight);
        --pf-c-wizard__main-body--PaddingBottom: var(--pf-c-wizard__main-body--xl--PaddingBottom);
        --pf-c-wizard__main-body--PaddingLeft: var(--pf-c-wizard__main-body--xl--PaddingLeft);
        --pf-c-wizard__footer--PaddingTop: var(--pf-c-wizard__footer--xl--PaddingTop);
        --pf-c-wizard__footer--PaddingRight: var(--pf-c-wizard__footer--xl--PaddingRight);
        --pf-c-wizard__footer--PaddingBottom: var(--pf-c-wizard__footer--xl--PaddingBottom);
        --pf-c-wizard__footer--PaddingLeft: var(--pf-c-wizard__footer--xl--PaddingLeft)
    }
}

.pf-c-modal-box .pf-c-wizard {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 var(--pf-c-modal-box--c-wizard--FlexBasis);
    flex: 1 1 var(--pf-c-modal-box--c-wizard--FlexBasis);
    min-height: 0
}

.pf-c-wizard>:not(.pf-c-wizard__outer-wrap) {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pf-c-wizard.pf-m-finished {
    --pf-c-wizard__outer-wrap--lg--PaddingLeft: 0
}

.pf-c-wizard.pf-m-finished .pf-c-wizard__footer,
.pf-c-wizard.pf-m-finished .pf-c-wizard__nav,
.pf-c-wizard.pf-m-finished .pf-c-wizard__toggle {
    display: none;
    visibility: hidden
}

.pf-c-wizard__header {
    background-color: var(--pf-c-wizard__header--BackgroundColor);
    color: var(--pf-global--Color--100);
    padding: var(--pf-c-wizard__header--PaddingTop) var(--pf-c-wizard__header--PaddingRight) var(--pf-c-wizard__header--PaddingBottom) var(--pf-c-wizard__header--PaddingLeft);
    position: relative;
    z-index: var(--pf-c-wizard__header--ZIndex)
}

.pf-c-wizard__header .pf-c-wizard__close {
    font-size: var(--pf-c-wizard__close--FontSize);
    position: absolute;
    right: var(--pf-c-wizard__close--Right);
    top: var(--pf-c-wizard__close--Top)
}

.pf-c-wizard__title {
    word-wrap: break-word;
    padding-right: var(--pf-c-wizard__title--PaddingRight)
}

.pf-c-wizard__description {
    color: var(--pf-c-wizard__description--Color);
    display: none;
    padding-top: var(--pf-c-wizard__description--PaddingTop);
    visibility: hidden
}

@media screen and (min-width:992px) {
    .pf-c-wizard__description {
        display: block;
        visibility: visible
    }
}

.pf-c-wizard__toggle {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: var(--pf-c-wizard__toggle--BackgroundColor);
    border: 0;
    -webkit-box-shadow: var(--pf-c-wizard__toggle--BoxShadow);
    box-shadow: var(--pf-c-wizard__toggle--BoxShadow);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: var(--pf-c-wizard__toggle--PaddingTop) var(--pf-c-wizard__toggle--PaddingRight) var(--pf-c-wizard__toggle--PaddingBottom) var(--pf-c-wizard__toggle--PaddingLeft);
    position: relative;
    width: 100%;
    z-index: var(--pf-c-wizard__toggle--ZIndex)
}

@media screen and (min-width:992px) {
    .pf-c-wizard__toggle {
        display: none;
        visibility: hidden
    }
}

.pf-c-wizard__toggle.pf-m-expanded {
    --pf-c-wizard__toggle--BoxShadow: none;
    border-bottom: var(--pf-c-wizard__toggle--m-expanded--BorderBottomWidth) solid var(--pf-c-wizard__toggle--m-expanded--BorderBottomColor)
}

.pf-c-wizard__toggle.pf-m-expanded .pf-c-wizard__toggle-icon {
    -webkit-transform: rotate(var(--pf-c-wizard__toggle--m-expanded__toggle-icon--Rotate));
    transform: rotate(var(--pf-c-wizard__toggle--m-expanded__toggle-icon--Rotate))
}

.pf-c-wizard__toggle-list {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: var(--pf-c-wizard__toggle-list--MarginBottom);
    margin-right: var(--pf-c-wizard__toggle-list--MarginRight);
    position: relative
}

.pf-c-wizard__toggle-list-item {
    margin-bottom: var(--pf-c-wizard__toggle-list-item--MarginBottom);
    text-align: left;
    word-break: break-word
}

.pf-c-wizard__toggle-list-item:not(:last-child) {
    margin-right: var(--pf-c-wizard__toggle-list-item--not-last-child--MarginRight)
}

.pf-c-wizard__toggle-num {
    --pf-c-wizard__nav-link--before--Top: var(--pf-c-wizard__toggle-num--before--Top)
}

.pf-c-wizard__toggle-separator {
    color: var(--pf-c-wizard__toggle-separator--Color);
    margin-left: var(--pf-c-wizard__toggle-separator--MarginLeft)
}

.pf-c-wizard__toggle-icon {
    line-height: var(--pf-c-wizard__toggle-icon--LineHeight)
}

.pf-c-wizard__outer-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background-color: var(--pf-c-wizard__outer-wrap--BackgroundColor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    min-height: var(--pf-c-wizard__outer-wrap--MinHeight);
    position: relative
}

@media screen and (min-width:992px) {
    .pf-c-wizard__outer-wrap {
        padding-left: var(--pf-c-wizard__outer-wrap--lg--PaddingLeft)
    }
}

.pf-c-wizard__inner-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0;
    position: relative
}

@media screen and (min-width:992px) {
    .pf-c-wizard__inner-wrap {
        position: static
    }
}

.pf-c-wizard__nav {
    -webkit-overflow-scrolling: touch;
    background-color: var(--pf-c-wizard__nav--BackgroundColor);
    -webkit-box-shadow: var(--pf-c-wizard__nav--BoxShadow);
    box-shadow: var(--pf-c-wizard__nav--BoxShadow);
    display: none;
    left: 0;
    max-height: 100%;
    overflow-y: auto;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: var(--pf-c-wizard__nav--Width);
    z-index: var(--pf-c-wizard__nav--ZIndex)
}

.pf-c-wizard__nav.pf-m-expanded {
    display: block;
    visibility: visible
}

@media screen and (min-width:992px) {
    .pf-c-wizard__nav {
        border-right: var(--pf-c-wizard__nav--lg--BorderRightWidth) solid var(--pf-c-wizard__nav--lg--BorderRightColor);
        display: block;
        height: 100%;
        visibility: visible
    }
}

.pf-c-wizard__nav-list {
    counter-reset: wizard-nav-count;
    list-style: none;
    padding: var(--pf-c-wizard__nav-list--PaddingTop) var(--pf-c-wizard__nav-list--PaddingRight) var(--pf-c-wizard__nav-list--PaddingBottom) var(--pf-c-wizard__nav-list--PaddingLeft)
}

.pf-c-wizard__nav-list .pf-c-wizard__nav-list {
    margin-left: var(--pf-c-wizard__nav-list--nested--MarginLeft);
    margin-top: var(--pf-c-wizard__nav-list--nested--MarginTop);
    padding: 0
}

.pf-c-wizard__nav-list .pf-c-wizard__nav-list .pf-c-wizard__nav-link:before {
    content: none
}

.pf-c-wizard__nav-list .pf-c-wizard__nav-list .pf-c-wizard__nav-link.pf-m-current {
    font-weight: var(--pf-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight)
}

.pf-c-wizard__nav-item+.pf-c-wizard__nav-item {
    margin-top: var(--pf-c-wizard__nav-item--MarginTop)
}

.pf-c-wizard__nav-item.pf-m-expandable>.pf-c-wizard__nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-c-wizard__nav-item.pf-m-expandable>.pf-c-wizard__nav-list {
    display: none;
    visibility: hidden
}

.pf-c-wizard__nav-item.pf-m-expanded>.pf-c-wizard__nav-list {
    display: block;
    visibility: visible
}

.pf-c-wizard__nav-item.pf-m-expanded>.pf-c-wizard__nav-link {
    --pf-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate)
}

.pf-c-wizard__nav-link {
    border: 0;
    color: var(--pf-c-wizard__nav-link--Color);
    display: inline-block;
    position: relative;
    text-align: left;
    -webkit-text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
    text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
    width: 100%;
    word-break: break-word
}

.pf-c-wizard__nav-link:before,
.pf-c-wizard__toggle-num {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--pf-c-wizard__nav-link--before--BackgroundColor);
    border-radius: var(--pf-c-wizard__nav-link--before--BorderRadius);
    color: var(--pf-c-wizard__nav-link--before--Color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: var(--pf-c-wizard__nav-link--before--FontSize);
    height: var(--pf-c-wizard__nav-link--before--Height);
    justify-content: center;
    left: 0;
    line-height: 1;
    position: absolute;
    top: var(--pf-c-wizard__nav-link--before--Top);
    -webkit-transform: translateX(var(--pf-c-wizard__nav-link--before--TranslateX));
    transform: translateX(var(--pf-c-wizard__nav-link--before--TranslateX));
    width: var(--pf-c-wizard__nav-link--before--Width)
}

.pf-c-wizard__nav-link:before {
    content: counter(wizard-nav-count);
    counter-increment: wizard-nav-count;
    top: 0
}

.pf-c-wizard__nav-link:hover {
    --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--hover--Color);
    --pf-c-wizard__nav-link-toggle--Color: var(--pf-c-wizard__nav-link--hover__nav-link-toggle-icon--Color)
}

.pf-c-wizard__nav-link:focus {
    --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--focus--Color);
    --pf-c-wizard__nav-link-toggle--Color: var(--pf-c-wizard__nav-link--focus__nav-link-toggle-icon--Color)
}

.pf-c-wizard__nav-link.pf-m-current {
    --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--m-current--Color);
    font-weight: var(--pf-c-wizard__nav-link--m-current--FontWeight)
}

.pf-c-wizard__nav-link.pf-m-current:before,
.pf-c-wizard__toggle-num {
    --pf-c-wizard__nav-link--before--BackgroundColor: var(--pf-c-wizard__nav-link--m-current--before--BackgroundColor);
    --pf-c-wizard__nav-link--before--Color: var(--pf-c-wizard__nav-link--m-current--before--Color)
}

.pf-c-wizard__nav-link.pf-m-disabled,
.pf-c-wizard__nav-link:disabled {
    --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--m-disabled--Color);
    pointer-events: none
}

.pf-c-wizard__nav-link.pf-m-disabled:before,
.pf-c-wizard__nav-link:disabled:before {
    --pf-c-wizard__nav-link--before--BackgroundColor: var(--pf-c-wizard__nav-link--m-disabled--before--BackgroundColor);
    --pf-c-wizard__nav-link--before--Color: var(--pf-c-wizard__nav-link--m-disabled--before--Color)
}

.pf-c-wizard__nav-link-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pf-c-wizard__nav-link-toggle {
    color: var(--pf-c-wizard__nav-link-toggle--Color);
    padding-left: var(--pf-c-wizard__nav-link-toggle--PaddingLeft);
    padding-right: var(--pf-c-wizard__nav-link-toggle--PaddingRight)
}

.pf-c-wizard__nav-link-toggle-icon {
    display: inline-block;
    -webkit-transform: rotate(var(--pf-c-wizard__nav-link-toggle-icon--Rotate));
    transform: rotate(var(--pf-c-wizard__nav-link-toggle-icon--Rotate));
    -webkit-transition: var(--pf-c-wizard__nav-link-toggle-icon--Transition);
    transition: var(--pf-c-wizard__nav-link-toggle-icon--Transition)
}

.pf-c-wizard__main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    word-break: break-word;
    z-index: var(--pf-c-wizard__main--ZIndex)
}

.pf-c-wizard__main-body {
    padding: var(--pf-c-wizard__main-body--PaddingTop) var(--pf-c-wizard__main-body--PaddingRight) var(--pf-c-wizard__main-body--PaddingBottom) var(--pf-c-wizard__main-body--PaddingLeft)
}

.pf-c-wizard__main-body.pf-m-no-padding {
    padding: 0
}

.pf-c-wizard__footer {
    -ms-flex-negative: 0;
    background-color: var(--pf-c-wizard__footer--BackgroundColor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: var(--pf-c-wizard__footer--PaddingTop) var(--pf-c-wizard__footer--PaddingRight) var(--pf-c-wizard__footer--PaddingBottom) var(--pf-c-wizard__footer--PaddingLeft);
    z-index: var(--pf-c-wizard__footer--ZIndex)
}

.pf-c-wizard__footer>* {
    margin-bottom: var(--pf-c-wizard__footer--child--MarginBottom)
}

.pf-c-wizard__footer>:not(:last-child) {
    margin-right: var(--pf-c-wizard__footer--child--MarginRight)
}

.pf-c-modal-box .pf-c-wizard__footer,
.pf-c-page__main-wizard .pf-c-wizard__footer {
    -webkit-box-shadow: var(--pf-c-wizard__footer--BoxShadow);
    box-shadow: var(--pf-c-wizard__footer--BoxShadow)
}

.pf-c-wizard__footer-cancel {
    margin-left: var(--pf-c-wizard__footer-cancel--MarginLeft)
}

.pf-l-bullseye {
    --pf-l-bullseye--Padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    padding: var(--pf-l-bullseye--Padding)
}

.pf-l-flex {
    --pf-l-flex--Display: flex;
    --pf-l-flex--FlexWrap: wrap;
    --pf-l-flex--AlignItems: baseline;
    --pf-l-flex--m-row--AlignItems: baseline;
    --pf-l-flex--m-row-reverse--AlignItems: baseline;
    --pf-l-flex--item--Order: 0;
    --pf-l-flex--spacer-base: var(--pf-global--spacer--md);
    --pf-l-flex--spacer: var(--pf-l-flex--spacer-base);
    --pf-l-flex--spacer--none: 0;
    --pf-l-flex--spacer--xs: var(--pf-global--spacer--xs);
    --pf-l-flex--spacer--sm: var(--pf-global--spacer--sm);
    --pf-l-flex--spacer--md: var(--pf-global--spacer--md);
    --pf-l-flex--spacer--lg: var(--pf-global--spacer--lg);
    --pf-l-flex--spacer--xl: var(--pf-global--spacer--xl);
    --pf-l-flex--spacer--2xl: var(--pf-global--spacer--2xl);
    --pf-l-flex--spacer--3xl: var(--pf-global--spacer--3xl);
    --pf-l-flex--spacer--4xl: var(--pf-global--spacer--4xl);
    -webkit-box-align: var(--pf-l-flex--AlignItems);
    -ms-flex-align: var(--pf-l-flex--AlignItems);
    align-items: var(--pf-l-flex--AlignItems);
    display: var(--pf-l-flex--Display);
    -ms-flex-wrap: var(--pf-l-flex--FlexWrap);
    flex-wrap: var(--pf-l-flex--FlexWrap)
}

.pf-l-flex:last-child {
    --pf-l-flex--spacer: 0
}

.pf-l-flex>* {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer-base);
    -webkit-box-ordinal-group: var(--pf-l-flex--item--Order);
    -ms-flex-order: var(--pf-l-flex--item--Order);
    margin-right: var(--pf-l-flex--spacer);
    max-width: 100%;
    order: var(--pf-l-flex--item--Order)
}

@media screen and (min-width:576px) {
    .pf-l-flex>* {
        -webkit-box-ordinal-group: var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order));
        -ms-flex-order: var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order));
        order: var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order))
    }
}

@media screen and (min-width:768px) {
    .pf-l-flex>* {
        -webkit-box-ordinal-group: var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order)));
        -ms-flex-order: var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order)));
        order: var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order)))
    }
}

@media screen and (min-width:992px) {
    .pf-l-flex>* {
        -webkit-box-ordinal-group: var(--pf-l-flex--item--Order-on-lg, var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order))));
        -ms-flex-order: var(--pf-l-flex--item--Order-on-lg, var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order))));
        order: var(--pf-l-flex--item--Order-on-lg, var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order))))
    }
}

@media screen and (min-width:1200px) {
    .pf-l-flex>* {
        -webkit-box-ordinal-group: var(--pf-l-flex--item--Order-on-xl, var(--pf-l-flex--item--Order-on-lg, var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order)))));
        -ms-flex-order: var(--pf-l-flex--item--Order-on-xl, var(--pf-l-flex--item--Order-on-lg, var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order)))));
        order: var(--pf-l-flex--item--Order-on-xl, var(--pf-l-flex--item--Order-on-lg, var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order)))))
    }
}

@media screen and (min-width:1450px) {
    .pf-l-flex>* {
        -webkit-box-ordinal-group: NaN;
        -ms-flex-order: var(--pf-l-flex--item--Order-on-2xl, var(--pf-l-flex--item--Order-on-xl, var(--pf-l-flex--item--Order-on-lg, var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order))))));
        order: var(--pf-l-flex--item--Order-on-2xl, var(--pf-l-flex--item--Order-on-xl, var(--pf-l-flex--item--Order-on-lg, var(--pf-l-flex--item--Order-on-md, var(--pf-l-flex--item--Order-on-sm, var(--pf-l-flex--item--Order))))))
    }
}

.pf-l-flex>:last-child {
    --pf-l-flex--spacer: 0
}

.pf-l-flex.pf-m-flex {
    display: var(--pf-l-flex--Display)
}

.pf-l-flex.pf-m-inline-flex {
    --pf-l-flex--Display: inline-flex
}

.pf-l-flex.pf-m-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.pf-l-flex.pf-m-column>* {
    margin: 0 0 var(--pf-l-flex--spacer) 0
}

.pf-l-flex.pf-m-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.pf-l-flex.pf-m-column-reverse>* {
    margin: var(--pf-l-flex--spacer) 0 0 0
}

.pf-l-flex.pf-m-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: var(--pf-l-flex--m-row--AlignItems);
    -ms-flex-align: var(--pf-l-flex--m-row--AlignItems);
    align-items: var(--pf-l-flex--m-row--AlignItems);
    -ms-flex-direction: row;
    flex-direction: row
}

.pf-l-flex.pf-m-row>* {
    margin: 0 var(--pf-l-flex--spacer) 0 0
}

.pf-l-flex.pf-m-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-align: var(--pf-l-flex--m-row-reverse--AlignItems);
    -ms-flex-align: var(--pf-l-flex--m-row-reverse--AlignItems);
    align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.pf-l-flex.pf-m-row-reverse>* {
    margin: 0 0 0 var(--pf-l-flex--spacer)
}

.pf-l-flex.pf-m-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pf-l-flex.pf-m-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.pf-l-flex.pf-m-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.pf-l-flex.pf-m-justify-content-flex-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.pf-l-flex.pf-m-justify-content-flex-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.pf-l-flex.pf-m-justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pf-l-flex.pf-m-justify-content-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pf-l-flex.pf-m-justify-content-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.pf-l-flex.pf-m-justify-content-space-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.pf-l-flex.pf-m-align-items-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pf-l-flex.pf-m-align-items-flex-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.pf-l-flex.pf-m-align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pf-l-flex.pf-m-align-items-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.pf-l-flex.pf-m-align-items-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.pf-l-flex.pf-m-align-content-flex-start {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.pf-l-flex.pf-m-align-content-flex-end {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.pf-l-flex.pf-m-align-content-center {
    -ms-flex-line-pack: center;
    align-content: center
}

.pf-l-flex.pf-m-align-content-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.pf-l-flex.pf-m-align-content-space-between {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.pf-l-flex.pf-m-align-content-space-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.pf-l-flex>.pf-m-align-right {
    margin-left: auto
}

.pf-l-flex>.pf-m-align-left {
    margin-left: 0
}

.pf-l-flex>.pf-m-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pf-l-flex>.pf-m-shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.pf-l-flex>.pf-m-full-width {
    margin-right: 0;
    width: 100%
}

.pf-l-flex>.pf-m-flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

.pf-l-flex>.pf-m-flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2 0 0px;
    flex: 2 0 0
}

.pf-l-flex>.pf-m-flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3 0 0px;
    flex: 3 0 0
}

.pf-l-flex>.pf-m-flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4 0 0px;
    flex: 4 0 0
}

.pf-l-flex>.pf-m-flex-default {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.pf-l-flex>.pf-m-flex-none {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.pf-l-flex>.pf-m-align-self-flex-start {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.pf-l-flex>.pf-m-align-self-flex-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.pf-l-flex>.pf-m-align-self-center {
    -ms-flex-item-align: center;
    align-self: center
}

.pf-l-flex>.pf-m-align-self-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.pf-l-flex>.pf-m-align-self-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

@media (min-width:576px) {
    .pf-l-flex.pf-m-flex-on-sm {
        display: var(--pf-l-flex--Display)
    }

    .pf-l-flex.pf-m-inline-flex-on-sm {
        --pf-l-flex--Display: inline-flex
    }

    .pf-l-flex.pf-m-column-on-sm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pf-l-flex.pf-m-column-on-sm>* {
        margin: 0 0 var(--pf-l-flex--spacer) 0
    }

    .pf-l-flex.pf-m-column-reverse-on-sm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .pf-l-flex.pf-m-column-reverse-on-sm>* {
        margin: var(--pf-l-flex--spacer) 0 0 0
    }

    .pf-l-flex.pf-m-row-on-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: var(--pf-l-flex--m-row--AlignItems);
        -ms-flex-align: var(--pf-l-flex--m-row--AlignItems);
        align-items: var(--pf-l-flex--m-row--AlignItems);
        -ms-flex-direction: row;
        flex-direction: row
    }

    .pf-l-flex.pf-m-row-on-sm>* {
        margin: 0 var(--pf-l-flex--spacer) 0 0
    }

    .pf-l-flex.pf-m-row-reverse-on-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-box-align: var(--pf-l-flex--m-row-reverse--AlignItems);
        -ms-flex-align: var(--pf-l-flex--m-row-reverse--AlignItems);
        align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .pf-l-flex.pf-m-row-reverse-on-sm>* {
        margin: 0 0 0 var(--pf-l-flex--spacer)
    }

    .pf-l-flex.pf-m-wrap-on-sm {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .pf-l-flex.pf-m-wrap-reverse-on-sm {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .pf-l-flex.pf-m-nowrap-on-sm {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .pf-l-flex.pf-m-justify-content-flex-start-on-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .pf-l-flex.pf-m-justify-content-flex-end-on-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .pf-l-flex.pf-m-justify-content-center-on-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pf-l-flex.pf-m-justify-content-space-between-on-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .pf-l-flex.pf-m-justify-content-space-around-on-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .pf-l-flex.pf-m-justify-content-space-evenly-on-sm {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

    .pf-l-flex.pf-m-align-items-flex-start-on-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .pf-l-flex.pf-m-align-items-flex-end-on-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .pf-l-flex.pf-m-align-items-center-on-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .pf-l-flex.pf-m-align-items-stretch-on-sm {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .pf-l-flex.pf-m-align-items-baseline-on-sm {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .pf-l-flex.pf-m-align-content-flex-start-on-sm {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .pf-l-flex.pf-m-align-content-flex-end-on-sm {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .pf-l-flex.pf-m-align-content-center-on-sm {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .pf-l-flex.pf-m-align-content-stretch-on-sm {
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .pf-l-flex.pf-m-align-content-space-between-on-sm {
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .pf-l-flex.pf-m-align-content-space-around-on-sm {
        -ms-flex-line-pack: distribute;
        align-content: space-around
    }

    .pf-l-flex>.pf-m-align-right-on-sm {
        margin-left: auto
    }

    .pf-l-flex>.pf-m-align-left-on-sm {
        margin-left: 0
    }

    .pf-l-flex>.pf-m-grow-on-sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .pf-l-flex>.pf-m-shrink-on-sm {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .pf-l-flex>.pf-m-full-width-on-sm {
        margin-right: 0;
        width: 100%
    }

    .pf-l-flex>.pf-m-flex-1-on-sm {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0
    }

    .pf-l-flex>.pf-m-flex-2-on-sm {
        -webkit-box-flex: 2;
        -ms-flex: 2 0 0px;
        flex: 2 0 0
    }

    .pf-l-flex>.pf-m-flex-3-on-sm {
        -webkit-box-flex: 3;
        -ms-flex: 3 0 0px;
        flex: 3 0 0
    }

    .pf-l-flex>.pf-m-flex-4-on-sm {
        -webkit-box-flex: 4;
        -ms-flex: 4 0 0px;
        flex: 4 0 0
    }

    .pf-l-flex>.pf-m-flex-default-on-sm {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .pf-l-flex>.pf-m-flex-none-on-sm {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .pf-l-flex>.pf-m-align-self-flex-start-on-sm {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .pf-l-flex>.pf-m-align-self-flex-end-on-sm {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .pf-l-flex>.pf-m-align-self-center-on-sm {
        -ms-flex-item-align: center;
        align-self: center
    }

    .pf-l-flex>.pf-m-align-self-baseline-on-sm {
        -ms-flex-item-align: baseline;
        align-self: baseline
    }

    .pf-l-flex>.pf-m-align-self-stretch-on-sm {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
}

@media (min-width:768px) {
    .pf-l-flex.pf-m-flex-on-md {
        display: var(--pf-l-flex--Display)
    }

    .pf-l-flex.pf-m-inline-flex-on-md {
        --pf-l-flex--Display: inline-flex
    }

    .pf-l-flex.pf-m-column-on-md {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pf-l-flex.pf-m-column-on-md>* {
        margin: 0 0 var(--pf-l-flex--spacer) 0
    }

    .pf-l-flex.pf-m-column-reverse-on-md {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .pf-l-flex.pf-m-column-reverse-on-md>* {
        margin: var(--pf-l-flex--spacer) 0 0 0
    }

    .pf-l-flex.pf-m-row-on-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: var(--pf-l-flex--m-row--AlignItems);
        -ms-flex-align: var(--pf-l-flex--m-row--AlignItems);
        align-items: var(--pf-l-flex--m-row--AlignItems);
        -ms-flex-direction: row;
        flex-direction: row
    }

    .pf-l-flex.pf-m-row-on-md>* {
        margin: 0 var(--pf-l-flex--spacer) 0 0
    }

    .pf-l-flex.pf-m-row-reverse-on-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-box-align: var(--pf-l-flex--m-row-reverse--AlignItems);
        -ms-flex-align: var(--pf-l-flex--m-row-reverse--AlignItems);
        align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .pf-l-flex.pf-m-row-reverse-on-md>* {
        margin: 0 0 0 var(--pf-l-flex--spacer)
    }

    .pf-l-flex.pf-m-wrap-on-md {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .pf-l-flex.pf-m-wrap-reverse-on-md {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .pf-l-flex.pf-m-nowrap-on-md {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .pf-l-flex.pf-m-justify-content-flex-start-on-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .pf-l-flex.pf-m-justify-content-flex-end-on-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .pf-l-flex.pf-m-justify-content-center-on-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pf-l-flex.pf-m-justify-content-space-between-on-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .pf-l-flex.pf-m-justify-content-space-around-on-md {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .pf-l-flex.pf-m-justify-content-space-evenly-on-md {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

    .pf-l-flex.pf-m-align-items-flex-start-on-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .pf-l-flex.pf-m-align-items-flex-end-on-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .pf-l-flex.pf-m-align-items-center-on-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .pf-l-flex.pf-m-align-items-stretch-on-md {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .pf-l-flex.pf-m-align-items-baseline-on-md {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .pf-l-flex.pf-m-align-content-flex-start-on-md {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .pf-l-flex.pf-m-align-content-flex-end-on-md {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .pf-l-flex.pf-m-align-content-center-on-md {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .pf-l-flex.pf-m-align-content-stretch-on-md {
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .pf-l-flex.pf-m-align-content-space-between-on-md {
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .pf-l-flex.pf-m-align-content-space-around-on-md {
        -ms-flex-line-pack: distribute;
        align-content: space-around
    }

    .pf-l-flex>.pf-m-align-right-on-md {
        margin-left: auto
    }

    .pf-l-flex>.pf-m-align-left-on-md {
        margin-left: 0
    }

    .pf-l-flex>.pf-m-grow-on-md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .pf-l-flex>.pf-m-shrink-on-md {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .pf-l-flex>.pf-m-full-width-on-md {
        margin-right: 0;
        width: 100%
    }

    .pf-l-flex>.pf-m-flex-1-on-md {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0
    }

    .pf-l-flex>.pf-m-flex-2-on-md {
        -webkit-box-flex: 2;
        -ms-flex: 2 0 0px;
        flex: 2 0 0
    }

    .pf-l-flex>.pf-m-flex-3-on-md {
        -webkit-box-flex: 3;
        -ms-flex: 3 0 0px;
        flex: 3 0 0
    }

    .pf-l-flex>.pf-m-flex-4-on-md {
        -webkit-box-flex: 4;
        -ms-flex: 4 0 0px;
        flex: 4 0 0
    }

    .pf-l-flex>.pf-m-flex-default-on-md {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .pf-l-flex>.pf-m-flex-none-on-md {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .pf-l-flex>.pf-m-align-self-flex-start-on-md {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .pf-l-flex>.pf-m-align-self-flex-end-on-md {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .pf-l-flex>.pf-m-align-self-center-on-md {
        -ms-flex-item-align: center;
        align-self: center
    }

    .pf-l-flex>.pf-m-align-self-baseline-on-md {
        -ms-flex-item-align: baseline;
        align-self: baseline
    }

    .pf-l-flex>.pf-m-align-self-stretch-on-md {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
}

@media (min-width:992px) {
    .pf-l-flex.pf-m-flex-on-lg {
        display: var(--pf-l-flex--Display)
    }

    .pf-l-flex.pf-m-inline-flex-on-lg {
        --pf-l-flex--Display: inline-flex
    }

    .pf-l-flex.pf-m-column-on-lg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pf-l-flex.pf-m-column-on-lg>* {
        margin: 0 0 var(--pf-l-flex--spacer) 0
    }

    .pf-l-flex.pf-m-column-reverse-on-lg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .pf-l-flex.pf-m-column-reverse-on-lg>* {
        margin: var(--pf-l-flex--spacer) 0 0 0
    }

    .pf-l-flex.pf-m-row-on-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: var(--pf-l-flex--m-row--AlignItems);
        -ms-flex-align: var(--pf-l-flex--m-row--AlignItems);
        align-items: var(--pf-l-flex--m-row--AlignItems);
        -ms-flex-direction: row;
        flex-direction: row
    }

    .pf-l-flex.pf-m-row-on-lg>* {
        margin: 0 var(--pf-l-flex--spacer) 0 0
    }

    .pf-l-flex.pf-m-row-reverse-on-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-box-align: var(--pf-l-flex--m-row-reverse--AlignItems);
        -ms-flex-align: var(--pf-l-flex--m-row-reverse--AlignItems);
        align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .pf-l-flex.pf-m-row-reverse-on-lg>* {
        margin: 0 0 0 var(--pf-l-flex--spacer)
    }

    .pf-l-flex.pf-m-wrap-on-lg {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .pf-l-flex.pf-m-wrap-reverse-on-lg {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .pf-l-flex.pf-m-nowrap-on-lg {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .pf-l-flex.pf-m-justify-content-flex-start-on-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .pf-l-flex.pf-m-justify-content-flex-end-on-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .pf-l-flex.pf-m-justify-content-center-on-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pf-l-flex.pf-m-justify-content-space-between-on-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .pf-l-flex.pf-m-justify-content-space-around-on-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .pf-l-flex.pf-m-justify-content-space-evenly-on-lg {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

    .pf-l-flex.pf-m-align-items-flex-start-on-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .pf-l-flex.pf-m-align-items-flex-end-on-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .pf-l-flex.pf-m-align-items-center-on-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .pf-l-flex.pf-m-align-items-stretch-on-lg {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .pf-l-flex.pf-m-align-items-baseline-on-lg {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .pf-l-flex.pf-m-align-content-flex-start-on-lg {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .pf-l-flex.pf-m-align-content-flex-end-on-lg {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .pf-l-flex.pf-m-align-content-center-on-lg {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .pf-l-flex.pf-m-align-content-stretch-on-lg {
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .pf-l-flex.pf-m-align-content-space-between-on-lg {
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .pf-l-flex.pf-m-align-content-space-around-on-lg {
        -ms-flex-line-pack: distribute;
        align-content: space-around
    }

    .pf-l-flex>.pf-m-align-right-on-lg {
        margin-left: auto
    }

    .pf-l-flex>.pf-m-align-left-on-lg {
        margin-left: 0
    }

    .pf-l-flex>.pf-m-grow-on-lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .pf-l-flex>.pf-m-shrink-on-lg {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .pf-l-flex>.pf-m-full-width-on-lg {
        margin-right: 0;
        width: 100%
    }

    .pf-l-flex>.pf-m-flex-1-on-lg {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0
    }

    .pf-l-flex>.pf-m-flex-2-on-lg {
        -webkit-box-flex: 2;
        -ms-flex: 2 0 0px;
        flex: 2 0 0
    }

    .pf-l-flex>.pf-m-flex-3-on-lg {
        -webkit-box-flex: 3;
        -ms-flex: 3 0 0px;
        flex: 3 0 0
    }

    .pf-l-flex>.pf-m-flex-4-on-lg {
        -webkit-box-flex: 4;
        -ms-flex: 4 0 0px;
        flex: 4 0 0
    }

    .pf-l-flex>.pf-m-flex-default-on-lg {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .pf-l-flex>.pf-m-flex-none-on-lg {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .pf-l-flex>.pf-m-align-self-flex-start-on-lg {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .pf-l-flex>.pf-m-align-self-flex-end-on-lg {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .pf-l-flex>.pf-m-align-self-center-on-lg {
        -ms-flex-item-align: center;
        align-self: center
    }

    .pf-l-flex>.pf-m-align-self-baseline-on-lg {
        -ms-flex-item-align: baseline;
        align-self: baseline
    }

    .pf-l-flex>.pf-m-align-self-stretch-on-lg {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
}

@media (min-width:1200px) {
    .pf-l-flex.pf-m-flex-on-xl {
        display: var(--pf-l-flex--Display)
    }

    .pf-l-flex.pf-m-inline-flex-on-xl {
        --pf-l-flex--Display: inline-flex
    }

    .pf-l-flex.pf-m-column-on-xl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pf-l-flex.pf-m-column-on-xl>* {
        margin: 0 0 var(--pf-l-flex--spacer) 0
    }

    .pf-l-flex.pf-m-column-reverse-on-xl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .pf-l-flex.pf-m-column-reverse-on-xl>* {
        margin: var(--pf-l-flex--spacer) 0 0 0
    }

    .pf-l-flex.pf-m-row-on-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: var(--pf-l-flex--m-row--AlignItems);
        -ms-flex-align: var(--pf-l-flex--m-row--AlignItems);
        align-items: var(--pf-l-flex--m-row--AlignItems);
        -ms-flex-direction: row;
        flex-direction: row
    }

    .pf-l-flex.pf-m-row-on-xl>* {
        margin: 0 var(--pf-l-flex--spacer) 0 0
    }

    .pf-l-flex.pf-m-row-reverse-on-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-box-align: var(--pf-l-flex--m-row-reverse--AlignItems);
        -ms-flex-align: var(--pf-l-flex--m-row-reverse--AlignItems);
        align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .pf-l-flex.pf-m-row-reverse-on-xl>* {
        margin: 0 0 0 var(--pf-l-flex--spacer)
    }

    .pf-l-flex.pf-m-wrap-on-xl {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .pf-l-flex.pf-m-wrap-reverse-on-xl {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .pf-l-flex.pf-m-nowrap-on-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .pf-l-flex.pf-m-justify-content-flex-start-on-xl {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .pf-l-flex.pf-m-justify-content-flex-end-on-xl {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .pf-l-flex.pf-m-justify-content-center-on-xl {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pf-l-flex.pf-m-justify-content-space-between-on-xl {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .pf-l-flex.pf-m-justify-content-space-around-on-xl {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .pf-l-flex.pf-m-justify-content-space-evenly-on-xl {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

    .pf-l-flex.pf-m-align-items-flex-start-on-xl {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .pf-l-flex.pf-m-align-items-flex-end-on-xl {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .pf-l-flex.pf-m-align-items-center-on-xl {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .pf-l-flex.pf-m-align-items-stretch-on-xl {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .pf-l-flex.pf-m-align-items-baseline-on-xl {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .pf-l-flex.pf-m-align-content-flex-start-on-xl {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .pf-l-flex.pf-m-align-content-flex-end-on-xl {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .pf-l-flex.pf-m-align-content-center-on-xl {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .pf-l-flex.pf-m-align-content-stretch-on-xl {
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .pf-l-flex.pf-m-align-content-space-between-on-xl {
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .pf-l-flex.pf-m-align-content-space-around-on-xl {
        -ms-flex-line-pack: distribute;
        align-content: space-around
    }

    .pf-l-flex>.pf-m-align-right-on-xl {
        margin-left: auto
    }

    .pf-l-flex>.pf-m-align-left-on-xl {
        margin-left: 0
    }

    .pf-l-flex>.pf-m-grow-on-xl {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .pf-l-flex>.pf-m-shrink-on-xl {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .pf-l-flex>.pf-m-full-width-on-xl {
        margin-right: 0;
        width: 100%
    }

    .pf-l-flex>.pf-m-flex-1-on-xl {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0
    }

    .pf-l-flex>.pf-m-flex-2-on-xl {
        -webkit-box-flex: 2;
        -ms-flex: 2 0 0px;
        flex: 2 0 0
    }

    .pf-l-flex>.pf-m-flex-3-on-xl {
        -webkit-box-flex: 3;
        -ms-flex: 3 0 0px;
        flex: 3 0 0
    }

    .pf-l-flex>.pf-m-flex-4-on-xl {
        -webkit-box-flex: 4;
        -ms-flex: 4 0 0px;
        flex: 4 0 0
    }

    .pf-l-flex>.pf-m-flex-default-on-xl {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .pf-l-flex>.pf-m-flex-none-on-xl {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .pf-l-flex>.pf-m-align-self-flex-start-on-xl {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .pf-l-flex>.pf-m-align-self-flex-end-on-xl {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .pf-l-flex>.pf-m-align-self-center-on-xl {
        -ms-flex-item-align: center;
        align-self: center
    }

    .pf-l-flex>.pf-m-align-self-baseline-on-xl {
        -ms-flex-item-align: baseline;
        align-self: baseline
    }

    .pf-l-flex>.pf-m-align-self-stretch-on-xl {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
}

@media (min-width:1450px) {
    .pf-l-flex.pf-m-flex-on-2xl {
        display: var(--pf-l-flex--Display)
    }

    .pf-l-flex.pf-m-inline-flex-on-2xl {
        --pf-l-flex--Display: inline-flex
    }

    .pf-l-flex.pf-m-column-on-2xl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pf-l-flex.pf-m-column-on-2xl>* {
        margin: 0 0 var(--pf-l-flex--spacer) 0
    }

    .pf-l-flex.pf-m-column-reverse-on-2xl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .pf-l-flex.pf-m-column-reverse-on-2xl>* {
        margin: var(--pf-l-flex--spacer) 0 0 0
    }

    .pf-l-flex.pf-m-row-on-2xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: var(--pf-l-flex--m-row--AlignItems);
        -ms-flex-align: var(--pf-l-flex--m-row--AlignItems);
        align-items: var(--pf-l-flex--m-row--AlignItems);
        -ms-flex-direction: row;
        flex-direction: row
    }

    .pf-l-flex.pf-m-row-on-2xl>* {
        margin: 0 var(--pf-l-flex--spacer) 0 0
    }

    .pf-l-flex.pf-m-row-reverse-on-2xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-box-align: var(--pf-l-flex--m-row-reverse--AlignItems);
        -ms-flex-align: var(--pf-l-flex--m-row-reverse--AlignItems);
        align-items: var(--pf-l-flex--m-row-reverse--AlignItems);
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .pf-l-flex.pf-m-row-reverse-on-2xl>* {
        margin: 0 0 0 var(--pf-l-flex--spacer)
    }

    .pf-l-flex.pf-m-wrap-on-2xl {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .pf-l-flex.pf-m-wrap-reverse-on-2xl {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .pf-l-flex.pf-m-nowrap-on-2xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .pf-l-flex.pf-m-justify-content-flex-start-on-2xl {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .pf-l-flex.pf-m-justify-content-flex-end-on-2xl {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .pf-l-flex.pf-m-justify-content-center-on-2xl {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pf-l-flex.pf-m-justify-content-space-between-on-2xl {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .pf-l-flex.pf-m-justify-content-space-around-on-2xl {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .pf-l-flex.pf-m-justify-content-space-evenly-on-2xl {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

    .pf-l-flex.pf-m-align-items-flex-start-on-2xl {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .pf-l-flex.pf-m-align-items-flex-end-on-2xl {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .pf-l-flex.pf-m-align-items-center-on-2xl {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .pf-l-flex.pf-m-align-items-stretch-on-2xl {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .pf-l-flex.pf-m-align-items-baseline-on-2xl {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .pf-l-flex.pf-m-align-content-flex-start-on-2xl {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .pf-l-flex.pf-m-align-content-flex-end-on-2xl {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .pf-l-flex.pf-m-align-content-center-on-2xl {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .pf-l-flex.pf-m-align-content-stretch-on-2xl {
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .pf-l-flex.pf-m-align-content-space-between-on-2xl {
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .pf-l-flex.pf-m-align-content-space-around-on-2xl {
        -ms-flex-line-pack: distribute;
        align-content: space-around
    }

    .pf-l-flex>.pf-m-align-right-on-2xl {
        margin-left: auto
    }

    .pf-l-flex>.pf-m-align-left-on-2xl {
        margin-left: 0
    }

    .pf-l-flex>.pf-m-grow-on-2xl {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .pf-l-flex>.pf-m-shrink-on-2xl {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .pf-l-flex>.pf-m-full-width-on-2xl {
        margin-right: 0;
        width: 100%
    }

    .pf-l-flex>.pf-m-flex-1-on-2xl {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0
    }

    .pf-l-flex>.pf-m-flex-2-on-2xl {
        -webkit-box-flex: 2;
        -ms-flex: 2 0 0px;
        flex: 2 0 0
    }

    .pf-l-flex>.pf-m-flex-3-on-2xl {
        -webkit-box-flex: 3;
        -ms-flex: 3 0 0px;
        flex: 3 0 0
    }

    .pf-l-flex>.pf-m-flex-4-on-2xl {
        -webkit-box-flex: 4;
        -ms-flex: 4 0 0px;
        flex: 4 0 0
    }

    .pf-l-flex>.pf-m-flex-default-on-2xl {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .pf-l-flex>.pf-m-flex-none-on-2xl {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .pf-l-flex>.pf-m-align-self-flex-start-on-2xl {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .pf-l-flex>.pf-m-align-self-flex-end-on-2xl {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .pf-l-flex>.pf-m-align-self-center-on-2xl {
        -ms-flex-item-align: center;
        align-self: center
    }

    .pf-l-flex>.pf-m-align-self-baseline-on-2xl {
        -ms-flex-item-align: baseline;
        align-self: baseline
    }

    .pf-l-flex>.pf-m-align-self-stretch-on-2xl {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
}

.pf-l-flex.pf-m-space-items-none>* {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--none)
}

.pf-l-flex.pf-m-space-items-none>:last-child {
    --pf-l-flex--spacer: 0
}

.pf-l-flex.pf-m-space-items-xs>* {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs)
}

.pf-l-flex.pf-m-space-items-xs>:last-child {
    --pf-l-flex--spacer: 0
}

.pf-l-flex.pf-m-space-items-sm>* {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm)
}

.pf-l-flex.pf-m-space-items-sm>:last-child {
    --pf-l-flex--spacer: 0
}

.pf-l-flex.pf-m-space-items-md>* {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--md)
}

.pf-l-flex.pf-m-space-items-md>:last-child {
    --pf-l-flex--spacer: 0
}

.pf-l-flex.pf-m-space-items-lg>* {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg)
}

.pf-l-flex.pf-m-space-items-lg>:last-child {
    --pf-l-flex--spacer: 0
}

.pf-l-flex.pf-m-space-items-xl>* {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl)
}

.pf-l-flex.pf-m-space-items-xl>:last-child {
    --pf-l-flex--spacer: 0
}

.pf-l-flex.pf-m-space-items-2xl>* {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl)
}

.pf-l-flex.pf-m-space-items-2xl>:last-child {
    --pf-l-flex--spacer: 0
}

.pf-l-flex.pf-m-space-items-3xl>* {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl)
}

.pf-l-flex.pf-m-space-items-3xl>:last-child {
    --pf-l-flex--spacer: 0
}

.pf-l-flex.pf-m-space-items-4xl>* {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl)
}

.pf-l-flex.pf-m-space-items-4xl>:last-child {
    --pf-l-flex--spacer: 0
}

@media (min-width:576px) {
    .pf-l-flex.pf-m-space-items-none-on-sm>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--none)
    }

    .pf-l-flex.pf-m-space-items-none-on-sm>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-xs-on-sm>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs)
    }

    .pf-l-flex.pf-m-space-items-xs-on-sm>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-sm-on-sm>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm)
    }

    .pf-l-flex.pf-m-space-items-sm-on-sm>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-md-on-sm>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--md)
    }

    .pf-l-flex.pf-m-space-items-md-on-sm>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-lg-on-sm>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg)
    }

    .pf-l-flex.pf-m-space-items-lg-on-sm>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-xl-on-sm>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl)
    }

    .pf-l-flex.pf-m-space-items-xl-on-sm>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-2xl-on-sm>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl)
    }

    .pf-l-flex.pf-m-space-items-2xl-on-sm>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-3xl-on-sm>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl)
    }

    .pf-l-flex.pf-m-space-items-3xl-on-sm>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-4xl-on-sm>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl)
    }

    .pf-l-flex.pf-m-space-items-4xl-on-sm>:last-child {
        --pf-l-flex--spacer: 0
    }
}

@media (min-width:768px) {
    .pf-l-flex.pf-m-space-items-none-on-md>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--none)
    }

    .pf-l-flex.pf-m-space-items-none-on-md>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-xs-on-md>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs)
    }

    .pf-l-flex.pf-m-space-items-xs-on-md>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-sm-on-md>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm)
    }

    .pf-l-flex.pf-m-space-items-sm-on-md>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-md-on-md>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--md)
    }

    .pf-l-flex.pf-m-space-items-md-on-md>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-lg-on-md>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg)
    }

    .pf-l-flex.pf-m-space-items-lg-on-md>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-xl-on-md>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl)
    }

    .pf-l-flex.pf-m-space-items-xl-on-md>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-2xl-on-md>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl)
    }

    .pf-l-flex.pf-m-space-items-2xl-on-md>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-3xl-on-md>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl)
    }

    .pf-l-flex.pf-m-space-items-3xl-on-md>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-4xl-on-md>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl)
    }

    .pf-l-flex.pf-m-space-items-4xl-on-md>:last-child {
        --pf-l-flex--spacer: 0
    }
}

@media (min-width:992px) {
    .pf-l-flex.pf-m-space-items-none-on-lg>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--none)
    }

    .pf-l-flex.pf-m-space-items-none-on-lg>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-xs-on-lg>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs)
    }

    .pf-l-flex.pf-m-space-items-xs-on-lg>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-sm-on-lg>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm)
    }

    .pf-l-flex.pf-m-space-items-sm-on-lg>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-md-on-lg>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--md)
    }

    .pf-l-flex.pf-m-space-items-md-on-lg>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-lg-on-lg>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg)
    }

    .pf-l-flex.pf-m-space-items-lg-on-lg>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-xl-on-lg>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl)
    }

    .pf-l-flex.pf-m-space-items-xl-on-lg>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-2xl-on-lg>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl)
    }

    .pf-l-flex.pf-m-space-items-2xl-on-lg>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-3xl-on-lg>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl)
    }

    .pf-l-flex.pf-m-space-items-3xl-on-lg>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-4xl-on-lg>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl)
    }

    .pf-l-flex.pf-m-space-items-4xl-on-lg>:last-child {
        --pf-l-flex--spacer: 0
    }
}

@media (min-width:1200px) {
    .pf-l-flex.pf-m-space-items-none-on-xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--none)
    }

    .pf-l-flex.pf-m-space-items-none-on-xl>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-xs-on-xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs)
    }

    .pf-l-flex.pf-m-space-items-xs-on-xl>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-sm-on-xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm)
    }

    .pf-l-flex.pf-m-space-items-sm-on-xl>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-md-on-xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--md)
    }

    .pf-l-flex.pf-m-space-items-md-on-xl>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-lg-on-xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg)
    }

    .pf-l-flex.pf-m-space-items-lg-on-xl>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-xl-on-xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl)
    }

    .pf-l-flex.pf-m-space-items-xl-on-xl>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-2xl-on-xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl)
    }

    .pf-l-flex.pf-m-space-items-2xl-on-xl>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-3xl-on-xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl)
    }

    .pf-l-flex.pf-m-space-items-3xl-on-xl>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-4xl-on-xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl)
    }

    .pf-l-flex.pf-m-space-items-4xl-on-xl>:last-child {
        --pf-l-flex--spacer: 0
    }
}

@media (min-width:1450px) {
    .pf-l-flex.pf-m-space-items-none-on-2xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--none)
    }

    .pf-l-flex.pf-m-space-items-none-on-2xl>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-xs-on-2xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs)
    }

    .pf-l-flex.pf-m-space-items-xs-on-2xl>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-sm-on-2xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm)
    }

    .pf-l-flex.pf-m-space-items-sm-on-2xl>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-md-on-2xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--md)
    }

    .pf-l-flex.pf-m-space-items-md-on-2xl>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-lg-on-2xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg)
    }

    .pf-l-flex.pf-m-space-items-lg-on-2xl>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-xl-on-2xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl)
    }

    .pf-l-flex.pf-m-space-items-xl-on-2xl>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-2xl-on-2xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl)
    }

    .pf-l-flex.pf-m-space-items-2xl-on-2xl>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-3xl-on-2xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl)
    }

    .pf-l-flex.pf-m-space-items-3xl-on-2xl>:last-child {
        --pf-l-flex--spacer: 0
    }

    .pf-l-flex.pf-m-space-items-4xl-on-2xl>* {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl)
    }

    .pf-l-flex.pf-m-space-items-4xl-on-2xl>:last-child {
        --pf-l-flex--spacer: 0
    }
}

.pf-l-flex .pf-m-spacer-none,
.pf-l-flex .pf-m-spacer-none:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--none)
}

.pf-l-flex .pf-m-spacer-xs,
.pf-l-flex .pf-m-spacer-xs:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs)
}

.pf-l-flex .pf-m-spacer-sm,
.pf-l-flex .pf-m-spacer-sm:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm)
}

.pf-l-flex .pf-m-spacer-md,
.pf-l-flex .pf-m-spacer-md:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--md)
}

.pf-l-flex .pf-m-spacer-lg,
.pf-l-flex .pf-m-spacer-lg:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg)
}

.pf-l-flex .pf-m-spacer-xl,
.pf-l-flex .pf-m-spacer-xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl)
}

.pf-l-flex .pf-m-spacer-2xl,
.pf-l-flex .pf-m-spacer-2xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl)
}

.pf-l-flex .pf-m-spacer-3xl,
.pf-l-flex .pf-m-spacer-3xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl)
}

.pf-l-flex .pf-m-spacer-4xl,
.pf-l-flex .pf-m-spacer-4xl:last-child {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl)
}

@media (min-width:576px) {

    .pf-l-flex .pf-m-spacer-none-on-sm,
    .pf-l-flex .pf-m-spacer-none-on-sm:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--none)
    }

    .pf-l-flex .pf-m-spacer-xs-on-sm,
    .pf-l-flex .pf-m-spacer-xs-on-sm:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs)
    }

    .pf-l-flex .pf-m-spacer-sm-on-sm,
    .pf-l-flex .pf-m-spacer-sm-on-sm:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm)
    }

    .pf-l-flex .pf-m-spacer-md-on-sm,
    .pf-l-flex .pf-m-spacer-md-on-sm:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--md)
    }

    .pf-l-flex .pf-m-spacer-lg-on-sm,
    .pf-l-flex .pf-m-spacer-lg-on-sm:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg)
    }

    .pf-l-flex .pf-m-spacer-xl-on-sm,
    .pf-l-flex .pf-m-spacer-xl-on-sm:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl)
    }

    .pf-l-flex .pf-m-spacer-2xl-on-sm,
    .pf-l-flex .pf-m-spacer-2xl-on-sm:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl)
    }

    .pf-l-flex .pf-m-spacer-3xl-on-sm,
    .pf-l-flex .pf-m-spacer-3xl-on-sm:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl)
    }

    .pf-l-flex .pf-m-spacer-4xl-on-sm,
    .pf-l-flex .pf-m-spacer-4xl-on-sm:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl)
    }
}

@media (min-width:768px) {

    .pf-l-flex .pf-m-spacer-none-on-md,
    .pf-l-flex .pf-m-spacer-none-on-md:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--none)
    }

    .pf-l-flex .pf-m-spacer-xs-on-md,
    .pf-l-flex .pf-m-spacer-xs-on-md:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs)
    }

    .pf-l-flex .pf-m-spacer-sm-on-md,
    .pf-l-flex .pf-m-spacer-sm-on-md:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm)
    }

    .pf-l-flex .pf-m-spacer-md-on-md,
    .pf-l-flex .pf-m-spacer-md-on-md:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--md)
    }

    .pf-l-flex .pf-m-spacer-lg-on-md,
    .pf-l-flex .pf-m-spacer-lg-on-md:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg)
    }

    .pf-l-flex .pf-m-spacer-xl-on-md,
    .pf-l-flex .pf-m-spacer-xl-on-md:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl)
    }

    .pf-l-flex .pf-m-spacer-2xl-on-md,
    .pf-l-flex .pf-m-spacer-2xl-on-md:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl)
    }

    .pf-l-flex .pf-m-spacer-3xl-on-md,
    .pf-l-flex .pf-m-spacer-3xl-on-md:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl)
    }

    .pf-l-flex .pf-m-spacer-4xl-on-md,
    .pf-l-flex .pf-m-spacer-4xl-on-md:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl)
    }
}

@media (min-width:992px) {

    .pf-l-flex .pf-m-spacer-none-on-lg,
    .pf-l-flex .pf-m-spacer-none-on-lg:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--none)
    }

    .pf-l-flex .pf-m-spacer-xs-on-lg,
    .pf-l-flex .pf-m-spacer-xs-on-lg:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs)
    }

    .pf-l-flex .pf-m-spacer-sm-on-lg,
    .pf-l-flex .pf-m-spacer-sm-on-lg:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm)
    }

    .pf-l-flex .pf-m-spacer-md-on-lg,
    .pf-l-flex .pf-m-spacer-md-on-lg:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--md)
    }

    .pf-l-flex .pf-m-spacer-lg-on-lg,
    .pf-l-flex .pf-m-spacer-lg-on-lg:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg)
    }

    .pf-l-flex .pf-m-spacer-xl-on-lg,
    .pf-l-flex .pf-m-spacer-xl-on-lg:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl)
    }

    .pf-l-flex .pf-m-spacer-2xl-on-lg,
    .pf-l-flex .pf-m-spacer-2xl-on-lg:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl)
    }

    .pf-l-flex .pf-m-spacer-3xl-on-lg,
    .pf-l-flex .pf-m-spacer-3xl-on-lg:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl)
    }

    .pf-l-flex .pf-m-spacer-4xl-on-lg,
    .pf-l-flex .pf-m-spacer-4xl-on-lg:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl)
    }
}

@media (min-width:1200px) {

    .pf-l-flex .pf-m-spacer-none-on-xl,
    .pf-l-flex .pf-m-spacer-none-on-xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--none)
    }

    .pf-l-flex .pf-m-spacer-xs-on-xl,
    .pf-l-flex .pf-m-spacer-xs-on-xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs)
    }

    .pf-l-flex .pf-m-spacer-sm-on-xl,
    .pf-l-flex .pf-m-spacer-sm-on-xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm)
    }

    .pf-l-flex .pf-m-spacer-md-on-xl,
    .pf-l-flex .pf-m-spacer-md-on-xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--md)
    }

    .pf-l-flex .pf-m-spacer-lg-on-xl,
    .pf-l-flex .pf-m-spacer-lg-on-xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg)
    }

    .pf-l-flex .pf-m-spacer-xl-on-xl,
    .pf-l-flex .pf-m-spacer-xl-on-xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl)
    }

    .pf-l-flex .pf-m-spacer-2xl-on-xl,
    .pf-l-flex .pf-m-spacer-2xl-on-xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl)
    }

    .pf-l-flex .pf-m-spacer-3xl-on-xl,
    .pf-l-flex .pf-m-spacer-3xl-on-xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl)
    }

    .pf-l-flex .pf-m-spacer-4xl-on-xl,
    .pf-l-flex .pf-m-spacer-4xl-on-xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl)
    }
}

@media (min-width:1450px) {

    .pf-l-flex .pf-m-spacer-none-on-2xl,
    .pf-l-flex .pf-m-spacer-none-on-2xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--none)
    }

    .pf-l-flex .pf-m-spacer-xs-on-2xl,
    .pf-l-flex .pf-m-spacer-xs-on-2xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xs)
    }

    .pf-l-flex .pf-m-spacer-sm-on-2xl,
    .pf-l-flex .pf-m-spacer-sm-on-2xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--sm)
    }

    .pf-l-flex .pf-m-spacer-md-on-2xl,
    .pf-l-flex .pf-m-spacer-md-on-2xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--md)
    }

    .pf-l-flex .pf-m-spacer-lg-on-2xl,
    .pf-l-flex .pf-m-spacer-lg-on-2xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg)
    }

    .pf-l-flex .pf-m-spacer-xl-on-2xl,
    .pf-l-flex .pf-m-spacer-xl-on-2xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--xl)
    }

    .pf-l-flex .pf-m-spacer-2xl-on-2xl,
    .pf-l-flex .pf-m-spacer-2xl-on-2xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--2xl)
    }

    .pf-l-flex .pf-m-spacer-3xl-on-2xl,
    .pf-l-flex .pf-m-spacer-3xl-on-2xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--3xl)
    }

    .pf-l-flex .pf-m-spacer-4xl-on-2xl,
    .pf-l-flex .pf-m-spacer-4xl-on-2xl:last-child {
        --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl)
    }
}

.pf-l-gallery {
    --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
    --pf-l-gallery--GridTemplateColumns--min: 250px;
    --pf-l-gallery--GridTemplateColumns--max: 1fr;
    --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
    --pf-l-gallery--GridTemplateRows: auto;
    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
    display: grid;
    grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
    grid-template-rows: var(--pf-l-gallery--GridTemplateRows)
}

.pf-l-gallery.pf-m-gutter {
    grid-gap: var(--pf-l-gallery--m-gutter--GridGap)
}

@media (min-width:576px) {
    .pf-l-gallery {
        --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))
    }
}

@media (min-width:768px) {
    .pf-l-gallery {
        --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))
    }
}

@media (min-width:992px) {
    .pf-l-gallery {
        --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))
    }
}

@media (min-width:1200px) {
    .pf-l-gallery {
        --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))))
    }
}

@media (min-width:1450px) {
    .pf-l-gallery {
        --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))))
    }
}

@media (min-width:576px) {
    .pf-l-gallery {
        --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))
    }
}

@media (min-width:768px) {
    .pf-l-gallery {
        --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))
    }
}

@media (min-width:992px) {
    .pf-l-gallery {
        --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))
    }
}

@media (min-width:1200px) {
    .pf-l-gallery {
        --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))))
    }
}

@media (min-width:1450px) {
    .pf-l-gallery {
        --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))))
    }
}

.pf-l-grid {
    --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
    --pf-l-grid__item--GridColumnStart: auto;
    --pf-l-grid__item--GridColumnEnd: span 12;
    --pf-l-grid--item--Order: 0;
    display: grid;
    grid-template-columns: repeat(12, [col-start] 1fr)
}

.pf-l-grid .pf-l-grid__item,
.pf-l-grid>* {
    -webkit-box-ordinal-group: var(--pf-l-grid--item--Order);
    -ms-flex-order: var(--pf-l-grid--item--Order);
    grid-column-end: var(--pf-l-grid__item--GridColumnEnd);
    grid-column-start: var(--pf-l-grid__item--GridColumnStart);
    min-height: 0;
    min-width: 0;
    order: var(--pf-l-grid--item--Order)
}

@media (min-width:576px) {

    .pf-l-grid .pf-l-grid__item,
    .pf-l-grid>* {
        -webkit-box-ordinal-group: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
        -ms-flex-order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
        order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))
    }
}

@media (min-width:768px) {

    .pf-l-grid .pf-l-grid__item,
    .pf-l-grid>* {
        -webkit-box-ordinal-group: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
        -ms-flex-order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
        order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)))
    }
}

@media (min-width:992px) {

    .pf-l-grid .pf-l-grid__item,
    .pf-l-grid>* {
        -webkit-box-ordinal-group: var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))));
        -ms-flex-order: var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))));
        order: var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))))
    }
}

@media (min-width:1200px) {

    .pf-l-grid .pf-l-grid__item,
    .pf-l-grid>* {
        -webkit-box-ordinal-group: var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)))));
        -ms-flex-order: var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)))));
        order: var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)))))
    }
}

@media (min-width:1450px) {

    .pf-l-grid .pf-l-grid__item,
    .pf-l-grid>* {
        -webkit-box-ordinal-group: NaN;
        -ms-flex-order: var(--pf-l-grid--item--Order-on-2xl, var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))))));
        order: var(--pf-l-grid--item--Order-on-2xl, var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))))))
    }
}

.pf-l-grid.pf-m-all-1-col>* {
    --pf-l-grid__item--GridColumnEnd: span 1
}

.pf-l-grid.pf-m-all-2-col>* {
    --pf-l-grid__item--GridColumnEnd: span 2
}

.pf-l-grid.pf-m-all-3-col>* {
    --pf-l-grid__item--GridColumnEnd: span 3
}

.pf-l-grid.pf-m-all-4-col>* {
    --pf-l-grid__item--GridColumnEnd: span 4
}

.pf-l-grid.pf-m-all-5-col>* {
    --pf-l-grid__item--GridColumnEnd: span 5
}

.pf-l-grid.pf-m-all-6-col>* {
    --pf-l-grid__item--GridColumnEnd: span 6
}

.pf-l-grid.pf-m-all-7-col>* {
    --pf-l-grid__item--GridColumnEnd: span 7
}

.pf-l-grid.pf-m-all-8-col>* {
    --pf-l-grid__item--GridColumnEnd: span 8
}

.pf-l-grid.pf-m-all-9-col>* {
    --pf-l-grid__item--GridColumnEnd: span 9
}

.pf-l-grid.pf-m-all-10-col>* {
    --pf-l-grid__item--GridColumnEnd: span 10
}

.pf-l-grid.pf-m-all-11-col>* {
    --pf-l-grid__item--GridColumnEnd: span 11
}

.pf-l-grid.pf-m-all-12-col>* {
    --pf-l-grid__item--GridColumnEnd: span 12
}

@media screen and (min-width:576px) {
    .pf-l-grid.pf-m-all-1-col-on-sm>* {
        --pf-l-grid__item--GridColumnEnd: span 1
    }

    .pf-l-grid.pf-m-all-2-col-on-sm>* {
        --pf-l-grid__item--GridColumnEnd: span 2
    }

    .pf-l-grid.pf-m-all-3-col-on-sm>* {
        --pf-l-grid__item--GridColumnEnd: span 3
    }

    .pf-l-grid.pf-m-all-4-col-on-sm>* {
        --pf-l-grid__item--GridColumnEnd: span 4
    }

    .pf-l-grid.pf-m-all-5-col-on-sm>* {
        --pf-l-grid__item--GridColumnEnd: span 5
    }

    .pf-l-grid.pf-m-all-6-col-on-sm>* {
        --pf-l-grid__item--GridColumnEnd: span 6
    }

    .pf-l-grid.pf-m-all-7-col-on-sm>* {
        --pf-l-grid__item--GridColumnEnd: span 7
    }

    .pf-l-grid.pf-m-all-8-col-on-sm>* {
        --pf-l-grid__item--GridColumnEnd: span 8
    }

    .pf-l-grid.pf-m-all-9-col-on-sm>* {
        --pf-l-grid__item--GridColumnEnd: span 9
    }

    .pf-l-grid.pf-m-all-10-col-on-sm>* {
        --pf-l-grid__item--GridColumnEnd: span 10
    }

    .pf-l-grid.pf-m-all-11-col-on-sm>* {
        --pf-l-grid__item--GridColumnEnd: span 11
    }

    .pf-l-grid.pf-m-all-12-col-on-sm>* {
        --pf-l-grid__item--GridColumnEnd: span 12
    }
}

@media screen and (min-width:768px) {
    .pf-l-grid.pf-m-all-1-col-on-md>* {
        --pf-l-grid__item--GridColumnEnd: span 1
    }

    .pf-l-grid.pf-m-all-2-col-on-md>* {
        --pf-l-grid__item--GridColumnEnd: span 2
    }

    .pf-l-grid.pf-m-all-3-col-on-md>* {
        --pf-l-grid__item--GridColumnEnd: span 3
    }

    .pf-l-grid.pf-m-all-4-col-on-md>* {
        --pf-l-grid__item--GridColumnEnd: span 4
    }

    .pf-l-grid.pf-m-all-5-col-on-md>* {
        --pf-l-grid__item--GridColumnEnd: span 5
    }

    .pf-l-grid.pf-m-all-6-col-on-md>* {
        --pf-l-grid__item--GridColumnEnd: span 6
    }

    .pf-l-grid.pf-m-all-7-col-on-md>* {
        --pf-l-grid__item--GridColumnEnd: span 7
    }

    .pf-l-grid.pf-m-all-8-col-on-md>* {
        --pf-l-grid__item--GridColumnEnd: span 8
    }

    .pf-l-grid.pf-m-all-9-col-on-md>* {
        --pf-l-grid__item--GridColumnEnd: span 9
    }

    .pf-l-grid.pf-m-all-10-col-on-md>* {
        --pf-l-grid__item--GridColumnEnd: span 10
    }

    .pf-l-grid.pf-m-all-11-col-on-md>* {
        --pf-l-grid__item--GridColumnEnd: span 11
    }

    .pf-l-grid.pf-m-all-12-col-on-md>* {
        --pf-l-grid__item--GridColumnEnd: span 12
    }
}

@media screen and (min-width:992px) {
    .pf-l-grid.pf-m-all-1-col-on-lg>* {
        --pf-l-grid__item--GridColumnEnd: span 1
    }

    .pf-l-grid.pf-m-all-2-col-on-lg>* {
        --pf-l-grid__item--GridColumnEnd: span 2
    }

    .pf-l-grid.pf-m-all-3-col-on-lg>* {
        --pf-l-grid__item--GridColumnEnd: span 3
    }

    .pf-l-grid.pf-m-all-4-col-on-lg>* {
        --pf-l-grid__item--GridColumnEnd: span 4
    }

    .pf-l-grid.pf-m-all-5-col-on-lg>* {
        --pf-l-grid__item--GridColumnEnd: span 5
    }

    .pf-l-grid.pf-m-all-6-col-on-lg>* {
        --pf-l-grid__item--GridColumnEnd: span 6
    }

    .pf-l-grid.pf-m-all-7-col-on-lg>* {
        --pf-l-grid__item--GridColumnEnd: span 7
    }

    .pf-l-grid.pf-m-all-8-col-on-lg>* {
        --pf-l-grid__item--GridColumnEnd: span 8
    }

    .pf-l-grid.pf-m-all-9-col-on-lg>* {
        --pf-l-grid__item--GridColumnEnd: span 9
    }

    .pf-l-grid.pf-m-all-10-col-on-lg>* {
        --pf-l-grid__item--GridColumnEnd: span 10
    }

    .pf-l-grid.pf-m-all-11-col-on-lg>* {
        --pf-l-grid__item--GridColumnEnd: span 11
    }

    .pf-l-grid.pf-m-all-12-col-on-lg>* {
        --pf-l-grid__item--GridColumnEnd: span 12
    }
}

@media screen and (min-width:1200px) {
    .pf-l-grid.pf-m-all-1-col-on-xl>* {
        --pf-l-grid__item--GridColumnEnd: span 1
    }

    .pf-l-grid.pf-m-all-2-col-on-xl>* {
        --pf-l-grid__item--GridColumnEnd: span 2
    }

    .pf-l-grid.pf-m-all-3-col-on-xl>* {
        --pf-l-grid__item--GridColumnEnd: span 3
    }

    .pf-l-grid.pf-m-all-4-col-on-xl>* {
        --pf-l-grid__item--GridColumnEnd: span 4
    }

    .pf-l-grid.pf-m-all-5-col-on-xl>* {
        --pf-l-grid__item--GridColumnEnd: span 5
    }

    .pf-l-grid.pf-m-all-6-col-on-xl>* {
        --pf-l-grid__item--GridColumnEnd: span 6
    }

    .pf-l-grid.pf-m-all-7-col-on-xl>* {
        --pf-l-grid__item--GridColumnEnd: span 7
    }

    .pf-l-grid.pf-m-all-8-col-on-xl>* {
        --pf-l-grid__item--GridColumnEnd: span 8
    }

    .pf-l-grid.pf-m-all-9-col-on-xl>* {
        --pf-l-grid__item--GridColumnEnd: span 9
    }

    .pf-l-grid.pf-m-all-10-col-on-xl>* {
        --pf-l-grid__item--GridColumnEnd: span 10
    }

    .pf-l-grid.pf-m-all-11-col-on-xl>* {
        --pf-l-grid__item--GridColumnEnd: span 11
    }

    .pf-l-grid.pf-m-all-12-col-on-xl>* {
        --pf-l-grid__item--GridColumnEnd: span 12
    }
}

@media screen and (min-width:1450px) {
    .pf-l-grid.pf-m-all-1-col-on-2xl>* {
        --pf-l-grid__item--GridColumnEnd: span 1
    }

    .pf-l-grid.pf-m-all-2-col-on-2xl>* {
        --pf-l-grid__item--GridColumnEnd: span 2
    }

    .pf-l-grid.pf-m-all-3-col-on-2xl>* {
        --pf-l-grid__item--GridColumnEnd: span 3
    }

    .pf-l-grid.pf-m-all-4-col-on-2xl>* {
        --pf-l-grid__item--GridColumnEnd: span 4
    }

    .pf-l-grid.pf-m-all-5-col-on-2xl>* {
        --pf-l-grid__item--GridColumnEnd: span 5
    }

    .pf-l-grid.pf-m-all-6-col-on-2xl>* {
        --pf-l-grid__item--GridColumnEnd: span 6
    }

    .pf-l-grid.pf-m-all-7-col-on-2xl>* {
        --pf-l-grid__item--GridColumnEnd: span 7
    }

    .pf-l-grid.pf-m-all-8-col-on-2xl>* {
        --pf-l-grid__item--GridColumnEnd: span 8
    }

    .pf-l-grid.pf-m-all-9-col-on-2xl>* {
        --pf-l-grid__item--GridColumnEnd: span 9
    }

    .pf-l-grid.pf-m-all-10-col-on-2xl>* {
        --pf-l-grid__item--GridColumnEnd: span 10
    }

    .pf-l-grid.pf-m-all-11-col-on-2xl>* {
        --pf-l-grid__item--GridColumnEnd: span 11
    }

    .pf-l-grid.pf-m-all-12-col-on-2xl>* {
        --pf-l-grid__item--GridColumnEnd: span 12
    }
}

.pf-l-grid>.pf-m-1-col {
    --pf-l-grid__item--GridColumnEnd: span 1
}

.pf-l-grid>.pf-m-2-col {
    --pf-l-grid__item--GridColumnEnd: span 2
}

.pf-l-grid>.pf-m-3-col {
    --pf-l-grid__item--GridColumnEnd: span 3
}

.pf-l-grid>.pf-m-4-col {
    --pf-l-grid__item--GridColumnEnd: span 4
}

.pf-l-grid>.pf-m-5-col {
    --pf-l-grid__item--GridColumnEnd: span 5
}

.pf-l-grid>.pf-m-6-col {
    --pf-l-grid__item--GridColumnEnd: span 6
}

.pf-l-grid>.pf-m-7-col {
    --pf-l-grid__item--GridColumnEnd: span 7
}

.pf-l-grid>.pf-m-8-col {
    --pf-l-grid__item--GridColumnEnd: span 8
}

.pf-l-grid>.pf-m-9-col {
    --pf-l-grid__item--GridColumnEnd: span 9
}

.pf-l-grid>.pf-m-10-col {
    --pf-l-grid__item--GridColumnEnd: span 10
}

.pf-l-grid>.pf-m-11-col {
    --pf-l-grid__item--GridColumnEnd: span 11
}

.pf-l-grid>.pf-m-12-col {
    --pf-l-grid__item--GridColumnEnd: span 12
}

.pf-l-grid>.pf-m-offset-1-col {
    --pf-l-grid__item--GridColumnStart: col-start 2
}

.pf-l-grid>.pf-m-offset-2-col {
    --pf-l-grid__item--GridColumnStart: col-start 3
}

.pf-l-grid>.pf-m-offset-3-col {
    --pf-l-grid__item--GridColumnStart: col-start 4
}

.pf-l-grid>.pf-m-offset-4-col {
    --pf-l-grid__item--GridColumnStart: col-start 5
}

.pf-l-grid>.pf-m-offset-5-col {
    --pf-l-grid__item--GridColumnStart: col-start 6
}

.pf-l-grid>.pf-m-offset-6-col {
    --pf-l-grid__item--GridColumnStart: col-start 7
}

.pf-l-grid>.pf-m-offset-7-col {
    --pf-l-grid__item--GridColumnStart: col-start 8
}

.pf-l-grid>.pf-m-offset-8-col {
    --pf-l-grid__item--GridColumnStart: col-start 9
}

.pf-l-grid>.pf-m-offset-9-col {
    --pf-l-grid__item--GridColumnStart: col-start 10
}

.pf-l-grid>.pf-m-offset-10-col {
    --pf-l-grid__item--GridColumnStart: col-start 11
}

.pf-l-grid>.pf-m-offset-11-col {
    --pf-l-grid__item--GridColumnStart: col-start 12
}

.pf-l-grid>.pf-m-offset-12-col {
    --pf-l-grid__item--GridColumnStart: col-start 13
}

.pf-l-grid>.pf-m-1-row {
    grid-row: span 1
}

.pf-l-grid>.pf-m-2-row {
    grid-row: span 2
}

.pf-l-grid>.pf-m-3-row {
    grid-row: span 3
}

.pf-l-grid>.pf-m-4-row {
    grid-row: span 4
}

.pf-l-grid>.pf-m-5-row {
    grid-row: span 5
}

.pf-l-grid>.pf-m-6-row {
    grid-row: span 6
}

.pf-l-grid>.pf-m-7-row {
    grid-row: span 7
}

.pf-l-grid>.pf-m-8-row {
    grid-row: span 8
}

.pf-l-grid>.pf-m-9-row {
    grid-row: span 9
}

.pf-l-grid>.pf-m-10-row {
    grid-row: span 10
}

.pf-l-grid>.pf-m-11-row {
    grid-row: span 11
}

.pf-l-grid>.pf-m-12-row {
    grid-row: span 12
}

@media screen and (min-width:576px) {
    .pf-l-grid>.pf-m-1-col-on-sm {
        --pf-l-grid__item--GridColumnEnd: span 1
    }

    .pf-l-grid>.pf-m-2-col-on-sm {
        --pf-l-grid__item--GridColumnEnd: span 2
    }

    .pf-l-grid>.pf-m-3-col-on-sm {
        --pf-l-grid__item--GridColumnEnd: span 3
    }

    .pf-l-grid>.pf-m-4-col-on-sm {
        --pf-l-grid__item--GridColumnEnd: span 4
    }

    .pf-l-grid>.pf-m-5-col-on-sm {
        --pf-l-grid__item--GridColumnEnd: span 5
    }

    .pf-l-grid>.pf-m-6-col-on-sm {
        --pf-l-grid__item--GridColumnEnd: span 6
    }

    .pf-l-grid>.pf-m-7-col-on-sm {
        --pf-l-grid__item--GridColumnEnd: span 7
    }

    .pf-l-grid>.pf-m-8-col-on-sm {
        --pf-l-grid__item--GridColumnEnd: span 8
    }

    .pf-l-grid>.pf-m-9-col-on-sm {
        --pf-l-grid__item--GridColumnEnd: span 9
    }

    .pf-l-grid>.pf-m-10-col-on-sm {
        --pf-l-grid__item--GridColumnEnd: span 10
    }

    .pf-l-grid>.pf-m-11-col-on-sm {
        --pf-l-grid__item--GridColumnEnd: span 11
    }

    .pf-l-grid>.pf-m-12-col-on-sm {
        --pf-l-grid__item--GridColumnEnd: span 12
    }

    .pf-l-grid>.pf-m-offset-1-col-on-sm {
        --pf-l-grid__item--GridColumnStart: col-start 2
    }

    .pf-l-grid>.pf-m-offset-2-col-on-sm {
        --pf-l-grid__item--GridColumnStart: col-start 3
    }

    .pf-l-grid>.pf-m-offset-3-col-on-sm {
        --pf-l-grid__item--GridColumnStart: col-start 4
    }

    .pf-l-grid>.pf-m-offset-4-col-on-sm {
        --pf-l-grid__item--GridColumnStart: col-start 5
    }

    .pf-l-grid>.pf-m-offset-5-col-on-sm {
        --pf-l-grid__item--GridColumnStart: col-start 6
    }

    .pf-l-grid>.pf-m-offset-6-col-on-sm {
        --pf-l-grid__item--GridColumnStart: col-start 7
    }

    .pf-l-grid>.pf-m-offset-7-col-on-sm {
        --pf-l-grid__item--GridColumnStart: col-start 8
    }

    .pf-l-grid>.pf-m-offset-8-col-on-sm {
        --pf-l-grid__item--GridColumnStart: col-start 9
    }

    .pf-l-grid>.pf-m-offset-9-col-on-sm {
        --pf-l-grid__item--GridColumnStart: col-start 10
    }

    .pf-l-grid>.pf-m-offset-10-col-on-sm {
        --pf-l-grid__item--GridColumnStart: col-start 11
    }

    .pf-l-grid>.pf-m-offset-11-col-on-sm {
        --pf-l-grid__item--GridColumnStart: col-start 12
    }

    .pf-l-grid>.pf-m-offset-12-col-on-sm {
        --pf-l-grid__item--GridColumnStart: col-start 13
    }

    .pf-l-grid>.pf-m-1-row-on-sm {
        grid-row: span 1
    }

    .pf-l-grid>.pf-m-2-row-on-sm {
        grid-row: span 2
    }

    .pf-l-grid>.pf-m-3-row-on-sm {
        grid-row: span 3
    }

    .pf-l-grid>.pf-m-4-row-on-sm {
        grid-row: span 4
    }

    .pf-l-grid>.pf-m-5-row-on-sm {
        grid-row: span 5
    }

    .pf-l-grid>.pf-m-6-row-on-sm {
        grid-row: span 6
    }

    .pf-l-grid>.pf-m-7-row-on-sm {
        grid-row: span 7
    }

    .pf-l-grid>.pf-m-8-row-on-sm {
        grid-row: span 8
    }

    .pf-l-grid>.pf-m-9-row-on-sm {
        grid-row: span 9
    }

    .pf-l-grid>.pf-m-10-row-on-sm {
        grid-row: span 10
    }

    .pf-l-grid>.pf-m-11-row-on-sm {
        grid-row: span 11
    }

    .pf-l-grid>.pf-m-12-row-on-sm {
        grid-row: span 12
    }
}

@media screen and (min-width:768px) {
    .pf-l-grid>.pf-m-1-col-on-md {
        --pf-l-grid__item--GridColumnEnd: span 1
    }

    .pf-l-grid>.pf-m-2-col-on-md {
        --pf-l-grid__item--GridColumnEnd: span 2
    }

    .pf-l-grid>.pf-m-3-col-on-md {
        --pf-l-grid__item--GridColumnEnd: span 3
    }

    .pf-l-grid>.pf-m-4-col-on-md {
        --pf-l-grid__item--GridColumnEnd: span 4
    }

    .pf-l-grid>.pf-m-5-col-on-md {
        --pf-l-grid__item--GridColumnEnd: span 5
    }

    .pf-l-grid>.pf-m-6-col-on-md {
        --pf-l-grid__item--GridColumnEnd: span 6
    }

    .pf-l-grid>.pf-m-7-col-on-md {
        --pf-l-grid__item--GridColumnEnd: span 7
    }

    .pf-l-grid>.pf-m-8-col-on-md {
        --pf-l-grid__item--GridColumnEnd: span 8
    }

    .pf-l-grid>.pf-m-9-col-on-md {
        --pf-l-grid__item--GridColumnEnd: span 9
    }

    .pf-l-grid>.pf-m-10-col-on-md {
        --pf-l-grid__item--GridColumnEnd: span 10
    }

    .pf-l-grid>.pf-m-11-col-on-md {
        --pf-l-grid__item--GridColumnEnd: span 11
    }

    .pf-l-grid>.pf-m-12-col-on-md {
        --pf-l-grid__item--GridColumnEnd: span 12
    }

    .pf-l-grid>.pf-m-offset-1-col-on-md {
        --pf-l-grid__item--GridColumnStart: col-start 2
    }

    .pf-l-grid>.pf-m-offset-2-col-on-md {
        --pf-l-grid__item--GridColumnStart: col-start 3
    }

    .pf-l-grid>.pf-m-offset-3-col-on-md {
        --pf-l-grid__item--GridColumnStart: col-start 4
    }

    .pf-l-grid>.pf-m-offset-4-col-on-md {
        --pf-l-grid__item--GridColumnStart: col-start 5
    }

    .pf-l-grid>.pf-m-offset-5-col-on-md {
        --pf-l-grid__item--GridColumnStart: col-start 6
    }

    .pf-l-grid>.pf-m-offset-6-col-on-md {
        --pf-l-grid__item--GridColumnStart: col-start 7
    }

    .pf-l-grid>.pf-m-offset-7-col-on-md {
        --pf-l-grid__item--GridColumnStart: col-start 8
    }

    .pf-l-grid>.pf-m-offset-8-col-on-md {
        --pf-l-grid__item--GridColumnStart: col-start 9
    }

    .pf-l-grid>.pf-m-offset-9-col-on-md {
        --pf-l-grid__item--GridColumnStart: col-start 10
    }

    .pf-l-grid>.pf-m-offset-10-col-on-md {
        --pf-l-grid__item--GridColumnStart: col-start 11
    }

    .pf-l-grid>.pf-m-offset-11-col-on-md {
        --pf-l-grid__item--GridColumnStart: col-start 12
    }

    .pf-l-grid>.pf-m-offset-12-col-on-md {
        --pf-l-grid__item--GridColumnStart: col-start 13
    }

    .pf-l-grid>.pf-m-1-row-on-md {
        grid-row: span 1
    }

    .pf-l-grid>.pf-m-2-row-on-md {
        grid-row: span 2
    }

    .pf-l-grid>.pf-m-3-row-on-md {
        grid-row: span 3
    }

    .pf-l-grid>.pf-m-4-row-on-md {
        grid-row: span 4
    }

    .pf-l-grid>.pf-m-5-row-on-md {
        grid-row: span 5
    }

    .pf-l-grid>.pf-m-6-row-on-md {
        grid-row: span 6
    }

    .pf-l-grid>.pf-m-7-row-on-md {
        grid-row: span 7
    }

    .pf-l-grid>.pf-m-8-row-on-md {
        grid-row: span 8
    }

    .pf-l-grid>.pf-m-9-row-on-md {
        grid-row: span 9
    }

    .pf-l-grid>.pf-m-10-row-on-md {
        grid-row: span 10
    }

    .pf-l-grid>.pf-m-11-row-on-md {
        grid-row: span 11
    }

    .pf-l-grid>.pf-m-12-row-on-md {
        grid-row: span 12
    }
}

@media screen and (min-width:992px) {
    .pf-l-grid>.pf-m-1-col-on-lg {
        --pf-l-grid__item--GridColumnEnd: span 1
    }

    .pf-l-grid>.pf-m-2-col-on-lg {
        --pf-l-grid__item--GridColumnEnd: span 2
    }

    .pf-l-grid>.pf-m-3-col-on-lg {
        --pf-l-grid__item--GridColumnEnd: span 3
    }

    .pf-l-grid>.pf-m-4-col-on-lg {
        --pf-l-grid__item--GridColumnEnd: span 4
    }

    .pf-l-grid>.pf-m-5-col-on-lg {
        --pf-l-grid__item--GridColumnEnd: span 5
    }

    .pf-l-grid>.pf-m-6-col-on-lg {
        --pf-l-grid__item--GridColumnEnd: span 6
    }

    .pf-l-grid>.pf-m-7-col-on-lg {
        --pf-l-grid__item--GridColumnEnd: span 7
    }

    .pf-l-grid>.pf-m-8-col-on-lg {
        --pf-l-grid__item--GridColumnEnd: span 8
    }

    .pf-l-grid>.pf-m-9-col-on-lg {
        --pf-l-grid__item--GridColumnEnd: span 9
    }

    .pf-l-grid>.pf-m-10-col-on-lg {
        --pf-l-grid__item--GridColumnEnd: span 10
    }

    .pf-l-grid>.pf-m-11-col-on-lg {
        --pf-l-grid__item--GridColumnEnd: span 11
    }

    .pf-l-grid>.pf-m-12-col-on-lg {
        --pf-l-grid__item--GridColumnEnd: span 12
    }

    .pf-l-grid>.pf-m-offset-1-col-on-lg {
        --pf-l-grid__item--GridColumnStart: col-start 2
    }

    .pf-l-grid>.pf-m-offset-2-col-on-lg {
        --pf-l-grid__item--GridColumnStart: col-start 3
    }

    .pf-l-grid>.pf-m-offset-3-col-on-lg {
        --pf-l-grid__item--GridColumnStart: col-start 4
    }

    .pf-l-grid>.pf-m-offset-4-col-on-lg {
        --pf-l-grid__item--GridColumnStart: col-start 5
    }

    .pf-l-grid>.pf-m-offset-5-col-on-lg {
        --pf-l-grid__item--GridColumnStart: col-start 6
    }

    .pf-l-grid>.pf-m-offset-6-col-on-lg {
        --pf-l-grid__item--GridColumnStart: col-start 7
    }

    .pf-l-grid>.pf-m-offset-7-col-on-lg {
        --pf-l-grid__item--GridColumnStart: col-start 8
    }

    .pf-l-grid>.pf-m-offset-8-col-on-lg {
        --pf-l-grid__item--GridColumnStart: col-start 9
    }

    .pf-l-grid>.pf-m-offset-9-col-on-lg {
        --pf-l-grid__item--GridColumnStart: col-start 10
    }

    .pf-l-grid>.pf-m-offset-10-col-on-lg {
        --pf-l-grid__item--GridColumnStart: col-start 11
    }

    .pf-l-grid>.pf-m-offset-11-col-on-lg {
        --pf-l-grid__item--GridColumnStart: col-start 12
    }

    .pf-l-grid>.pf-m-offset-12-col-on-lg {
        --pf-l-grid__item--GridColumnStart: col-start 13
    }

    .pf-l-grid>.pf-m-1-row-on-lg {
        grid-row: span 1
    }

    .pf-l-grid>.pf-m-2-row-on-lg {
        grid-row: span 2
    }

    .pf-l-grid>.pf-m-3-row-on-lg {
        grid-row: span 3
    }

    .pf-l-grid>.pf-m-4-row-on-lg {
        grid-row: span 4
    }

    .pf-l-grid>.pf-m-5-row-on-lg {
        grid-row: span 5
    }

    .pf-l-grid>.pf-m-6-row-on-lg {
        grid-row: span 6
    }

    .pf-l-grid>.pf-m-7-row-on-lg {
        grid-row: span 7
    }

    .pf-l-grid>.pf-m-8-row-on-lg {
        grid-row: span 8
    }

    .pf-l-grid>.pf-m-9-row-on-lg {
        grid-row: span 9
    }

    .pf-l-grid>.pf-m-10-row-on-lg {
        grid-row: span 10
    }

    .pf-l-grid>.pf-m-11-row-on-lg {
        grid-row: span 11
    }

    .pf-l-grid>.pf-m-12-row-on-lg {
        grid-row: span 12
    }
}

@media screen and (min-width:1200px) {
    .pf-l-grid>.pf-m-1-col-on-xl {
        --pf-l-grid__item--GridColumnEnd: span 1
    }

    .pf-l-grid>.pf-m-2-col-on-xl {
        --pf-l-grid__item--GridColumnEnd: span 2
    }

    .pf-l-grid>.pf-m-3-col-on-xl {
        --pf-l-grid__item--GridColumnEnd: span 3
    }

    .pf-l-grid>.pf-m-4-col-on-xl {
        --pf-l-grid__item--GridColumnEnd: span 4
    }

    .pf-l-grid>.pf-m-5-col-on-xl {
        --pf-l-grid__item--GridColumnEnd: span 5
    }

    .pf-l-grid>.pf-m-6-col-on-xl {
        --pf-l-grid__item--GridColumnEnd: span 6
    }

    .pf-l-grid>.pf-m-7-col-on-xl {
        --pf-l-grid__item--GridColumnEnd: span 7
    }

    .pf-l-grid>.pf-m-8-col-on-xl {
        --pf-l-grid__item--GridColumnEnd: span 8
    }

    .pf-l-grid>.pf-m-9-col-on-xl {
        --pf-l-grid__item--GridColumnEnd: span 9
    }

    .pf-l-grid>.pf-m-10-col-on-xl {
        --pf-l-grid__item--GridColumnEnd: span 10
    }

    .pf-l-grid>.pf-m-11-col-on-xl {
        --pf-l-grid__item--GridColumnEnd: span 11
    }

    .pf-l-grid>.pf-m-12-col-on-xl {
        --pf-l-grid__item--GridColumnEnd: span 12
    }

    .pf-l-grid>.pf-m-offset-1-col-on-xl {
        --pf-l-grid__item--GridColumnStart: col-start 2
    }

    .pf-l-grid>.pf-m-offset-2-col-on-xl {
        --pf-l-grid__item--GridColumnStart: col-start 3
    }

    .pf-l-grid>.pf-m-offset-3-col-on-xl {
        --pf-l-grid__item--GridColumnStart: col-start 4
    }

    .pf-l-grid>.pf-m-offset-4-col-on-xl {
        --pf-l-grid__item--GridColumnStart: col-start 5
    }

    .pf-l-grid>.pf-m-offset-5-col-on-xl {
        --pf-l-grid__item--GridColumnStart: col-start 6
    }

    .pf-l-grid>.pf-m-offset-6-col-on-xl {
        --pf-l-grid__item--GridColumnStart: col-start 7
    }

    .pf-l-grid>.pf-m-offset-7-col-on-xl {
        --pf-l-grid__item--GridColumnStart: col-start 8
    }

    .pf-l-grid>.pf-m-offset-8-col-on-xl {
        --pf-l-grid__item--GridColumnStart: col-start 9
    }

    .pf-l-grid>.pf-m-offset-9-col-on-xl {
        --pf-l-grid__item--GridColumnStart: col-start 10
    }

    .pf-l-grid>.pf-m-offset-10-col-on-xl {
        --pf-l-grid__item--GridColumnStart: col-start 11
    }

    .pf-l-grid>.pf-m-offset-11-col-on-xl {
        --pf-l-grid__item--GridColumnStart: col-start 12
    }

    .pf-l-grid>.pf-m-offset-12-col-on-xl {
        --pf-l-grid__item--GridColumnStart: col-start 13
    }

    .pf-l-grid>.pf-m-1-row-on-xl {
        grid-row: span 1
    }

    .pf-l-grid>.pf-m-2-row-on-xl {
        grid-row: span 2
    }

    .pf-l-grid>.pf-m-3-row-on-xl {
        grid-row: span 3
    }

    .pf-l-grid>.pf-m-4-row-on-xl {
        grid-row: span 4
    }

    .pf-l-grid>.pf-m-5-row-on-xl {
        grid-row: span 5
    }

    .pf-l-grid>.pf-m-6-row-on-xl {
        grid-row: span 6
    }

    .pf-l-grid>.pf-m-7-row-on-xl {
        grid-row: span 7
    }

    .pf-l-grid>.pf-m-8-row-on-xl {
        grid-row: span 8
    }

    .pf-l-grid>.pf-m-9-row-on-xl {
        grid-row: span 9
    }

    .pf-l-grid>.pf-m-10-row-on-xl {
        grid-row: span 10
    }

    .pf-l-grid>.pf-m-11-row-on-xl {
        grid-row: span 11
    }

    .pf-l-grid>.pf-m-12-row-on-xl {
        grid-row: span 12
    }
}

@media screen and (min-width:1450px) {
    .pf-l-grid>.pf-m-1-col-on-2xl {
        --pf-l-grid__item--GridColumnEnd: span 1
    }

    .pf-l-grid>.pf-m-2-col-on-2xl {
        --pf-l-grid__item--GridColumnEnd: span 2
    }

    .pf-l-grid>.pf-m-3-col-on-2xl {
        --pf-l-grid__item--GridColumnEnd: span 3
    }

    .pf-l-grid>.pf-m-4-col-on-2xl {
        --pf-l-grid__item--GridColumnEnd: span 4
    }

    .pf-l-grid>.pf-m-5-col-on-2xl {
        --pf-l-grid__item--GridColumnEnd: span 5
    }

    .pf-l-grid>.pf-m-6-col-on-2xl {
        --pf-l-grid__item--GridColumnEnd: span 6
    }

    .pf-l-grid>.pf-m-7-col-on-2xl {
        --pf-l-grid__item--GridColumnEnd: span 7
    }

    .pf-l-grid>.pf-m-8-col-on-2xl {
        --pf-l-grid__item--GridColumnEnd: span 8
    }

    .pf-l-grid>.pf-m-9-col-on-2xl {
        --pf-l-grid__item--GridColumnEnd: span 9
    }

    .pf-l-grid>.pf-m-10-col-on-2xl {
        --pf-l-grid__item--GridColumnEnd: span 10
    }

    .pf-l-grid>.pf-m-11-col-on-2xl {
        --pf-l-grid__item--GridColumnEnd: span 11
    }

    .pf-l-grid>.pf-m-12-col-on-2xl {
        --pf-l-grid__item--GridColumnEnd: span 12
    }

    .pf-l-grid>.pf-m-offset-1-col-on-2xl {
        --pf-l-grid__item--GridColumnStart: col-start 2
    }

    .pf-l-grid>.pf-m-offset-2-col-on-2xl {
        --pf-l-grid__item--GridColumnStart: col-start 3
    }

    .pf-l-grid>.pf-m-offset-3-col-on-2xl {
        --pf-l-grid__item--GridColumnStart: col-start 4
    }

    .pf-l-grid>.pf-m-offset-4-col-on-2xl {
        --pf-l-grid__item--GridColumnStart: col-start 5
    }

    .pf-l-grid>.pf-m-offset-5-col-on-2xl {
        --pf-l-grid__item--GridColumnStart: col-start 6
    }

    .pf-l-grid>.pf-m-offset-6-col-on-2xl {
        --pf-l-grid__item--GridColumnStart: col-start 7
    }

    .pf-l-grid>.pf-m-offset-7-col-on-2xl {
        --pf-l-grid__item--GridColumnStart: col-start 8
    }

    .pf-l-grid>.pf-m-offset-8-col-on-2xl {
        --pf-l-grid__item--GridColumnStart: col-start 9
    }

    .pf-l-grid>.pf-m-offset-9-col-on-2xl {
        --pf-l-grid__item--GridColumnStart: col-start 10
    }

    .pf-l-grid>.pf-m-offset-10-col-on-2xl {
        --pf-l-grid__item--GridColumnStart: col-start 11
    }

    .pf-l-grid>.pf-m-offset-11-col-on-2xl {
        --pf-l-grid__item--GridColumnStart: col-start 12
    }

    .pf-l-grid>.pf-m-offset-12-col-on-2xl {
        --pf-l-grid__item--GridColumnStart: col-start 13
    }

    .pf-l-grid>.pf-m-1-row-on-2xl {
        grid-row: span 1
    }

    .pf-l-grid>.pf-m-2-row-on-2xl {
        grid-row: span 2
    }

    .pf-l-grid>.pf-m-3-row-on-2xl {
        grid-row: span 3
    }

    .pf-l-grid>.pf-m-4-row-on-2xl {
        grid-row: span 4
    }

    .pf-l-grid>.pf-m-5-row-on-2xl {
        grid-row: span 5
    }

    .pf-l-grid>.pf-m-6-row-on-2xl {
        grid-row: span 6
    }

    .pf-l-grid>.pf-m-7-row-on-2xl {
        grid-row: span 7
    }

    .pf-l-grid>.pf-m-8-row-on-2xl {
        grid-row: span 8
    }

    .pf-l-grid>.pf-m-9-row-on-2xl {
        grid-row: span 9
    }

    .pf-l-grid>.pf-m-10-row-on-2xl {
        grid-row: span 10
    }

    .pf-l-grid>.pf-m-11-row-on-2xl {
        grid-row: span 11
    }

    .pf-l-grid>.pf-m-12-row-on-2xl {
        grid-row: span 12
    }
}

.pf-l-grid.pf-m-gutter {
    grid-gap: var(--pf-l-grid--m-gutter--GridGap)
}

.pf-l-level {
    --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.pf-l-level.pf-m-gutter>:not(:last-child) {
    margin-right: var(--pf-l-level--m-gutter--MarginRight)
}

.pf-l-split {
    --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0
}

.pf-l-split.pf-m-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pf-l-split__item.pf-m-fill {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pf-l-split.pf-m-gutter>:not(:last-child) {
    margin-right: var(--pf-l-split--m-gutter--MarginRight)
}

.pf-l-stack {
    --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.pf-l-stack__item.pf-m-fill {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pf-l-stack.pf-m-gutter>:not(:last-child) {
    margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom)
}

.pf-u-screen-reader {
    clip: rect(0, 0, 0, 0);
    border: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    white-space: nowrap
}

.pf-u-visible {
    clip: auto;
    border: inherit;
    overflow: visible;
    position: static;
    white-space: normal
}

.pf-u-hidden {
    display: none !important
}

@media screen and (min-width:576px) {
    .pf-u-screen-reader-on-sm {
        clip: rect(0, 0, 0, 0);
        border: 0;
        left: 0;
        overflow: hidden;
        position: fixed;
        top: 0;
        white-space: nowrap
    }

    .pf-u-visible-on-sm {
        clip: auto;
        border: inherit;
        overflow: visible;
        position: static;
        white-space: normal
    }

    .pf-u-hidden-on-sm {
        display: none !important
    }
}

@media screen and (min-width:768px) {
    .pf-u-screen-reader-on-md {
        clip: rect(0, 0, 0, 0);
        border: 0;
        left: 0;
        overflow: hidden;
        position: fixed;
        top: 0;
        white-space: nowrap
    }

    .pf-u-visible-on-md {
        clip: auto;
        border: inherit;
        overflow: visible;
        position: static;
        white-space: normal
    }

    .pf-u-hidden-on-md {
        display: none !important
    }
}

@media screen and (min-width:992px) {
    .pf-u-screen-reader-on-lg {
        clip: rect(0, 0, 0, 0);
        border: 0;
        left: 0;
        overflow: hidden;
        position: fixed;
        top: 0;
        white-space: nowrap
    }

    .pf-u-visible-on-lg {
        clip: auto;
        border: inherit;
        overflow: visible;
        position: static;
        white-space: normal
    }

    .pf-u-hidden-on-lg {
        display: none !important
    }
}

@media screen and (min-width:1200px) {
    .pf-u-screen-reader-on-xl {
        clip: rect(0, 0, 0, 0);
        border: 0;
        left: 0;
        overflow: hidden;
        position: fixed;
        top: 0;
        white-space: nowrap
    }

    .pf-u-visible-on-xl {
        clip: auto;
        border: inherit;
        overflow: visible;
        position: static;
        white-space: normal
    }

    .pf-u-hidden-on-xl {
        display: none !important
    }
}

@media screen and (min-width:1450px) {
    .pf-u-screen-reader-on-2xl {
        clip: rect(0, 0, 0, 0);
        border: 0;
        left: 0;
        overflow: hidden;
        position: fixed;
        top: 0;
        white-space: nowrap
    }

    .pf-u-visible-on-2xl {
        clip: auto;
        border: inherit;
        overflow: visible;
        position: static;
        white-space: normal
    }

    .pf-u-hidden-on-2xl {
        display: none !important
    }
}

.pf-u-text-align-left {
    text-align: left !important
}

.pf-u-text-align-center {
    text-align: center !important
}

.pf-u-text-align-right {
    text-align: right !important
}

.pf-u-text-align-justify {
    text-align: justify !important
}

@media screen and (min-width:576px) {
    .pf-u-text-align-left-on-sm {
        text-align: left !important
    }

    .pf-u-text-align-center-on-sm {
        text-align: center !important
    }

    .pf-u-text-align-right-on-sm {
        text-align: right !important
    }

    .pf-u-text-align-justify-on-sm {
        text-align: justify !important
    }
}

@media screen and (min-width:768px) {
    .pf-u-text-align-left-on-md {
        text-align: left !important
    }

    .pf-u-text-align-center-on-md {
        text-align: center !important
    }

    .pf-u-text-align-right-on-md {
        text-align: right !important
    }

    .pf-u-text-align-justify-on-md {
        text-align: justify !important
    }
}

@media screen and (min-width:992px) {
    .pf-u-text-align-left-on-lg {
        text-align: left !important
    }

    .pf-u-text-align-center-on-lg {
        text-align: center !important
    }

    .pf-u-text-align-right-on-lg {
        text-align: right !important
    }

    .pf-u-text-align-justify-on-lg {
        text-align: justify !important
    }
}

@media screen and (min-width:1200px) {
    .pf-u-text-align-left-on-xl {
        text-align: left !important
    }

    .pf-u-text-align-center-on-xl {
        text-align: center !important
    }

    .pf-u-text-align-right-on-xl {
        text-align: right !important
    }

    .pf-u-text-align-justify-on-xl {
        text-align: justify !important
    }
}

@media screen and (min-width:1450px) {
    .pf-u-text-align-left-on-2xl {
        text-align: left !important
    }

    .pf-u-text-align-center-on-2xl {
        text-align: center !important
    }

    .pf-u-text-align-right-on-2xl {
        text-align: right !important
    }

    .pf-u-text-align-justify-on-2xl {
        text-align: justify !important
    }
}

.pf-u-background-color-100 {
    background-color: var(--pf-global--BackgroundColor--100) !important
}

.pf-u-background-color-200 {
    background-color: var(--pf-global--BackgroundColor--200) !important
}

.pf-u-background-color-dark-100 {
    background-color: var(--pf-global--BackgroundColor--dark-100) !important
}

.pf-u-background-color-dark-200 {
    background-color: var(--pf-global--BackgroundColor--dark-200) !important
}

.pf-u-background-color-dark-300 {
    background-color: var(--pf-global--BackgroundColor--dark-300) !important
}

.pf-u-background-color-dark-400 {
    background-color: var(--pf-global--BackgroundColor--dark-400) !important
}

@media screen and (min-width:576px) {
    .pf-u-background-color-100-on-sm {
        background-color: var(--pf-global--BackgroundColor--100) !important
    }

    .pf-u-background-color-200-on-sm {
        background-color: var(--pf-global--BackgroundColor--200) !important
    }

    .pf-u-background-color-dark-100-on-sm {
        background-color: var(--pf-global--BackgroundColor--dark-100) !important
    }

    .pf-u-background-color-dark-200-on-sm {
        background-color: var(--pf-global--BackgroundColor--dark-200) !important
    }

    .pf-u-background-color-dark-300-on-sm {
        background-color: var(--pf-global--BackgroundColor--dark-300) !important
    }

    .pf-u-background-color-dark-400-on-sm {
        background-color: var(--pf-global--BackgroundColor--dark-400) !important
    }
}

@media screen and (min-width:768px) {
    .pf-u-background-color-100-on-md {
        background-color: var(--pf-global--BackgroundColor--100) !important
    }

    .pf-u-background-color-200-on-md {
        background-color: var(--pf-global--BackgroundColor--200) !important
    }

    .pf-u-background-color-dark-100-on-md {
        background-color: var(--pf-global--BackgroundColor--dark-100) !important
    }

    .pf-u-background-color-dark-200-on-md {
        background-color: var(--pf-global--BackgroundColor--dark-200) !important
    }

    .pf-u-background-color-dark-300-on-md {
        background-color: var(--pf-global--BackgroundColor--dark-300) !important
    }

    .pf-u-background-color-dark-400-on-md {
        background-color: var(--pf-global--BackgroundColor--dark-400) !important
    }
}

@media screen and (min-width:992px) {
    .pf-u-background-color-100-on-lg {
        background-color: var(--pf-global--BackgroundColor--100) !important
    }

    .pf-u-background-color-200-on-lg {
        background-color: var(--pf-global--BackgroundColor--200) !important
    }

    .pf-u-background-color-dark-100-on-lg {
        background-color: var(--pf-global--BackgroundColor--dark-100) !important
    }

    .pf-u-background-color-dark-200-on-lg {
        background-color: var(--pf-global--BackgroundColor--dark-200) !important
    }

    .pf-u-background-color-dark-300-on-lg {
        background-color: var(--pf-global--BackgroundColor--dark-300) !important
    }

    .pf-u-background-color-dark-400-on-lg {
        background-color: var(--pf-global--BackgroundColor--dark-400) !important
    }
}

@media screen and (min-width:1200px) {
    .pf-u-background-color-100-on-xl {
        background-color: var(--pf-global--BackgroundColor--100) !important
    }

    .pf-u-background-color-200-on-xl {
        background-color: var(--pf-global--BackgroundColor--200) !important
    }

    .pf-u-background-color-dark-100-on-xl {
        background-color: var(--pf-global--BackgroundColor--dark-100) !important
    }

    .pf-u-background-color-dark-200-on-xl {
        background-color: var(--pf-global--BackgroundColor--dark-200) !important
    }

    .pf-u-background-color-dark-300-on-xl {
        background-color: var(--pf-global--BackgroundColor--dark-300) !important
    }

    .pf-u-background-color-dark-400-on-xl {
        background-color: var(--pf-global--BackgroundColor--dark-400) !important
    }
}

@media screen and (min-width:1450px) {
    .pf-u-background-color-100-on-2xl {
        background-color: var(--pf-global--BackgroundColor--100) !important
    }

    .pf-u-background-color-200-on-2xl {
        background-color: var(--pf-global--BackgroundColor--200) !important
    }

    .pf-u-background-color-dark-100-on-2xl {
        background-color: var(--pf-global--BackgroundColor--dark-100) !important
    }

    .pf-u-background-color-dark-200-on-2xl {
        background-color: var(--pf-global--BackgroundColor--dark-200) !important
    }

    .pf-u-background-color-dark-300-on-2xl {
        background-color: var(--pf-global--BackgroundColor--dark-300) !important
    }

    .pf-u-background-color-dark-400-on-2xl {
        background-color: var(--pf-global--BackgroundColor--dark-400) !important
    }
}

.pf-u-box-shadow-sm {
    -webkit-box-shadow: var(--pf-global--BoxShadow--sm) !important;
    box-shadow: var(--pf-global--BoxShadow--sm) !important
}

.pf-u-box-shadow-sm-top {
    -webkit-box-shadow: var(--pf-global--BoxShadow--sm-top) !important;
    box-shadow: var(--pf-global--BoxShadow--sm-top) !important
}

.pf-u-box-shadow-sm-right {
    -webkit-box-shadow: var(--pf-global--BoxShadow--sm-right) !important;
    box-shadow: var(--pf-global--BoxShadow--sm-right) !important
}

.pf-u-box-shadow-sm-bottom {
    -webkit-box-shadow: var(--pf-global--BoxShadow--sm-bottom) !important;
    box-shadow: var(--pf-global--BoxShadow--sm-bottom) !important
}

.pf-u-box-shadow-sm-left {
    -webkit-box-shadow: var(--pf-global--BoxShadow--sm-left) !important;
    box-shadow: var(--pf-global--BoxShadow--sm-left) !important
}

.pf-u-box-shadow-md {
    -webkit-box-shadow: var(--pf-global--BoxShadow--md) !important;
    box-shadow: var(--pf-global--BoxShadow--md) !important
}

.pf-u-box-shadow-md-top {
    -webkit-box-shadow: var(--pf-global--BoxShadow--md-top) !important;
    box-shadow: var(--pf-global--BoxShadow--md-top) !important
}

.pf-u-box-shadow-md-right {
    -webkit-box-shadow: var(--pf-global--BoxShadow--md-right) !important;
    box-shadow: var(--pf-global--BoxShadow--md-right) !important
}

.pf-u-box-shadow-md-bottom {
    -webkit-box-shadow: var(--pf-global--BoxShadow--md-bottom) !important;
    box-shadow: var(--pf-global--BoxShadow--md-bottom) !important
}

.pf-u-box-shadow-md-left {
    -webkit-box-shadow: var(--pf-global--BoxShadow--md-left) !important;
    box-shadow: var(--pf-global--BoxShadow--md-left) !important
}

.pf-u-box-shadow-lg {
    -webkit-box-shadow: var(--pf-global--BoxShadow--lg) !important;
    box-shadow: var(--pf-global--BoxShadow--lg) !important
}

.pf-u-box-shadow-lg-top {
    -webkit-box-shadow: var(--pf-global--BoxShadow--lg-top) !important;
    box-shadow: var(--pf-global--BoxShadow--lg-top) !important
}

.pf-u-box-shadow-lg-right {
    -webkit-box-shadow: var(--pf-global--BoxShadow--lg-right) !important;
    box-shadow: var(--pf-global--BoxShadow--lg-right) !important
}

.pf-u-box-shadow-lg-bottom {
    -webkit-box-shadow: var(--pf-global--BoxShadow--lg-bottom) !important;
    box-shadow: var(--pf-global--BoxShadow--lg-bottom) !important
}

.pf-u-box-shadow-lg-left {
    -webkit-box-shadow: var(--pf-global--BoxShadow--lg-left) !important;
    box-shadow: var(--pf-global--BoxShadow--lg-left) !important
}

.pf-u-box-shadow-xl {
    -webkit-box-shadow: var(--pf-global--BoxShadow--xl) !important;
    box-shadow: var(--pf-global--BoxShadow--xl) !important
}

.pf-u-box-shadow-xl-top {
    -webkit-box-shadow: var(--pf-global--BoxShadow--xl-top) !important;
    box-shadow: var(--pf-global--BoxShadow--xl-top) !important
}

.pf-u-box-shadow-xl-right {
    -webkit-box-shadow: var(--pf-global--BoxShadow--xl-right) !important;
    box-shadow: var(--pf-global--BoxShadow--xl-right) !important
}

.pf-u-box-shadow-xl-bottom {
    -webkit-box-shadow: var(--pf-global--BoxShadow--xl-bottom) !important;
    box-shadow: var(--pf-global--BoxShadow--xl-bottom) !important
}

.pf-u-box-shadow-xl-left {
    -webkit-box-shadow: var(--pf-global--BoxShadow--xl-left) !important;
    box-shadow: var(--pf-global--BoxShadow--xl-left) !important
}

.pf-u-box-shadow-inset {
    -webkit-box-shadow: var(--pf-global--BoxShadow--inset) !important;
    box-shadow: var(--pf-global--BoxShadow--inset) !important
}

.pf-u-display-none {
    display: none !important
}

.pf-u-display-inline-block {
    display: inline-block !important
}

.pf-u-display-block {
    display: block !important
}

.pf-u-display-inline {
    display: inline !important
}

.pf-u-display-table {
    display: table !important
}

.pf-u-display-table-cell {
    display: table-cell !important
}

.pf-u-display-table-row {
    display: table-row !important
}

.pf-u-display-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.pf-u-display-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media screen and (min-width:576px) {
    .pf-u-display-none-on-sm {
        display: none !important
    }

    .pf-u-display-inline-block-on-sm {
        display: inline-block !important
    }

    .pf-u-display-block-on-sm {
        display: block !important
    }

    .pf-u-display-inline-on-sm {
        display: inline !important
    }

    .pf-u-display-table-on-sm {
        display: table !important
    }

    .pf-u-display-table-cell-on-sm {
        display: table-cell !important
    }

    .pf-u-display-table-row-on-sm {
        display: table-row !important
    }

    .pf-u-display-flex-on-sm {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .pf-u-display-inline-flex-on-sm {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width:768px) {
    .pf-u-display-none-on-md {
        display: none !important
    }

    .pf-u-display-inline-block-on-md {
        display: inline-block !important
    }

    .pf-u-display-block-on-md {
        display: block !important
    }

    .pf-u-display-inline-on-md {
        display: inline !important
    }

    .pf-u-display-table-on-md {
        display: table !important
    }

    .pf-u-display-table-cell-on-md {
        display: table-cell !important
    }

    .pf-u-display-table-row-on-md {
        display: table-row !important
    }

    .pf-u-display-flex-on-md {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .pf-u-display-inline-flex-on-md {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width:992px) {
    .pf-u-display-none-on-lg {
        display: none !important
    }

    .pf-u-display-inline-block-on-lg {
        display: inline-block !important
    }

    .pf-u-display-block-on-lg {
        display: block !important
    }

    .pf-u-display-inline-on-lg {
        display: inline !important
    }

    .pf-u-display-table-on-lg {
        display: table !important
    }

    .pf-u-display-table-cell-on-lg {
        display: table-cell !important
    }

    .pf-u-display-table-row-on-lg {
        display: table-row !important
    }

    .pf-u-display-flex-on-lg {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .pf-u-display-inline-flex-on-lg {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width:1200px) {
    .pf-u-display-none-on-xl {
        display: none !important
    }

    .pf-u-display-inline-block-on-xl {
        display: inline-block !important
    }

    .pf-u-display-block-on-xl {
        display: block !important
    }

    .pf-u-display-inline-on-xl {
        display: inline !important
    }

    .pf-u-display-table-on-xl {
        display: table !important
    }

    .pf-u-display-table-cell-on-xl {
        display: table-cell !important
    }

    .pf-u-display-table-row-on-xl {
        display: table-row !important
    }

    .pf-u-display-flex-on-xl {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .pf-u-display-inline-flex-on-xl {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width:1450px) {
    .pf-u-display-none-on-2xl {
        display: none !important
    }

    .pf-u-display-inline-block-on-2xl {
        display: inline-block !important
    }

    .pf-u-display-block-on-2xl {
        display: block !important
    }

    .pf-u-display-inline-on-2xl {
        display: inline !important
    }

    .pf-u-display-table-on-2xl {
        display: table !important
    }

    .pf-u-display-table-cell-on-2xl {
        display: table-cell !important
    }

    .pf-u-display-table-row-on-2xl {
        display: table-row !important
    }

    .pf-u-display-flex-on-2xl {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .pf-u-display-inline-flex-on-2xl {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.pf-u-flex-direction-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.pf-u-flex-direction-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.pf-u-flex-direction-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.pf-u-flex-direction-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

@media screen and (min-width:576px) {
    .pf-u-flex-direction-column-on-sm {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .pf-u-flex-direction-column-reverse-on-sm {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .pf-u-flex-direction-row-on-sm {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .pf-u-flex-direction-row-reverse-on-sm {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
}

@media screen and (min-width:768px) {
    .pf-u-flex-direction-column-on-md {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .pf-u-flex-direction-column-reverse-on-md {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .pf-u-flex-direction-row-on-md {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .pf-u-flex-direction-row-reverse-on-md {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
}

@media screen and (min-width:992px) {
    .pf-u-flex-direction-column-on-lg {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .pf-u-flex-direction-column-reverse-on-lg {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .pf-u-flex-direction-row-on-lg {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .pf-u-flex-direction-row-reverse-on-lg {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
}

@media screen and (min-width:1200px) {
    .pf-u-flex-direction-column-on-xl {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .pf-u-flex-direction-column-reverse-on-xl {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .pf-u-flex-direction-row-on-xl {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .pf-u-flex-direction-row-reverse-on-xl {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
}

@media screen and (min-width:1450px) {
    .pf-u-flex-direction-column-on-2xl {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .pf-u-flex-direction-column-reverse-on-2xl {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .pf-u-flex-direction-row-on-2xl {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .pf-u-flex-direction-row-reverse-on-2xl {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
}

.pf-u-flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.pf-u-flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.pf-u-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

@media screen and (min-width:576px) {
    .pf-u-flex-wrap-on-sm {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .pf-u-flex-nowrap-on-sm {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .pf-u-flex-wrap-reverse-on-sm {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
}

@media screen and (min-width:768px) {
    .pf-u-flex-wrap-on-md {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .pf-u-flex-nowrap-on-md {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .pf-u-flex-wrap-reverse-on-md {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
}

@media screen and (min-width:992px) {
    .pf-u-flex-wrap-on-lg {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .pf-u-flex-nowrap-on-lg {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .pf-u-flex-wrap-reverse-on-lg {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
}

@media screen and (min-width:1200px) {
    .pf-u-flex-wrap-on-xl {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .pf-u-flex-nowrap-on-xl {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .pf-u-flex-wrap-reverse-on-xl {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
}

@media screen and (min-width:1450px) {
    .pf-u-flex-wrap-on-2xl {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .pf-u-flex-nowrap-on-2xl {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .pf-u-flex-wrap-reverse-on-2xl {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
}

.pf-u-align-items-flex-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.pf-u-align-items-flex-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.pf-u-align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.pf-u-align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.pf-u-align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

@media screen and (min-width:576px) {
    .pf-u-align-items-flex-start-on-sm {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .pf-u-align-items-flex-end-on-sm {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .pf-u-align-items-center-on-sm {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .pf-u-align-items-baseline-on-sm {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .pf-u-align-items-stretch-on-sm {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
}

@media screen and (min-width:768px) {
    .pf-u-align-items-flex-start-on-md {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .pf-u-align-items-flex-end-on-md {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .pf-u-align-items-center-on-md {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .pf-u-align-items-baseline-on-md {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .pf-u-align-items-stretch-on-md {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
}

@media screen and (min-width:992px) {
    .pf-u-align-items-flex-start-on-lg {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .pf-u-align-items-flex-end-on-lg {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .pf-u-align-items-center-on-lg {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .pf-u-align-items-baseline-on-lg {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .pf-u-align-items-stretch-on-lg {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
}

@media screen and (min-width:1200px) {
    .pf-u-align-items-flex-start-on-xl {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .pf-u-align-items-flex-end-on-xl {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .pf-u-align-items-center-on-xl {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .pf-u-align-items-baseline-on-xl {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .pf-u-align-items-stretch-on-xl {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
}

@media screen and (min-width:1450px) {
    .pf-u-align-items-flex-start-on-2xl {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .pf-u-align-items-flex-end-on-2xl {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .pf-u-align-items-center-on-2xl {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .pf-u-align-items-baseline-on-2xl {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .pf-u-align-items-stretch-on-2xl {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
}

.pf-u-align-self-flex-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.pf-u-align-self-flex-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.pf-u-align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.pf-u-align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.pf-u-align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media screen and (min-width:576px) {
    .pf-u-align-self-flex-start-on-sm {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .pf-u-align-self-flex-end-on-sm {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .pf-u-align-self-center-on-sm {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .pf-u-align-self-baseline-on-sm {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .pf-u-align-self-stretch-on-sm {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media screen and (min-width:768px) {
    .pf-u-align-self-flex-start-on-md {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .pf-u-align-self-flex-end-on-md {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .pf-u-align-self-center-on-md {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .pf-u-align-self-baseline-on-md {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .pf-u-align-self-stretch-on-md {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media screen and (min-width:992px) {
    .pf-u-align-self-flex-start-on-lg {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .pf-u-align-self-flex-end-on-lg {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .pf-u-align-self-center-on-lg {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .pf-u-align-self-baseline-on-lg {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .pf-u-align-self-stretch-on-lg {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media screen and (min-width:1200px) {
    .pf-u-align-self-flex-start-on-xl {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .pf-u-align-self-flex-end-on-xl {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .pf-u-align-self-center-on-xl {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .pf-u-align-self-baseline-on-xl {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .pf-u-align-self-stretch-on-xl {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media screen and (min-width:1450px) {
    .pf-u-align-self-flex-start-on-2xl {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .pf-u-align-self-flex-end-on-2xl {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .pf-u-align-self-center-on-2xl {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .pf-u-align-self-baseline-on-2xl {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .pf-u-align-self-stretch-on-2xl {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

.pf-u-align-content-flex-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.pf-u-align-content-flex-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.pf-u-align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.pf-u-align-content-space-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.pf-u-align-content-space-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.pf-u-align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

@media screen and (min-width:576px) {
    .pf-u-align-content-flex-start-on-sm {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .pf-u-align-content-flex-end-on-sm {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .pf-u-align-content-center-on-sm {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .pf-u-align-content-space-between-on-sm {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .pf-u-align-content-space-around-on-sm {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .pf-u-align-content-stretch-on-sm {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
}

@media screen and (min-width:768px) {
    .pf-u-align-content-flex-start-on-md {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .pf-u-align-content-flex-end-on-md {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .pf-u-align-content-center-on-md {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .pf-u-align-content-space-between-on-md {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .pf-u-align-content-space-around-on-md {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .pf-u-align-content-stretch-on-md {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
}

@media screen and (min-width:992px) {
    .pf-u-align-content-flex-start-on-lg {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .pf-u-align-content-flex-end-on-lg {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .pf-u-align-content-center-on-lg {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .pf-u-align-content-space-between-on-lg {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .pf-u-align-content-space-around-on-lg {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .pf-u-align-content-stretch-on-lg {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
}

@media screen and (min-width:1200px) {
    .pf-u-align-content-flex-start-on-xl {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .pf-u-align-content-flex-end-on-xl {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .pf-u-align-content-center-on-xl {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .pf-u-align-content-space-between-on-xl {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .pf-u-align-content-space-around-on-xl {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .pf-u-align-content-stretch-on-xl {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
}

@media screen and (min-width:1450px) {
    .pf-u-align-content-flex-start-on-2xl {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .pf-u-align-content-flex-end-on-2xl {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .pf-u-align-content-center-on-2xl {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .pf-u-align-content-space-between-on-2xl {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .pf-u-align-content-space-around-on-2xl {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .pf-u-align-content-stretch-on-2xl {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
}

.pf-u-justify-content-flex-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.pf-u-justify-content-flex-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.pf-u-justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.pf-u-justify-content-space-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.pf-u-justify-content-space-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.pf-u-justify-content-stretch {
    -webkit-box-pack: stretch !important;
    -ms-flex-pack: stretch !important;
    justify-content: stretch !important
}

@media screen and (min-width:576px) {
    .pf-u-justify-content-flex-start-on-sm {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .pf-u-justify-content-flex-end-on-sm {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .pf-u-justify-content-center-on-sm {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .pf-u-justify-content-space-between-on-sm {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .pf-u-justify-content-space-around-on-sm {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .pf-u-justify-content-stretch-on-sm {
        -webkit-box-pack: stretch !important;
        -ms-flex-pack: stretch !important;
        justify-content: stretch !important
    }
}

@media screen and (min-width:768px) {
    .pf-u-justify-content-flex-start-on-md {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .pf-u-justify-content-flex-end-on-md {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .pf-u-justify-content-center-on-md {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .pf-u-justify-content-space-between-on-md {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .pf-u-justify-content-space-around-on-md {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .pf-u-justify-content-stretch-on-md {
        -webkit-box-pack: stretch !important;
        -ms-flex-pack: stretch !important;
        justify-content: stretch !important
    }
}

@media screen and (min-width:992px) {
    .pf-u-justify-content-flex-start-on-lg {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .pf-u-justify-content-flex-end-on-lg {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .pf-u-justify-content-center-on-lg {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .pf-u-justify-content-space-between-on-lg {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .pf-u-justify-content-space-around-on-lg {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .pf-u-justify-content-stretch-on-lg {
        -webkit-box-pack: stretch !important;
        -ms-flex-pack: stretch !important;
        justify-content: stretch !important
    }
}

@media screen and (min-width:1200px) {
    .pf-u-justify-content-flex-start-on-xl {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .pf-u-justify-content-flex-end-on-xl {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .pf-u-justify-content-center-on-xl {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .pf-u-justify-content-space-between-on-xl {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .pf-u-justify-content-space-around-on-xl {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .pf-u-justify-content-stretch-on-xl {
        -webkit-box-pack: stretch !important;
        -ms-flex-pack: stretch !important;
        justify-content: stretch !important
    }
}

@media screen and (min-width:1450px) {
    .pf-u-justify-content-flex-start-on-2xl {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .pf-u-justify-content-flex-end-on-2xl {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .pf-u-justify-content-center-on-2xl {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .pf-u-justify-content-space-between-on-2xl {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .pf-u-justify-content-space-around-on-2xl {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .pf-u-justify-content-stretch-on-2xl {
        -webkit-box-pack: stretch !important;
        -ms-flex-pack: stretch !important;
        justify-content: stretch !important
    }
}

.pf-u-flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.pf-u-flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.pf-u-flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.pf-u-flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

@media screen and (min-width:576px) {
    .pf-u-flex-shrink-1-on-sm {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .pf-u-flex-grow-1-on-sm {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .pf-u-flex-shrink-0-on-sm {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .pf-u-flex-grow-0-on-sm {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
}

@media screen and (min-width:768px) {
    .pf-u-flex-shrink-1-on-md {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .pf-u-flex-grow-1-on-md {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .pf-u-flex-shrink-0-on-md {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .pf-u-flex-grow-0-on-md {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
}

@media screen and (min-width:992px) {
    .pf-u-flex-shrink-1-on-lg {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .pf-u-flex-grow-1-on-lg {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .pf-u-flex-shrink-0-on-lg {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .pf-u-flex-grow-0-on-lg {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
}

@media screen and (min-width:1200px) {
    .pf-u-flex-shrink-1-on-xl {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .pf-u-flex-grow-1-on-xl {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .pf-u-flex-shrink-0-on-xl {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .pf-u-flex-grow-0-on-xl {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
}

@media screen and (min-width:1450px) {
    .pf-u-flex-shrink-1-on-2xl {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .pf-u-flex-grow-1-on-2xl {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .pf-u-flex-shrink-0-on-2xl {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .pf-u-flex-grow-0-on-2xl {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
}

.pf-u-flex-basis-0 {
    -ms-flex-preferred-size: 0 !important;
    flex-basis: 0 !important
}

.pf-u-flex-basis-auto {
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important
}

@media screen and (min-width:576px) {
    .pf-u-flex-basis-0-on-sm {
        -ms-flex-preferred-size: 0 !important;
        flex-basis: 0 !important
    }

    .pf-u-flex-basis-auto-on-sm {
        -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important
    }
}

@media screen and (min-width:768px) {
    .pf-u-flex-basis-0-on-md {
        -ms-flex-preferred-size: 0 !important;
        flex-basis: 0 !important
    }

    .pf-u-flex-basis-auto-on-md {
        -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important
    }
}

@media screen and (min-width:992px) {
    .pf-u-flex-basis-0-on-lg {
        -ms-flex-preferred-size: 0 !important;
        flex-basis: 0 !important
    }

    .pf-u-flex-basis-auto-on-lg {
        -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important
    }
}

@media screen and (min-width:1200px) {
    .pf-u-flex-basis-0-on-xl {
        -ms-flex-preferred-size: 0 !important;
        flex-basis: 0 !important
    }

    .pf-u-flex-basis-auto-on-xl {
        -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important
    }
}

@media screen and (min-width:1450px) {
    .pf-u-flex-basis-0-on-2xl {
        -ms-flex-preferred-size: 0 !important;
        flex-basis: 0 !important
    }

    .pf-u-flex-basis-auto-on-2xl {
        -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important
    }
}

.pf-u-flex-none {
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important
}

.pf-u-flex-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important
}

@media screen and (min-width:576px) {
    .pf-u-flex-none-on-sm {
        -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
        flex: none !important
    }

    .pf-u-flex-1-on-sm {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
        flex: 1 !important
    }
}

@media screen and (min-width:768px) {
    .pf-u-flex-none-on-md {
        -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
        flex: none !important
    }

    .pf-u-flex-1-on-md {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
        flex: 1 !important
    }
}

@media screen and (min-width:992px) {
    .pf-u-flex-none-on-lg {
        -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
        flex: none !important
    }

    .pf-u-flex-1-on-lg {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
        flex: 1 !important
    }
}

@media screen and (min-width:1200px) {
    .pf-u-flex-none-on-xl {
        -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
        flex: none !important
    }

    .pf-u-flex-1-on-xl {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
        flex: 1 !important
    }
}

@media screen and (min-width:1450px) {
    .pf-u-flex-none-on-2xl {
        -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
        flex: none !important
    }

    .pf-u-flex-1-on-2xl {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
        flex: 1 !important
    }
}

.pf-u-flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

@media screen and (min-width:576px) {
    .pf-u-flex-fill-on-sm {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
}

@media screen and (min-width:768px) {
    .pf-u-flex-fill-on-md {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
}

@media screen and (min-width:992px) {
    .pf-u-flex-fill-on-lg {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
}

@media screen and (min-width:1200px) {
    .pf-u-flex-fill-on-xl {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
}

@media screen and (min-width:1450px) {
    .pf-u-flex-fill-on-2xl {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
}

.pf-u-float-left {
    float: left !important
}

.pf-u-float-right {
    float: right !important
}

@media screen and (min-width:576px) {
    .pf-u-float-left-on-sm {
        float: left !important
    }

    .pf-u-float-right-on-sm {
        float: right !important
    }
}

@media screen and (min-width:768px) {
    .pf-u-float-left-on-md {
        float: left !important
    }

    .pf-u-float-right-on-md {
        float: right !important
    }
}

@media screen and (min-width:992px) {
    .pf-u-float-left-on-lg {
        float: left !important
    }

    .pf-u-float-right-on-lg {
        float: right !important
    }
}

@media screen and (min-width:1200px) {
    .pf-u-float-left-on-xl {
        float: left !important
    }

    .pf-u-float-right-on-xl {
        float: right !important
    }
}

@media screen and (min-width:1450px) {
    .pf-u-float-left-on-2xl {
        float: left !important
    }

    .pf-u-float-right-on-2xl {
        float: right !important
    }
}

.pf-u-w-auto,
.pf-u-w-initial {
    width: auto !important
}

.pf-u-w-inherit {
    width: inherit !important
}

.pf-u-w-0 {
    width: 0 !important
}

.pf-u-w-25 {
    width: 25% !important
}

.pf-u-w-33 {
    width: 33.3333333333% !important
}

.pf-u-w-50 {
    width: 50% !important
}

.pf-u-w-66 {
    width: 66.6666666667% !important
}

.pf-u-w-75 {
    width: 75% !important
}

.pf-u-w-100 {
    width: 100% !important
}

.pf-u-w-25vw {
    width: 25vw !important
}

.pf-u-w-33vw {
    width: 33.3333333333vw !important
}

.pf-u-w-50vw {
    width: 50vw !important
}

.pf-u-w-66vw {
    width: 66.6666666667vw !important
}

.pf-u-w-75vw {
    width: 75vw !important
}

.pf-u-w-100vw {
    width: 100vw !important
}

@media screen and (min-width:576px) {

    .pf-u-w-auto-on-sm,
    .pf-u-w-initial-on-sm {
        width: auto !important
    }

    .pf-u-w-inherit-on-sm {
        width: inherit !important
    }

    .pf-u-w-0-on-sm {
        width: 0 !important
    }

    .pf-u-w-25-on-sm {
        width: 25% !important
    }

    .pf-u-w-33-on-sm {
        width: 33.3333333333% !important
    }

    .pf-u-w-50-on-sm {
        width: 50% !important
    }

    .pf-u-w-66-on-sm {
        width: 66.6666666667% !important
    }

    .pf-u-w-75-on-sm {
        width: 75% !important
    }

    .pf-u-w-100-on-sm {
        width: 100% !important
    }

    .pf-u-w-25vw-on-sm {
        width: 25vw !important
    }

    .pf-u-w-33vw-on-sm {
        width: 33.3333333333vw !important
    }

    .pf-u-w-50vw-on-sm {
        width: 50vw !important
    }

    .pf-u-w-66vw-on-sm {
        width: 66.6666666667vw !important
    }

    .pf-u-w-75vw-on-sm {
        width: 75vw !important
    }

    .pf-u-w-100vw-on-sm {
        width: 100vw !important
    }
}

@media screen and (min-width:768px) {

    .pf-u-w-auto-on-md,
    .pf-u-w-initial-on-md {
        width: auto !important
    }

    .pf-u-w-inherit-on-md {
        width: inherit !important
    }

    .pf-u-w-0-on-md {
        width: 0 !important
    }

    .pf-u-w-25-on-md {
        width: 25% !important
    }

    .pf-u-w-33-on-md {
        width: 33.3333333333% !important
    }

    .pf-u-w-50-on-md {
        width: 50% !important
    }

    .pf-u-w-66-on-md {
        width: 66.6666666667% !important
    }

    .pf-u-w-75-on-md {
        width: 75% !important
    }

    .pf-u-w-100-on-md {
        width: 100% !important
    }

    .pf-u-w-25vw-on-md {
        width: 25vw !important
    }

    .pf-u-w-33vw-on-md {
        width: 33.3333333333vw !important
    }

    .pf-u-w-50vw-on-md {
        width: 50vw !important
    }

    .pf-u-w-66vw-on-md {
        width: 66.6666666667vw !important
    }

    .pf-u-w-75vw-on-md {
        width: 75vw !important
    }

    .pf-u-w-100vw-on-md {
        width: 100vw !important
    }
}

@media screen and (min-width:992px) {

    .pf-u-w-auto-on-lg,
    .pf-u-w-initial-on-lg {
        width: auto !important
    }

    .pf-u-w-inherit-on-lg {
        width: inherit !important
    }

    .pf-u-w-0-on-lg {
        width: 0 !important
    }

    .pf-u-w-25-on-lg {
        width: 25% !important
    }

    .pf-u-w-33-on-lg {
        width: 33.3333333333% !important
    }

    .pf-u-w-50-on-lg {
        width: 50% !important
    }

    .pf-u-w-66-on-lg {
        width: 66.6666666667% !important
    }

    .pf-u-w-75-on-lg {
        width: 75% !important
    }

    .pf-u-w-100-on-lg {
        width: 100% !important
    }

    .pf-u-w-25vw-on-lg {
        width: 25vw !important
    }

    .pf-u-w-33vw-on-lg {
        width: 33.3333333333vw !important
    }

    .pf-u-w-50vw-on-lg {
        width: 50vw !important
    }

    .pf-u-w-66vw-on-lg {
        width: 66.6666666667vw !important
    }

    .pf-u-w-75vw-on-lg {
        width: 75vw !important
    }

    .pf-u-w-100vw-on-lg {
        width: 100vw !important
    }
}

@media screen and (min-width:1200px) {

    .pf-u-w-auto-on-xl,
    .pf-u-w-initial-on-xl {
        width: auto !important
    }

    .pf-u-w-inherit-on-xl {
        width: inherit !important
    }

    .pf-u-w-0-on-xl {
        width: 0 !important
    }

    .pf-u-w-25-on-xl {
        width: 25% !important
    }

    .pf-u-w-33-on-xl {
        width: 33.3333333333% !important
    }

    .pf-u-w-50-on-xl {
        width: 50% !important
    }

    .pf-u-w-66-on-xl {
        width: 66.6666666667% !important
    }

    .pf-u-w-75-on-xl {
        width: 75% !important
    }

    .pf-u-w-100-on-xl {
        width: 100% !important
    }

    .pf-u-w-25vw-on-xl {
        width: 25vw !important
    }

    .pf-u-w-33vw-on-xl {
        width: 33.3333333333vw !important
    }

    .pf-u-w-50vw-on-xl {
        width: 50vw !important
    }

    .pf-u-w-66vw-on-xl {
        width: 66.6666666667vw !important
    }

    .pf-u-w-75vw-on-xl {
        width: 75vw !important
    }

    .pf-u-w-100vw-on-xl {
        width: 100vw !important
    }
}

@media screen and (min-width:1450px) {

    .pf-u-w-auto-on-2xl,
    .pf-u-w-initial-on-2xl {
        width: auto !important
    }

    .pf-u-w-inherit-on-2xl {
        width: inherit !important
    }

    .pf-u-w-0-on-2xl {
        width: 0 !important
    }

    .pf-u-w-25-on-2xl {
        width: 25% !important
    }

    .pf-u-w-33-on-2xl {
        width: 33.3333333333% !important
    }

    .pf-u-w-50-on-2xl {
        width: 50% !important
    }

    .pf-u-w-66-on-2xl {
        width: 66.6666666667% !important
    }

    .pf-u-w-75-on-2xl {
        width: 75% !important
    }

    .pf-u-w-100-on-2xl {
        width: 100% !important
    }

    .pf-u-w-25vw-on-2xl {
        width: 25vw !important
    }

    .pf-u-w-33vw-on-2xl {
        width: 33.3333333333vw !important
    }

    .pf-u-w-50vw-on-2xl {
        width: 50vw !important
    }

    .pf-u-w-66vw-on-2xl {
        width: 66.6666666667vw !important
    }

    .pf-u-w-75vw-on-2xl {
        width: 75vw !important
    }

    .pf-u-w-100vw-on-2xl {
        width: 100vw !important
    }
}

.pf-u-h-auto,
.pf-u-h-initial {
    height: auto !important
}

.pf-u-h-inherit {
    height: inherit !important
}

.pf-u-h-0 {
    height: 0% !important
}

.pf-u-h-25 {
    height: 25% !important
}

.pf-u-h-33 {
    height: 33.3333333333% !important
}

.pf-u-h-50 {
    height: 50% !important
}

.pf-u-h-66 {
    height: 66.6666666667% !important
}

.pf-u-h-75 {
    height: 75% !important
}

.pf-u-h-100 {
    height: 100% !important
}

.pf-u-h-25vh {
    height: 25vh !important
}

.pf-u-h-33vh {
    height: 33.3333333333vh !important
}

.pf-u-h-50vh {
    height: 50vh !important
}

.pf-u-h-66vh {
    height: 66.6666666667vh !important
}

.pf-u-h-75vh {
    height: 75vh !important
}

.pf-u-h-100vh {
    height: 100vh !important
}

@media screen and (min-width:576px) {

    .pf-u-h-auto-on-sm,
    .pf-u-h-initial-on-sm {
        height: auto !important
    }

    .pf-u-h-inherit-on-sm {
        height: inherit !important
    }

    .pf-u-h-0-on-sm {
        height: 0% !important
    }

    .pf-u-h-25-on-sm {
        height: 25% !important
    }

    .pf-u-h-33-on-sm {
        height: 33.3333333333% !important
    }

    .pf-u-h-50-on-sm {
        height: 50% !important
    }

    .pf-u-h-66-on-sm {
        height: 66.6666666667% !important
    }

    .pf-u-h-75-on-sm {
        height: 75% !important
    }

    .pf-u-h-100-on-sm {
        height: 100% !important
    }

    .pf-u-h-25vh-on-sm {
        height: 25vh !important
    }

    .pf-u-h-33vh-on-sm {
        height: 33.3333333333vh !important
    }

    .pf-u-h-50vh-on-sm {
        height: 50vh !important
    }

    .pf-u-h-66vh-on-sm {
        height: 66.6666666667vh !important
    }

    .pf-u-h-75vh-on-sm {
        height: 75vh !important
    }

    .pf-u-h-100vh-on-sm {
        height: 100vh !important
    }
}

@media screen and (min-width:768px) {

    .pf-u-h-auto-on-md,
    .pf-u-h-initial-on-md {
        height: auto !important
    }

    .pf-u-h-inherit-on-md {
        height: inherit !important
    }

    .pf-u-h-0-on-md {
        height: 0% !important
    }

    .pf-u-h-25-on-md {
        height: 25% !important
    }

    .pf-u-h-33-on-md {
        height: 33.3333333333% !important
    }

    .pf-u-h-50-on-md {
        height: 50% !important
    }

    .pf-u-h-66-on-md {
        height: 66.6666666667% !important
    }

    .pf-u-h-75-on-md {
        height: 75% !important
    }

    .pf-u-h-100-on-md {
        height: 100% !important
    }

    .pf-u-h-25vh-on-md {
        height: 25vh !important
    }

    .pf-u-h-33vh-on-md {
        height: 33.3333333333vh !important
    }

    .pf-u-h-50vh-on-md {
        height: 50vh !important
    }

    .pf-u-h-66vh-on-md {
        height: 66.6666666667vh !important
    }

    .pf-u-h-75vh-on-md {
        height: 75vh !important
    }

    .pf-u-h-100vh-on-md {
        height: 100vh !important
    }
}

@media screen and (min-width:992px) {

    .pf-u-h-auto-on-lg,
    .pf-u-h-initial-on-lg {
        height: auto !important
    }

    .pf-u-h-inherit-on-lg {
        height: inherit !important
    }

    .pf-u-h-0-on-lg {
        height: 0% !important
    }

    .pf-u-h-25-on-lg {
        height: 25% !important
    }

    .pf-u-h-33-on-lg {
        height: 33.3333333333% !important
    }

    .pf-u-h-50-on-lg {
        height: 50% !important
    }

    .pf-u-h-66-on-lg {
        height: 66.6666666667% !important
    }

    .pf-u-h-75-on-lg {
        height: 75% !important
    }

    .pf-u-h-100-on-lg {
        height: 100% !important
    }

    .pf-u-h-25vh-on-lg {
        height: 25vh !important
    }

    .pf-u-h-33vh-on-lg {
        height: 33.3333333333vh !important
    }

    .pf-u-h-50vh-on-lg {
        height: 50vh !important
    }

    .pf-u-h-66vh-on-lg {
        height: 66.6666666667vh !important
    }

    .pf-u-h-75vh-on-lg {
        height: 75vh !important
    }

    .pf-u-h-100vh-on-lg {
        height: 100vh !important
    }
}

@media screen and (min-width:1200px) {

    .pf-u-h-auto-on-xl,
    .pf-u-h-initial-on-xl {
        height: auto !important
    }

    .pf-u-h-inherit-on-xl {
        height: inherit !important
    }

    .pf-u-h-0-on-xl {
        height: 0% !important
    }

    .pf-u-h-25-on-xl {
        height: 25% !important
    }

    .pf-u-h-33-on-xl {
        height: 33.3333333333% !important
    }

    .pf-u-h-50-on-xl {
        height: 50% !important
    }

    .pf-u-h-66-on-xl {
        height: 66.6666666667% !important
    }

    .pf-u-h-75-on-xl {
        height: 75% !important
    }

    .pf-u-h-100-on-xl {
        height: 100% !important
    }

    .pf-u-h-25vh-on-xl {
        height: 25vh !important
    }

    .pf-u-h-33vh-on-xl {
        height: 33.3333333333vh !important
    }

    .pf-u-h-50vh-on-xl {
        height: 50vh !important
    }

    .pf-u-h-66vh-on-xl {
        height: 66.6666666667vh !important
    }

    .pf-u-h-75vh-on-xl {
        height: 75vh !important
    }

    .pf-u-h-100vh-on-xl {
        height: 100vh !important
    }
}

@media screen and (min-width:1450px) {

    .pf-u-h-auto-on-2xl,
    .pf-u-h-initial-on-2xl {
        height: auto !important
    }

    .pf-u-h-inherit-on-2xl {
        height: inherit !important
    }

    .pf-u-h-0-on-2xl {
        height: 0% !important
    }

    .pf-u-h-25-on-2xl {
        height: 25% !important
    }

    .pf-u-h-33-on-2xl {
        height: 33.3333333333% !important
    }

    .pf-u-h-50-on-2xl {
        height: 50% !important
    }

    .pf-u-h-66-on-2xl {
        height: 66.6666666667% !important
    }

    .pf-u-h-75-on-2xl {
        height: 75% !important
    }

    .pf-u-h-100-on-2xl {
        height: 100% !important
    }

    .pf-u-h-25vh-on-2xl {
        height: 25vh !important
    }

    .pf-u-h-33vh-on-2xl {
        height: 33.3333333333vh !important
    }

    .pf-u-h-50vh-on-2xl {
        height: 50vh !important
    }

    .pf-u-h-66vh-on-2xl {
        height: 66.6666666667vh !important
    }

    .pf-u-h-75vh-on-2xl {
        height: 75vh !important
    }

    .pf-u-h-100vh-on-2xl {
        height: 100vh !important
    }
}

.pf-u-m-auto {
    margin: auto !important
}

.pf-u-m-0 {
    margin: 0 !important
}

.pf-u-m-xs {
    margin: var(--pf-global--spacer--xs) !important
}

.pf-u-m-sm {
    margin: var(--pf-global--spacer--sm) !important
}

.pf-u-m-md {
    margin: var(--pf-global--spacer--md) !important
}

.pf-u-m-lg {
    margin: var(--pf-global--spacer--lg) !important
}

.pf-u-m-xl {
    margin: var(--pf-global--spacer--xl) !important
}

.pf-u-m-2xl {
    margin: var(--pf-global--spacer--2xl) !important
}

.pf-u-m-3xl {
    margin: var(--pf-global--spacer--3xl) !important
}

.pf-u-m-4xl {
    margin: var(--pf-global--spacer--4xl) !important
}

.pf-u-mt-auto {
    margin-top: auto !important
}

.pf-u-mt-0 {
    margin-top: 0 !important
}

.pf-u-mt-xs {
    margin-top: var(--pf-global--spacer--xs) !important
}

.pf-u-mt-sm {
    margin-top: var(--pf-global--spacer--sm) !important
}

.pf-u-mt-md {
    margin-top: var(--pf-global--spacer--md) !important
}

.pf-u-mt-lg {
    margin-top: var(--pf-global--spacer--lg) !important
}

.pf-u-mt-xl {
    margin-top: var(--pf-global--spacer--xl) !important
}

.pf-u-mt-2xl {
    margin-top: var(--pf-global--spacer--2xl) !important
}

.pf-u-mt-3xl {
    margin-top: var(--pf-global--spacer--3xl) !important
}

.pf-u-mt-4xl {
    margin-top: var(--pf-global--spacer--4xl) !important
}

.pf-u-mr-auto {
    margin-right: auto !important
}

.pf-u-mr-0 {
    margin-right: 0 !important
}

.pf-u-mr-xs {
    margin-right: var(--pf-global--spacer--xs) !important
}

.pf-u-mr-sm {
    margin-right: var(--pf-global--spacer--sm) !important
}

.pf-u-mr-md {
    margin-right: var(--pf-global--spacer--md) !important
}

.pf-u-mr-lg {
    margin-right: var(--pf-global--spacer--lg) !important
}

.pf-u-mr-xl {
    margin-right: var(--pf-global--spacer--xl) !important
}

.pf-u-mr-2xl {
    margin-right: var(--pf-global--spacer--2xl) !important
}

.pf-u-mr-3xl {
    margin-right: var(--pf-global--spacer--3xl) !important
}

.pf-u-mr-4xl {
    margin-right: var(--pf-global--spacer--4xl) !important
}

.pf-u-mb-auto {
    margin-bottom: auto !important
}

.pf-u-mb-0 {
    margin-bottom: 0 !important
}

.pf-u-mb-xs {
    margin-bottom: var(--pf-global--spacer--xs) !important
}

.pf-u-mb-sm {
    margin-bottom: var(--pf-global--spacer--sm) !important
}

.pf-u-mb-md {
    margin-bottom: var(--pf-global--spacer--md) !important
}

.pf-u-mb-lg {
    margin-bottom: var(--pf-global--spacer--lg) !important
}

.pf-u-mb-xl {
    margin-bottom: var(--pf-global--spacer--xl) !important
}

.pf-u-mb-2xl {
    margin-bottom: var(--pf-global--spacer--2xl) !important
}

.pf-u-mb-3xl {
    margin-bottom: var(--pf-global--spacer--3xl) !important
}

.pf-u-mb-4xl {
    margin-bottom: var(--pf-global--spacer--4xl) !important
}

.pf-u-ml-auto {
    margin-left: auto !important
}

.pf-u-ml-0 {
    margin-left: 0 !important
}

.pf-u-ml-xs {
    margin-left: var(--pf-global--spacer--xs) !important
}

.pf-u-ml-sm {
    margin-left: var(--pf-global--spacer--sm) !important
}

.pf-u-ml-md {
    margin-left: var(--pf-global--spacer--md) !important
}

.pf-u-ml-lg {
    margin-left: var(--pf-global--spacer--lg) !important
}

.pf-u-ml-xl {
    margin-left: var(--pf-global--spacer--xl) !important
}

.pf-u-ml-2xl {
    margin-left: var(--pf-global--spacer--2xl) !important
}

.pf-u-ml-3xl {
    margin-left: var(--pf-global--spacer--3xl) !important
}

.pf-u-ml-4xl {
    margin-left: var(--pf-global--spacer--4xl) !important
}

.pf-u-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.pf-u-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.pf-u-mx-xs {
    margin-left: var(--pf-global--spacer--xs) !important;
    margin-right: var(--pf-global--spacer--xs) !important
}

.pf-u-mx-sm {
    margin-left: var(--pf-global--spacer--sm) !important;
    margin-right: var(--pf-global--spacer--sm) !important
}

.pf-u-mx-md {
    margin-left: var(--pf-global--spacer--md) !important;
    margin-right: var(--pf-global--spacer--md) !important
}

.pf-u-mx-lg {
    margin-left: var(--pf-global--spacer--lg) !important;
    margin-right: var(--pf-global--spacer--lg) !important
}

.pf-u-mx-xl {
    margin-left: var(--pf-global--spacer--xl) !important;
    margin-right: var(--pf-global--spacer--xl) !important
}

.pf-u-mx-2xl {
    margin-left: var(--pf-global--spacer--2xl) !important;
    margin-right: var(--pf-global--spacer--2xl) !important
}

.pf-u-mx-3xl {
    margin-left: var(--pf-global--spacer--3xl) !important;
    margin-right: var(--pf-global--spacer--3xl) !important
}

.pf-u-mx-4xl {
    margin-left: var(--pf-global--spacer--4xl) !important;
    margin-right: var(--pf-global--spacer--4xl) !important
}

.pf-u-my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
}

.pf-u-my-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.pf-u-my-xs {
    margin-bottom: var(--pf-global--spacer--xs) !important;
    margin-top: var(--pf-global--spacer--xs) !important
}

.pf-u-my-sm {
    margin-bottom: var(--pf-global--spacer--sm) !important;
    margin-top: var(--pf-global--spacer--sm) !important
}

.pf-u-my-md {
    margin-bottom: var(--pf-global--spacer--md) !important;
    margin-top: var(--pf-global--spacer--md) !important
}

.pf-u-my-lg {
    margin-bottom: var(--pf-global--spacer--lg) !important;
    margin-top: var(--pf-global--spacer--lg) !important
}

.pf-u-my-xl {
    margin-bottom: var(--pf-global--spacer--xl) !important;
    margin-top: var(--pf-global--spacer--xl) !important
}

.pf-u-my-2xl {
    margin-bottom: var(--pf-global--spacer--2xl) !important;
    margin-top: var(--pf-global--spacer--2xl) !important
}

.pf-u-my-3xl {
    margin-bottom: var(--pf-global--spacer--3xl) !important;
    margin-top: var(--pf-global--spacer--3xl) !important
}

.pf-u-my-4xl {
    margin-bottom: var(--pf-global--spacer--4xl) !important;
    margin-top: var(--pf-global--spacer--4xl) !important
}

.pf-u-p-auto {
    padding: auto !important
}

.pf-u-p-0 {
    padding: 0 !important
}

.pf-u-p-xs {
    padding: var(--pf-global--spacer--xs) !important
}

.pf-u-p-sm {
    padding: var(--pf-global--spacer--sm) !important
}

.pf-u-p-md {
    padding: var(--pf-global--spacer--md) !important
}

.pf-u-p-lg {
    padding: var(--pf-global--spacer--lg) !important
}

.pf-u-p-xl {
    padding: var(--pf-global--spacer--xl) !important
}

.pf-u-p-2xl {
    padding: var(--pf-global--spacer--2xl) !important
}

.pf-u-p-3xl {
    padding: var(--pf-global--spacer--3xl) !important
}

.pf-u-p-4xl {
    padding: var(--pf-global--spacer--4xl) !important
}

.pf-u-pt-auto {
    padding-top: auto !important
}

.pf-u-pt-0 {
    padding-top: 0 !important
}

.pf-u-pt-xs {
    padding-top: var(--pf-global--spacer--xs) !important
}

.pf-u-pt-sm {
    padding-top: var(--pf-global--spacer--sm) !important
}

.pf-u-pt-md {
    padding-top: var(--pf-global--spacer--md) !important
}

.pf-u-pt-lg {
    padding-top: var(--pf-global--spacer--lg) !important
}

.pf-u-pt-xl {
    padding-top: var(--pf-global--spacer--xl) !important
}

.pf-u-pt-2xl {
    padding-top: var(--pf-global--spacer--2xl) !important
}

.pf-u-pt-3xl {
    padding-top: var(--pf-global--spacer--3xl) !important
}

.pf-u-pt-4xl {
    padding-top: var(--pf-global--spacer--4xl) !important
}

.pf-u-pr-auto {
    padding-right: auto !important
}

.pf-u-pr-0 {
    padding-right: 0 !important
}

.pf-u-pr-xs {
    padding-right: var(--pf-global--spacer--xs) !important
}

.pf-u-pr-sm {
    padding-right: var(--pf-global--spacer--sm) !important
}

.pf-u-pr-md {
    padding-right: var(--pf-global--spacer--md) !important
}

.pf-u-pr-lg {
    padding-right: var(--pf-global--spacer--lg) !important
}

.pf-u-pr-xl {
    padding-right: var(--pf-global--spacer--xl) !important
}

.pf-u-pr-2xl {
    padding-right: var(--pf-global--spacer--2xl) !important
}

.pf-u-pr-3xl {
    padding-right: var(--pf-global--spacer--3xl) !important
}

.pf-u-pr-4xl {
    padding-right: var(--pf-global--spacer--4xl) !important
}

.pf-u-pb-auto {
    padding-bottom: auto !important
}

.pf-u-pb-0 {
    padding-bottom: 0 !important
}

.pf-u-pb-xs {
    padding-bottom: var(--pf-global--spacer--xs) !important
}

.pf-u-pb-sm {
    padding-bottom: var(--pf-global--spacer--sm) !important
}

.pf-u-pb-md {
    padding-bottom: var(--pf-global--spacer--md) !important
}

.pf-u-pb-lg {
    padding-bottom: var(--pf-global--spacer--lg) !important
}

.pf-u-pb-xl {
    padding-bottom: var(--pf-global--spacer--xl) !important
}

.pf-u-pb-2xl {
    padding-bottom: var(--pf-global--spacer--2xl) !important
}

.pf-u-pb-3xl {
    padding-bottom: var(--pf-global--spacer--3xl) !important
}

.pf-u-pb-4xl {
    padding-bottom: var(--pf-global--spacer--4xl) !important
}

.pf-u-pl-auto {
    padding-left: auto !important
}

.pf-u-pl-0 {
    padding-left: 0 !important
}

.pf-u-pl-xs {
    padding-left: var(--pf-global--spacer--xs) !important
}

.pf-u-pl-sm {
    padding-left: var(--pf-global--spacer--sm) !important
}

.pf-u-pl-md {
    padding-left: var(--pf-global--spacer--md) !important
}

.pf-u-pl-lg {
    padding-left: var(--pf-global--spacer--lg) !important
}

.pf-u-pl-xl {
    padding-left: var(--pf-global--spacer--xl) !important
}

.pf-u-pl-2xl {
    padding-left: var(--pf-global--spacer--2xl) !important
}

.pf-u-pl-3xl {
    padding-left: var(--pf-global--spacer--3xl) !important
}

.pf-u-pl-4xl {
    padding-left: var(--pf-global--spacer--4xl) !important
}

.pf-u-px-auto {
    padding-left: auto !important;
    padding-right: auto !important
}

.pf-u-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.pf-u-px-xs {
    padding-left: var(--pf-global--spacer--xs) !important;
    padding-right: var(--pf-global--spacer--xs) !important
}

.pf-u-px-sm {
    padding-left: var(--pf-global--spacer--sm) !important;
    padding-right: var(--pf-global--spacer--sm) !important
}

.pf-u-px-md {
    padding-left: var(--pf-global--spacer--md) !important;
    padding-right: var(--pf-global--spacer--md) !important
}

.pf-u-px-lg {
    padding-left: var(--pf-global--spacer--lg) !important;
    padding-right: var(--pf-global--spacer--lg) !important
}

.pf-u-px-xl {
    padding-left: var(--pf-global--spacer--xl) !important;
    padding-right: var(--pf-global--spacer--xl) !important
}

.pf-u-px-2xl {
    padding-left: var(--pf-global--spacer--2xl) !important;
    padding-right: var(--pf-global--spacer--2xl) !important
}

.pf-u-px-3xl {
    padding-left: var(--pf-global--spacer--3xl) !important;
    padding-right: var(--pf-global--spacer--3xl) !important
}

.pf-u-px-4xl {
    padding-left: var(--pf-global--spacer--4xl) !important;
    padding-right: var(--pf-global--spacer--4xl) !important
}

.pf-u-py-auto {
    padding-bottom: auto !important;
    padding-top: auto !important
}

.pf-u-py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.pf-u-py-xs {
    padding-bottom: var(--pf-global--spacer--xs) !important;
    padding-top: var(--pf-global--spacer--xs) !important
}

.pf-u-py-sm {
    padding-bottom: var(--pf-global--spacer--sm) !important;
    padding-top: var(--pf-global--spacer--sm) !important
}

.pf-u-py-md {
    padding-bottom: var(--pf-global--spacer--md) !important;
    padding-top: var(--pf-global--spacer--md) !important
}

.pf-u-py-lg {
    padding-bottom: var(--pf-global--spacer--lg) !important;
    padding-top: var(--pf-global--spacer--lg) !important
}

.pf-u-py-xl {
    padding-bottom: var(--pf-global--spacer--xl) !important;
    padding-top: var(--pf-global--spacer--xl) !important
}

.pf-u-py-2xl {
    padding-bottom: var(--pf-global--spacer--2xl) !important;
    padding-top: var(--pf-global--spacer--2xl) !important
}

.pf-u-py-3xl {
    padding-bottom: var(--pf-global--spacer--3xl) !important;
    padding-top: var(--pf-global--spacer--3xl) !important
}

.pf-u-py-4xl {
    padding-bottom: var(--pf-global--spacer--4xl) !important;
    padding-top: var(--pf-global--spacer--4xl) !important
}

@media screen and (min-width:576px) {
    .pf-u-m-auto-on-sm {
        margin: auto !important
    }

    .pf-u-m-0-on-sm {
        margin: 0 !important
    }

    .pf-u-m-xs-on-sm {
        margin: var(--pf-global--spacer--xs) !important
    }

    .pf-u-m-sm-on-sm {
        margin: var(--pf-global--spacer--sm) !important
    }

    .pf-u-m-md-on-sm {
        margin: var(--pf-global--spacer--md) !important
    }

    .pf-u-m-lg-on-sm {
        margin: var(--pf-global--spacer--lg) !important
    }

    .pf-u-m-xl-on-sm {
        margin: var(--pf-global--spacer--xl) !important
    }

    .pf-u-m-2xl-on-sm {
        margin: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-m-3xl-on-sm {
        margin: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-m-4xl-on-sm {
        margin: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mt-auto-on-sm {
        margin-top: auto !important
    }

    .pf-u-mt-0-on-sm {
        margin-top: 0 !important
    }

    .pf-u-mt-xs-on-sm {
        margin-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mt-sm-on-sm {
        margin-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mt-md-on-sm {
        margin-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-mt-lg-on-sm {
        margin-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mt-xl-on-sm {
        margin-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mt-2xl-on-sm {
        margin-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mt-3xl-on-sm {
        margin-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mt-4xl-on-sm {
        margin-top: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mr-auto-on-sm {
        margin-right: auto !important
    }

    .pf-u-mr-0-on-sm {
        margin-right: 0 !important
    }

    .pf-u-mr-xs-on-sm {
        margin-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mr-sm-on-sm {
        margin-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mr-md-on-sm {
        margin-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-mr-lg-on-sm {
        margin-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mr-xl-on-sm {
        margin-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mr-2xl-on-sm {
        margin-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mr-3xl-on-sm {
        margin-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mr-4xl-on-sm {
        margin-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mb-auto-on-sm {
        margin-bottom: auto !important
    }

    .pf-u-mb-0-on-sm {
        margin-bottom: 0 !important
    }

    .pf-u-mb-xs-on-sm {
        margin-bottom: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mb-sm-on-sm {
        margin-bottom: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mb-md-on-sm {
        margin-bottom: var(--pf-global--spacer--md) !important
    }

    .pf-u-mb-lg-on-sm {
        margin-bottom: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mb-xl-on-sm {
        margin-bottom: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mb-2xl-on-sm {
        margin-bottom: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mb-3xl-on-sm {
        margin-bottom: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mb-4xl-on-sm {
        margin-bottom: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-ml-auto-on-sm {
        margin-left: auto !important
    }

    .pf-u-ml-0-on-sm {
        margin-left: 0 !important
    }

    .pf-u-ml-xs-on-sm {
        margin-left: var(--pf-global--spacer--xs) !important
    }

    .pf-u-ml-sm-on-sm {
        margin-left: var(--pf-global--spacer--sm) !important
    }

    .pf-u-ml-md-on-sm {
        margin-left: var(--pf-global--spacer--md) !important
    }

    .pf-u-ml-lg-on-sm {
        margin-left: var(--pf-global--spacer--lg) !important
    }

    .pf-u-ml-xl-on-sm {
        margin-left: var(--pf-global--spacer--xl) !important
    }

    .pf-u-ml-2xl-on-sm {
        margin-left: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-ml-3xl-on-sm {
        margin-left: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-ml-4xl-on-sm {
        margin-left: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mx-auto-on-sm {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .pf-u-mx-0-on-sm {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .pf-u-mx-xs-on-sm {
        margin-left: var(--pf-global--spacer--xs) !important;
        margin-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mx-sm-on-sm {
        margin-left: var(--pf-global--spacer--sm) !important;
        margin-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mx-md-on-sm {
        margin-left: var(--pf-global--spacer--md) !important;
        margin-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-mx-lg-on-sm {
        margin-left: var(--pf-global--spacer--lg) !important;
        margin-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mx-xl-on-sm {
        margin-left: var(--pf-global--spacer--xl) !important;
        margin-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mx-2xl-on-sm {
        margin-left: var(--pf-global--spacer--2xl) !important;
        margin-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mx-3xl-on-sm {
        margin-left: var(--pf-global--spacer--3xl) !important;
        margin-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mx-4xl-on-sm {
        margin-left: var(--pf-global--spacer--4xl) !important;
        margin-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-my-auto-on-sm {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .pf-u-my-0-on-sm {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .pf-u-my-xs-on-sm {
        margin-bottom: var(--pf-global--spacer--xs) !important;
        margin-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-my-sm-on-sm {
        margin-bottom: var(--pf-global--spacer--sm) !important;
        margin-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-my-md-on-sm {
        margin-bottom: var(--pf-global--spacer--md) !important;
        margin-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-my-lg-on-sm {
        margin-bottom: var(--pf-global--spacer--lg) !important;
        margin-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-my-xl-on-sm {
        margin-bottom: var(--pf-global--spacer--xl) !important;
        margin-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-my-2xl-on-sm {
        margin-bottom: var(--pf-global--spacer--2xl) !important;
        margin-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-my-3xl-on-sm {
        margin-bottom: var(--pf-global--spacer--3xl) !important;
        margin-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-my-4xl-on-sm {
        margin-bottom: var(--pf-global--spacer--4xl) !important;
        margin-top: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-p-auto-on-sm {
        padding: auto !important
    }

    .pf-u-p-0-on-sm {
        padding: 0 !important
    }

    .pf-u-p-xs-on-sm {
        padding: var(--pf-global--spacer--xs) !important
    }

    .pf-u-p-sm-on-sm {
        padding: var(--pf-global--spacer--sm) !important
    }

    .pf-u-p-md-on-sm {
        padding: var(--pf-global--spacer--md) !important
    }

    .pf-u-p-lg-on-sm {
        padding: var(--pf-global--spacer--lg) !important
    }

    .pf-u-p-xl-on-sm {
        padding: var(--pf-global--spacer--xl) !important
    }

    .pf-u-p-2xl-on-sm {
        padding: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-p-3xl-on-sm {
        padding: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-p-4xl-on-sm {
        padding: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pt-auto-on-sm {
        padding-top: auto !important
    }

    .pf-u-pt-0-on-sm {
        padding-top: 0 !important
    }

    .pf-u-pt-xs-on-sm {
        padding-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pt-sm-on-sm {
        padding-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pt-md-on-sm {
        padding-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-pt-lg-on-sm {
        padding-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pt-xl-on-sm {
        padding-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pt-2xl-on-sm {
        padding-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pt-3xl-on-sm {
        padding-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pt-4xl-on-sm {
        padding-top: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pr-auto-on-sm {
        padding-right: auto !important
    }

    .pf-u-pr-0-on-sm {
        padding-right: 0 !important
    }

    .pf-u-pr-xs-on-sm {
        padding-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pr-sm-on-sm {
        padding-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pr-md-on-sm {
        padding-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-pr-lg-on-sm {
        padding-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pr-xl-on-sm {
        padding-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pr-2xl-on-sm {
        padding-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pr-3xl-on-sm {
        padding-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pr-4xl-on-sm {
        padding-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pb-auto-on-sm {
        padding-bottom: auto !important
    }

    .pf-u-pb-0-on-sm {
        padding-bottom: 0 !important
    }

    .pf-u-pb-xs-on-sm {
        padding-bottom: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pb-sm-on-sm {
        padding-bottom: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pb-md-on-sm {
        padding-bottom: var(--pf-global--spacer--md) !important
    }

    .pf-u-pb-lg-on-sm {
        padding-bottom: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pb-xl-on-sm {
        padding-bottom: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pb-2xl-on-sm {
        padding-bottom: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pb-3xl-on-sm {
        padding-bottom: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pb-4xl-on-sm {
        padding-bottom: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pl-auto-on-sm {
        padding-left: auto !important
    }

    .pf-u-pl-0-on-sm {
        padding-left: 0 !important
    }

    .pf-u-pl-xs-on-sm {
        padding-left: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pl-sm-on-sm {
        padding-left: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pl-md-on-sm {
        padding-left: var(--pf-global--spacer--md) !important
    }

    .pf-u-pl-lg-on-sm {
        padding-left: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pl-xl-on-sm {
        padding-left: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pl-2xl-on-sm {
        padding-left: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pl-3xl-on-sm {
        padding-left: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pl-4xl-on-sm {
        padding-left: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-px-auto-on-sm {
        padding-left: auto !important;
        padding-right: auto !important
    }

    .pf-u-px-0-on-sm {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pf-u-px-xs-on-sm {
        padding-left: var(--pf-global--spacer--xs) !important;
        padding-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-px-sm-on-sm {
        padding-left: var(--pf-global--spacer--sm) !important;
        padding-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-px-md-on-sm {
        padding-left: var(--pf-global--spacer--md) !important;
        padding-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-px-lg-on-sm {
        padding-left: var(--pf-global--spacer--lg) !important;
        padding-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-px-xl-on-sm {
        padding-left: var(--pf-global--spacer--xl) !important;
        padding-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-px-2xl-on-sm {
        padding-left: var(--pf-global--spacer--2xl) !important;
        padding-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-px-3xl-on-sm {
        padding-left: var(--pf-global--spacer--3xl) !important;
        padding-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-px-4xl-on-sm {
        padding-left: var(--pf-global--spacer--4xl) !important;
        padding-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-py-auto-on-sm {
        padding-bottom: auto !important;
        padding-top: auto !important
    }

    .pf-u-py-0-on-sm {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .pf-u-py-xs-on-sm {
        padding-bottom: var(--pf-global--spacer--xs) !important;
        padding-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-py-sm-on-sm {
        padding-bottom: var(--pf-global--spacer--sm) !important;
        padding-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-py-md-on-sm {
        padding-bottom: var(--pf-global--spacer--md) !important;
        padding-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-py-lg-on-sm {
        padding-bottom: var(--pf-global--spacer--lg) !important;
        padding-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-py-xl-on-sm {
        padding-bottom: var(--pf-global--spacer--xl) !important;
        padding-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-py-2xl-on-sm {
        padding-bottom: var(--pf-global--spacer--2xl) !important;
        padding-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-py-3xl-on-sm {
        padding-bottom: var(--pf-global--spacer--3xl) !important;
        padding-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-py-4xl-on-sm {
        padding-bottom: var(--pf-global--spacer--4xl) !important;
        padding-top: var(--pf-global--spacer--4xl) !important
    }
}

@media screen and (min-width:768px) {
    .pf-u-m-auto-on-md {
        margin: auto !important
    }

    .pf-u-m-0-on-md {
        margin: 0 !important
    }

    .pf-u-m-xs-on-md {
        margin: var(--pf-global--spacer--xs) !important
    }

    .pf-u-m-sm-on-md {
        margin: var(--pf-global--spacer--sm) !important
    }

    .pf-u-m-md-on-md {
        margin: var(--pf-global--spacer--md) !important
    }

    .pf-u-m-lg-on-md {
        margin: var(--pf-global--spacer--lg) !important
    }

    .pf-u-m-xl-on-md {
        margin: var(--pf-global--spacer--xl) !important
    }

    .pf-u-m-2xl-on-md {
        margin: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-m-3xl-on-md {
        margin: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-m-4xl-on-md {
        margin: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mt-auto-on-md {
        margin-top: auto !important
    }

    .pf-u-mt-0-on-md {
        margin-top: 0 !important
    }

    .pf-u-mt-xs-on-md {
        margin-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mt-sm-on-md {
        margin-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mt-md-on-md {
        margin-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-mt-lg-on-md {
        margin-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mt-xl-on-md {
        margin-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mt-2xl-on-md {
        margin-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mt-3xl-on-md {
        margin-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mt-4xl-on-md {
        margin-top: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mr-auto-on-md {
        margin-right: auto !important
    }

    .pf-u-mr-0-on-md {
        margin-right: 0 !important
    }

    .pf-u-mr-xs-on-md {
        margin-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mr-sm-on-md {
        margin-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mr-md-on-md {
        margin-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-mr-lg-on-md {
        margin-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mr-xl-on-md {
        margin-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mr-2xl-on-md {
        margin-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mr-3xl-on-md {
        margin-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mr-4xl-on-md {
        margin-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mb-auto-on-md {
        margin-bottom: auto !important
    }

    .pf-u-mb-0-on-md {
        margin-bottom: 0 !important
    }

    .pf-u-mb-xs-on-md {
        margin-bottom: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mb-sm-on-md {
        margin-bottom: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mb-md-on-md {
        margin-bottom: var(--pf-global--spacer--md) !important
    }

    .pf-u-mb-lg-on-md {
        margin-bottom: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mb-xl-on-md {
        margin-bottom: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mb-2xl-on-md {
        margin-bottom: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mb-3xl-on-md {
        margin-bottom: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mb-4xl-on-md {
        margin-bottom: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-ml-auto-on-md {
        margin-left: auto !important
    }

    .pf-u-ml-0-on-md {
        margin-left: 0 !important
    }

    .pf-u-ml-xs-on-md {
        margin-left: var(--pf-global--spacer--xs) !important
    }

    .pf-u-ml-sm-on-md {
        margin-left: var(--pf-global--spacer--sm) !important
    }

    .pf-u-ml-md-on-md {
        margin-left: var(--pf-global--spacer--md) !important
    }

    .pf-u-ml-lg-on-md {
        margin-left: var(--pf-global--spacer--lg) !important
    }

    .pf-u-ml-xl-on-md {
        margin-left: var(--pf-global--spacer--xl) !important
    }

    .pf-u-ml-2xl-on-md {
        margin-left: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-ml-3xl-on-md {
        margin-left: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-ml-4xl-on-md {
        margin-left: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mx-auto-on-md {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .pf-u-mx-0-on-md {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .pf-u-mx-xs-on-md {
        margin-left: var(--pf-global--spacer--xs) !important;
        margin-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mx-sm-on-md {
        margin-left: var(--pf-global--spacer--sm) !important;
        margin-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mx-md-on-md {
        margin-left: var(--pf-global--spacer--md) !important;
        margin-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-mx-lg-on-md {
        margin-left: var(--pf-global--spacer--lg) !important;
        margin-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mx-xl-on-md {
        margin-left: var(--pf-global--spacer--xl) !important;
        margin-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mx-2xl-on-md {
        margin-left: var(--pf-global--spacer--2xl) !important;
        margin-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mx-3xl-on-md {
        margin-left: var(--pf-global--spacer--3xl) !important;
        margin-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mx-4xl-on-md {
        margin-left: var(--pf-global--spacer--4xl) !important;
        margin-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-my-auto-on-md {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .pf-u-my-0-on-md {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .pf-u-my-xs-on-md {
        margin-bottom: var(--pf-global--spacer--xs) !important;
        margin-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-my-sm-on-md {
        margin-bottom: var(--pf-global--spacer--sm) !important;
        margin-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-my-md-on-md {
        margin-bottom: var(--pf-global--spacer--md) !important;
        margin-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-my-lg-on-md {
        margin-bottom: var(--pf-global--spacer--lg) !important;
        margin-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-my-xl-on-md {
        margin-bottom: var(--pf-global--spacer--xl) !important;
        margin-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-my-2xl-on-md {
        margin-bottom: var(--pf-global--spacer--2xl) !important;
        margin-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-my-3xl-on-md {
        margin-bottom: var(--pf-global--spacer--3xl) !important;
        margin-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-my-4xl-on-md {
        margin-bottom: var(--pf-global--spacer--4xl) !important;
        margin-top: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-p-auto-on-md {
        padding: auto !important
    }

    .pf-u-p-0-on-md {
        padding: 0 !important
    }

    .pf-u-p-xs-on-md {
        padding: var(--pf-global--spacer--xs) !important
    }

    .pf-u-p-sm-on-md {
        padding: var(--pf-global--spacer--sm) !important
    }

    .pf-u-p-md-on-md {
        padding: var(--pf-global--spacer--md) !important
    }

    .pf-u-p-lg-on-md {
        padding: var(--pf-global--spacer--lg) !important
    }

    .pf-u-p-xl-on-md {
        padding: var(--pf-global--spacer--xl) !important
    }

    .pf-u-p-2xl-on-md {
        padding: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-p-3xl-on-md {
        padding: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-p-4xl-on-md {
        padding: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pt-auto-on-md {
        padding-top: auto !important
    }

    .pf-u-pt-0-on-md {
        padding-top: 0 !important
    }

    .pf-u-pt-xs-on-md {
        padding-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pt-sm-on-md {
        padding-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pt-md-on-md {
        padding-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-pt-lg-on-md {
        padding-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pt-xl-on-md {
        padding-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pt-2xl-on-md {
        padding-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pt-3xl-on-md {
        padding-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pt-4xl-on-md {
        padding-top: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pr-auto-on-md {
        padding-right: auto !important
    }

    .pf-u-pr-0-on-md {
        padding-right: 0 !important
    }

    .pf-u-pr-xs-on-md {
        padding-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pr-sm-on-md {
        padding-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pr-md-on-md {
        padding-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-pr-lg-on-md {
        padding-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pr-xl-on-md {
        padding-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pr-2xl-on-md {
        padding-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pr-3xl-on-md {
        padding-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pr-4xl-on-md {
        padding-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pb-auto-on-md {
        padding-bottom: auto !important
    }

    .pf-u-pb-0-on-md {
        padding-bottom: 0 !important
    }

    .pf-u-pb-xs-on-md {
        padding-bottom: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pb-sm-on-md {
        padding-bottom: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pb-md-on-md {
        padding-bottom: var(--pf-global--spacer--md) !important
    }

    .pf-u-pb-lg-on-md {
        padding-bottom: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pb-xl-on-md {
        padding-bottom: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pb-2xl-on-md {
        padding-bottom: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pb-3xl-on-md {
        padding-bottom: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pb-4xl-on-md {
        padding-bottom: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pl-auto-on-md {
        padding-left: auto !important
    }

    .pf-u-pl-0-on-md {
        padding-left: 0 !important
    }

    .pf-u-pl-xs-on-md {
        padding-left: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pl-sm-on-md {
        padding-left: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pl-md-on-md {
        padding-left: var(--pf-global--spacer--md) !important
    }

    .pf-u-pl-lg-on-md {
        padding-left: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pl-xl-on-md {
        padding-left: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pl-2xl-on-md {
        padding-left: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pl-3xl-on-md {
        padding-left: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pl-4xl-on-md {
        padding-left: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-px-auto-on-md {
        padding-left: auto !important;
        padding-right: auto !important
    }

    .pf-u-px-0-on-md {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pf-u-px-xs-on-md {
        padding-left: var(--pf-global--spacer--xs) !important;
        padding-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-px-sm-on-md {
        padding-left: var(--pf-global--spacer--sm) !important;
        padding-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-px-md-on-md {
        padding-left: var(--pf-global--spacer--md) !important;
        padding-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-px-lg-on-md {
        padding-left: var(--pf-global--spacer--lg) !important;
        padding-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-px-xl-on-md {
        padding-left: var(--pf-global--spacer--xl) !important;
        padding-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-px-2xl-on-md {
        padding-left: var(--pf-global--spacer--2xl) !important;
        padding-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-px-3xl-on-md {
        padding-left: var(--pf-global--spacer--3xl) !important;
        padding-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-px-4xl-on-md {
        padding-left: var(--pf-global--spacer--4xl) !important;
        padding-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-py-auto-on-md {
        padding-bottom: auto !important;
        padding-top: auto !important
    }

    .pf-u-py-0-on-md {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .pf-u-py-xs-on-md {
        padding-bottom: var(--pf-global--spacer--xs) !important;
        padding-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-py-sm-on-md {
        padding-bottom: var(--pf-global--spacer--sm) !important;
        padding-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-py-md-on-md {
        padding-bottom: var(--pf-global--spacer--md) !important;
        padding-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-py-lg-on-md {
        padding-bottom: var(--pf-global--spacer--lg) !important;
        padding-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-py-xl-on-md {
        padding-bottom: var(--pf-global--spacer--xl) !important;
        padding-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-py-2xl-on-md {
        padding-bottom: var(--pf-global--spacer--2xl) !important;
        padding-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-py-3xl-on-md {
        padding-bottom: var(--pf-global--spacer--3xl) !important;
        padding-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-py-4xl-on-md {
        padding-bottom: var(--pf-global--spacer--4xl) !important;
        padding-top: var(--pf-global--spacer--4xl) !important
    }
}

@media screen and (min-width:992px) {
    .pf-u-m-auto-on-lg {
        margin: auto !important
    }

    .pf-u-m-0-on-lg {
        margin: 0 !important
    }

    .pf-u-m-xs-on-lg {
        margin: var(--pf-global--spacer--xs) !important
    }

    .pf-u-m-sm-on-lg {
        margin: var(--pf-global--spacer--sm) !important
    }

    .pf-u-m-md-on-lg {
        margin: var(--pf-global--spacer--md) !important
    }

    .pf-u-m-lg-on-lg {
        margin: var(--pf-global--spacer--lg) !important
    }

    .pf-u-m-xl-on-lg {
        margin: var(--pf-global--spacer--xl) !important
    }

    .pf-u-m-2xl-on-lg {
        margin: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-m-3xl-on-lg {
        margin: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-m-4xl-on-lg {
        margin: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mt-auto-on-lg {
        margin-top: auto !important
    }

    .pf-u-mt-0-on-lg {
        margin-top: 0 !important
    }

    .pf-u-mt-xs-on-lg {
        margin-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mt-sm-on-lg {
        margin-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mt-md-on-lg {
        margin-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-mt-lg-on-lg {
        margin-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mt-xl-on-lg {
        margin-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mt-2xl-on-lg {
        margin-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mt-3xl-on-lg {
        margin-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mt-4xl-on-lg {
        margin-top: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mr-auto-on-lg {
        margin-right: auto !important
    }

    .pf-u-mr-0-on-lg {
        margin-right: 0 !important
    }

    .pf-u-mr-xs-on-lg {
        margin-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mr-sm-on-lg {
        margin-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mr-md-on-lg {
        margin-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-mr-lg-on-lg {
        margin-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mr-xl-on-lg {
        margin-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mr-2xl-on-lg {
        margin-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mr-3xl-on-lg {
        margin-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mr-4xl-on-lg {
        margin-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mb-auto-on-lg {
        margin-bottom: auto !important
    }

    .pf-u-mb-0-on-lg {
        margin-bottom: 0 !important
    }

    .pf-u-mb-xs-on-lg {
        margin-bottom: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mb-sm-on-lg {
        margin-bottom: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mb-md-on-lg {
        margin-bottom: var(--pf-global--spacer--md) !important
    }

    .pf-u-mb-lg-on-lg {
        margin-bottom: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mb-xl-on-lg {
        margin-bottom: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mb-2xl-on-lg {
        margin-bottom: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mb-3xl-on-lg {
        margin-bottom: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mb-4xl-on-lg {
        margin-bottom: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-ml-auto-on-lg {
        margin-left: auto !important
    }

    .pf-u-ml-0-on-lg {
        margin-left: 0 !important
    }

    .pf-u-ml-xs-on-lg {
        margin-left: var(--pf-global--spacer--xs) !important
    }

    .pf-u-ml-sm-on-lg {
        margin-left: var(--pf-global--spacer--sm) !important
    }

    .pf-u-ml-md-on-lg {
        margin-left: var(--pf-global--spacer--md) !important
    }

    .pf-u-ml-lg-on-lg {
        margin-left: var(--pf-global--spacer--lg) !important
    }

    .pf-u-ml-xl-on-lg {
        margin-left: var(--pf-global--spacer--xl) !important
    }

    .pf-u-ml-2xl-on-lg {
        margin-left: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-ml-3xl-on-lg {
        margin-left: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-ml-4xl-on-lg {
        margin-left: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mx-auto-on-lg {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .pf-u-mx-0-on-lg {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .pf-u-mx-xs-on-lg {
        margin-left: var(--pf-global--spacer--xs) !important;
        margin-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mx-sm-on-lg {
        margin-left: var(--pf-global--spacer--sm) !important;
        margin-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mx-md-on-lg {
        margin-left: var(--pf-global--spacer--md) !important;
        margin-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-mx-lg-on-lg {
        margin-left: var(--pf-global--spacer--lg) !important;
        margin-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mx-xl-on-lg {
        margin-left: var(--pf-global--spacer--xl) !important;
        margin-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mx-2xl-on-lg {
        margin-left: var(--pf-global--spacer--2xl) !important;
        margin-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mx-3xl-on-lg {
        margin-left: var(--pf-global--spacer--3xl) !important;
        margin-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mx-4xl-on-lg {
        margin-left: var(--pf-global--spacer--4xl) !important;
        margin-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-my-auto-on-lg {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .pf-u-my-0-on-lg {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .pf-u-my-xs-on-lg {
        margin-bottom: var(--pf-global--spacer--xs) !important;
        margin-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-my-sm-on-lg {
        margin-bottom: var(--pf-global--spacer--sm) !important;
        margin-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-my-md-on-lg {
        margin-bottom: var(--pf-global--spacer--md) !important;
        margin-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-my-lg-on-lg {
        margin-bottom: var(--pf-global--spacer--lg) !important;
        margin-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-my-xl-on-lg {
        margin-bottom: var(--pf-global--spacer--xl) !important;
        margin-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-my-2xl-on-lg {
        margin-bottom: var(--pf-global--spacer--2xl) !important;
        margin-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-my-3xl-on-lg {
        margin-bottom: var(--pf-global--spacer--3xl) !important;
        margin-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-my-4xl-on-lg {
        margin-bottom: var(--pf-global--spacer--4xl) !important;
        margin-top: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-p-auto-on-lg {
        padding: auto !important
    }

    .pf-u-p-0-on-lg {
        padding: 0 !important
    }

    .pf-u-p-xs-on-lg {
        padding: var(--pf-global--spacer--xs) !important
    }

    .pf-u-p-sm-on-lg {
        padding: var(--pf-global--spacer--sm) !important
    }

    .pf-u-p-md-on-lg {
        padding: var(--pf-global--spacer--md) !important
    }

    .pf-u-p-lg-on-lg {
        padding: var(--pf-global--spacer--lg) !important
    }

    .pf-u-p-xl-on-lg {
        padding: var(--pf-global--spacer--xl) !important
    }

    .pf-u-p-2xl-on-lg {
        padding: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-p-3xl-on-lg {
        padding: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-p-4xl-on-lg {
        padding: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pt-auto-on-lg {
        padding-top: auto !important
    }

    .pf-u-pt-0-on-lg {
        padding-top: 0 !important
    }

    .pf-u-pt-xs-on-lg {
        padding-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pt-sm-on-lg {
        padding-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pt-md-on-lg {
        padding-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-pt-lg-on-lg {
        padding-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pt-xl-on-lg {
        padding-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pt-2xl-on-lg {
        padding-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pt-3xl-on-lg {
        padding-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pt-4xl-on-lg {
        padding-top: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pr-auto-on-lg {
        padding-right: auto !important
    }

    .pf-u-pr-0-on-lg {
        padding-right: 0 !important
    }

    .pf-u-pr-xs-on-lg {
        padding-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pr-sm-on-lg {
        padding-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pr-md-on-lg {
        padding-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-pr-lg-on-lg {
        padding-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pr-xl-on-lg {
        padding-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pr-2xl-on-lg {
        padding-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pr-3xl-on-lg {
        padding-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pr-4xl-on-lg {
        padding-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pb-auto-on-lg {
        padding-bottom: auto !important
    }

    .pf-u-pb-0-on-lg {
        padding-bottom: 0 !important
    }

    .pf-u-pb-xs-on-lg {
        padding-bottom: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pb-sm-on-lg {
        padding-bottom: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pb-md-on-lg {
        padding-bottom: var(--pf-global--spacer--md) !important
    }

    .pf-u-pb-lg-on-lg {
        padding-bottom: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pb-xl-on-lg {
        padding-bottom: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pb-2xl-on-lg {
        padding-bottom: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pb-3xl-on-lg {
        padding-bottom: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pb-4xl-on-lg {
        padding-bottom: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pl-auto-on-lg {
        padding-left: auto !important
    }

    .pf-u-pl-0-on-lg {
        padding-left: 0 !important
    }

    .pf-u-pl-xs-on-lg {
        padding-left: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pl-sm-on-lg {
        padding-left: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pl-md-on-lg {
        padding-left: var(--pf-global--spacer--md) !important
    }

    .pf-u-pl-lg-on-lg {
        padding-left: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pl-xl-on-lg {
        padding-left: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pl-2xl-on-lg {
        padding-left: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pl-3xl-on-lg {
        padding-left: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pl-4xl-on-lg {
        padding-left: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-px-auto-on-lg {
        padding-left: auto !important;
        padding-right: auto !important
    }

    .pf-u-px-0-on-lg {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pf-u-px-xs-on-lg {
        padding-left: var(--pf-global--spacer--xs) !important;
        padding-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-px-sm-on-lg {
        padding-left: var(--pf-global--spacer--sm) !important;
        padding-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-px-md-on-lg {
        padding-left: var(--pf-global--spacer--md) !important;
        padding-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-px-lg-on-lg {
        padding-left: var(--pf-global--spacer--lg) !important;
        padding-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-px-xl-on-lg {
        padding-left: var(--pf-global--spacer--xl) !important;
        padding-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-px-2xl-on-lg {
        padding-left: var(--pf-global--spacer--2xl) !important;
        padding-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-px-3xl-on-lg {
        padding-left: var(--pf-global--spacer--3xl) !important;
        padding-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-px-4xl-on-lg {
        padding-left: var(--pf-global--spacer--4xl) !important;
        padding-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-py-auto-on-lg {
        padding-bottom: auto !important;
        padding-top: auto !important
    }

    .pf-u-py-0-on-lg {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .pf-u-py-xs-on-lg {
        padding-bottom: var(--pf-global--spacer--xs) !important;
        padding-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-py-sm-on-lg {
        padding-bottom: var(--pf-global--spacer--sm) !important;
        padding-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-py-md-on-lg {
        padding-bottom: var(--pf-global--spacer--md) !important;
        padding-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-py-lg-on-lg {
        padding-bottom: var(--pf-global--spacer--lg) !important;
        padding-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-py-xl-on-lg {
        padding-bottom: var(--pf-global--spacer--xl) !important;
        padding-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-py-2xl-on-lg {
        padding-bottom: var(--pf-global--spacer--2xl) !important;
        padding-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-py-3xl-on-lg {
        padding-bottom: var(--pf-global--spacer--3xl) !important;
        padding-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-py-4xl-on-lg {
        padding-bottom: var(--pf-global--spacer--4xl) !important;
        padding-top: var(--pf-global--spacer--4xl) !important
    }
}

@media screen and (min-width:1200px) {
    .pf-u-m-auto-on-xl {
        margin: auto !important
    }

    .pf-u-m-0-on-xl {
        margin: 0 !important
    }

    .pf-u-m-xs-on-xl {
        margin: var(--pf-global--spacer--xs) !important
    }

    .pf-u-m-sm-on-xl {
        margin: var(--pf-global--spacer--sm) !important
    }

    .pf-u-m-md-on-xl {
        margin: var(--pf-global--spacer--md) !important
    }

    .pf-u-m-lg-on-xl {
        margin: var(--pf-global--spacer--lg) !important
    }

    .pf-u-m-xl-on-xl {
        margin: var(--pf-global--spacer--xl) !important
    }

    .pf-u-m-2xl-on-xl {
        margin: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-m-3xl-on-xl {
        margin: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-m-4xl-on-xl {
        margin: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mt-auto-on-xl {
        margin-top: auto !important
    }

    .pf-u-mt-0-on-xl {
        margin-top: 0 !important
    }

    .pf-u-mt-xs-on-xl {
        margin-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mt-sm-on-xl {
        margin-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mt-md-on-xl {
        margin-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-mt-lg-on-xl {
        margin-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mt-xl-on-xl {
        margin-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mt-2xl-on-xl {
        margin-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mt-3xl-on-xl {
        margin-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mt-4xl-on-xl {
        margin-top: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mr-auto-on-xl {
        margin-right: auto !important
    }

    .pf-u-mr-0-on-xl {
        margin-right: 0 !important
    }

    .pf-u-mr-xs-on-xl {
        margin-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mr-sm-on-xl {
        margin-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mr-md-on-xl {
        margin-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-mr-lg-on-xl {
        margin-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mr-xl-on-xl {
        margin-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mr-2xl-on-xl {
        margin-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mr-3xl-on-xl {
        margin-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mr-4xl-on-xl {
        margin-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mb-auto-on-xl {
        margin-bottom: auto !important
    }

    .pf-u-mb-0-on-xl {
        margin-bottom: 0 !important
    }

    .pf-u-mb-xs-on-xl {
        margin-bottom: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mb-sm-on-xl {
        margin-bottom: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mb-md-on-xl {
        margin-bottom: var(--pf-global--spacer--md) !important
    }

    .pf-u-mb-lg-on-xl {
        margin-bottom: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mb-xl-on-xl {
        margin-bottom: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mb-2xl-on-xl {
        margin-bottom: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mb-3xl-on-xl {
        margin-bottom: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mb-4xl-on-xl {
        margin-bottom: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-ml-auto-on-xl {
        margin-left: auto !important
    }

    .pf-u-ml-0-on-xl {
        margin-left: 0 !important
    }

    .pf-u-ml-xs-on-xl {
        margin-left: var(--pf-global--spacer--xs) !important
    }

    .pf-u-ml-sm-on-xl {
        margin-left: var(--pf-global--spacer--sm) !important
    }

    .pf-u-ml-md-on-xl {
        margin-left: var(--pf-global--spacer--md) !important
    }

    .pf-u-ml-lg-on-xl {
        margin-left: var(--pf-global--spacer--lg) !important
    }

    .pf-u-ml-xl-on-xl {
        margin-left: var(--pf-global--spacer--xl) !important
    }

    .pf-u-ml-2xl-on-xl {
        margin-left: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-ml-3xl-on-xl {
        margin-left: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-ml-4xl-on-xl {
        margin-left: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mx-auto-on-xl {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .pf-u-mx-0-on-xl {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .pf-u-mx-xs-on-xl {
        margin-left: var(--pf-global--spacer--xs) !important;
        margin-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mx-sm-on-xl {
        margin-left: var(--pf-global--spacer--sm) !important;
        margin-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mx-md-on-xl {
        margin-left: var(--pf-global--spacer--md) !important;
        margin-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-mx-lg-on-xl {
        margin-left: var(--pf-global--spacer--lg) !important;
        margin-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mx-xl-on-xl {
        margin-left: var(--pf-global--spacer--xl) !important;
        margin-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mx-2xl-on-xl {
        margin-left: var(--pf-global--spacer--2xl) !important;
        margin-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mx-3xl-on-xl {
        margin-left: var(--pf-global--spacer--3xl) !important;
        margin-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mx-4xl-on-xl {
        margin-left: var(--pf-global--spacer--4xl) !important;
        margin-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-my-auto-on-xl {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .pf-u-my-0-on-xl {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .pf-u-my-xs-on-xl {
        margin-bottom: var(--pf-global--spacer--xs) !important;
        margin-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-my-sm-on-xl {
        margin-bottom: var(--pf-global--spacer--sm) !important;
        margin-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-my-md-on-xl {
        margin-bottom: var(--pf-global--spacer--md) !important;
        margin-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-my-lg-on-xl {
        margin-bottom: var(--pf-global--spacer--lg) !important;
        margin-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-my-xl-on-xl {
        margin-bottom: var(--pf-global--spacer--xl) !important;
        margin-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-my-2xl-on-xl {
        margin-bottom: var(--pf-global--spacer--2xl) !important;
        margin-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-my-3xl-on-xl {
        margin-bottom: var(--pf-global--spacer--3xl) !important;
        margin-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-my-4xl-on-xl {
        margin-bottom: var(--pf-global--spacer--4xl) !important;
        margin-top: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-p-auto-on-xl {
        padding: auto !important
    }

    .pf-u-p-0-on-xl {
        padding: 0 !important
    }

    .pf-u-p-xs-on-xl {
        padding: var(--pf-global--spacer--xs) !important
    }

    .pf-u-p-sm-on-xl {
        padding: var(--pf-global--spacer--sm) !important
    }

    .pf-u-p-md-on-xl {
        padding: var(--pf-global--spacer--md) !important
    }

    .pf-u-p-lg-on-xl {
        padding: var(--pf-global--spacer--lg) !important
    }

    .pf-u-p-xl-on-xl {
        padding: var(--pf-global--spacer--xl) !important
    }

    .pf-u-p-2xl-on-xl {
        padding: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-p-3xl-on-xl {
        padding: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-p-4xl-on-xl {
        padding: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pt-auto-on-xl {
        padding-top: auto !important
    }

    .pf-u-pt-0-on-xl {
        padding-top: 0 !important
    }

    .pf-u-pt-xs-on-xl {
        padding-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pt-sm-on-xl {
        padding-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pt-md-on-xl {
        padding-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-pt-lg-on-xl {
        padding-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pt-xl-on-xl {
        padding-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pt-2xl-on-xl {
        padding-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pt-3xl-on-xl {
        padding-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pt-4xl-on-xl {
        padding-top: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pr-auto-on-xl {
        padding-right: auto !important
    }

    .pf-u-pr-0-on-xl {
        padding-right: 0 !important
    }

    .pf-u-pr-xs-on-xl {
        padding-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pr-sm-on-xl {
        padding-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pr-md-on-xl {
        padding-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-pr-lg-on-xl {
        padding-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pr-xl-on-xl {
        padding-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pr-2xl-on-xl {
        padding-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pr-3xl-on-xl {
        padding-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pr-4xl-on-xl {
        padding-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pb-auto-on-xl {
        padding-bottom: auto !important
    }

    .pf-u-pb-0-on-xl {
        padding-bottom: 0 !important
    }

    .pf-u-pb-xs-on-xl {
        padding-bottom: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pb-sm-on-xl {
        padding-bottom: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pb-md-on-xl {
        padding-bottom: var(--pf-global--spacer--md) !important
    }

    .pf-u-pb-lg-on-xl {
        padding-bottom: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pb-xl-on-xl {
        padding-bottom: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pb-2xl-on-xl {
        padding-bottom: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pb-3xl-on-xl {
        padding-bottom: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pb-4xl-on-xl {
        padding-bottom: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pl-auto-on-xl {
        padding-left: auto !important
    }

    .pf-u-pl-0-on-xl {
        padding-left: 0 !important
    }

    .pf-u-pl-xs-on-xl {
        padding-left: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pl-sm-on-xl {
        padding-left: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pl-md-on-xl {
        padding-left: var(--pf-global--spacer--md) !important
    }

    .pf-u-pl-lg-on-xl {
        padding-left: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pl-xl-on-xl {
        padding-left: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pl-2xl-on-xl {
        padding-left: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pl-3xl-on-xl {
        padding-left: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pl-4xl-on-xl {
        padding-left: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-px-auto-on-xl {
        padding-left: auto !important;
        padding-right: auto !important
    }

    .pf-u-px-0-on-xl {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pf-u-px-xs-on-xl {
        padding-left: var(--pf-global--spacer--xs) !important;
        padding-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-px-sm-on-xl {
        padding-left: var(--pf-global--spacer--sm) !important;
        padding-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-px-md-on-xl {
        padding-left: var(--pf-global--spacer--md) !important;
        padding-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-px-lg-on-xl {
        padding-left: var(--pf-global--spacer--lg) !important;
        padding-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-px-xl-on-xl {
        padding-left: var(--pf-global--spacer--xl) !important;
        padding-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-px-2xl-on-xl {
        padding-left: var(--pf-global--spacer--2xl) !important;
        padding-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-px-3xl-on-xl {
        padding-left: var(--pf-global--spacer--3xl) !important;
        padding-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-px-4xl-on-xl {
        padding-left: var(--pf-global--spacer--4xl) !important;
        padding-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-py-auto-on-xl {
        padding-bottom: auto !important;
        padding-top: auto !important
    }

    .pf-u-py-0-on-xl {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .pf-u-py-xs-on-xl {
        padding-bottom: var(--pf-global--spacer--xs) !important;
        padding-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-py-sm-on-xl {
        padding-bottom: var(--pf-global--spacer--sm) !important;
        padding-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-py-md-on-xl {
        padding-bottom: var(--pf-global--spacer--md) !important;
        padding-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-py-lg-on-xl {
        padding-bottom: var(--pf-global--spacer--lg) !important;
        padding-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-py-xl-on-xl {
        padding-bottom: var(--pf-global--spacer--xl) !important;
        padding-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-py-2xl-on-xl {
        padding-bottom: var(--pf-global--spacer--2xl) !important;
        padding-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-py-3xl-on-xl {
        padding-bottom: var(--pf-global--spacer--3xl) !important;
        padding-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-py-4xl-on-xl {
        padding-bottom: var(--pf-global--spacer--4xl) !important;
        padding-top: var(--pf-global--spacer--4xl) !important
    }
}

@media screen and (min-width:1450px) {
    .pf-u-m-auto-on-2xl {
        margin: auto !important
    }

    .pf-u-m-0-on-2xl {
        margin: 0 !important
    }

    .pf-u-m-xs-on-2xl {
        margin: var(--pf-global--spacer--xs) !important
    }

    .pf-u-m-sm-on-2xl {
        margin: var(--pf-global--spacer--sm) !important
    }

    .pf-u-m-md-on-2xl {
        margin: var(--pf-global--spacer--md) !important
    }

    .pf-u-m-lg-on-2xl {
        margin: var(--pf-global--spacer--lg) !important
    }

    .pf-u-m-xl-on-2xl {
        margin: var(--pf-global--spacer--xl) !important
    }

    .pf-u-m-2xl-on-2xl {
        margin: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-m-3xl-on-2xl {
        margin: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-m-4xl-on-2xl {
        margin: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mt-auto-on-2xl {
        margin-top: auto !important
    }

    .pf-u-mt-0-on-2xl {
        margin-top: 0 !important
    }

    .pf-u-mt-xs-on-2xl {
        margin-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mt-sm-on-2xl {
        margin-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mt-md-on-2xl {
        margin-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-mt-lg-on-2xl {
        margin-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mt-xl-on-2xl {
        margin-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mt-2xl-on-2xl {
        margin-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mt-3xl-on-2xl {
        margin-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mt-4xl-on-2xl {
        margin-top: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mr-auto-on-2xl {
        margin-right: auto !important
    }

    .pf-u-mr-0-on-2xl {
        margin-right: 0 !important
    }

    .pf-u-mr-xs-on-2xl {
        margin-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mr-sm-on-2xl {
        margin-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mr-md-on-2xl {
        margin-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-mr-lg-on-2xl {
        margin-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mr-xl-on-2xl {
        margin-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mr-2xl-on-2xl {
        margin-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mr-3xl-on-2xl {
        margin-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mr-4xl-on-2xl {
        margin-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mb-auto-on-2xl {
        margin-bottom: auto !important
    }

    .pf-u-mb-0-on-2xl {
        margin-bottom: 0 !important
    }

    .pf-u-mb-xs-on-2xl {
        margin-bottom: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mb-sm-on-2xl {
        margin-bottom: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mb-md-on-2xl {
        margin-bottom: var(--pf-global--spacer--md) !important
    }

    .pf-u-mb-lg-on-2xl {
        margin-bottom: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mb-xl-on-2xl {
        margin-bottom: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mb-2xl-on-2xl {
        margin-bottom: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mb-3xl-on-2xl {
        margin-bottom: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mb-4xl-on-2xl {
        margin-bottom: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-ml-auto-on-2xl {
        margin-left: auto !important
    }

    .pf-u-ml-0-on-2xl {
        margin-left: 0 !important
    }

    .pf-u-ml-xs-on-2xl {
        margin-left: var(--pf-global--spacer--xs) !important
    }

    .pf-u-ml-sm-on-2xl {
        margin-left: var(--pf-global--spacer--sm) !important
    }

    .pf-u-ml-md-on-2xl {
        margin-left: var(--pf-global--spacer--md) !important
    }

    .pf-u-ml-lg-on-2xl {
        margin-left: var(--pf-global--spacer--lg) !important
    }

    .pf-u-ml-xl-on-2xl {
        margin-left: var(--pf-global--spacer--xl) !important
    }

    .pf-u-ml-2xl-on-2xl {
        margin-left: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-ml-3xl-on-2xl {
        margin-left: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-ml-4xl-on-2xl {
        margin-left: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-mx-auto-on-2xl {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .pf-u-mx-0-on-2xl {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .pf-u-mx-xs-on-2xl {
        margin-left: var(--pf-global--spacer--xs) !important;
        margin-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-mx-sm-on-2xl {
        margin-left: var(--pf-global--spacer--sm) !important;
        margin-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-mx-md-on-2xl {
        margin-left: var(--pf-global--spacer--md) !important;
        margin-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-mx-lg-on-2xl {
        margin-left: var(--pf-global--spacer--lg) !important;
        margin-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-mx-xl-on-2xl {
        margin-left: var(--pf-global--spacer--xl) !important;
        margin-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-mx-2xl-on-2xl {
        margin-left: var(--pf-global--spacer--2xl) !important;
        margin-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-mx-3xl-on-2xl {
        margin-left: var(--pf-global--spacer--3xl) !important;
        margin-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-mx-4xl-on-2xl {
        margin-left: var(--pf-global--spacer--4xl) !important;
        margin-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-my-auto-on-2xl {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .pf-u-my-0-on-2xl {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .pf-u-my-xs-on-2xl {
        margin-bottom: var(--pf-global--spacer--xs) !important;
        margin-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-my-sm-on-2xl {
        margin-bottom: var(--pf-global--spacer--sm) !important;
        margin-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-my-md-on-2xl {
        margin-bottom: var(--pf-global--spacer--md) !important;
        margin-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-my-lg-on-2xl {
        margin-bottom: var(--pf-global--spacer--lg) !important;
        margin-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-my-xl-on-2xl {
        margin-bottom: var(--pf-global--spacer--xl) !important;
        margin-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-my-2xl-on-2xl {
        margin-bottom: var(--pf-global--spacer--2xl) !important;
        margin-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-my-3xl-on-2xl {
        margin-bottom: var(--pf-global--spacer--3xl) !important;
        margin-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-my-4xl-on-2xl {
        margin-bottom: var(--pf-global--spacer--4xl) !important;
        margin-top: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-p-auto-on-2xl {
        padding: auto !important
    }

    .pf-u-p-0-on-2xl {
        padding: 0 !important
    }

    .pf-u-p-xs-on-2xl {
        padding: var(--pf-global--spacer--xs) !important
    }

    .pf-u-p-sm-on-2xl {
        padding: var(--pf-global--spacer--sm) !important
    }

    .pf-u-p-md-on-2xl {
        padding: var(--pf-global--spacer--md) !important
    }

    .pf-u-p-lg-on-2xl {
        padding: var(--pf-global--spacer--lg) !important
    }

    .pf-u-p-xl-on-2xl {
        padding: var(--pf-global--spacer--xl) !important
    }

    .pf-u-p-2xl-on-2xl {
        padding: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-p-3xl-on-2xl {
        padding: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-p-4xl-on-2xl {
        padding: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pt-auto-on-2xl {
        padding-top: auto !important
    }

    .pf-u-pt-0-on-2xl {
        padding-top: 0 !important
    }

    .pf-u-pt-xs-on-2xl {
        padding-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pt-sm-on-2xl {
        padding-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pt-md-on-2xl {
        padding-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-pt-lg-on-2xl {
        padding-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pt-xl-on-2xl {
        padding-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pt-2xl-on-2xl {
        padding-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pt-3xl-on-2xl {
        padding-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pt-4xl-on-2xl {
        padding-top: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pr-auto-on-2xl {
        padding-right: auto !important
    }

    .pf-u-pr-0-on-2xl {
        padding-right: 0 !important
    }

    .pf-u-pr-xs-on-2xl {
        padding-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pr-sm-on-2xl {
        padding-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pr-md-on-2xl {
        padding-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-pr-lg-on-2xl {
        padding-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pr-xl-on-2xl {
        padding-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pr-2xl-on-2xl {
        padding-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pr-3xl-on-2xl {
        padding-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pr-4xl-on-2xl {
        padding-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pb-auto-on-2xl {
        padding-bottom: auto !important
    }

    .pf-u-pb-0-on-2xl {
        padding-bottom: 0 !important
    }

    .pf-u-pb-xs-on-2xl {
        padding-bottom: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pb-sm-on-2xl {
        padding-bottom: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pb-md-on-2xl {
        padding-bottom: var(--pf-global--spacer--md) !important
    }

    .pf-u-pb-lg-on-2xl {
        padding-bottom: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pb-xl-on-2xl {
        padding-bottom: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pb-2xl-on-2xl {
        padding-bottom: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pb-3xl-on-2xl {
        padding-bottom: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pb-4xl-on-2xl {
        padding-bottom: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-pl-auto-on-2xl {
        padding-left: auto !important
    }

    .pf-u-pl-0-on-2xl {
        padding-left: 0 !important
    }

    .pf-u-pl-xs-on-2xl {
        padding-left: var(--pf-global--spacer--xs) !important
    }

    .pf-u-pl-sm-on-2xl {
        padding-left: var(--pf-global--spacer--sm) !important
    }

    .pf-u-pl-md-on-2xl {
        padding-left: var(--pf-global--spacer--md) !important
    }

    .pf-u-pl-lg-on-2xl {
        padding-left: var(--pf-global--spacer--lg) !important
    }

    .pf-u-pl-xl-on-2xl {
        padding-left: var(--pf-global--spacer--xl) !important
    }

    .pf-u-pl-2xl-on-2xl {
        padding-left: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-pl-3xl-on-2xl {
        padding-left: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-pl-4xl-on-2xl {
        padding-left: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-px-auto-on-2xl {
        padding-left: auto !important;
        padding-right: auto !important
    }

    .pf-u-px-0-on-2xl {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pf-u-px-xs-on-2xl {
        padding-left: var(--pf-global--spacer--xs) !important;
        padding-right: var(--pf-global--spacer--xs) !important
    }

    .pf-u-px-sm-on-2xl {
        padding-left: var(--pf-global--spacer--sm) !important;
        padding-right: var(--pf-global--spacer--sm) !important
    }

    .pf-u-px-md-on-2xl {
        padding-left: var(--pf-global--spacer--md) !important;
        padding-right: var(--pf-global--spacer--md) !important
    }

    .pf-u-px-lg-on-2xl {
        padding-left: var(--pf-global--spacer--lg) !important;
        padding-right: var(--pf-global--spacer--lg) !important
    }

    .pf-u-px-xl-on-2xl {
        padding-left: var(--pf-global--spacer--xl) !important;
        padding-right: var(--pf-global--spacer--xl) !important
    }

    .pf-u-px-2xl-on-2xl {
        padding-left: var(--pf-global--spacer--2xl) !important;
        padding-right: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-px-3xl-on-2xl {
        padding-left: var(--pf-global--spacer--3xl) !important;
        padding-right: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-px-4xl-on-2xl {
        padding-left: var(--pf-global--spacer--4xl) !important;
        padding-right: var(--pf-global--spacer--4xl) !important
    }

    .pf-u-py-auto-on-2xl {
        padding-bottom: auto !important;
        padding-top: auto !important
    }

    .pf-u-py-0-on-2xl {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .pf-u-py-xs-on-2xl {
        padding-bottom: var(--pf-global--spacer--xs) !important;
        padding-top: var(--pf-global--spacer--xs) !important
    }

    .pf-u-py-sm-on-2xl {
        padding-bottom: var(--pf-global--spacer--sm) !important;
        padding-top: var(--pf-global--spacer--sm) !important
    }

    .pf-u-py-md-on-2xl {
        padding-bottom: var(--pf-global--spacer--md) !important;
        padding-top: var(--pf-global--spacer--md) !important
    }

    .pf-u-py-lg-on-2xl {
        padding-bottom: var(--pf-global--spacer--lg) !important;
        padding-top: var(--pf-global--spacer--lg) !important
    }

    .pf-u-py-xl-on-2xl {
        padding-bottom: var(--pf-global--spacer--xl) !important;
        padding-top: var(--pf-global--spacer--xl) !important
    }

    .pf-u-py-2xl-on-2xl {
        padding-bottom: var(--pf-global--spacer--2xl) !important;
        padding-top: var(--pf-global--spacer--2xl) !important
    }

    .pf-u-py-3xl-on-2xl {
        padding-bottom: var(--pf-global--spacer--3xl) !important;
        padding-top: var(--pf-global--spacer--3xl) !important
    }

    .pf-u-py-4xl-on-2xl {
        padding-bottom: var(--pf-global--spacer--4xl) !important;
        padding-top: var(--pf-global--spacer--4xl) !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-icon-color-light {
    color: var(--pf-global--icon--Color--light) !important
}

.pf-u-icon-color-dark {
    color: var(--pf-global--icon--Color--dark) !important
}

.pf-u-link-color {
    color: var(--pf-global--link--Color) !important
}

.pf-u-active-color-100 {
    color: var(--pf-global--active-color--100) !important
}

.pf-u-active-color-200 {
    color: var(--pf-global--active-color--200) !important
}

.pf-u-active-color-300 {
    color: var(--pf-global--active-color--300) !important
}

.pf-u-active-color-400 {
    color: var(--pf-global--active-color--400) !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-disabled-color-300 {
    color: var(--pf-global--disabled-color--300) !important
}

.pf-u-primary-color-100 {
    color: var(--pf-global--primary-color--100) !important
}

.pf-u-primary-color-200 {
    color: var(--pf-global--primary-color--200) !important
}

.pf-u-secondary-color-100 {
    color: var(--pf-global--secondary-color--100) !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
}

@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-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
    }

    .pf-u-link-color-on-sm {
        color: var(--pf-global--link--Color) !important
    }

    .pf-u-active-color-100-on-sm {
        color: var(--pf-global--active-color--100) !important
    }

    .pf-u-active-color-200-on-sm {
        color: var(--pf-global--active-color--200) !important
    }

    .pf-u-active-color-300-on-sm {
        color: var(--pf-global--active-color--300) !important
    }

    .pf-u-active-color-400-on-sm {
        color: var(--pf-global--active-color--400) !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-disabled-color-300-on-sm {
        color: var(--pf-global--disabled-color--300) !important
    }

    .pf-u-primary-color-100-on-sm {
        color: var(--pf-global--primary-color--100) !important
    }

    .pf-u-primary-color-200-on-sm {
        color: var(--pf-global--primary-color--200) !important
    }

    .pf-u-secondary-color-100-on-sm {
        color: var(--pf-global--secondary-color--100) !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
    }
}

@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-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
    }

    .pf-u-link-color-on-md {
        color: var(--pf-global--link--Color) !important
    }

    .pf-u-active-color-100-on-md {
        color: var(--pf-global--active-color--100) !important
    }

    .pf-u-active-color-200-on-md {
        color: var(--pf-global--active-color--200) !important
    }

    .pf-u-active-color-300-on-md {
        color: var(--pf-global--active-color--300) !important
    }

    .pf-u-active-color-400-on-md {
        color: var(--pf-global--active-color--400) !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-disabled-color-300-on-md {
        color: var(--pf-global--disabled-color--300) !important
    }

    .pf-u-primary-color-100-on-md {
        color: var(--pf-global--primary-color--100) !important
    }

    .pf-u-primary-color-200-on-md {
        color: var(--pf-global--primary-color--200) !important
    }

    .pf-u-secondary-color-100-on-md {
        color: var(--pf-global--secondary-color--100) !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
    }
}

@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-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
    }

    .pf-u-link-color-on-lg {
        color: var(--pf-global--link--Color) !important
    }

    .pf-u-active-color-100-on-lg {
        color: var(--pf-global--active-color--100) !important
    }

    .pf-u-active-color-200-on-lg {
        color: var(--pf-global--active-color--200) !important
    }

    .pf-u-active-color-300-on-lg {
        color: var(--pf-global--active-color--300) !important
    }

    .pf-u-active-color-400-on-lg {
        color: var(--pf-global--active-color--400) !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-disabled-color-300-on-lg {
        color: var(--pf-global--disabled-color--300) !important
    }

    .pf-u-primary-color-100-on-lg {
        color: var(--pf-global--primary-color--100) !important
    }

    .pf-u-primary-color-200-on-lg {
        color: var(--pf-global--primary-color--200) !important
    }

    .pf-u-secondary-color-100-on-lg {
        color: var(--pf-global--secondary-color--100) !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
    }
}

@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-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
    }

    .pf-u-link-color-on-xl {
        color: var(--pf-global--link--Color) !important
    }

    .pf-u-active-color-100-on-xl {
        color: var(--pf-global--active-color--100) !important
    }

    .pf-u-active-color-200-on-xl {
        color: var(--pf-global--active-color--200) !important
    }

    .pf-u-active-color-300-on-xl {
        color: var(--pf-global--active-color--300) !important
    }

    .pf-u-active-color-400-on-xl {
        color: var(--pf-global--active-color--400) !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-disabled-color-300-on-xl {
        color: var(--pf-global--disabled-color--300) !important
    }

    .pf-u-primary-color-100-on-xl {
        color: var(--pf-global--primary-color--100) !important
    }

    .pf-u-primary-color-200-on-xl {
        color: var(--pf-global--primary-color--200) !important
    }

    .pf-u-secondary-color-100-on-xl {
        color: var(--pf-global--secondary-color--100) !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
    }
}

@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-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-link-color-on-2xl {
        color: var(--pf-global--link--Color) !important
    }

    .pf-u-active-color-100-on-2xl {
        color: var(--pf-global--active-color--100) !important
    }

    .pf-u-active-color-200-on-2xl {
        color: var(--pf-global--active-color--200) !important
    }

    .pf-u-active-color-300-on-2xl {
        color: var(--pf-global--active-color--300) !important
    }

    .pf-u-active-color-400-on-2xl {
        color: var(--pf-global--active-color--400) !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-disabled-color-300-on-2xl {
        color: var(--pf-global--disabled-color--300) !important
    }

    .pf-u-primary-color-100-on-2xl {
        color: var(--pf-global--primary-color--100) !important
    }

    .pf-u-primary-color-200-on-2xl {
        color: var(--pf-global--primary-color--200) !important
    }

    .pf-u-secondary-color-100-on-2xl {
        color: var(--pf-global--secondary-color--100) !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-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 {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.element-invisible,
.sr-only,
.visually-hidden {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

@-webkit-keyframes reveal-nav {
    0% {
        max-height: 72px;
        max-height: var(--pfe-navigation__nav-bar--Height, 72px);
        opacity: 0;
        visibility: hidden
    }

    99% {
        max-height: 72px;
        max-height: var(--pfe-navigation__nav-bar--Height, 72px)
    }

    to {
        max-height: 9999em;
        opacity: 1;
        visibility: visible
    }
}

@keyframes reveal-nav {
    0% {
        max-height: 72px;
        max-height: var(--pfe-navigation__nav-bar--Height, 72px);
        opacity: 0;
        visibility: hidden
    }

    99% {
        max-height: 72px;
        max-height: var(--pfe-navigation__nav-bar--Height, 72px)
    }

    to {
        max-height: 9999em;
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes reveal-nav-parts {
    0% {
        max-height: 72px;
        max-height: var(--pfe-navigation__nav-bar--Height, 72px);
        opacity: 0;
        visibility: hidden
    }

    1% {
        visibility: visible
    }

    99% {
        max-height: 72px;
        max-height: var(--pfe-navigation__nav-bar--Height, 72px)
    }

    to {
        max-height: 9999em;
        opacity: 1;
        visibility: visible
    }
}

@keyframes reveal-nav-parts {
    0% {
        max-height: 72px;
        max-height: var(--pfe-navigation__nav-bar--Height, 72px);
        opacity: 0;
        visibility: hidden
    }

    1% {
        visibility: visible
    }

    99% {
        max-height: 72px;
        max-height: var(--pfe-navigation__nav-bar--Height, 72px)
    }

    to {
        max-height: 9999em;
        opacity: 1;
        visibility: visible
    }
}

@media print {

    .pfe-navigation__menu,
    pfe-navigation [slot] {
        display: none !important
    }
}

pfe-navigation {
    --pfe-broadcasted--text: var(--pfe-theme--color--text, #151515);
    --pfe-broadcasted--link: var(--pfe-theme--color--link, #06c);
    --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover, #006633);
    --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus, #006633);
    --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited, #6753ac);
    --pfe-broadcasted--link-decoration: var(--pfe-theme--link-decoration, none);
    --pfe-broadcasted--link-decoration--hover: var(--pfe-theme--link-decoration--hover, underline);
    --pfe-broadcasted--link-decoration--focus: var(--pfe-theme--link-decoration--focus, underline);
    --pfe-broadcasted--link-decoration--visited: var(--pfe-theme--link-decoration--visited, none)
}

@supports (display:grid) {
    pfe-navigation {
        -webkit-animation: reveal-nav .1618s 4s 1 forwards;
        animation: reveal-nav .1618s 4s 1 forwards;
        max-height: 72px;
        max-height: var(--pfe-navigation__nav-bar--Height, 72px)
    }

    pfe-navigation>* {
        -webkit-animation: reveal-nav-parts .1618s 4s 1 forwards;
        animation: reveal-nav-parts .1618s 4s 1 forwards;
        opacity: 0;
        -webkit-transition: opacity .1618s ease-in-out;
        transition: opacity .1618s ease-in-out;
        -webkit-transition: opacity var(--pfe-reveal-duration, .1618s) ease-in-out;
        transition: opacity var(--pfe-reveal-duration, .1618s) ease-in-out;
        visibility: hidden
    }
}

pfe-navigation.pfe-navigation--processed,
pfe-navigation.pfe-navigation--processed>* {
    -webkit-animation: none;
    animation: none;
    opacity: 1;
    visibility: visible
}

pfe-navigation pfe-primary-detail {
    display: none
}

pfe-navigation[pfelement] {
    display: block
}

pfe-navigation-dropdown {
    color: #151515;
    color: var(--pfe-navigation__dropdown--Color, #151515)
}

#pfe-navigation[breakpoint=desktop] .hidden-at-desktop[class][class][class],
#pfe-navigation[breakpoint=mobile] .hidden-at-mobile[class][class][class],
#pfe-navigation[breakpoint=tablet] .hidden-at-tablet[class][class][class],
pfe-navigation[breakpoint=desktop] .hidden-at-desktop[class][class][class],
pfe-navigation[breakpoint=mobile] .hidden-at-mobile[class][class][class],
pfe-navigation[breakpoint=tablet] .hidden-at-tablet[class][class][class] {
    display: none
}

#pfe-navigation,
#pfe-navigation *,
pfe-navigation,
pfe-navigation * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#pfe-navigation [pfelement] .pfe-navigation__log-in-link,
pfe-navigation [pfelement] .pfe-navigation__log-in-link {
    display: none
}

#pfe-navigation,
pfe-navigation {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: #151515;
    background: var(--pfe-navigation__nav-bar--Background, #151515);
    color: #fff;
    color: var(--pfe-navigation__nav-bar--Color--default, var(--pfe-theme--color--ui-base--text, #fff));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Red Hat Text, RedHatText, Arial, Helvetica, sans-serif;
    font-family: var(--pfe-navigation--FontFamily, Red Hat Text, RedHatText, Arial, Helvetica, sans-serif);
    font-size: 1rem;
    font-size: var(--pf-global--FontSize--md, 1rem);
    height: 72px;
    height: var(--pfe-navigation__nav-bar--Height, 72px);
    height: auto;
    line-height: 1.5;
    margin: 0;
    max-width: 9999em;
    min-height: 72px;
    min-height: var(--pfe-navigation__nav-bar--Height, 72px);
    padding: 0 16px;
    position: relative;
    z-index: 98;
    z-index: var(--pfe-navigation--ZIndex, var(--pfe-theme--zindex--navigation, 98))
}

@media (min-width:768px) {

    #pfe-navigation,
    pfe-navigation {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        max-width: 9999em;
        padding: 0 16px
    }
}

@media (min-width:1200px) {

    #pfe-navigation,
    pfe-navigation {
        margin: 0 auto;
        padding: 0 32px
    }
}

#pfe-navigation .pfe-navigation__dropdown,
#pfe-navigation pfe-navigation-dropdown,
pfe-navigation .pfe-navigation__dropdown,
pfe-navigation pfe-navigation-dropdown {
    display: none
}

#pfe-navigation>[slot=account],
#pfe-navigation>[slot=search],
#pfe-navigation>[slot=secondary-links],
pfe-navigation>[slot=account],
pfe-navigation>[slot=search],
pfe-navigation>[slot=secondary-links] {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0
}

@media (min-width:768px) {

    #pfe-navigation nav.pfe-navigation,
    pfe-navigation nav.pfe-navigation {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:992px) {

    #pfe-navigation nav.pfe-navigation,
    pfe-navigation nav.pfe-navigation {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

#pfe-navigation .pfe-navigation__logo-wrapper,
pfe-navigation .pfe-navigation__logo-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    margin: 0;
    min-width: 150px;
    padding: 10px 16px 10px 0
}

@media (min-width:768px) {

    .pfe-navigation--no-main-menu #pfe-navigation .pfe-navigation__logo-wrapper,
    .pfe-navigation--no-main-menu pfe-navigation .pfe-navigation__logo-wrapper {
        margin-right: auto
    }
}

.pfe-navigation--collapse-secondary-links .pfe-navigation--no-main-menu #pfe-navigation .pfe-navigation__logo-wrapper,
.pfe-navigation--collapse-secondary-links .pfe-navigation--no-main-menu pfe-navigation .pfe-navigation__logo-wrapper {
    margin-right: 0
}

#pfe-navigation .pfe-navigation__logo-link,
pfe-navigation .pfe-navigation__logo-link {
    border-radius: 3px;
    display: block;
    margin-left: -8px;
    outline: none;
    padding: 6px 8px;
    position: relative
}

#pfe-navigation .pfe-navigation__logo-link:focus,
pfe-navigation .pfe-navigation__logo-link:focus {
    outline: 0
}

#pfe-navigation .pfe-navigation__logo-link:focus:after,
pfe-navigation .pfe-navigation__logo-link:focus:after {
    border: 1px dashed #fff;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#pfe-navigation .pfe-navigation__logo-image,
pfe-navigation .pfe-navigation__logo-image {
    display: block;
    height: auto;
    width: 100%
}

@media (min-width:576px) {

    #pfe-navigation .pfe-navigation__logo-image,
    pfe-navigation .pfe-navigation__logo-image {
        height: 40px;
        width: auto
    }
}

@media print {

    #pfe-navigation .pfe-navigation__logo-image,
    pfe-navigation .pfe-navigation__logo-image {
        display: none
    }
}

#pfe-navigation .pfe-navigation__logo-image:only-child,
pfe-navigation .pfe-navigation__logo-image:only-child {
    display: block
}

@media (min-width:576px) {

    #pfe-navigation .pfe-navigation__logo-image.pfe-navigation__logo-image--small,
    pfe-navigation .pfe-navigation__logo-image.pfe-navigation__logo-image--small {
        height: 32px
    }
}

@media print {

    #pfe-navigation .pfe-navigation__logo-image.pfe-navigation__logo-image--screen,
    pfe-navigation .pfe-navigation__logo-image.pfe-navigation__logo-image--screen {
        display: none !important
    }
}

@media screen {

    #pfe-navigation .pfe-navigation__logo-image.pfe-navigation__logo-image--print,
    pfe-navigation .pfe-navigation__logo-image.pfe-navigation__logo-image--print {
        display: none !important
    }
}

#pfe-navigation .pfe-navigation__logo-image.pfe-navigation__logo-image--screen.pfe-navigation__logo-image--print,
pfe-navigation .pfe-navigation__logo-image.pfe-navigation__logo-image--screen.pfe-navigation__logo-image--print {
    display: inline-block !important
}

#pfe-navigation .pfe-navigation__fallback-links a,
#pfe-navigation .pfe-navigation__log-in-link,
#pfe-navigation .pfe-navigation__menu-link,
#pfe-navigation .pfe-navigation__secondary-link,
pfe-navigation .pfe-navigation__fallback-links a,
pfe-navigation .pfe-navigation__log-in-link,
pfe-navigation .pfe-navigation__menu-link,
pfe-navigation .pfe-navigation__secondary-link {
    --pfe-icon--color: var(--pfe-navigation__dropdown--link--Color, var(--pfe-theme--color--link, #06c));
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    color: #06c;
    color: var(--pfe-navigation__dropdown--link--Color, var(--pfe-theme--color--link, #06c));
    color: #fff;
    color: var(--pfe-navigation__nav-bar--Color--default, var(--pfe-theme--color--ui-base--text, #fff));
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: inherit;
    font-size: 1rem;
    font-size: var(--pf-global--FontSize--md, 1rem);
    justify-content: flex-start;
    justify-content: center;
    margin: 0;
    outline: none;
    padding: 8px 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 100%
}

@media print {

    #pfe-navigation .pfe-navigation__fallback-links a,
    #pfe-navigation .pfe-navigation__log-in-link,
    #pfe-navigation .pfe-navigation__menu-link,
    #pfe-navigation .pfe-navigation__secondary-link,
    pfe-navigation .pfe-navigation__fallback-links a,
    pfe-navigation .pfe-navigation__log-in-link,
    pfe-navigation .pfe-navigation__menu-link,
    pfe-navigation .pfe-navigation__secondary-link {
        display: none !important
    }
}

@media (min-width:768px) {

    #pfe-navigation .pfe-navigation__fallback-links a,
    #pfe-navigation .pfe-navigation__log-in-link,
    #pfe-navigation .pfe-navigation__menu-link,
    #pfe-navigation .pfe-navigation__secondary-link,
    pfe-navigation .pfe-navigation__fallback-links a,
    pfe-navigation .pfe-navigation__log-in-link,
    pfe-navigation .pfe-navigation__menu-link,
    pfe-navigation .pfe-navigation__secondary-link {
        --pfe-icon--color: var(--pfe-navigation__nav-bar--Color--default, var(--pfe-theme--color--ui-base--text, #fff));
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        color: #fff;
        color: var(--pfe-navigation__nav-bar--Color--default, var(--pfe-theme--color--ui-base--text, #fff));
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 12px;
        font-size: var(--pfe-navigation--FontSize--xs, 12px);
        height: 72px;
        height: var(--pfe-navigation__nav-bar--Height, 72px);
        justify-content: flex-end;
        padding: 14px 8px;
        width: auto
    }

    @supports (display:grid) {

        #pfe-navigation .pfe-navigation__fallback-links a,
        #pfe-navigation .pfe-navigation__log-in-link,
        #pfe-navigation .pfe-navigation__menu-link,
        #pfe-navigation .pfe-navigation__secondary-link,
        pfe-navigation .pfe-navigation__fallback-links a,
        pfe-navigation .pfe-navigation__log-in-link,
        pfe-navigation .pfe-navigation__menu-link,
        pfe-navigation .pfe-navigation__secondary-link {
            -ms-grid-rows: 26px 18px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -ms-grid;
            display: grid;
            grid-template-rows: 26px 18px;
            justify-items: center
        }
    }

    #pfe-navigation .pfe-navigation__fallback-links a[class]:focus,
    #pfe-navigation .pfe-navigation__fallback-links a[class]:hover,
    #pfe-navigation .pfe-navigation__log-in-link[class]:focus,
    #pfe-navigation .pfe-navigation__log-in-link[class]:hover,
    #pfe-navigation .pfe-navigation__menu-link[class]:focus,
    #pfe-navigation .pfe-navigation__menu-link[class]:hover,
    #pfe-navigation .pfe-navigation__secondary-link[class]:focus,
    #pfe-navigation .pfe-navigation__secondary-link[class]:hover,
    pfe-navigation .pfe-navigation__fallback-links a[class]:focus,
    pfe-navigation .pfe-navigation__fallback-links a[class]:hover,
    pfe-navigation .pfe-navigation__log-in-link[class]:focus,
    pfe-navigation .pfe-navigation__log-in-link[class]:hover,
    pfe-navigation .pfe-navigation__menu-link[class]:focus,
    pfe-navigation .pfe-navigation__menu-link[class]:hover,
    pfe-navigation .pfe-navigation__secondary-link[class]:focus,
    pfe-navigation .pfe-navigation__secondary-link[class]:hover {
        -webkit-box-shadow: inset 0 4px 0 0 #06c;
        box-shadow: inset 0 4px 0 0 #06c;
        -webkit-box-shadow: inset 0 4px 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c));
        box-shadow: inset 0 4px 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c))
    }
}

#pfe-navigation .pfe-navigation__fallback-links a:focus,
#pfe-navigation .pfe-navigation__fallback-links a:hover,
#pfe-navigation .pfe-navigation__log-in-link:focus,
#pfe-navigation .pfe-navigation__log-in-link:hover,
#pfe-navigation .pfe-navigation__menu-link:focus,
#pfe-navigation .pfe-navigation__menu-link:hover,
#pfe-navigation .pfe-navigation__secondary-link:focus,
#pfe-navigation .pfe-navigation__secondary-link:hover,
pfe-navigation .pfe-navigation__fallback-links a:focus,
pfe-navigation .pfe-navigation__fallback-links a:hover,
pfe-navigation .pfe-navigation__log-in-link:focus,
pfe-navigation .pfe-navigation__log-in-link:hover,
pfe-navigation .pfe-navigation__menu-link:focus,
pfe-navigation .pfe-navigation__menu-link:hover,
pfe-navigation .pfe-navigation__secondary-link:focus,
pfe-navigation .pfe-navigation__secondary-link:hover {
    -webkit-box-shadow: inset 4px 0 0 0 #06c;
    box-shadow: inset 4px 0 0 0 #06c;
    -webkit-box-shadow: inset 4px 0 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c));
    box-shadow: inset 4px 0 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c))
}

@media (min-width:768px) {

    #pfe-navigation .pfe-navigation__fallback-links a:focus,
    #pfe-navigation .pfe-navigation__fallback-links a:hover,
    #pfe-navigation .pfe-navigation__log-in-link:focus,
    #pfe-navigation .pfe-navigation__log-in-link:hover,
    #pfe-navigation .pfe-navigation__menu-link:focus,
    #pfe-navigation .pfe-navigation__menu-link:hover,
    #pfe-navigation .pfe-navigation__secondary-link:focus,
    #pfe-navigation .pfe-navigation__secondary-link:hover,
    pfe-navigation .pfe-navigation__fallback-links a:focus,
    pfe-navigation .pfe-navigation__fallback-links a:hover,
    pfe-navigation .pfe-navigation__log-in-link:focus,
    pfe-navigation .pfe-navigation__log-in-link:hover,
    pfe-navigation .pfe-navigation__menu-link:focus,
    pfe-navigation .pfe-navigation__menu-link:hover,
    pfe-navigation .pfe-navigation__secondary-link:focus,
    pfe-navigation .pfe-navigation__secondary-link:hover {
        -webkit-box-shadow: inset 0 4px 0 0 #06c;
        box-shadow: inset 0 4px 0 0 #06c;
        -webkit-box-shadow: inset 0 4px 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c));
        box-shadow: inset 0 4px 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c))
    }
}

.pfe-navigation--collapse-secondary-links #pfe-navigation .pfe-navigation__fallback-links a:focus,
.pfe-navigation--collapse-secondary-links #pfe-navigation .pfe-navigation__fallback-links a:hover,
.pfe-navigation--collapse-secondary-links #pfe-navigation .pfe-navigation__log-in-link:focus,
.pfe-navigation--collapse-secondary-links #pfe-navigation .pfe-navigation__log-in-link:hover,
.pfe-navigation--collapse-secondary-links #pfe-navigation .pfe-navigation__menu-link:focus,
.pfe-navigation--collapse-secondary-links #pfe-navigation .pfe-navigation__menu-link:hover,
.pfe-navigation--collapse-secondary-links #pfe-navigation .pfe-navigation__secondary-link:focus,
.pfe-navigation--collapse-secondary-links #pfe-navigation .pfe-navigation__secondary-link:hover,
.pfe-navigation--collapse-secondary-links pfe-navigation .pfe-navigation__fallback-links a:focus,
.pfe-navigation--collapse-secondary-links pfe-navigation .pfe-navigation__fallback-links a:hover,
.pfe-navigation--collapse-secondary-links pfe-navigation .pfe-navigation__log-in-link:focus,
.pfe-navigation--collapse-secondary-links pfe-navigation .pfe-navigation__log-in-link:hover,
.pfe-navigation--collapse-secondary-links pfe-navigation .pfe-navigation__menu-link:focus,
.pfe-navigation--collapse-secondary-links pfe-navigation .pfe-navigation__menu-link:hover,
.pfe-navigation--collapse-secondary-links pfe-navigation .pfe-navigation__secondary-link:focus,
.pfe-navigation--collapse-secondary-links pfe-navigation .pfe-navigation__secondary-link:hover {
    -webkit-box-shadow: inset 4px 0 0 0 #06c;
    box-shadow: inset 4px 0 0 0 #06c;
    -webkit-box-shadow: inset 4px 0 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c));
    box-shadow: inset 4px 0 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c))
}

#pfe-navigation .pfe-navigation__fallback-links a:focus,
#pfe-navigation .pfe-navigation__log-in-link:focus,
#pfe-navigation .pfe-navigation__menu-link:focus,
#pfe-navigation .pfe-navigation__secondary-link:focus,
pfe-navigation .pfe-navigation__fallback-links a:focus,
pfe-navigation .pfe-navigation__log-in-link:focus,
pfe-navigation .pfe-navigation__menu-link:focus,
pfe-navigation .pfe-navigation__secondary-link:focus {
    outline: 0
}

#pfe-navigation .pfe-navigation__fallback-links a:focus:after,
#pfe-navigation .pfe-navigation__log-in-link:focus:after,
#pfe-navigation .pfe-navigation__menu-link:focus:after,
#pfe-navigation .pfe-navigation__secondary-link:focus:after,
pfe-navigation .pfe-navigation__fallback-links a:focus:after,
pfe-navigation .pfe-navigation__log-in-link:focus:after,
pfe-navigation .pfe-navigation__menu-link:focus:after,
pfe-navigation .pfe-navigation__secondary-link:focus:after {
    border: 1px dashed;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#pfe-navigation .pfe-navigation__fallback-links a pfe-icon,
#pfe-navigation .pfe-navigation__log-in-link pfe-icon,
#pfe-navigation .pfe-navigation__menu-link pfe-icon,
#pfe-navigation .pfe-navigation__secondary-link pfe-icon,
pfe-navigation .pfe-navigation__fallback-links a pfe-icon,
pfe-navigation .pfe-navigation__log-in-link pfe-icon,
pfe-navigation .pfe-navigation__menu-link pfe-icon,
pfe-navigation .pfe-navigation__secondary-link pfe-icon {
    pointer-events: none
}

#pfe-navigation .pfe-navigation__fallback-links a .secondary-link__icon-wrapper,
#pfe-navigation .pfe-navigation__fallback-links a>pfe-icon,
#pfe-navigation .pfe-navigation__log-in-link .secondary-link__icon-wrapper,
#pfe-navigation .pfe-navigation__log-in-link>pfe-icon,
#pfe-navigation .pfe-navigation__menu-link .secondary-link__icon-wrapper,
#pfe-navigation .pfe-navigation__menu-link>pfe-icon,
#pfe-navigation .pfe-navigation__secondary-link .secondary-link__icon-wrapper,
#pfe-navigation .pfe-navigation__secondary-link>pfe-icon,
pfe-navigation .pfe-navigation__fallback-links a .secondary-link__icon-wrapper,
pfe-navigation .pfe-navigation__fallback-links a>pfe-icon,
pfe-navigation .pfe-navigation__log-in-link .secondary-link__icon-wrapper,
pfe-navigation .pfe-navigation__log-in-link>pfe-icon,
pfe-navigation .pfe-navigation__menu-link .secondary-link__icon-wrapper,
pfe-navigation .pfe-navigation__menu-link>pfe-icon,
pfe-navigation .pfe-navigation__secondary-link .secondary-link__icon-wrapper,
pfe-navigation .pfe-navigation__secondary-link>pfe-icon {
    --pfe-icon--size: 18px;
    padding-right: 5px
}

@media (min-width:768px) {

    #pfe-navigation .pfe-navigation__fallback-links a .secondary-link__icon-wrapper,
    #pfe-navigation .pfe-navigation__fallback-links a>pfe-icon,
    #pfe-navigation .pfe-navigation__log-in-link .secondary-link__icon-wrapper,
    #pfe-navigation .pfe-navigation__log-in-link>pfe-icon,
    #pfe-navigation .pfe-navigation__menu-link .secondary-link__icon-wrapper,
    #pfe-navigation .pfe-navigation__menu-link>pfe-icon,
    #pfe-navigation .pfe-navigation__secondary-link .secondary-link__icon-wrapper,
    #pfe-navigation .pfe-navigation__secondary-link>pfe-icon,
    pfe-navigation .pfe-navigation__fallback-links a .secondary-link__icon-wrapper,
    pfe-navigation .pfe-navigation__fallback-links a>pfe-icon,
    pfe-navigation .pfe-navigation__log-in-link .secondary-link__icon-wrapper,
    pfe-navigation .pfe-navigation__log-in-link>pfe-icon,
    pfe-navigation .pfe-navigation__menu-link .secondary-link__icon-wrapper,
    pfe-navigation .pfe-navigation__menu-link>pfe-icon,
    pfe-navigation .pfe-navigation__secondary-link .secondary-link__icon-wrapper,
    pfe-navigation .pfe-navigation__secondary-link>pfe-icon {
        padding-right: 0;
        padding: 2px 0 4px
    }
}

.pfe-navigation--collapse-secondary-links #pfe-navigation .pfe-navigation__fallback-links a .secondary-link__icon-wrapper,
.pfe-navigation--collapse-secondary-links #pfe-navigation .pfe-navigation__fallback-links a>pfe-icon,
.pfe-navigation--collapse-secondary-links #pfe-navigation .pfe-navigation__log-in-link .secondary-link__icon-wrapper,
.pfe-navigation--collapse-secondary-links #pfe-navigation .pfe-navigation__log-in-link>pfe-icon,
.pfe-navigation--collapse-secondary-links #pfe-navigation .pfe-navigation__menu-link .secondary-link__icon-wrapper,
.pfe-navigation--collapse-secondary-links #pfe-navigation .pfe-navigation__menu-link>pfe-icon,
.pfe-navigation--collapse-secondary-links #pfe-navigation .pfe-navigation__secondary-link .secondary-link__icon-wrapper,
.pfe-navigation--collapse-secondary-links #pfe-navigation .pfe-navigation__secondary-link>pfe-icon,
.pfe-navigation--collapse-secondary-links pfe-navigation .pfe-navigation__fallback-links a .secondary-link__icon-wrapper,
.pfe-navigation--collapse-secondary-links pfe-navigation .pfe-navigation__fallback-links a>pfe-icon,
.pfe-navigation--collapse-secondary-links pfe-navigation .pfe-navigation__log-in-link .secondary-link__icon-wrapper,
.pfe-navigation--collapse-secondary-links pfe-navigation .pfe-navigation__log-in-link>pfe-icon,
.pfe-navigation--collapse-secondary-links pfe-navigation .pfe-navigation__menu-link .secondary-link__icon-wrapper,
.pfe-navigation--collapse-secondary-links pfe-navigation .pfe-navigation__menu-link>pfe-icon,
.pfe-navigation--collapse-secondary-links pfe-navigation .pfe-navigation__secondary-link .secondary-link__icon-wrapper,
.pfe-navigation--collapse-secondary-links pfe-navigation .pfe-navigation__secondary-link>pfe-icon {
    padding: 0 16px 0 0
}

#pfe-navigation .pfe-navigation__fallback-links a pfe-icon,
#pfe-navigation .pfe-navigation__log-in-link pfe-icon,
#pfe-navigation .pfe-navigation__menu-link pfe-icon,
#pfe-navigation .pfe-navigation__secondary-link pfe-icon,
pfe-navigation .pfe-navigation__fallback-links a pfe-icon,
pfe-navigation .pfe-navigation__log-in-link pfe-icon,
pfe-navigation .pfe-navigation__menu-link pfe-icon,
pfe-navigation .pfe-navigation__secondary-link pfe-icon {
    display: block;
    height: 18px
}

#pfe-navigation .pfe-navigation__fallback-links a[class],
#pfe-navigation .pfe-navigation__fallback-links a[href],
#pfe-navigation .pfe-navigation__log-in-link[class],
#pfe-navigation .pfe-navigation__log-in-link[href],
#pfe-navigation .pfe-navigation__menu-link[class],
#pfe-navigation .pfe-navigation__menu-link[href],
#pfe-navigation .pfe-navigation__secondary-link[class],
#pfe-navigation .pfe-navigation__secondary-link[href],
pfe-navigation .pfe-navigation__fallback-links a[class],
pfe-navigation .pfe-navigation__fallback-links a[href],
pfe-navigation .pfe-navigation__log-in-link[class],
pfe-navigation .pfe-navigation__log-in-link[href],
pfe-navigation .pfe-navigation__menu-link[class],
pfe-navigation .pfe-navigation__menu-link[href],
pfe-navigation .pfe-navigation__secondary-link[class],
pfe-navigation .pfe-navigation__secondary-link[href] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center
}

#pfe-navigation [slot=account]>a[href],
pfe-navigation [slot=account]>a[href] {
    --pfe-icon--color: var(--pfe-navigation__dropdown--link--Color, var(--pfe-theme--color--link, #06c));
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    --pfe-icon--color: var(--pfe-navigation__nav-bar--Color--default, var(--pfe-theme--color--ui-base--text, #fff));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    color: #06c;
    color: var(--pfe-navigation__dropdown--link--Color, var(--pfe-theme--color--link, #06c));
    color: #fff;
    color: var(--pfe-navigation__nav-bar--Color--default, var(--pfe-theme--color--ui-base--text, #fff));
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: inherit;
    font-size: 1rem;
    font-size: var(--pf-global--FontSize--md, 1rem);
    font-size: 12px;
    font-size: var(--pfe-navigation--FontSize--xs, 12px);
    height: 72px;
    height: var(--pfe-navigation__nav-bar--Height, 72px);
    justify-content: flex-start;
    justify-content: flex-end;
    margin: 0;
    outline: none;
    padding: 14px 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    width: auto
}

@media print {

    #pfe-navigation [slot=account]>a[href],
    pfe-navigation [slot=account]>a[href] {
        display: none !important
    }
}

#pfe-navigation [slot=account]>a[href]:focus,
#pfe-navigation [slot=account]>a[href]:hover,
pfe-navigation [slot=account]>a[href]:focus,
pfe-navigation [slot=account]>a[href]:hover {
    -webkit-box-shadow: inset 4px 0 0 0 #06c;
    box-shadow: inset 4px 0 0 0 #06c;
    -webkit-box-shadow: inset 4px 0 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c));
    box-shadow: inset 4px 0 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c))
}

@media (min-width:auto) {

    #pfe-navigation [slot=account]>a[href]:focus,
    #pfe-navigation [slot=account]>a[href]:hover,
    pfe-navigation [slot=account]>a[href]:focus,
    pfe-navigation [slot=account]>a[href]:hover {
        -webkit-box-shadow: inset 0 4px 0 0 #06c;
        box-shadow: inset 0 4px 0 0 #06c;
        -webkit-box-shadow: inset 0 4px 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c));
        box-shadow: inset 0 4px 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c))
    }
}

#pfe-navigation [slot=account]>a[href]:focus,
pfe-navigation [slot=account]>a[href]:focus {
    outline: 0
}

#pfe-navigation [slot=account]>a[href]:focus:after,
pfe-navigation [slot=account]>a[href]:focus:after {
    border: 1px dashed;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#pfe-navigation [slot=account]>a[href] pfe-icon,
pfe-navigation [slot=account]>a[href] pfe-icon {
    pointer-events: none
}

@supports (display:grid) {

    #pfe-navigation [slot=account]>a[href],
    pfe-navigation [slot=account]>a[href] {
        -ms-grid-rows: 26px 18px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -ms-grid;
        display: grid;
        grid-template-rows: 26px 18px;
        justify-items: center
    }
}

#pfe-navigation [slot=account]>a[href][class]:focus,
#pfe-navigation [slot=account]>a[href][class]:hover,
#pfe-navigation [slot=account]>a[href][href]:focus,
#pfe-navigation [slot=account]>a[href][href]:hover,
pfe-navigation [slot=account]>a[href][class]:focus,
pfe-navigation [slot=account]>a[href][class]:hover,
pfe-navigation [slot=account]>a[href][href]:focus,
pfe-navigation [slot=account]>a[href][href]:hover {
    -webkit-box-shadow: inset 0 4px 0 0 #06c;
    box-shadow: inset 0 4px 0 0 #06c;
    -webkit-box-shadow: inset 0 4px 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c));
    box-shadow: inset 0 4px 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c))
}

#pfe-navigation [slot=account]>a[href] pfe-icon,
pfe-navigation [slot=account]>a[href] pfe-icon {
    --pfe-icon--size: 18px;
    padding: 2px 0 4px
}

@media (min-width:768px) {

    #pfe-navigation [slot=account]>a[href] pfe-icon,
    pfe-navigation [slot=account]>a[href] pfe-icon {
        padding-right: 0
    }
}

#pfe-navigation .pfe-navigation__fallback-links,
#pfe-navigation .pfe-navigation__menu,
pfe-navigation .pfe-navigation__fallback-links,
pfe-navigation .pfe-navigation__menu {
    font-size: inherit;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width:768px) {

    #pfe-navigation .pfe-navigation__fallback-links,
    #pfe-navigation .pfe-navigation__menu,
    pfe-navigation .pfe-navigation__fallback-links,
    pfe-navigation .pfe-navigation__menu {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

#pfe-navigation .pfe-navigation__fallback-links li,
#pfe-navigation .pfe-navigation__menu li,
pfe-navigation .pfe-navigation__fallback-links li,
pfe-navigation .pfe-navigation__menu li {
    font-size: inherit;
    margin: 0;
    padding: 0
}

#pfe-navigation .pfe-navigation__fallback-links li:before,
#pfe-navigation .pfe-navigation__menu li:before,
pfe-navigation .pfe-navigation__fallback-links li:before,
pfe-navigation .pfe-navigation__menu li:before {
    content: none
}

#pfe-navigation .pfe-navigation__fallback-links,
pfe-navigation .pfe-navigation__fallback-links {
    margin-left: auto
}

#pfe-navigation .pfe-navigation__menu-link,
pfe-navigation .pfe-navigation__menu-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-size: var(--pf-global--FontSize--md, 1rem);
    white-space: nowrap
}

#pfe-navigation.pfe-navigation--processed,
pfe-navigation.pfe-navigation--processed {
    display: block;
    padding: 0
}

#pfe-navigation.pfe-navigation--processed:before,
pfe-navigation.pfe-navigation--processed:before {
    content: none
}

#pfe-navigation.pfe-navigation--processed>[slot=account],
#pfe-navigation.pfe-navigation--processed>[slot=search],
#pfe-navigation.pfe-navigation--processed>[slot=secondary-links],
pfe-navigation.pfe-navigation--processed>[slot=account],
pfe-navigation.pfe-navigation--processed>[slot=search],
pfe-navigation.pfe-navigation--processed>[slot=secondary-links] {
    height: auto;
    overflow: visible;
    visibility: visible;
    width: auto
}

#pfe-navigation.pfe-navigation--processed pfe-navigation-dropdown,
pfe-navigation.pfe-navigation--processed pfe-navigation-dropdown {
    display: block
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown,
#pfe-navigation.pfe-navigation--processed pfe-navigation-dropdown,
#pfe-navigation.pfe-navigation--processed>[slot],
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown,
pfe-navigation.pfe-navigation--processed pfe-navigation-dropdown,
pfe-navigation.pfe-navigation--processed>[slot] {
    -webkit-animation: none;
    animation: none;
    opacity: 1
}

#pfe-navigation.pfe-navigation--processed [slot=secondary-links],
pfe-navigation.pfe-navigation--processed [slot=secondary-links] {
    display: block;
    height: auto;
    list-style: none;
    margin: 0 0 8px;
    padding: 0;
    width: auto
}

@media (min-width:768px) {

    #pfe-navigation.pfe-navigation--processed [slot=secondary-links],
    pfe-navigation.pfe-navigation--processed [slot=secondary-links] {
        margin: 0
    }
}

.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed [slot=secondary-links],
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed [slot=secondary-links] {
    margin: 0 0 8px
}

#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a,
#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button {
    --pfe-icon--color: var(--pfe-navigation__dropdown--link--Color, var(--pfe-theme--color--link, #06c));
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    color: #06c;
    color: var(--pfe-navigation__dropdown--link--Color, var(--pfe-theme--color--link, #06c));
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: inherit;
    font-size: 1rem;
    font-size: var(--pf-global--FontSize--md, 1rem);
    justify-content: flex-start;
    margin: 0;
    outline: none;
    padding: 8px 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 100%
}

@media print {

    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a,
    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button {
        display: none !important
    }
}

@media (min-width:768px) {

    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a,
    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button {
        --pfe-icon--color: var(--pfe-navigation__nav-bar--Color--default, var(--pfe-theme--color--ui-base--text, #fff));
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        color: #fff;
        color: var(--pfe-navigation__nav-bar--Color--default, var(--pfe-theme--color--ui-base--text, #fff));
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 12px;
        font-size: var(--pfe-navigation--FontSize--xs, 12px);
        height: 72px;
        height: var(--pfe-navigation__nav-bar--Height, 72px);
        justify-content: flex-end;
        padding: 14px 8px;
        width: auto
    }

    @supports (display:grid) {

        #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a,
        #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button,
        pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a,
        pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button {
            -ms-grid-rows: 26px 18px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -ms-grid;
            display: grid;
            grid-template-rows: 26px 18px;
            justify-items: center
        }
    }

    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a[class]:focus,
    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a[class]:hover,
    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button[class]:focus,
    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button[class]:hover,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a[class]:focus,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a[class]:hover,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button[class]:focus,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button[class]:hover {
        -webkit-box-shadow: inset 0 4px 0 0 #06c;
        box-shadow: inset 0 4px 0 0 #06c;
        -webkit-box-shadow: inset 0 4px 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c));
        box-shadow: inset 0 4px 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c))
    }
}

#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:focus,
#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:hover,
#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:focus,
#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:hover,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:focus,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:hover,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:focus,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:hover {
    -webkit-box-shadow: inset 4px 0 0 0 #06c;
    box-shadow: inset 4px 0 0 0 #06c;
    -webkit-box-shadow: inset 4px 0 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c));
    box-shadow: inset 4px 0 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c))
}

@media (min-width:768px) {

    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:focus,
    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:hover,
    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:focus,
    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:hover,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:focus,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:hover,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:focus,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:hover {
        -webkit-box-shadow: inset 0 4px 0 0 #06c;
        box-shadow: inset 0 4px 0 0 #06c;
        -webkit-box-shadow: inset 0 4px 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c));
        box-shadow: inset 0 4px 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c))
    }
}

.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:focus,
.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:hover,
.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:focus,
.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:hover,
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:focus,
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:hover,
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:focus,
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:hover {
    -webkit-box-shadow: inset 4px 0 0 0 #06c;
    box-shadow: inset 4px 0 0 0 #06c;
    -webkit-box-shadow: inset 4px 0 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c));
    box-shadow: inset 4px 0 0 0 var(--pfe-navigation__nav-bar--highlight-color, var(--pfe-theme--color--ui-accent, #06c))
}

#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:focus,
#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:focus,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:focus,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:focus {
    outline: 0
}

#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:focus:after,
#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:focus:after,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:focus:after,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:focus:after {
    border: 1px dashed;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a pfe-icon,
#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button pfe-icon,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a pfe-icon,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button pfe-icon {
    pointer-events: none
}

#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a .secondary-link__icon-wrapper,
#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a>pfe-icon,
#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button .secondary-link__icon-wrapper,
#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button>pfe-icon,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a .secondary-link__icon-wrapper,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a>pfe-icon,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button .secondary-link__icon-wrapper,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button>pfe-icon {
    --pfe-icon--size: 18px;
    padding-right: 5px
}

@media (min-width:768px) {

    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a .secondary-link__icon-wrapper,
    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a>pfe-icon,
    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button .secondary-link__icon-wrapper,
    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button>pfe-icon,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a .secondary-link__icon-wrapper,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a>pfe-icon,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button .secondary-link__icon-wrapper,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button>pfe-icon {
        padding-right: 0;
        padding: 2px 0 4px
    }
}

.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a .secondary-link__icon-wrapper,
.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a>pfe-icon,
.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button .secondary-link__icon-wrapper,
.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button>pfe-icon,
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a .secondary-link__icon-wrapper,
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a>pfe-icon,
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button .secondary-link__icon-wrapper,
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button>pfe-icon {
    padding: 0 16px 0 0
}

#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a pfe-icon,
#pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button pfe-icon,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a pfe-icon,
pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button pfe-icon {
    display: block;
    height: 18px
}

@media (min-width:768px) {

    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:focus,
    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:focus,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:focus,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:focus {
        outline: 0
    }

    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:focus:after,
    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:focus:after,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:focus:after,
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:focus:after {
        border: 1px dashed #fff;
        border: 1px dashed var(--pfe-navigation__nav-bar--Color--default, var(--pfe-theme--color--ui-base--text, #fff));
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }
}

.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:focus,
.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:focus,
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a:focus,
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (min-width:768px) {

    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a[aria-expanded=true],
    #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button[aria-expanded=true],
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a[aria-expanded=true],
    pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button[aria-expanded=true] {
        --pfe-icon--color: var(--pfe-navigation__nav-bar--Color--active, var(--pfe-theme--color--text, #151515));
        background: #fff;
        background: var(--pfe-navigation__nav-bar--toggle--BackgroundColor--active, var(--pfe-theme--color--surface--lightest, #fff));
        color: #151515;
        color: var(--pfe-navigation__nav-bar--Color--active, var(--pfe-theme--color--text, #151515))
    }
}

.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a[aria-expanded=true],
.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button[aria-expanded=true],
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed [slot=secondary-links]>a[aria-expanded=true],
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed [slot=secondary-links]>button[aria-expanded=true] {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown__wrapper--single-column,
pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown__wrapper--single-column {
    position: relative
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown__wrapper,
pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown__wrapper {
    display: block
}

#pfe-navigation.pfe-navigation--processed [slot=secondary-links] .pfe-navigation__dropdown-wrapper[class],
pfe-navigation.pfe-navigation--processed [slot=secondary-links] .pfe-navigation__dropdown-wrapper[class] {
    height: 0;
    -webkit-transition: height .25s ease-in-out;
    transition: height .25s ease-in-out;
    -webkit-transition: var(--pfe-navigation--accordion-transition, height .25s ease-in-out);
    transition: var(--pfe-navigation--accordion-transition, height .25s ease-in-out)
}

@media (prefers-reduced-motion) {

    #pfe-navigation.pfe-navigation--processed [slot=secondary-links] .pfe-navigation__dropdown-wrapper[class],
    pfe-navigation.pfe-navigation--processed [slot=secondary-links] .pfe-navigation__dropdown-wrapper[class] {
        -webkit-transition: none;
        transition: none
    }
}

@media (min-width:768px) {

    #pfe-navigation.pfe-navigation--processed [slot=secondary-links] .pfe-navigation__dropdown-wrapper[class],
    pfe-navigation.pfe-navigation--processed [slot=secondary-links] .pfe-navigation__dropdown-wrapper[class] {
        position: absolute;
        right: 0;
        top: 72px;
        top: var(--pfe-navigation__nav-bar--Height, 72px)
    }
}

.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed [slot=secondary-links] .pfe-navigation__dropdown-wrapper[class],
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed [slot=secondary-links] .pfe-navigation__dropdown-wrapper[class] {
    position: static
}

@media (min-width:768px) {

    #pfe-navigation.pfe-navigation--processed [slot=secondary-links] .pfe-navigation__dropdown-wrapper[class][aria-hidden=false],
    pfe-navigation.pfe-navigation--processed [slot=secondary-links] .pfe-navigation__dropdown-wrapper[class][aria-hidden=false] {
        height: auto
    }
}

.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed [slot=secondary-links] .pfe-navigation__dropdown-wrapper[class][aria-hidden=false],
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed [slot=secondary-links] .pfe-navigation__dropdown-wrapper[class][aria-hidden=false] {
    height: 0
}

#pfe-navigation.pfe-navigation--processed[breakpoint=mobile] [slot=secondary-links][mobile-slider] .pfe-navigation__dropdown-wrapper,
pfe-navigation.pfe-navigation--processed[breakpoint=mobile] [slot=secondary-links][mobile-slider] .pfe-navigation__dropdown-wrapper {
    left: 100vw;
    left: calc(100vw - 32px);
    left: calc(100vw - var(--pfe-navigation__mobile-dropdown--PaddingHorizontal, 32px));
    position: absolute;
    top: 0;
    width: 100vw
}

#pfe-navigation.pfe-navigation--processed[breakpoint=mobile] [slot=secondary-links][mobile-slider] .pfe-navigation__dropdown-wrapper[aria-hidden=false],
pfe-navigation.pfe-navigation--processed[breakpoint=mobile] [slot=secondary-links][mobile-slider] .pfe-navigation__dropdown-wrapper[aria-hidden=false] {
    height: 100vh;
    height: calc(100vh - 72px);
    height: calc(100vh - var(--pfe-navigation__nav-bar--Height, 72px));
    overflow-y: scroll
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown-wrapper,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles,
pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown-wrapper {
    background: #fff;
    background: var(--pfe-navigation__dropdown--Background, var(--pfe-theme--color--surface--lightest, #fff));
    padding: 0 24px;
    padding: 0 var(--pfe-navigation__dropdown--full-width--spacing--mobile, 24px)
}

@media (min-width:768px) {

    #pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container,
    #pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles,
    #pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown-wrapper,
    pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container,
    pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles,
    pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown-wrapper {
        padding: 0 88px;
        padding: 0 var(--pfe-navigation__dropdown--full-width--spacing--desktop, 64px)var(--pfe-navigation__dropdown--full-width--spacing--mobile, 24px)
    }
}

.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container,
.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles,
.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown-wrapper,
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container,
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles,
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown-wrapper {
    padding: 0 24px;
    padding: 0 var(--pfe-navigation__dropdown--full-width--spacing--mobile, 24px)
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container a,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles a,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container a,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles a {
    border: 1px solid transparent;
    color: #06c;
    color: var(--pfe-navigation__dropdown--link--Color, var(--pfe-theme--color--link, #06c));
    display: inline-block
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container a:hover,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles a:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container a:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles a:hover {
    color: #036;
    color: var(--pfe-navigation__dropdown--link--Color--hover, #036);
    text-decoration: underline
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles a:focus {
    border: 1px dashed;
    outline: 0
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container .pfe-link-list--header,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container [role=heading][aria-heading-level],
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h2,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h3,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h4,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h5,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h6,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles .pfe-link-list--header,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles [role=heading][aria-heading-level],
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h2,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h3,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h4,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h5,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h6,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container .pfe-link-list--header,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container [role=heading][aria-heading-level],
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h2,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h3,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h4,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h5,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h6,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles .pfe-link-list--header,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles [role=heading][aria-heading-level],
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h2,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h3,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h4,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h5,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h6 {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    color: #464646;
    color: var(--pfe-navigation__dropdown--headings--Color, #464646);
    font-size: 1.125rem;
    font-size: var(--pf-global--FontSize--lg, 1.125rem);
    font-weight: 400;
    margin: 32px 0 .75em;
    margin: var(--pfe-navigation--gutter, 32px) 0 .75em;
    padding: 0
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container .pfe-link-list--header:first-child,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container [role=heading][aria-heading-level]:first-child,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h2:first-child,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h3:first-child,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h4:first-child,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h5:first-child,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h6:first-child,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles .pfe-link-list--header:first-child,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles [role=heading][aria-heading-level]:first-child,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h2:first-child,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h3:first-child,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h4:first-child,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h5:first-child,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h6:first-child,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container .pfe-link-list--header:first-child,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container [role=heading][aria-heading-level]:first-child,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h2:first-child,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h3:first-child,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h4:first-child,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h5:first-child,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h6:first-child,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles .pfe-link-list--header:first-child,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles [role=heading][aria-heading-level]:first-child,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h2:first-child,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h3:first-child,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h4:first-child,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h5:first-child,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h6:first-child {
    margin-top: 0
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container .pfe-link-list--header a,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container [role=heading][aria-heading-level] a,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h2 a,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h3 a,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h4 a,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h5 a,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h6 a,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles .pfe-link-list--header a,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles [role=heading][aria-heading-level] a,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h2 a,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h3 a,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h4 a,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h5 a,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h6 a,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container .pfe-link-list--header a,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container [role=heading][aria-heading-level] a,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h2 a,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h3 a,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h4 a,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h5 a,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h6 a,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles .pfe-link-list--header a,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles [role=heading][aria-heading-level] a,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h2 a,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h3 a,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h4 a,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h5 a,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h6 a {
    border: 1px solid transparent;
    color: #464646;
    color: var(--pfe-navigation__dropdown--headings--Color, #464646);
    text-decoration: underline
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container .pfe-link-list--header a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container .pfe-link-list--header a:hover,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container [role=heading][aria-heading-level] a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container [role=heading][aria-heading-level] a:hover,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h2 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h2 a:hover,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h3 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h3 a:hover,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h4 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h4 a:hover,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h5 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h5 a:hover,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h6 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h6 a:hover,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles .pfe-link-list--header a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles .pfe-link-list--header a:hover,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles [role=heading][aria-heading-level] a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles [role=heading][aria-heading-level] a:hover,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h2 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h2 a:hover,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h3 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h3 a:hover,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h4 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h4 a:hover,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h5 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h5 a:hover,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h6 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h6 a:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container .pfe-link-list--header a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container .pfe-link-list--header a:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container [role=heading][aria-heading-level] a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container [role=heading][aria-heading-level] a:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h2 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h2 a:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h3 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h3 a:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h4 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h4 a:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h5 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h5 a:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h6 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h6 a:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles .pfe-link-list--header a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles .pfe-link-list--header a:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles [role=heading][aria-heading-level] a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles [role=heading][aria-heading-level] a:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h2 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h2 a:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h3 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h3 a:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h4 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h4 a:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h5 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h5 a:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h6 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h6 a:hover {
    color: #036;
    color: var(--pfe-navigation__dropdown--link--Color--hover, #036);
    text-decoration: none
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container .pfe-link-list--header a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container [role=heading][aria-heading-level] a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h2 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h3 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h4 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h5 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h6 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles .pfe-link-list--header a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles [role=heading][aria-heading-level] a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h2 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h3 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h4 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h5 a:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h6 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container .pfe-link-list--header a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container [role=heading][aria-heading-level] a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h2 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h3 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h4 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h5 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container h6 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles .pfe-link-list--header a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles [role=heading][aria-heading-level] a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h2 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h3 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h4 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h5 a:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles h6 a:focus {
    border: 1px dashed;
    outline: 0
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container li,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles li,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container li,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    margin: 0 0 16px
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container a,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-card,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-cta,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles a,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-card,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-cta,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container a,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-card,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-cta,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles a,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-card,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-cta {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-cta[pfe-priority=primary],
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-cta[priority=primary],
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-cta[pfe-priority=primary],
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-cta[priority=primary],
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-cta[pfe-priority=primary],
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-cta[priority=primary],
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-cta[pfe-priority=primary],
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-cta[priority=primary] {
    --pfe-cta--BackgroundColor: #063;
    --pfe-cta--BackgroundColor--hover: #c00;
    --pfe-theme--ui--border-width: 0
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-cta[pfe-priority=primary]:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-cta[pfe-priority=primary]:hover,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-cta[priority=primary]:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-cta[priority=primary]:hover,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-cta[pfe-priority=primary]:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-cta[pfe-priority=primary]:hover,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-cta[priority=primary]:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-cta[priority=primary]:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-cta[pfe-priority=primary]:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-cta[pfe-priority=primary]:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-cta[priority=primary]:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-cta[priority=primary]:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-cta[pfe-priority=primary]:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-cta[pfe-priority=primary]:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-cta[priority=primary]:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-cta[priority=primary]:hover {
    --pfe-cta--BackgroundColor: #c00
}

pfe-card #pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-cta,
pfe-card #pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-cta,
pfe-card pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container pfe-cta,
pfe-card pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles pfe-cta {
    margin-top: 0
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container li,
#pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container ul,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles li,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles ul,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container li,
pfe-navigation.pfe-navigation--processed .pfe-navigation-item__tray--container ul,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles li,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--default-styles ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation-grid,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles,
pfe-navigation.pfe-navigation--processed .pfe-navigation-grid,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles {
    color: #151515;
    color: var(--pfe-navigation__dropdown--Color, #151515);
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    display: block;
    font-size: 1rem;
    font-size: var(--pf-global--FontSize--md, 1rem);
    gap: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1136px;
    max-width: var(--pfe-navigation--content-max-width, 1136px);
    padding-bottom: 12px;
    padding-top: 12px;
    width: calc(100% + 32px)
}

@media (min-width:768px) {

    #pfe-navigation.pfe-navigation--processed .pfe-navigation-grid,
    #pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles,
    pfe-navigation.pfe-navigation--processed .pfe-navigation-grid,
    pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        display: block;
        gap: 32px;
        gap: var(--pfe-navigation--gutter, 32px);
        padding-bottom: 12px;
        padding-top: 12px
    }
}

@media (min-width:1200px) {

    #pfe-navigation.pfe-navigation--processed .pfe-navigation-grid,
    #pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles,
    pfe-navigation.pfe-navigation--processed .pfe-navigation-grid,
    pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles {
        -webkit-column-count: auto;
        -moz-column-count: auto;
        column-count: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 32px;
        padding-top: 32px
    }

    @supports (display:grid) {

        #pfe-navigation.pfe-navigation--processed .pfe-navigation-grid,
        #pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles,
        pfe-navigation.pfe-navigation--processed .pfe-navigation-grid,
        pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles {
            -ms-grid-columns: minmax(0, 1fr) var(--pfe-navigation--gutter, 32px) minmax(0, 1fr) var(--pfe-navigation--gutter, 32px) minmax(0, 1fr) var(--pfe-navigation--gutter, 32px) minmax(0, 1fr);
            display: -ms-grid;
            display: grid;
            gap: 32px;
            gap: var(--pfe-navigation--gutter, 32px);
            grid-auto-flow: row;
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    }
}

.pfe-navigation--collapse-main-menu #pfe-navigation.pfe-navigation--processed .pfe-navigation-grid,
.pfe-navigation--collapse-main-menu #pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles,
.pfe-navigation--collapse-main-menu pfe-navigation.pfe-navigation--processed .pfe-navigation-grid,
.pfe-navigation--collapse-main-menu pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    display: block;
    gap: 32px;
    gap: var(--pfe-navigation--gutter, 32px);
    padding-bottom: 12px;
    padding-top: 12px
}

.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed .pfe-navigation-grid,
.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles,
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed .pfe-navigation-grid,
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles {
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    display: block;
    gap: 0;
    margin-left: -16px;
    margin-right: -16px;
    max-width: 1136px;
    max-width: var(--pfe-navigation--content-max-width, 1136px);
    padding-bottom: 12px;
    padding-top: 12px;
    width: calc(100% + 32px)
}

.pfe-navigation__menu-item--open #pfe-navigation.pfe-navigation--processed .pfe-navigation-grid,
.pfe-navigation__menu-item--open #pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles,
.pfe-navigation__menu-item--open pfe-navigation.pfe-navigation--processed .pfe-navigation-grid,
.pfe-navigation__menu-item--open pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    visibility: visible
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation-grid>*,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles>*,
pfe-navigation.pfe-navigation--processed .pfe-navigation-grid>*,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles>* {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    margin: 0 0 18px
}

@media (min-width:1200px) {

    #pfe-navigation.pfe-navigation--processed .pfe-navigation-grid>*,
    #pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles>*,
    pfe-navigation.pfe-navigation--processed .pfe-navigation-grid>*,
    pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles>* {
        margin: 0
    }
}

.pfe-navigation--collapse-main-menu #pfe-navigation.pfe-navigation--processed .pfe-navigation-grid>*,
.pfe-navigation--collapse-main-menu #pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles>*,
.pfe-navigation--collapse-main-menu pfe-navigation.pfe-navigation--processed .pfe-navigation-grid>*,
.pfe-navigation--collapse-main-menu pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--default-styles>* {
    margin: 0 0 18px
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--1-x,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown--1-x {
    display: block
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown,
pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown {
    background: #fff
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown site-switcher,
pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown site-switcher {
    margin-left: auto;
    margin-right: auto;
    max-width: 1136px;
    max-width: var(--pfe-navigation--content-max-width, 1136px);
    padding: 12px 24px;
    padding: 12px var(--pfe-navigation__dropdown--full-width--spacing--mobile, 24px)
}

@media (min-width:1200px) {

    #pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown site-switcher,
    pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown site-switcher {
        padding: 32px 64px;
        padding: 32px var(--pfe-navigation__dropdown--full-width--spacing--desktop, 64px)
    }
}

.pfe-navigation--collapse-main-menu #pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown site-switcher,
.pfe-navigation--collapse-main-menu pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown site-switcher {
    padding: 12px 24px;
    padding: 12px var(--pfe-navigation__dropdown--full-width--spacing--mobile, 24px)
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown site-switcher .container,
pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown site-switcher .container {
    margin: 0;
    padding: 0;
    width: auto
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--invisible pfe-navigation-dropdown,
pfe-navigation.pfe-navigation--processed .pfe-navigation__dropdown-wrapper--invisible pfe-navigation-dropdown {
    visibility: hidden
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown--single-column[class],
pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown--single-column[class] {
    padding: 0
}

@media (min-width:auto) {

    #pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown--single-column[class],
    pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown--single-column[class] {
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
        -webkit-box-shadow: var(--pfe-navigation__dropdown--BoxShadow, 0 1px 2px rgba(0, 0, 0, .12));
        box-shadow: var(--pfe-navigation__dropdown--BoxShadow, 0 1px 2px rgba(0, 0, 0, .12));
        max-width: 100%;
        min-width: 13em;
        padding: 0 32px;
        position: absolute;
        top: 100%
    }
}

.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown--single-column[class],
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown--single-column[class] {
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 100%;
    position: static
}

@media (min-width:auto) {

    #pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown--single-column[class],
    pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown--single-column[class] {
        right: 0
    }
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown--full[class],
pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown--full[class] {
    width: 100%
}

@media (min-width:768px) {

    #pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown--full[class],
    pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown--full[class] {
        left: 0;
        position: absolute;
        right: 0
    }
}

.pfe-navigation--collapse-secondary-links #pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown--full[class],
.pfe-navigation--collapse-secondary-links pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown--full[class] {
    position: static
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown--full[class] .pfe-navigation__dropdown,
pfe-navigation.pfe-navigation--processed .pfe-navigation__custom-dropdown--full[class] .pfe-navigation__dropdown {
    width: 100%
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles {
    padding-left: 16px;
    padding-right: 16px
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles form,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles form {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles button,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles button,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input {
    padding: 10px;
    -webkit-transition: -webkit-box-shadow .2s;
    transition: -webkit-box-shadow .2s;
    transition: box-shadow .2s;
    transition: box-shadow .2s, -webkit-box-shadow .2s
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: 0%;
    border: 1px solid #f0f0f0;
    border-bottom-color: #8b8e91;
    color: #717579;
    flex-basis: 0%;
    flex-grow: 1;
    flex-shrink: 1;
    font-size: 1rem;
    font-size: var(--pf-global--FontSize--md, 1rem);
    margin-right: 8px
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input::-webkit-input-placeholder,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input::-webkit-input-placeholder {
    color: #717579
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input::-moz-placeholder,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input::-moz-placeholder {
    color: #717579
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input:-ms-input-placeholder,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input:-ms-input-placeholder {
    color: #717579
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input::-ms-input-placeholder,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input::-ms-input-placeholder {
    color: #717579
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input::placeholder,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input::placeholder {
    color: #717579
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles button,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles button {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: auto;
    background-color: #063;
    border: 1px solid #063;
    border-radius: 2px;
    color: #fff;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    font-size: 1rem;
    font-size: var(--pf-global--FontSize--md, 1rem)
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input:hover {
    outline: 0
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input:focus:after,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input:hover:after,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input:focus:after,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles input:hover:after {
    border: 1px dashed #000;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles button:focus,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles button:hover,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles button:focus,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles button:hover {
    outline: 0
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles button:focus:after,
#pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles button:hover:after,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles button:focus:after,
pfe-navigation.pfe-navigation--processed .pfe-navigation__search--default-styles button:hover:after {
    border: 1px dashed #fff;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#pfe-navigation .pfe-navigation__site-switcher__back-wrapper,
pfe-navigation .pfe-navigation__site-switcher__back-wrapper {
    border-bottom: 1px solid #d2d2d2;
    border-bottom: var(--pfe-navigation__dropdown--separator--Border, 1px solid var(--pfe-theme--color--ui--border--lighter, #d2d2d2));
    display: block
}

@media (min-width:768px) {

    #pfe-navigation .pfe-navigation__site-switcher__back-wrapper,
    pfe-navigation .pfe-navigation__site-switcher__back-wrapper {
        display: none
    }
}

.pfe-navigation--collapse-secondary-links #pfe-navigation .pfe-navigation__site-switcher__back-wrapper,
.pfe-navigation--collapse-secondary-links pfe-navigation .pfe-navigation__site-switcher__back-wrapper {
    display: block
}

#pfe-navigation .pfe-navigation__site-switcher__back-button,
pfe-navigation .pfe-navigation__site-switcher__back-button {
    background-color: transparent;
    border: 1px solid transparent;
    color: #06c;
    color: var(--pfe-navigation__dropdown--link--Color, var(--pfe-theme--color--link, #06c));
    cursor: pointer;
    font-size: 1rem;
    font-size: var(--pf-global--FontSize--md, 1rem);
    padding: 21px 21px 21px 45px;
    position: relative;
    text-align: left;
    width: 100%
}

#pfe-navigation .pfe-navigation__site-switcher__back-button:before,
pfe-navigation .pfe-navigation__site-switcher__back-button:before {
    border: 2px solid #06c;
    border: 2px solid var(--pfe-navigation__dropdown--link--Color, var(--pfe-theme--color--link, #06c));
    border-right: 0;
    border-top: 0;
    content: "";
    display: block;
    height: 8px;
    left: 35px;
    position: absolute;
    right: auto;
    top: 27px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 8px
}

#pfe-navigation .pfe-navigation__site-switcher__back-button:focus,
#pfe-navigation .pfe-navigation__site-switcher__back-button:hover,
pfe-navigation .pfe-navigation__site-switcher__back-button:focus,
pfe-navigation .pfe-navigation__site-switcher__back-button:hover {
    border: 1px dashed #151515;
    border-top: 1px dashed #151515;
    border: 1px dashed var(--pfe-navigation__dropdown--Color, #151515);
    color: #036;
    color: var(--pfe-navigation__dropdown--link--Color--hover, #036);
    outline: 0
}

#pfe-navigation.pfe-navigation--processed site-switcher,
pfe-navigation.pfe-navigation--processed site-switcher {
    -webkit-columns: auto;
    -moz-columns: auto;
    columns: auto;
    display: block
}

#pfe-navigation.pfe-navigation--stuck,
pfe-navigation.pfe-navigation--stuck {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 98;
    z-index: var(--pfe-theme--zindex--navigation, 98)
}

#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__outer-menu-wrapper__inner,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__outer-menu-wrapper__inner {
    opacity: 1 !important
}

#pfe-navigation.pfe-navigation--in-crusty-browser pfe-navigation-account,
#pfe-navigation.pfe-navigation--in-crusty-browser rh-account-dropdown,
pfe-navigation.pfe-navigation--in-crusty-browser pfe-navigation-account,
pfe-navigation.pfe-navigation--in-crusty-browser rh-account-dropdown {
    display: none !important
}

#pfe-navigation.pfe-navigation--in-crusty-browser[open-toggle=pfe-navigation__account-toggle] pfe-navigation-account,
#pfe-navigation.pfe-navigation--in-crusty-browser[open-toggle=pfe-navigation__account-toggle] rh-account-dropdown,
pfe-navigation.pfe-navigation--in-crusty-browser[open-toggle=pfe-navigation__account-toggle] pfe-navigation-account,
pfe-navigation.pfe-navigation--in-crusty-browser[open-toggle=pfe-navigation__account-toggle] rh-account-dropdown {
    display: block !important
}

#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__menu-item,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__menu-item {
    display: block
}

#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__menu-link[aria-expanded=true],
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__menu-link[aria-expanded=true] {
    --pfe-icon--color: var(--pfe-navigation__nav-bar--Color--active, var(--pfe-theme--color--text, #151515));
    background: #fff;
    background: var(--pfe-navigation__nav-bar--toggle--BackgroundColor--active, var(--pfe-theme--color--surface--lightest, #fff));
    color: #151515;
    color: var(--pfe-navigation__nav-bar--Color--active, var(--pfe-theme--color--text, #151515))
}

#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__menu-link[aria-expanded=true]:focus,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__menu-link[aria-expanded=true]:focus {
    outline: 0
}

#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__menu-link[aria-expanded=true]:focus:after,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__menu-link[aria-expanded=true]:focus:after {
    border: 1px dashed;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__dropdown,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__dropdown>.style-scope,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__dropdown>.style-scope {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__dropdown .pfe-navigation__footer.style-scope,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__dropdown .pfe-navigation__footer.style-scope {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__dropdown .pfe-navigation__footer.style-scope>.style-scope,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__dropdown .pfe-navigation__footer.style-scope>.style-scope {
    margin-right: 16px
}

#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__dropdown--single-column,
#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__dropdown--single-column ul,
#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__dropdown--single-column>.style-scope,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__dropdown--single-column,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__dropdown--single-column ul,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__dropdown--single-column>.style-scope {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__dropdown--single-column>.style-scope,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__dropdown--single-column>.style-scope {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__search-toggle,
#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__secondary-link,
#pfe-navigation.pfe-navigation--in-crusty-browser [slot=secondary-links]>a,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__search-toggle,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__secondary-link,
pfe-navigation.pfe-navigation--in-crusty-browser [slot=secondary-links]>a {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    color: #fff !important;
    justify-content: center !important
}

#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__search-toggle[aria-expanded=true],
#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__secondary-link[aria-expanded=true],
#pfe-navigation.pfe-navigation--in-crusty-browser [slot=secondary-links]>a[aria-expanded=true],
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__search-toggle[aria-expanded=true],
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__secondary-link[aria-expanded=true],
pfe-navigation.pfe-navigation--in-crusty-browser [slot=secondary-links]>a[aria-expanded=true] {
    color: #151515 !important
}

#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__account-wrapper--logged-in .pfe-navigation__log-in-link,
#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__search-toggle .secondary-link__icon-wrapper,
#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__search-toggle pfe-icon,
#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__secondary-link .secondary-link__icon-wrapper,
#pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__secondary-link pfe-icon,
#pfe-navigation.pfe-navigation--in-crusty-browser [slot=secondary-links]>a .secondary-link__icon-wrapper,
#pfe-navigation.pfe-navigation--in-crusty-browser [slot=secondary-links]>a pfe-icon,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__account-wrapper--logged-in .pfe-navigation__log-in-link,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__search-toggle .secondary-link__icon-wrapper,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__search-toggle pfe-icon,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__secondary-link .secondary-link__icon-wrapper,
pfe-navigation.pfe-navigation--in-crusty-browser .pfe-navigation__secondary-link pfe-icon,
pfe-navigation.pfe-navigation--in-crusty-browser [slot=secondary-links]>a .secondary-link__icon-wrapper,
pfe-navigation.pfe-navigation--in-crusty-browser [slot=secondary-links]>a pfe-icon {
    display: none !important
}

.pfe-navigation__dropdown-wrapper {
    overflow: hidden
}

@media (min-width:auto) {
    .pfe-navigation__custom-dropdown--single-column {
        min-width: 25em
    }
}

.pfe-navigation--collapse-secondary-links .pfe-navigation__custom-dropdown--single-column {
    min-width: 0
}

.secondary-link__icon-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.secondary-link__alert-count {
    background: #06c;
    background: var(--pfe-navigation__nav-bar--alert-color, var(--pfe-theme--color--link, #06c));
    border-radius: 20px;
    color: #fff;
    color: var(--pfe-navigation__nav-bar--Color--on-highlight, var(--pfe-theme--color--text--on-saturated, #fff));
    display: block;
    font-size: 12px;
    font-size: var(--pfe-navigation--FontSize--xs, 12px);
    line-height: 20px;
    margin: 0 4px 0 2px;
    min-width: 23px;
    overflow: hidden;
    padding: 0 8px
}

.secondary-link__alert-count:empty {
    display: none
}

#pfe-navigation__1x-skip-links {
    left: 0;
    position: absolute;
    top: 0
}

#pfe-navigation__1x-skip-links,
#pfe-navigation__1x-skip-links li {
    height: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 0
}

.skip-link[class][class] {
    font-size: .875rem;
    font-size: var(--pf-global--FontSize--sm, .875rem);
    line-height: 18px
}

.skip-link[class][class]:focus {
    clip: auto;
    background: #fff;
    background: var(--pfe-navigation__skip-link--BackgroundColor, var(--pfe-theme--color--surface--lightest, #fff));
    border-radius: .21429em;
    color: #06c;
    color: var(--pfe-navigation__skip-link--Color, var(--pfe-theme--color--link, #06c));
    height: auto;
    left: 50%;
    padding: .42857em .57143em;
    position: fixed;
    text-decoration: none;
    top: 8px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    z-index: 99999
}

pfe-navigation pfe-navigation-account[slot=account] {
    background: #fff;
    background: var(--pfe-navigation__dropdown--Background, var(--pfe-theme--color--surface--lightest, #fff));
    width: 100%
}

#pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown-wrapper,
pfe-navigation.pfe-navigation--processed .pfe-navigation__site-switcher .pfe-navigation__dropdown-wrapper {
    padding: 0
}

.centered {
    text-align: center
}

.full-height {
    min-height: calc(100vh - 173px)
}

.or:before {
    background: #fff;
    content: "OR";
    font-size: 1rem;
    font-weight: 700;
    padding: .5rem;
    position: absolute
}

html {
    height: 100%
}

body {
    height: auto !important;
    min-height: 100%
}

body:not(#rh-login):not(.admin-console),
main:not(#rh-login-card):not(.admin-console-main) {
    padding-top: 0
}

.content {
    padding: 0
}

main#rh-login-card {
    background-image: url(../../img/bubbles.svg);
    background-position: bottom 0 right 0;
    background-repeat: no-repeat;
    min-height: calc(100vh - 173px);
    z-index: -1
}

@media screen and (max-width:1199px) {
    main {
        padding-bottom: 0
    }
}

#rh-login-container {
    min-height: auto
}

header .rhd-header-logo {
    margin: 0
}

.rh-universal-header {
    display: block !important
}

.rh-header-logo {
    height: 50px
}

@media screen and (min-width:768px) {
    h1:not(.pf-c-title) {
        font-size: 28px !important
    }

    h2:not(.pf-c-title) {
        font-size: 26px !important
    }

    .sub-title p {
        font-size: 20px
    }

    main .container {
        min-height: 500px
    }
}

@media screen and (max-width:768px) {
    body:not(#rh-login) {
        padding-bottom: 14rem
    }

    .rh-nav-universal {
        grid-column-gap: 0
    }

    .rh-nav-universal .rh-universal-login {
        display: none
    }

    .rhd-masthead .menu-toggle-wrapper {
        background: #fff;
        grid-column-end: right
    }

    .rhd-masthead .menu-toggle {
        border: none
    }
}

#pfe-navigation__custom-dropdown--All-Red-Hat {
    padding-bottom: 0 !important
}

.rh-universal-login li.login {
    white-space: nowrap
}

.rhd-mobile-tray .rh-universal-login .logged-in-name+.icon {
    display: none
}

.rhd-mobile-tray .dropdwn-menu {
    display: block;
    margin-top: 0
}

@media screen and (max-width:991px) and (min-width:768px) {
    .rh-nav-universal {
        max-width: none
    }
}

.menu .leaf {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.footer-container,
.rh-nav-universal {
    max-width: 750px
}

@media (min-width:992px) {

    .footer-container,
    .rh-nav-universal {
        max-width: 1170px
    }
}

.rc-footer-traditional {
    background-color: #1a1a1a;
    padding: 0 10px
}

.rc-footer-traditional li {
    zoom: 1;
    display: inline-block;
    *display: inline
}

.rc-footer-traditional-container {
    margin: 0 auto;
    padding: 7px 30px
}

@media (min-width:768px) {
    .rc-footer-traditional-container {
        padding: 7px 0
    }
}

.rc-footer-traditional-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -15px
}

.rc-footer-traditional-section>* {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    margin-top: 15px
}

@media (min-width:768px) {
    .rc-footer-traditional-section {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.rc-footer-traditional-legal {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%
}

@media (min-width:1200px) {
    .rc-footer-traditional-legal {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        justify-content: center;
        line-height: 2
    }
}

.rc-footer-traditional-legal .menu {
    clear: left;
    float: left;
    margin: 0;
    padding: 0
}

@media (min-width:1200px) {
    .rc-footer-traditional-legal .menu {
        clear: none
    }
}

.rc-footer-traditional-legal .menu li {
    display: list-item;
    font-size: 12px;
    margin-right: 8px;
    padding: 0
}

@media (min-width:480px) {
    .rc-footer-traditional-legal .menu li {
        display: inline-block;
        float: left
    }
}

@media (max-width:480px) {
    .rc-footer-traditional-legal .menu li:last-child {
        clear: none
    }
}

.rc-footer-traditional-legal .menu li a {
    color: #858585;
    text-decoration: underline
}

.rc-footer-traditional-legal .menu li a:hover {
    color: #fff
}

@media (min-width:480px) {
    .rc-footer-traditional-legal .menu li:nth-child(n+2) a {
        border-left: 1px solid #858585;
        padding-left: 10px
    }
}

.rc-footer-traditional-legal .copyright {
    float: left;
    font-size: 12px;
    margin-bottom: 10px
}

@media (min-width:480px) {
    .rc-footer-traditional-legal .copyright {
        margin-bottom: 0
    }
}

@media (max-width:1199px) {
    .rc-footer-traditional-legal .copyright {
        clear: both
    }
}

@media (min-width:1200px) {
    .rc-footer-traditional-legal .copyright {
        margin-right: 30px
    }
}

.rc-footer-traditional-legal .row {
    padding: 0 30px
}

@media (min-width:992px) {
    .rc-footer-traditional-legal .row {
        padding: 20px 30px 0
    }
}

.rc-footer-traditional-primary {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%
}

@media (max-width:767px) {
    .rc-footer-traditional-primary img {
        float: left !important
    }
}

.rc-footer-traditional-logo {
    float: left
}

.rc-footer-traditional-logo h3 {
    background-image: url(../../img/RHLogo_white.svg);
    background-repeat: no-repeat;
    height: 44px;
    margin: 0;
    text-indent: -9999px;
    width: 138px
}

@media (max-width:767px) {
    .rc-footer-traditional-event-logo img {
        float: left !important
    }
}

.rc-footer-traditional-logo img {
    vertical-align: top
}

.rc-footer-traditional .row {
    margin-left: 0;
    margin-right: 0;
    padding: 0
}

form {
    font-size: .875rem
}

span.error+div.field.form-field-note-text {
    margin-top: 0
}

div.field.form-field-note-text {
    margin-bottom: 20px
}

small.error,
span.error {
    background-color: transparent;
    color: #c60f13;
    font-style: normal;
    line-height: 120%;
    margin-bottom: 0;
    padding: 5px 0
}

.checkbox span.error {
    padding: 0
}

input[type=text]:not(.pf-c-form-control),
select {
    -moz-appearance: none
}

input,
select {
    margin-bottom: 0 !important
}

input[type=password]:not(.pf-c-form-control),
input[type=text]:not(.pf-c-form-control) {
    margin-top: 5px !important
}

.field {
    margin-bottom: 10px
}

.field.error {
    margin-bottom: 0
}

.field .error+label,
.field .error:focus+label {
    color: #f04124 !important
}

.error input.valid,
.error select.valid,
.error textarea.valid {
    margin-bottom: 1rem !important
}

.error input.pending,
.error select.pending,
.error textarea.pending {
    margin-bottom: 0 !important
}

input[type=text]:not(.pf-c-form-control):-moz-read-only {
    background-color: #fff;
    color: #8c8f91
}

input[type=text]:not(.pf-c-form-control):disabled,
input[type=text]:not(.pf-c-form-control):read-only {
    background-color: #fff;
    color: #8c8f91
}

input[type=checkbox]:not(.pf-c-form-control) {
    vertical-align: middle
}

input[type=checkbox]:not(.pf-c-form-control),
input[type=radio]:not(.pf-c-form-control) {
    margin-bottom: 5px
}

.checkbox .small-1 {
    width: 20px
}

.checkbox .small-20,
.checkbox .small-21,
.checkbox .small-22,
.checkbox .small-23 {
    float: left !important
}

.error input[type=checkbox]:not(.pf-c-form-control),
.error input[type=radio]:not(.pf-c-form-control) {
    margin-bottom: 5px
}

.row.checkbox {
    margin: 0
}

.text-right {
    text-align: right
}

.panel.callout {
    background: #f3f5f8;
    border: 1px solid #d2d9e3;
    color: #333;
    margin-bottom: 1.25rem;
    padding: 1.25rem
}

.panel.callout>:first-child {
    margin-top: 0
}

.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6 {
    line-height: 1;
    margin-bottom: .625rem
}

.form-field-note-text.panel.callout {
    border: none;
    padding: 1rem
}

.layout-content {
    min-height: 400px
}

.download-show,
.full-reg-form-only,
.hideme,
.rhdterms-only {
    display: none
}

.button:disabled,
.button:disabled:focus,
.button:disabled:hover {
    background-color: #d2d3d5;
    border-color: #d2d3d5;
    color: #fff
}

.form-buttons {
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px 0
}

.rh-logo-page {
    margin: auto;
    width: 40%
}

.back-to-login {
    margin-bottom: 10px
}

.kc-loginpage #kc-form-buttons {
    padding-top: 10px
}

.kc-loginpage #kc-form-buttons .heavy-cta {
    padding-left: 40px;
    padding-right: 40px
}

.kc-wrapper .kc-provider-login {
    height: 46px;
    width: 46px
}

.kc-wrapper .kc-card .form-hint {
    color: #8c8f91;
    margin-bottom: 10px;
    text-align: right
}

.kc-wrapper .kc-card p.instruction,
div.alert-box {
    margin-bottom: 0
}

.alert-box a,
.alert-box a:visited {
    color: #fff;
    text-decoration: underline
}

.alert-box.alert-info a,
.alert-box.alert-info a:visited {
    color: #06c;
    text-decoration: underline
}

.alert-box.alert-info a:hover {
    color: #fff
}

div.alert-box div.icon {
    top: 0
}

div.alert-content h1,
div.alert-content h2,
div.alert-content h3,
div.alert-content h4,
div.alert-content h5 {
    line-height: 1;
    margin: 0
}

.kc-wrapper .kc-card {
    -webkit-box-shadow: 0 2px 3px 0 #b9b9b9;
    box-shadow: 0 2px 3px 0 #b9b9b9;
    text-align: left !important
}

.kc-card form {
    margin: 0
}

#kc-register-form,
#rh-password-verification-form {
    overflow: hidden
}

.slide-in-container {
    width: 200%
}

.slide-in {
    float: left;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 50%
}

.slide-in.from-left {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%)
}

.slide-in.from-right {
    visibility: hidden
}

.slide-in.from-right,
.slide-in.show.from-left {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

.slide-in.show.from-right {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    visibility: visible
}

#rh-login-slide-in-container section {
    height: 0
}

#rh-login-slide-in-container section.show {
    height: auto
}

@media only screen and (min-width:768px) {
    .kc-wrapper .kc-card {
        margin-bottom: 50px;
        padding: 50px 25px 25px
    }
}

@media only screen and (max-width:480px) {
    body {
        background-color: #fff !important
    }

    .kc-wrapper .kc-card {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0
    }

    .container {
        padding: 0
    }

    div.alert-content h4 {
        font-size: 18px
    }
}

#kc-reset-password-form,
#rh-password-verification-form {
    font-size: 1rem
}

.kc-wrapper span.new-account {
    display: block;
    padding-top: 10px
}

.login-username-field {
    margin-bottom: 0
}

#kc-reset-password-form input.disabledUsernameInput:-moz-read-only {
    background-color: #f0f0f0;
    color: #000;
    cursor: not-allowed
}

#kc-reset-password-form input.disabledUsernameInput:read-only {
    background-color: #f0f0f0;
    color: #000;
    cursor: not-allowed
}

.tac-all-wrapper {
    border-left: 1px solid #e7e7e7;
    margin-left: 8px;
    padding: 0 0 0 10px
}

.tac-all-wrapper div.checkbox:last-child {
    line-height: 100%
}

.tac-all-wrapper div.checkbox:last-child input {
    margin-bottom: 0
}

.tac-all-wrapper label {
    font-size: 11px !important;
    padding-top: 3px
}

body.popup,
body.popup main {
    background-color: #fff !important
}

body.popup {
    padding-bottom: 0
}

body.popup div.rhd-mobile-overlay,
body.popup footer,
body.popup header {
    display: none
}

body.popup main .container {
    margin: 0;
    max-width: none !important;
    padding: 0
}

body.popup .kc-wrapper .kc-card {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

body.popup div.alert-box {
    margin-bottom: 1.5em
}

.social-provider {
    color: #fff !important;
    display: inline-block;
    font-size: 19px !important;
    margin-bottom: 0;
    text-align: center;
    width: 100%
}

.social-provider .fa {
    margin-right: 5px
}

.social-provider {
    border-radius: .25em;
    padding: .6em .2em !important
}

.social-provider:hover,
a.social-provider:focus {
    background-color: initial !important
}

.social-provider.twitter {
    background-color: #46c0fb
}

.social-provider.google-plus {
    background-color: #dd4b39
}

.social-provider.linkedin-square {
    background-color: #0083a8
}

.social-provider.facebook {
    background-color: #4863ae
}

.social-provider.github,
.social-provider.stack-overflow {
    color: #252527 !important
}

.social-provider.windows {
    background-color: #2672ec
}

#kc-social-providers ul {
    margin: 0;
    padding: 0
}

#kc-social-providers li {
    display: inline;
    margin-top: 5px
}

#kc-social-providers li:first-of-type {
    margin-top: 0
}

.social-provider.stack-overflow .fa {
    color: #f90 !important
}

.social-provider.stack-overflow:not(.rh-login-social) {
    background-image: url(../../img/socialmedia/old/socialmedia_icons_stack_transparent.png) !important
}

.social-provider.linkedin:not(.rh-login-social) {
    background-image: url(../../img/socialmedia/old/socialmedia_icons_linkedin_transparent.png) !important
}

.social-provider.twitter:not(.rh-login-social) {
    background-image: url(../../img/socialmedia/old/socialsocialmedia_icons_twitter_transparent.png) !important
}

.social-provider.facebook:not(.rh-login-social) {
    background-image: url(../../img/socialmedia/old/socialmedia_icons_facebook_transparent.png) !important
}

.social-provider.google-plus:not(.rh-login-social) {
    background-image: url(../../img/socialmedia/old/socialmedia_icons_googleplus_transparent.png) !important
}

.social-provider.windows:not(.rh-login-social) {
    background-image: url(../../img/socialmedia/old/socialmedia_icons_microsoft_transparent.png) !important
}

.social-provider.github:not(.rh-login-social) {
    background-image: url(../../img/socialmedia/old/socialmedia_icons_github_transparent.png) !important
}

.confirm-link-idp-sections .columns {
    padding-bottom: 20px !important;
    padding-right: 20px !important
}

.confirm-link-idp-section {
    background-color: #e6e7e8;
    padding: 20px
}

.confirm-link-idp-section-hint {
    min-height: 50px
}

.rhdPasswordToggle:not(.pf-c-button) {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    border-radius: .25em;
    color: #888;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    margin-right: 2.5em !important;
    padding: .4em;
    text-transform: uppercase
}

.rhdPasswordToggle:not(.pf-c-button):focus,
.rhdPasswordToggle:not(.pf-c-button):hover {
    background-color: #dcdcdc;
    color: #555;
    outline: transparent
}

.hideShowPassword-wrapper.error .rhdPasswordToggle:not(.pf-c-button) {
    bottom: 24px !important
}

.hideShowPassword-field {
    padding-right: 65px !important
}

.email-optin-disclosure,
.email-optin-message {
    margin-bottom: 10px
}

.pf-c-card {
    margin-bottom: 20px
}

.pf-c-card .pf-c-radio {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pf-c-card .pf-c-radio__input {
    margin-top: 3px
}

.address-entered,
.address-suggested {
    line-height: 17px;
    margin: 14px 0 20px
}

.addresses-title {
    margin-bottom: 10px
}

:root footer,
_:-ms-fullscreen {
    position: fixed
}

.pf-l-bullseye {
    position: relative
}

.pf-c-modal-box {
    background-color: #fff;
    -webkit-box-shadow: 0 1rem 2rem 0 rgba(3, 3, 3, .16), 0 0 .5 0 rgba(3, 3, 3, .1);
    box-shadow: 0 1rem 2rem 0 rgba(3, 3, 3, .16), 0 0 .5 0 rgba(3, 3, 3, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 3rem);
    max-width: calc(100% - 2rem);
    overflow-y: auto;
    width: 35rem;
    z-index: 500
}

.pf-c-modal-box>.pf-c-button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 1rem 2rem;
    position: absolute;
    right: 1rem;
    text-align: center;
    top: 1.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.pf-c-modal-box__header {
    padding: 1.5rem 1.5rem 0
}

.pf-c-modal-box__body {
    margin-bottom: 100px;
    min-height: 1.5rem;
    padding: 1.5rem 1.5rem 100px
}

.pf-c-card.pf-m-selectable {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    padding: 1rem;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.pf-c-card.pf-m-selectable.pf-m-selected {
    -webkit-box-shadow: 0 .5rem 1rem 0 rgba(3, 3, 3, .16), 0 0 .375rem 0 rgba(3, 3, 3, .08);
    box-shadow: 0 .5rem 1rem 0 rgba(3, 3, 3, .16), 0 0 .375rem 0 rgba(3, 3, 3, .08)
}

.pf-c-card.pf-m-selectable.pf-m-selected:before {
    background-color: #06c;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.pf-c-card__body:first-child,
.pf-c-card__footer:first-child,
.pf-c-card__header:first-child,
.pf-c-card__title:first-child {
    padding: 1rem
}

.pf-c-radio {
    grid-gap: .25rem
}

.pf-c-radio__input:first-child {
    margin-left: .625rem
}

.pf-c-radio__label {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3
}

.pf-c-modal-box__footer {
    background: #fff;
    padding: 1.5rem;
    position: absolute !important;
    width: 100%
}

.pf-c-modal-box__footer .pf-c-button.pf-m-primary {
    background-color: #06c;
    border: 1px solid #06c;
    border-radius: 3px;
    color: #fff;
    font-weight: 400;
    padding: .375rem 1rem
}

.pf-c-modal-box__footer .pf-c-button:hover {
    background-color: #006633
}

.pf-c-modal-box__footer .pf-c-button.pf-m-secondary {
    background-color: transparent;
    border: 1px solid #06c;
    border-radius: 3px;
    color: #06c;
    font-weight: 400;
    padding: .375rem 1rem
}

.pf-c-modal-box__footer .pf-c-button.pf-m-secondary:hover {
    border-width: 2px
}

.pf-c-modal-box__footer .pf-c-button:not(:last-child) {
    margin-right: 10px !important
}

.pf-c-backdrop {
    background-color: rgba(3, 3, 3, .62);
    z-index: 400
}

.pf-l-bullseye {
    padding: 0
}

.auth-num-list {
    counter-reset: item;
    list-style-type: none;
    position: relative
}

.auth-num-list>li {
    display: block;
    position: relative
}

.auth-num-list>li:before {
    background-color: #ededed;
    border-radius: 100%;
    content: "";
    content: counter(item) "  ";
    counter-increment: item;
    height: 24px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 24px;
    z-index: 0
}

.auth-num-list>li p:first-child {
    margin-left: 2rem
}

.totp-secret {
    position: relative
}

.totp-secret .pf-c-tooltip {
    display: none;
    position: absolute;
    right: -15px;
    top: -50px
}

.totp-input {
    max-width: 700px
}

body#rh-login,
body.device-authorization {
    background-color: #030303
}

#rh-login-form-error-title {
    color: #7d1007;
    font-family: RedHatText;
    font-size: 14px;
    line-height: 21px;
    text-align: left;
    width: 388px
}

#rh-login-form-error-body span {
    font-size: 14px
}

#rh-auth-flow-verification-form div.rh-verification-form-input-group:not(.pf-m-action) {
    margin-bottom: 56px
}

#rh-login .pf-c-form__group:not(.pf-m-action) {
    margin-bottom: 24px
}

#rh-login #kc-form-buttons {
    margin-top: 32px
}

@media (min-width:1200px) {
    body.device-authorization:after {
        background-image: url(../../img/red-hat-background-logo.png);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-size: 500px;
        bottom: 0;
        content: "";
        height: 100%;
        position: absolute;
        width: 100vw;
        z-index: -1
    }

    #rh-login #rh-logo {
        display: block
    }
}

#rh-logo-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#rh-logo {
    display: none;
    padding: 50px 0;
    width: 200px
}

#rhd-info-banner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

#rhd-info-banner .pf-c-alert {
    max-width: 1152px;
    width: 85%
}

@media (max-width:1199px) and (min-width:480px) {
    #rhd-info-banner .pf-c-alert {
        max-width: 840px;
        min-width: 500px
    }
}

@media (max-width:480px) {
    #rhd-info-banner .pf-c-alert {
        width: 100%
    }
}

#rh-password-verification-form,
#rh-username-verification-form {
    grid-gap: 0
}

#rh-login .slide-in-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 300%
}

#rh-login .rh-slide-in {
    max-width: 452px;
    width: 100%
}

.rh-slide-in:not(.show) {
    overflow: hidden;
    visibility: hidden
}

#rh-login #rh-username-verification {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

#rh-login #rh-password-verification {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

#rh-login #rh-auth-flow-verification {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

#rh-auth-flow-verification form {
    grid-gap: 0
}

#login-container,
#rh-login-body-wrapper {
    overflow: hidden
}

.hide-error-text {
    display: none
}

.rh-auth-flow-selection-button {
    width: 100%
}

.rh-form-submission-button {
    background-color: #063;
    color: #fff;
    width: 100%
}

.rh-form-submission-button:hover {
    background-color: #006633
}

.rh-form-submission-button:disabled {
    background-color: #d2d2d2;
    color: #6a6e73
}

.rh-social-login {
    margin-bottom: 0;
    padding: 0 12px
}

#rh-login #social-links {
    margin-top: 40px;
    padding-bottom: 0
}

#rh-login .social-provider {
    background-repeat: no-repeat;
    border-radius: 0;
    height: 32px;
    width: 32px
}

.rh-login-social.social-provider.stack-overflow {
    background-image: url(../../img/socialmedia/socialmedia_icons_stack_transparent.svg)
}

.rh-login-social.social-provider.linkedin {
    background-image: url(../../img/socialmedia/socialmedia_icons_linkedin_transparent.svg)
}

.rh-login-social.social-provider.twitter {
    background-image: url(../../img/socialmedia/socialmedia_icons_twitter_transparent.svg)
}

.rh-login-social.social-provider.facebook {
    background-image: url(../../img/socialmedia/socialmedia_icons_facebook_transparent.svg)
}

.rh-login-social.social-provider.google-plus {
    background-image: url(../../img/socialmedia/socialmedia_icons_googleplus_transparent.svg)
}

.rh-login-social.social-provider.windows {
    background-image: url(../../img/socialmedia/socialmedia_icons_microsoft_transparent.svg)
}

.rh-login-social.social-provider.github {
    background-image: url(../../img/socialmedia/socialmedia_icons_github_transparent.svg)
}

.pf-c-login__footer {
    grid-area: auto
}

@media (max-width:768px) {
    .pf-c-login__footer {
        padding-bottom: 77px
    }
}

@media (max-width:480px) {
    .pf-c-login__footer {
        background-color: #030303;
        padding-bottom: 124px;
        padding-top: 24px
    }

    #rh-login-form {
        margin-bottom: 0
    }

    #rh-login-form .pf-c-login__main-header {
        padding-top: 0
    }
}

.device-authorization .pf-c-login__container {
    --pf-c-login__container--xl--GridTemplateColumns: 34rem;
    align-self: flex-start;
    grid-template-areas: "header" "main" "footer "
}

.kc-recovery-codes-warning {
    margin: 32px 0
}

.kc-recovery-codes-warning .pf-c-alert__description p {
    margin-bottom: 0
}

.kc-recovery-codes-list {
    border: 1px solid #d2d2d2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-count: 2;
    list-style: none;
    margin: 16px 0;
    padding: 24px
}

.kc-recovery-codes-list li {
    font-family: monospace
}

.kc-recovery-codes-list li span {
    color: #6a6e73;
    display: inline-block;
    font-family: monospace;
    margin-right: 6px;
    text-align: right;
    width: 28px
}

.kc-recovery-codes-actions {
    margin-bottom: 48px
}

.kc-recovery-codes-actions button {
    margin-right: calc(36px - 1rem);
    padding-left: 0
}

.kc-recovery-codes-actions button i,
.kc-recovery-codes-actions button svg {
    margin-right: 8px
}

.kc-recovery-codes-actions .copy-tooltip {
    display: none;
    position: absolute;
    top: -40px
}

.kc-recovery-codes-confirmation {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 24px
}

.select-auth-link:hover {
    cursor: pointer
}

/*# sourceMappingURL=main.css.map */