/* new */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/OpenSans-Light-webfont.eot);
    src: local("Open Sans Light"),local("OpenSans-Light"),url(../fonts/OpenSans-Light-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Light-webfont.woff2) format("woff2"),url(../fonts/OpenSans-Light-webfont.woff) format("woff"),url(../fonts/OpenSans-Light-webfont.ttf) format("truetype"),url(../fonts/OpenSans-Light-webfont.svg#OpenSans) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/OpenSans-Regular-webfont.eot);
    src: local("Open Sans"),local("OpenSans"),url(../fonts/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Regular-webfont.woff2) format("woff2"),url(../fonts/OpenSans-Regular-webfont.woff) format("woff"),url(../fonts/OpenSans-Regular-webfont.ttf) format("truetype"),url(../fonts/OpenSans-Regular-webfont.svg#OpenSans) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/OpenSans-LightItalic-webfont.eot);
    src: local("Open Sans Light Italic"),local("OpenSansLight-Italic"),url(../fonts/OpenSans-LightItalic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-LightItalic-webfont.woff2) format("woff2"),url(../fonts/OpenSans-LightItalic-webfont.woff) format("woff"),url(../fonts/OpenSans-LightItalic-webfont.ttf) format("truetype"),url(../fonts/OpenSans-LightItalic-webfont.svg#OpenSans) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/OpenSans-Italic-webfont.eot);
    src: local("Open Sans Italic"),local("OpenSans-Italic"),url(../fonts/OpenSans-Italic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Italic-webfont.woff2) format("woff2"),url(../fonts/OpenSans-Italic-webfont.woff) format("woff"),url(../fonts/OpenSans-Italic-webfont.ttf) format("truetype"),url(../fonts/OpenSans-Italic-webfont.svg#OpenSans) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/OpenSans-Semibold-webfont.eot);
    src: local("Open Sans Semibold"),local("OpenSans-Semibold-webfont"),url(../fonts/OpenSans-Semibold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Semibold-webfont.woff2) format("woff2"),url(../fonts/OpenSans-Semibold-webfont.woff) format("woff"),url(../fonts/OpenSans-Semibold-webfont.ttf) format("truetype"),url(../fonts/OpenSans-Semibold-webfont.svg#OpenSans) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/OpenSans-SemiboldItalic-webfont.eot);
    src: local("Open Sans Semibold Italic"),local("OpenSans-SemiboldItalic-webfont"),url(../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-SemiboldItalic-webfont.woff2) format("woff2"),url(../fonts/OpenSans-SemiboldItalic-webfont.woff) format("woff"),url(../fonts/OpenSans-SemiboldItalic-webfont.ttf) format("truetype"),url(../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSans) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/OpenSans-Bold-webfont.eot);
    src: local("Open Sans Bold"),local("OpenSans-Bold"),url(../fonts/OpenSans-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Bold-webfont.woff2) format("woff2"),url(../fonts/OpenSans-Bold-webfont.woff) format("woff"),url(../fonts/OpenSans-Bold-webfont.ttf) format("truetype"),url(../fonts/OpenSans-Bold-webfont.svg#OpenSans) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/OpenSans-BoldItalic-webfont.eot);
    src: local("Open Sans Bold Italic"),local("OpenSans-BoldItalic"),url(../fonts/OpenSans-BoldItalic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-BoldItalic-webfont.woff2) format("woff2"),url(../fonts/OpenSans-BoldItalic-webfont.woff) format("woff"),url(../fonts/OpenSans-BoldItalic-webfont.ttf) format("truetype"),url(../fonts/OpenSans-BoldItalic-webfont.svg#OpenSans) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 800;
    src: url(../fonts/OpenSans-ExtraBoldItalic-webfont.eot);
    src: local("Open Sans Extrabold Italic"),local("OpenSans-ExtraboldItalic"),url(../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-ExtraBoldItalic-webfont.woff2) format("woff2"),url(../fonts/OpenSans-ExtraBoldItalic-webfont.woff) format("woff"),url(../fonts/OpenSans-ExtraBoldItalic-webfont.ttf) format("truetype"),url(../fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSans) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/OpenSans-ExtraBold-webfont.eot);
    src: local("Open Sans Extrabold"),local("OpenSans-Extrabold"),url(../fonts/OpenSans-ExtraBold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-ExtraBold-webfont.woff2) format("woff2"),url(../fonts/OpenSans-ExtraBold-webfont.woff) format("woff"),url(../fonts/OpenSans-ExtraBold-webfont.ttf) format("truetype"),url(../fonts/OpenSans-ExtraBold-webfont.svg#OpenSans) format("svg")
}

/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *,:after,:before {
        color: #000!important;
        text-shadow: none!important;
        background: 0 0!important;
        box-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn>.caret,.dropup>.btn>.caret {
        border-top-color: #000!important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse!important
    }

    .table td,.table th {
        background-color: #fff!important
    }

    .table-bordered td,.table-bordered th {
        border: 1px solid #ddd!important
    }
}

@font-face {
    font-family: "Glyphicons Halflings";
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-eur:before,.glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-jpy:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-rub:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

* {
    box-sizing: border-box
}

:after,:before {
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.66666667;
    color: #363636;
    background-color: #fff
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #0088ce;
    text-decoration: none
}

a:focus,a:hover {
    color: #00659c;
    text-decoration: underline
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 1px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.66666667;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 1px;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #f1f1f1
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 1;
    color: #9c9c9c
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%
}

.h1,h1 {
    font-size: 24px
}

.h2,h2 {
    font-size: 22px
}

.h3,h3 {
    font-size: 16px
}

.h4,h4 {
    font-size: 15px
}

.h5,h5 {
    font-size: 13px
}

.h6,h6 {
    font-size: 11px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.4
}

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

.small,small {
    font-size: 91%
}

.mark,mark {
    padding: .2em;
    background-color: #fcf8e3
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #9c9c9c
}

.text-primary {
    color: #39a5dc
}

a.text-primary:focus,a.text-primary:hover {
    color: #228bc0
}

.text-success {
    color: #3c763d
}

a.text-success:focus,a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus,a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #ec7a08
}

a.text-warning:focus,a.text-warning:hover {
    color: #bb6106
}

.text-danger {
    color: #c00
}

a.text-danger:focus,a.text-danger:hover {
    color: #900
}

.bg-primary {
    color: #fff;
    background-color: #39a5dc
}

a.bg-primary:focus,a.bg-primary:hover {
    background-color: #228bc0
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus,a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus,a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus,a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus,a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #f1f1f1
}

ol,ul {
    margin-top: 0;
    margin-bottom: 10px
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd,dt {
    line-height: 1.66666667
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float:left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],abbr[title] {
    cursor: help
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 15px;
    border-left: 5px solid #f1f1f1
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,blockquote footer,blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.66666667;
    color: #9c9c9c
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
    content: "\2014 \00A0"
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #f1f1f1;
    border-left: 0
}

.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
    content: ""
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
    content: "\00A0 \2014"
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.66666667
}

code,kbd,pre,samp {
    font-family: Menlo,Monaco,Consolas,monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #004368;
    background-color: #def3ff;
    border-radius: 1px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 1px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 11px;
    line-height: 1.66666667;
    color: #363636;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 1px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .container {
        width:760px
    }
}

@media (min-width: 992px) {
    .container {
        width:980px
    }
}

@media (min-width: 1200px) {
    .container {
        width:1180px
    }
}

.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -20px;
    margin-left: -20px
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row-no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float:left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float:left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float:left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-],table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

caption {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #9c9c9c;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 10px;
    line-height: 1.66666667;
    vertical-align: top;
    border-top: 1px solid #d1d1d1
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #d1d1d1
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #d1d1d1
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #d1d1d1
}

.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #d1d1d1
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f5f5f5
}

.table-hover>tbody>tr:hover {
    background-color: #def3ff
}

.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
    background-color: #def3ff
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
    background-color: #c4eaff
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width:100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #d1d1d1
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: inherit;
    color: #363636;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=checkbox],input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
    cursor: not-allowed
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 3px;
    font-size: 12px;
    line-height: 1.66666667;
    color: #363636
}

.form-control {
    display: block;
    width: 100%;
    height: 26px;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 1.66666667;
    color: #363636;
    background-color: #fff;
    background-image: none;
    border: 1px solid #bbb;
    border-radius: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #0088ce;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,136,206,.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control:-moz-placeholder {
    color: #999;
    font-style: italic
}

.form-control::-moz-placeholder {
    color: #999;
    font-style: italic;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999;
    font-style: italic
}

.form-control::-webkit-input-placeholder {
    color: #999;
    font-style: italic
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #f5f5f5;
    opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
        line-height:26px
    }

    .input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm {
        line-height: 22px
    }

    .input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg {
        line-height: 33px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox,.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label {
    cursor: not-allowed
}

.checkbox label,.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.checkbox+.checkbox,.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.form-control-static {
    min-height: 32px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 0
}

.form-control-static.input-lg,.form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0
}

.input-sm {
    height: 22px;
    padding: 2px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 1px
}

select.input-sm {
    height: 22px;
    line-height: 22px
}

select[multiple].input-sm,textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 22px;
    padding: 2px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 1px
}

.form-group-sm select.form-control {
    height: 22px;
    line-height: 22px
}

.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 22px;
    min-height: 31px;
    padding: 3px 6px;
    font-size: 11px;
    line-height: 1.5
}

.input-lg {
    height: 33px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 1px
}

select.input-lg {
    height: 33px;
    line-height: 33px
}

select[multiple].input-lg,textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 33px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 1px
}

.form-group-lg select.form-control {
    height: 33px;
    line-height: 33px
}

.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 33px;
    min-height: 34px;
    padding: 7px 10px;
    font-size: 14px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 32.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback {
    width: 33px;
    height: 33px;
    line-height: 33px
}

.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label {
    color: #ec7a08
}

.has-warning .form-control {
    border-color: #ec7a08;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-warning .form-control:focus {
    border-color: #bb6106;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #faad60
}

.has-warning .input-group-addon {
    color: #ec7a08;
    background-color: #fcf8e3;
    border-color: #ec7a08
}

.has-warning .form-control-feedback {
    color: #ec7a08
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label {
    color: #c00
}

.has-error .form-control {
    border-color: #c00;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-error .form-control:focus {
    border-color: #900;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #f33
}

.has-error .input-group-addon {
    color: #c00;
    background-color: #f2dede;
    border-color: #c00
}

.has-error .form-control-feedback {
    color: #c00
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #767676
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,.form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,.form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
    padding-top: 3px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .checkbox,.form-horizontal .radio {
    min-height: 23px
}

.form-horizontal .form-group {
    margin-right: -20px;
    margin-left: -20px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top:3px;
        margin-bottom: 0;
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 20px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top:7px;
        font-size: 14px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top:3px;
        font-size: 11px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 1.66666667;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.focus,.btn:focus,.btn:hover {
    color: #4d5258;
    text-decoration: none
}

.btn.active,.btn:active {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    box-shadow: none
}

a.btn.disabled,fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #4d5258;
    background-color: #f1f1f1;
    border-color: #bbb
}

.btn-default.focus,.btn-default:focus {
    color: #4d5258;
    background-color: #d8d8d8;
    border-color: #7b7b7b
}

.btn-default:hover {
    color: #4d5258;
    background-color: #d8d8d8;
    border-color: #9c9c9c
}

.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default {
    color: #4d5258;
    background-color: #d8d8d8;
    background-image: none;
    border-color: #9c9c9c
}

.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover {
    color: #4d5258;
    background-color: #c6c6c6;
    border-color: #7b7b7b
}

.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
    background-color: #f1f1f1;
    border-color: #bbb
}

.btn-default .badge {
    color: #f1f1f1;
    background-color: #4d5258
}

.btn-primary {
    color: #fff;
    background-color: #0088ce;
    border-color: #00659c
}

.btn-primary.focus,.btn-primary:focus {
    color: #fff;
    background-color: #00669b;
    border-color: #00121d
}

.btn-primary:hover {
    color: #fff;
    background-color: #00669b;
    border-color: #003d5f
}

.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #00669b;
    background-image: none;
    border-color: #003d5f
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #004f77;
    border-color: #00121d
}

.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color: #0088ce;
    border-color: #00659c
}

.btn-primary .badge {
    color: #0088ce;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #3f9c35;
    border-color: #37892f
}

.btn-success.focus,.btn-success:focus {
    color: #fff;
    background-color: #307628;
    border-color: #112a0e
}

.btn-success:hover {
    color: #fff;
    background-color: #307628;
    border-color: #255b1f
}

.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #307628;
    background-image: none;
    border-color: #255b1f
}

.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #255b1f;
    border-color: #112a0e
}

.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
    background-color: #3f9c35;
    border-color: #37892f
}

.btn-success .badge {
    color: #3f9c35;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #00659c;
    border-color: #005483
}

.btn-info.focus,.btn-info:focus {
    color: #fff;
    background-color: #004469;
    border-color: #000203
}

.btn-info:hover {
    color: #fff;
    background-color: #004469;
    border-color: #002d45
}

.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #004469;
    background-image: none;
    border-color: #002d45
}

.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #002d45;
    border-color: #000203
}

.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    background-color: #00659c;
    border-color: #005483
}

.btn-info .badge {
    color: #00659c;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #ec7a08;
    border-color: #d36d07
}

.btn-warning.focus,.btn-warning:focus {
    color: #fff;
    background-color: #bb6106;
    border-color: #582e03
}

.btn-warning:hover {
    color: #fff;
    background-color: #bb6106;
    border-color: #984f05
}

.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #bb6106;
    background-image: none;
    border-color: #984f05
}

.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover {
    color: #fff;
    background-color: #984f05;
    border-color: #582e03
}

.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
    background-color: #ec7a08;
    border-color: #d36d07
}

.btn-warning .badge {
    color: #ec7a08;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #a30000;
    border-color: #8b0000
}

.btn-danger.focus,.btn-danger:focus {
    color: #fff;
    background-color: #700000;
    border-color: #0b0000
}

.btn-danger:hover {
    color: #fff;
    background-color: #700000;
    border-color: #4e0000
}

.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #700000;
    background-image: none;
    border-color: #4e0000
}

.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #4c0000;
    border-color: #0b0000
}

.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
    background-color: #a30000;
    border-color: #8b0000
}

.btn-danger .badge {
    color: #a30000;
    background-color: #fff
}

.btn-link {
    font-weight: 400;
    color: #0088ce;
    border-radius: 0
}

.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none
}

.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,.btn-link:hover {
    color: #00659c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
    color: #9c9c9c;
    text-decoration: none
}

.btn-group-lg>.btn,.btn-lg {
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 1px
}

.btn-group-sm>.btn,.btn-sm {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 1px
}

.btn-group-xs>.btn,.btn-xs {
    padding: 1px 5px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 1px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-property: height,visibility;
    transition-duration: .35s;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 0 dashed;
    border-right: 0 solid transparent;
    border-left: 0 solid transparent
}

.dropdown,.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 12px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #bbb;
    border-radius: 1px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    margin: 9px 0;
    background-color: #ededed;
    height: 1px;
    margin: 4px 1px;
    overflow: hidden
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.66666667;
    color: #363636;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    color: #4d5258;
    text-decoration: none;
    background-color: #def3ff
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0088ce;
    outline: 0
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    color: #9c9c9c
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 11px;
    line-height: 1.66666667;
    color: #9c9c9c;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 0 dashed
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right:0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    float: left
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 2
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 0 0 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 0 0
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
    display: table-cell;
    float: none;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
    height: 33px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 1px
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
    height: 33px;
    line-height: 33px
}

select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
    height: 22px;
    padding: 2px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 1px
}

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
    height: 22px;
    line-height: 22px
}

select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group .form-control,.input-group-addon,.input-group-btn {
    display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 2px 6px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #363636;
    text-align: center;
    background-color: #f1f1f1;
    border: 1px solid #bbb;
    border-radius: 1px
}

.input-group-addon.input-sm {
    padding: 2px 6px;
    font-size: 11px;
    border-radius: 1px
}

.input-group-addon.input-lg {
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 1px
}

.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:focus,.nav>li>a:hover {
    text-decoration: none;
    background-color: #f1f1f1
}

.nav>li.disabled>a {
    color: #9c9c9c
}

.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
    color: #9c9c9c;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background-color: #f1f1f1;
    border-color: #0088ce
}

.nav .nav-divider {
    margin: 9px 0;
    background-color: #e5e5e5;
    background-color: #ededed;
    height: 1px;
    margin: 4px 1px;
    overflow: hidden
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ededed
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.66666667;
    border: 1px solid transparent;
    border-radius: 1px 1px 0 0
}

.nav-tabs>li>a:hover {
    border-color: transparent transparent #ededed
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    color: #0088ce;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 1px
}

.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ededed
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom:1px solid #ededed;
        border-radius: 1px 1px 0 0
    }

    .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 1px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #39a5dc
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 1px
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
    border: 1px solid #ededed
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-bottom:1px solid #ededed;
        border-radius: 1px 1px 0 0
    }

    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width: 768px) {
    .navbar {
        border-radius:1px
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float:left
    }
}

.navbar-collapse {
    padding-right: 20px;
    padding-left: 20px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width:auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-bottom,.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
        max-height:200px
    }
}

@media (min-width: 768px) {
    .navbar-fixed-bottom,.navbar-fixed-top {
        border-radius:0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    margin-right: -20px;
    margin-left: -20px
}

@media (min-width: 768px) {
    .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
        margin-right:0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius:0
    }
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 20px;
    font-size: 14px;
    line-height: 20px
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width: 768px) {
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
        margin-left:-20px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 20px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 1px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display:none
    }
}

.navbar-nav {
    margin: 7.5px -20px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position:static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float:left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    padding: 10px 20px;
    margin-right: -20px;
    margin-left: -20px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    margin-top: 12px;
    margin-bottom: 12px
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox,.navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox label,.navbar-form .radio label {
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom:5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width:auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 12px;
    margin-bottom: 12px
}

.navbar-btn.btn-sm {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        float:left;
        margin-right: 20px;
        margin-left: 20px
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float:left!important;
        float: left
    }

    .navbar-right {
        float: right!important;
        float: right;
        margin-right: -20px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #777
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #e7e7e7
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color:#777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:focus,.navbar-default .btn-link:hover {
    color: #333
}

.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #c2c2c2
}

.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #c2c2c2
}

.navbar-inverse .navbar-nav>li>a {
    color: #c2c2c2
}

.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #080808
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color:#080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #c2c2c2
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-link {
    color: #c2c2c2
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #c2c2c2
}

.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 1px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #4d5258;
    content: "\f105\00a0"
}

.breadcrumb>.active {
    color: #4d5258
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 1px
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 2px 6px;
    margin-left: -1px;
    line-height: 1.66666667;
    color: #0088ce;
    text-decoration: none;
    background-color: #f5f5f5;
    border: 1px solid #bbb
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    z-index: 2;
    color: #00659c;
    background-color: #ededed;
    border-color: #ddd
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #39a5dc;
    border-color: #39a5dc
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    color: #9c9c9c;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.3333333
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

.pager li {
    display: inline
}

.pager li>a,.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #f5f5f5;
    border: 1px solid #bbb;
    border-radius: 0
}

.pager li>a:focus,.pager li>a:hover {
    text-decoration: none;
    background-color: #ededed
}

.pager .next>a,.pager .next>span {
    float: right
}

.pager .previous>a,.pager .previous>span {
    float: left
}

.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span {
    color: #8b8d8f;
    cursor: not-allowed;
    background-color: #f5f5f5
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:focus,a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #9c9c9c
}

.label-default[href]:focus,.label-default[href]:hover {
    background-color: #838383
}

.label-primary {
    background-color: #39a5dc
}

.label-primary[href]:focus,.label-primary[href]:hover {
    background-color: #228bc0
}

.label-success {
    background-color: #3f9c35
}

.label-success[href]:focus,.label-success[href]:hover {
    background-color: #307628
}

.label-info {
    background-color: #00659c
}

.label-info[href]:focus,.label-info[href]:hover {
    background-color: #004469
}

.label-warning {
    background-color: #ec7a08
}

.label-warning[href]:focus,.label-warning[href]:hover {
    background-color: #bb6106
}

.label-danger {
    background-color: #c00
}

.label-danger[href]:focus,.label-danger[href]:hover {
    background-color: #900
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #9c9c9c;
    border-radius: 1px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs>.btn .badge,.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:focus,a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
    color: #0088ce;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #f1f1f1
}

.jumbotron .h1,.jumbotron h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 200
}

.jumbotron>hr {
    border-top-color: #d8d8d8
}

.container .jumbotron,.container-fluid .jumbotron {
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 1px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top:48px;
        padding-bottom: 48px
    }

    .container .jumbotron,.container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px
    }

    .jumbotron .h1,.jumbotron h1 {
        font-size: 54px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.66666667;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 1px;
    transition: border .2s ease-in-out
}

.thumbnail a>img,.thumbnail>img {
    margin-right: auto;
    margin-left: auto
}

a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover {
    border-color: #0088ce
}

.thumbnail .caption {
    padding: 9px;
    color: #363636
}

.alert {
    padding: 11px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 1px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 500
}

.alert>p,.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,.alert-dismissible {
    padding-right: 31px
}

.alert-dismissable .close,.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    color: #363636;
    background-color: #e9f4e9;
    border-color: #3f9c35
}

.alert-success hr {
    border-top-color: #37892f
}

.alert-success .alert-link {
    color: #1d1d1d
}

.alert-info {
    color: #363636;
    background-color: #f5f5f5;
    border-color: #8b8d8f
}

.alert-info hr {
    border-top-color: #7e8082
}

.alert-info .alert-link {
    color: #1d1d1d
}

.alert-warning {
    color: #363636;
    background-color: #fdf2e5;
    border-color: #ec7a08
}

.alert-warning hr {
    border-top-color: #d36d07
}

.alert-warning .alert-link {
    color: #1d1d1d
}

.alert-danger {
    color: #363636;
    background-color: #ffe6e6;
    border-color: #c00
}

.alert-danger hr {
    border-top-color: #b30000
}

.alert-danger .alert-link {
    color: #1d1d1d
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #ededed;
    border-radius: 1px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 11px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #39a5dc;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    transition: width .6s ease
}

.progress-bar-striped,.progress-striped .progress-bar {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(3,3,3,.15) 25%,rgba(3,3,3,.15) 26%,transparent 27%,transparent 49%,rgba(3,3,3,.15) 50%,rgba(3,3,3,.15) 51%,transparent 52%,transparent 74%,rgba(3,3,3,.15) 75%,rgba(3,3,3,.15) 76%,transparent 77%);
    background-size: 40px 40px
}

.progress-bar.active,.progress.active .progress-bar {
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #3f9c35
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(3,3,3,.15) 25%,rgba(3,3,3,.15) 26%,transparent 27%,transparent 49%,rgba(3,3,3,.15) 50%,rgba(3,3,3,.15) 51%,transparent 52%,transparent 74%,rgba(3,3,3,.15) 75%,rgba(3,3,3,.15) 76%,transparent 77%)
}

.progress-bar-info {
    background-color: #00659c
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(3,3,3,.15) 25%,rgba(3,3,3,.15) 26%,transparent 27%,transparent 49%,rgba(3,3,3,.15) 50%,rgba(3,3,3,.15) 51%,transparent 52%,transparent 74%,rgba(3,3,3,.15) 75%,rgba(3,3,3,.15) 76%,transparent 77%)
}

.progress-bar-warning {
    background-color: #ec7a08
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(3,3,3,.15) 25%,rgba(3,3,3,.15) 26%,transparent 27%,transparent 49%,rgba(3,3,3,.15) 50%,rgba(3,3,3,.15) 51%,transparent 52%,transparent 74%,rgba(3,3,3,.15) 75%,rgba(3,3,3,.15) 76%,transparent 77%)
}

.progress-bar-danger {
    background-color: #c00
}

.progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(3,3,3,.15) 25%,rgba(3,3,3,.15) 26%,transparent 27%,transparent 49%,rgba(3,3,3,.15) 50%,rgba(3,3,3,.15) 51%,transparent 52%,transparent 74%,rgba(3,3,3,.15) 75%,rgba(3,3,3,.15) 76%,transparent 77%)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,.media-body {
    overflow: hidden;
    zoom:1}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right,.media>.pull-right {
    padding-left: 10px
}

.media-left,.media>.pull-left {
    padding-right: 10px
}

.media-body,.media-left,.media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #f5f5f5
}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover {
    color: #9c9c9c;
    cursor: not-allowed;
    background-color: #fafafa
}

.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text {
    color: #9c9c9c
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #39a5dc;
    border-color: #39a5dc
}

.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small {
    color: inherit
}

.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
    color: #e6f4fb
}

a.list-group-item,button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #def3ff
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success,button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info,button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #ec7a08;
    background-color: #fcf8e3
}

a.list-group-item-warning,button.list-group-item-warning {
    color: #ec7a08
}

a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover {
    color: #ec7a08;
    background-color: #faf2cc
}

a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #ec7a08;
    border-color: #ec7a08
}

.list-group-item-danger {
    color: #c00;
    background-color: #f2dede
}

a.list-group-item-danger,button.list-group-item-danger {
    color: #c00
}

a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover {
    color: #c00;
    background-color: #ebcccc
}

a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #c00;
    border-color: #c00
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit
}

.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #d1d1d1;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.panel>.list-group,.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 0
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 0
}

.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 0
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 0
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
    border-top: 1px solid #d1d1d1
}

.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 1px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #d1d1d1
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #d1d1d1
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #363636;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #363636
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #39a5dc
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #39a5dc;
    border-color: #39a5dc
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #39a5dc
}

.panel-primary>.panel-heading .badge {
    color: #39a5dc;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #39a5dc
}

.panel-success {
    border-color: #3f9c35
}

.panel-success>.panel-heading {
    color: #fff;
    background-color: #3f9c35;
    border-color: #3f9c35
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #3f9c35
}

.panel-success>.panel-heading .badge {
    color: #3f9c35;
    background-color: #fff
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #3f9c35
}

.panel-info {
    border-color: #00659c
}

.panel-info>.panel-heading {
    color: #fff;
    background-color: #00659c;
    border-color: #00659c
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #00659c
}

.panel-info>.panel-heading .badge {
    color: #00659c;
    background-color: #fff
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #00659c
}

.panel-warning {
    border-color: #ec7a08
}

.panel-warning>.panel-heading {
    color: #fff;
    background-color: #ec7a08;
    border-color: #ec7a08
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ec7a08
}

.panel-warning>.panel-heading .badge {
    color: #ec7a08;
    background-color: #fff
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ec7a08
}

.panel-danger {
    border-color: #c00
}

.panel-danger>.panel-heading {
    color: #fff;
    background-color: #c00;
    border-color: #c00
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #c00
}

.panel-danger>.panel-heading .badge {
    color: #c00;
    background-color: #fff
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #c00
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,.15)
}

.well-lg {
    padding: 24px;
    border-radius: 1px
}

.well-sm {
    padding: 9px;
    border-radius: 1px
}

.close {
    float: right;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.close:focus,.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -ms-transform: translate(0,-25%);
    transform: translate(0,-25%);
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 1px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.66666667
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width:600px;
        margin: 30px auto
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width:900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.66666667;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 11px;
    opacity: 0
}

.tooltip.in {
    opacity: .9
}

.tooltip.top {
    padding: 8px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 8px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 8px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 8px;
    margin-left: -3px
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    border-width: 8px 8px 0;
    border-top-color: #393f44
}

.tooltip.top-left .tooltip-arrow {
    right: 8px;
    bottom: 0;
    margin-bottom: -8px;
    border-width: 8px 8px 0;
    border-top-color: #393f44
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 8px;
    margin-bottom: -8px;
    border-width: 8px 8px 0;
    border-top-color: #393f44
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -8px;
    border-width: 8px 8px 8px 0;
    border-right-color: #393f44
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -8px;
    border-width: 8px 0 8px 8px;
    border-left-color: #393f44
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: #393f44
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 8px;
    margin-top: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: #393f44
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 8px;
    margin-top: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: #393f44
}

.tooltip-inner {
    max-width: 220px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #393f44;
    border-radius: 1px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 220px;
    padding: 1px;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.66666667;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 12px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid #bbb;
    border-radius: 1px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow,.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow:after {
    content: "";
    border-width: 10px
}

.popover.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: #bbb;
    border-bottom-width: 0
}

.popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: #bbb;
    border-left-width: 0
}

.popover.right>.arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: #bbb
}

.popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: #bbb
}

.popover.left>.arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 12px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 0
}

.popover-content {
    padding: 9px 14px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner>.item {
    position: relative;
    display: none;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img {
    line-height: 1
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner>.item {
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        perspective: 1000px
    }

    .carousel-inner>.item.active.right,.carousel-inner>.item.next {
        transform: translate3d(100%,0,0);
        left: 0
    }

    .carousel-inner>.item.active.left,.carousel-inner>.item.prev {
        transform: translate3d(-100%,0,0);
        left: 0
    }

    .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right {
        transform: translate3d(0,0,0);
        left: 0
    }
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    opacity: .5
}

.carousel-control.left {
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-repeat: repeat-x
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-repeat: repeat-x
}

.carousel-control:focus,.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px
}

.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next,.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1
}

.carousel-control .icon-prev:before {
    content: "\2039"
}

.carousel-control .icon-next:before {
    content: "\203a"
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
        width:30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
        margin-right: -10px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before {
    display: table;
    content: " "
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg,.visible-md,.visible-sm,.visible-xs {
    display: none!important
}

.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

@media (max-width: 767px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table!important
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display:block!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display:inline!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table!important
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-block {
        display:block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline {
        display:inline!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display:block!important
    }

    table.visible-md {
        display: table!important
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-block {
        display:block!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline {
        display:inline!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table!important
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display:block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display:inline!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display:inline-block!important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display:none!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display:none!important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display:none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }

    table.visible-print {
        display: table!important
    }

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

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

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}

@media print {
    .hidden-print {
        display: none!important
    }
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8)
}

@keyframes fa-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-close:before,.fa-remove:before,.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before,.fa-gear:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before,.fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before,.fa-photo:before,.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before,.fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before,.fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before,.fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before,.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before,.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before,.fa-users:before {
    content: "\f0c0"
}

.fa-chain:before,.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before,.fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before,.fa-navicon:before,.fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before,.fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before,.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before,.fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before,.fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before,.fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before,.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before,.fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before,.fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before,.fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before,.fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before,.fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before,.fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before,.fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before,.fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before,.fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before,.fa-usd:before {
    content: "\f155"
}

.fa-inr:before,.fa-rupee:before {
    content: "\f156"
}

.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before {
    content: "\f157"
}

.fa-rouble:before,.fa-rub:before,.fa-ruble:before {
    content: "\f158"
}

.fa-krw:before,.fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before,.fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before,.fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before,.fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before,.fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before,.fa-institution:before,.fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before,.fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before,.fa-car:before {
    content: "\f1b9"
}

.fa-cab:before,.fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before,.fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before,.fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before,.fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before,.fa-rebel:before,.fa-resistance:before {
    content: "\f1d0"
}

.fa-empire:before,.fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before,.fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before,.fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before,.fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-futbol-o:before,.fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-ils:before,.fa-shekel:before,.fa-sheqel:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before,.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-bed:before,.fa-hotel:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-y-combinator:before,.fa-yc:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before {
    content: "\f240"
}

.fa-battery-3:before,.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before,.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before,.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before,.fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before,.fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before,.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before,.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before,.fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-paper-o:before,.fa-hand-stop-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-television:before,.fa-tv:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before {
    content: "\f2a3"
}

.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-sign-language:before,.fa-signing:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before,.fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before,.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-address-card:before,.fa-vcard:before {
    content: "\f2bb"
}

.fa-address-card-o:before,.fa-vcard-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before,.fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before,.fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before {
    content: "\f2c7"
}

.fa-thermometer-3:before,.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before,.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before,.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before,.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bath:before,.fa-bathtub:before,.fa-s15:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before,.fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before,.fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.text-overflow-pf {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.alert {
    border-width: 1px;
    padding-left: 47px;
    padding-right: 14px;
    position: relative;
    word-wrap: break-word
}

.alert .alert-link {
    color: #0088ce
}

.alert .alert-link:hover {
    color: #00659c
}

.alert>.btn.pull-right {
    margin-top: -3px
}

.alert>.pficon {
    font-size: 22px;
    position: absolute;
    left: 13px;
    top: 10px
}

.alert .close {
    opacity: .85
}

.alert .close:focus,.alert .close:hover {
    opacity: 1
}

.alert .pficon-info {
    color: #4d5258
}

.alert-dismissable {
    padding-right: 28px
}

.alert-dismissable .close {
    right: -13px;
    top: 1px
}

.badge {
    margin-left: 6px
}

.nav-pills>li>a>.badge {
    margin-left: 6px
}

.breadcrumb {
    padding-left: 0
}

.breadcrumb>.active strong {
    font-weight: 600
}

.breadcrumb>li {
    display: inline
}

.breadcrumb>li+li:before {
    color: #9c9c9c;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 11px;
    padding: 0 9px 0 7px
}

.btn {
    box-shadow: 0 2px 3px rgba(3,3,3,.1)
}

.btn:active {
    box-shadow: inset 0 2px 8px rgba(3,3,3,.2)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    background-color: #fafafa!important;
    background-image: none!important;
    border-color: #d1d1d1!important;
    color: #8b8d8f!important;
    opacity: 1
}

.btn.disabled:active,.btn[disabled]:active,fieldset[disabled] .btn:active {
    box-shadow: none
}

.btn.disabled.btn-link,.btn[disabled].btn-link,fieldset[disabled] .btn.btn-link {
    background-color: transparent!important;
    border: 0
}

.btn-danger {
    background-color: #a30000;
    background-image: linear-gradient(to bottom,#c00 0,#a30000 100%);
    background-repeat: repeat-x;
    border-color: #8b0000;
    color: #fff
}

.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger {
    background-color: #a30000;
    background-image: none;
    border-color: #8b0000;
    color: #fff
}

.btn-danger.active,.btn-danger:active,.open .dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open .dropdown-toggle.btn-danger.focus,.open .dropdown-toggle.btn-danger:focus,.open .dropdown-toggle.btn-danger:hover {
    background-color: #8a0000;
    border-color: #670000
}

.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
    background-color: #a30000;
    border-color: #8b0000
}

.btn-default {
    background-color: #f1f1f1;
    background-image: linear-gradient(to bottom,#fafafa 0,#ededed 100%);
    background-repeat: repeat-x;
    border-color: #bbb;
    color: #4d5258
}

.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default {
    background-color: #f1f1f1;
    background-image: none;
    border-color: #bbb;
    color: #4d5258
}

.btn-default.active,.btn-default:active,.open .dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open .dropdown-toggle.btn-default.focus,.open .dropdown-toggle.btn-default:focus,.open .dropdown-toggle.btn-default:hover {
    background-color: #e5e5e5;
    border-color: #a9a9a9
}

.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
    background-color: #f1f1f1;
    border-color: #bbb
}

.btn-link,.btn-link:active {
    box-shadow: none
}

.btn-primary {
    background-color: #0088ce;
    background-image: linear-gradient(to bottom,#39a5dc 0,#0088ce 100%);
    background-repeat: repeat-x;
    border-color: #00659c;
    color: #fff
}

.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary {
    background-color: #0088ce;
    background-image: none;
    border-color: #00659c;
    color: #fff
}

.btn-primary.active,.btn-primary:active,.open .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open .dropdown-toggle.btn-primary.focus,.open .dropdown-toggle.btn-primary:focus,.open .dropdown-toggle.btn-primary:hover {
    background-color: #0077b5;
    border-color: #004e78
}

.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color: #0088ce;
    border-color: #00659c
}

.btn-group-xs .btn,.btn-group-xs>.btn,.btn-xs {
    font-weight: 400
}

.caret {
    font-family: FontAwesome;
    font-weight: 400;
    height: 9px;
    position: relative;
    vertical-align: baseline;
    width: 12px
}

.caret:before {
    bottom: 0;
    content: "\f107";
    left: 0;
    line-height: 12px;
    position: absolute;
    text-align: center;
    top: -1px;
    right: 0
}

.dropup .caret:before {
    content: "\f106"
}

.dropdown-toggle:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.dropdown-menu .divider {
    background-color: #ededed;
    height: 1px;
    margin: 4px 1px;
    overflow: hidden
}

.dropdown-menu>li>a {
    border-color: transparent;
    border-style: solid;
    border-width: 1px 0;
    padding: 1px 10px
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    border-color: #bee1f4
}

.dropdown-menu>li>a:active {
    background-color: #0088ce;
    border-color: #0088ce;
    color: #fff!important
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    background-color: #0088ce!important;
    border-color: #0088ce!important
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    border-color: transparent
}

.dropdown-menu>.selected>a {
    background-color: #0088ce;
    border-color: #0088ce;
    color: #fff
}

.dropdown-menu>.selected>a small {
    color: rgba(255,255,255,.5)
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    border-color: transparent
}

.dropdown-header {
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase
}

.btn-group>.dropdown-menu,.dropdown>.dropdown-menu,.input-group-btn>.dropdown-menu {
    margin-top: -1px
}

.dropup .dropdown-menu {
    margin-bottom: -1px
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu:hover>a {
    background-color: #def3ff;
    border-color: #bee1f4
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.dropdown-submenu.pull-left {
    float: none!important
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: auto;
    margin-left: 10px;
    right: 100%
}

.dropdown-submenu>a {
    padding-right: 20px!important
}

.dropdown-submenu>a:after {
    content: "\f105";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    right: 10px;
    top: 2px
}

.dropdown-submenu>.dropdown-menu {
    left: 100%;
    margin-top: 0;
    top: -6px
}

.dropup .dropdown-submenu>.dropdown-menu {
    bottom: -5px;
    top: auto
}

.open .dropdown-submenu.active>.dropdown-menu {
    display: block
}

.dropdown-kebab-pf .btn-link,.dropdown-kebab-pf.btn-group>.btn:first-child {
    color: #252525;
    font-size: 16px;
    line-height: 1;
    padding: 4px 10px;
    margin-left: -10px;
    margin-right: -10px
}

.dropdown-kebab-pf .btn-link:active,.dropdown-kebab-pf .btn-link:focus,.dropdown-kebab-pf .btn-link:hover,.dropdown-kebab-pf.btn-group>.btn:first-child:active,.dropdown-kebab-pf.btn-group>.btn:first-child:focus,.dropdown-kebab-pf.btn-group>.btn:first-child:hover {
    color: #0088ce
}

.dropdown-kebab-pf.btn-group {
    margin-left: 10px
}

.dropdown-kebab-pf .dropdown-menu {
    left: -15px;
    margin-top: 11px
}

.dropdown-kebab-pf .dropdown-menu.dropdown-menu-right {
    left: auto;
    right: -15px
}

.dropdown-kebab-pf .dropdown-menu.dropdown-menu-right:after,.dropdown-kebab-pf .dropdown-menu.dropdown-menu-right:before {
    left: auto;
    right: 6px
}

.dropdown-kebab-pf .dropdown-menu:after,.dropdown-kebab-pf .dropdown-menu:before {
    border-bottom-color: #bbb;
    border-bottom-style: solid;
    border-bottom-width: 10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: inline-block;
    left: 6px;
    position: absolute;
    top: -11px
}

.dropdown-kebab-pf .dropdown-menu:after {
    border-bottom-color: #fff;
    top: -10px
}

.dropdown-kebab-pf.dropup .dropdown-menu {
    margin-bottom: 11px;
    margin-top: 0
}

.dropdown-kebab-pf.dropup .dropdown-menu:after,.dropdown-kebab-pf.dropup .dropdown-menu:before {
    border-bottom: none;
    border-top-color: #bbb;
    border-top-style: solid;
    border-top-width: 10px;
    bottom: -11px;
    top: auto
}

.dropdown-kebab-pf.dropup .dropdown-menu:after {
    border-top-color: #fff;
    bottom: -10px
}

.form-horizontal-pf-align-left .control-label {
    text-align: left
}

@media (min-width: 768px) {
    .form-horizontal-pf-align-left.required-pf .control-label:not(.required-pf) {
        padding-left:30px
    }
}

.chars-remaining-pf span {
    font-weight: 600;
    padding-right: 5px
}

.chars-warn-remaining-pf {
    color: #c00
}

.fields-status-pf {
    color: #8b8d8f;
    margin-bottom: 15px
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    box-shadow: none;
    color: #8b8d8f
}

.form-control[disabled]:hover,.form-control[readonly]:hover,fieldset[disabled] .form-control:hover {
    border-color: #bbb
}

.form-control:hover {
    border-color: #7dc3e8
}

.has-error .form-control:hover {
    border-color: #900
}

.has-success .form-control:hover {
    border-color: #2b542c
}

.has-warning .form-control:hover {
    border-color: #bb6106
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label,.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label,.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label {
    color: #363636
}

.help-block {
    margin-bottom: 0
}

.input-group .input-group-btn .btn {
    box-shadow: none
}

label {
    font-weight: 600
}

label.required-pf:before {
    color: #c00;
    content: "*";
    margin-right: 3px
}

span.required-pf {
    color: #c00
}

.fields-section-pf {
    border-color: #ededed;
    border-style: solid;
    border-width: 1px 0 0;
    margin-top: 25px;
    padding: 15px 0 0
}

.fields-section-header-pf {
    border: none;
    font-size: 12px;
    margin: 0;
    padding-right: 10px;
    width: auto
}

.fields-section-header-pf .fa-angle-right {
    cursor: pointer;
    font-size: 14px;
    width: 14px
}

.form-control-pf-editable {
    display: -ms-flexbox;
    display: flex
}

.form-control-pf-editable.form-control-pf-full-width {
    display: block
}

.form-control-pf-editable.form-control-pf-full-width>.form-control-pf-value {
    text-align: left
}

.form-control-pf-editable.form-control-pf-full-width .action-buttons {
    float: right
}

.form-control-pf-editable.form-control-pf-edit>.form-control-pf-value {
    display: none
}

.form-control-pf-editable.form-control-pf-edit>.bootstrap-select.btn-group:not(.input-group-btn),.form-control-pf-editable.form-control-pf-edit>:not(.form-control-pf-value):not(.spinner) {
    display: inline-block
}

.form-control-pf-editable.form-control-pf-updating>.spinner {
    display: inline-block
}

.form-control-pf-editable.form-control-pf-updating>:not(.spinner) {
    display: none
}

.form-control-pf-editable>.form-control-pf-value {
    background: 0 0;
    border: 1px solid transparent;
    display: inline-block;
    padding: 2px 6px
}

.form-control-pf-editable>.form-control-pf-value:focus {
    border-color: #bbb
}

.form-control-pf-editable>.form-control-pf-value:hover {
    border-color: #bbb;
    cursor: pointer
}

.form-control-pf-editable>.form-control-pf-value+:not(textarea) {
    -ms-flex: 1;
    flex: 1
}

.form-control-pf-editable>.form-control-pf-value i {
    margin-left: 6px
}

.form-control-pf-editable>:not(.form-control-pf-value) {
    display: none
}

.form-control-pf-editable>.form-control-pf-textbox {
    position: relative
}

.form-control-pf-editable>.form-control-pf-textbox input {
    padding-right: 26px
}

.form-control-pf-editable>.form-control-pf-textbox .form-control-pf-empty {
    background: 0 0;
    border: none;
    color: #bbb;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.form-control-pf-editable>.btn {
    margin-left: 3px
}

.form-control-pf-editable>.spinner {
    margin: 4px 0
}

.form-control-pf-editable>.bootstrap-select.btn-group:not(.input-group-btn) {
    display: none
}

.form-control-pf-editable>textarea {
    display: block;
    min-height: 84px;
    resize: vertical
}

.label {
    border-radius: 0;
    font-size: 100%;
    font-weight: 600
}

h1 .label,h2 .label,h3 .label,h4 .label,h5 .label,h6 .label {
    font-size: 75%
}

.list-group {
    border-top: 1px solid #ededed
}

.list-group .list-group-item:first-child {
    border-top: 0
}

.list-group-item {
    border-left: 0;
    border-right: 0
}

.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover {
    background-color: #fafafa
}

.list-group-item-heading {
    font-weight: 600
}

.modal-header {
    background-color: #f5f5f5;
    border-bottom: none;
    padding: 10px 18px
}

.modal-header .close {
    margin-top: 2px
}

.modal-title {
    font-size: 13px;
    font-weight: 700
}

.modal-footer {
    border-top: none;
    margin-top: 15px;
    padding: 14px 15px 15px
}

.modal-footer>.btn {
    padding-left: 10px;
    padding-right: 10px
}

.modal-footer>.btn>.fa-angle-left {
    margin-right: 5px
}

.modal-footer>.btn>.fa-angle-right {
    margin-left: 5px
}

.message-dialog-pf .modal-body {
    display: -ms-flexbox;
    display: flex
}

.message-dialog-pf .modal-body .fa,.message-dialog-pf .modal-body .fab,.message-dialog-pf .modal-body .fal,.message-dialog-pf .modal-body .far,.message-dialog-pf .modal-body .fas,.message-dialog-pf .modal-body .pficon {
    font-size: 30px;
    margin-right: 15px
}

.pager li>a,.pager li>span {
    background-color: #f1f1f1;
    background-image: linear-gradient(to bottom,#fafafa 0,#ededed 100%);
    background-repeat: repeat-x;
    border-color: #bbb;
    color: #4d5258;
    font-weight: 600;
    line-height: 22px;
    padding: 2px 14px
}

.open .dropdown-toggle.pager li>a,.open .dropdown-toggle.pager li>span,.pager li>a.active,.pager li>a:active,.pager li>a:focus,.pager li>a:hover,.pager li>span.active,.pager li>span:active,.pager li>span:focus,.pager li>span:hover {
    background-color: #f1f1f1;
    background-image: none;
    border-color: #bbb;
    color: #4d5258
}

.open .dropdown-toggle.pager li>a,.open .dropdown-toggle.pager li>span,.pager li>a.active,.pager li>a:active,.pager li>span.active,.pager li>span:active {
    background-image: none
}

.open .dropdown-toggle.pager li>a.focus,.open .dropdown-toggle.pager li>a:focus,.open .dropdown-toggle.pager li>a:hover,.open .dropdown-toggle.pager li>span.focus,.open .dropdown-toggle.pager li>span:focus,.open .dropdown-toggle.pager li>span:hover,.pager li>a.active.focus,.pager li>a.active:focus,.pager li>a.active:hover,.pager li>a:active.focus,.pager li>a:active:focus,.pager li>a:active:hover,.pager li>span.active.focus,.pager li>span.active:focus,.pager li>span.active:hover,.pager li>span:active.focus,.pager li>span:active:focus,.pager li>span:active:hover {
    background-color: #e5e5e5;
    border-color: #a9a9a9
}

.pager li>a.disabled,.pager li>a.disabled.active,.pager li>a.disabled:active,.pager li>a.disabled:focus,.pager li>a.disabled:hover,.pager li>a[disabled],.pager li>a[disabled].active,.pager li>a[disabled]:active,.pager li>a[disabled]:focus,.pager li>a[disabled]:hover,.pager li>span.disabled,.pager li>span.disabled.active,.pager li>span.disabled:active,.pager li>span.disabled:focus,.pager li>span.disabled:hover,.pager li>span[disabled],.pager li>span[disabled].active,.pager li>span[disabled]:active,.pager li>span[disabled]:focus,.pager li>span[disabled]:hover,fieldset[disabled] .pager li>a,fieldset[disabled] .pager li>a.active,fieldset[disabled] .pager li>a:active,fieldset[disabled] .pager li>a:focus,fieldset[disabled] .pager li>a:hover,fieldset[disabled] .pager li>span,fieldset[disabled] .pager li>span.active,fieldset[disabled] .pager li>span:active,fieldset[disabled] .pager li>span:focus,fieldset[disabled] .pager li>span:hover {
    background-color: #f1f1f1;
    border-color: #bbb
}

.pager li>a>.i,.pager li>span>.i {
    font-size: 18px;
    vertical-align: top;
    margin: 2px 0
}

.pager li a:active {
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(3,3,3,.125);
    outline: 0
}

.pager .disabled>a,.pager .disabled>a:active,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span {
    background: #f5f5f5;
    box-shadow: none;
    color: #8b8d8f;
    cursor: not-allowed
}

.pager .next>a>.i,.pager .next>span>.i {
    margin-left: 5px
}

.pager .previous>a>.i,.pager .previous>span>.i {
    margin-right: 5px
}

.pager-sm li>a,.pager-sm li>span {
    font-weight: 400;
    line-height: 16px;
    padding: 1px 10px
}

.pager-sm li>a>.i,.pager-sm li>span>.i {
    font-size: 12px
}

.pagination>li>a,.pagination>li>span {
    background-color: #f1f1f1;
    background-image: linear-gradient(to bottom,#fafafa 0,#ededed 100%);
    background-repeat: repeat-x;
    border-color: #bbb;
    color: #4d5258;
    cursor: default;
    font-weight: 600;
    padding: 2px 10px
}

.open .dropdown-toggle.pagination>li>a,.open .dropdown-toggle.pagination>li>span,.pagination>li>a.active,.pagination>li>a:active,.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span.active,.pagination>li>span:active,.pagination>li>span:focus,.pagination>li>span:hover {
    background-color: #f1f1f1;
    background-image: none;
    border-color: #bbb;
    color: #4d5258
}

.open .dropdown-toggle.pagination>li>a,.open .dropdown-toggle.pagination>li>span,.pagination>li>a.active,.pagination>li>a:active,.pagination>li>span.active,.pagination>li>span:active {
    background-image: none
}

.open .dropdown-toggle.pagination>li>a.focus,.open .dropdown-toggle.pagination>li>a:focus,.open .dropdown-toggle.pagination>li>a:hover,.open .dropdown-toggle.pagination>li>span.focus,.open .dropdown-toggle.pagination>li>span:focus,.open .dropdown-toggle.pagination>li>span:hover,.pagination>li>a.active.focus,.pagination>li>a.active:focus,.pagination>li>a.active:hover,.pagination>li>a:active.focus,.pagination>li>a:active:focus,.pagination>li>a:active:hover,.pagination>li>span.active.focus,.pagination>li>span.active:focus,.pagination>li>span.active:hover,.pagination>li>span:active.focus,.pagination>li>span:active:focus,.pagination>li>span:active:hover {
    background-color: #e5e5e5;
    border-color: #a9a9a9
}

.pagination>li>a.disabled,.pagination>li>a.disabled.active,.pagination>li>a.disabled:active,.pagination>li>a.disabled:focus,.pagination>li>a.disabled:hover,.pagination>li>a[disabled],.pagination>li>a[disabled].active,.pagination>li>a[disabled]:active,.pagination>li>a[disabled]:focus,.pagination>li>a[disabled]:hover,.pagination>li>span.disabled,.pagination>li>span.disabled.active,.pagination>li>span.disabled:active,.pagination>li>span.disabled:focus,.pagination>li>span.disabled:hover,.pagination>li>span[disabled],.pagination>li>span[disabled].active,.pagination>li>span[disabled]:active,.pagination>li>span[disabled]:focus,.pagination>li>span[disabled]:hover,fieldset[disabled] .pagination>li>a,fieldset[disabled] .pagination>li>a.active,fieldset[disabled] .pagination>li>a:active,fieldset[disabled] .pagination>li>a:focus,fieldset[disabled] .pagination>li>a:hover,fieldset[disabled] .pagination>li>span,fieldset[disabled] .pagination>li>span.active,fieldset[disabled] .pagination>li>span:active,fieldset[disabled] .pagination>li>span:focus,fieldset[disabled] .pagination>li>span:hover {
    background-color: #f1f1f1;
    border-color: #bbb
}

.pagination>li>a>.i,.pagination>li>span>.i {
    font-size: 15px;
    vertical-align: top;
    margin: 2px 0
}

.pagination>li>a:active,.pagination>li>span:active {
    box-shadow: inset 0 2px 8px rgba(3,3,3,.2)
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    background-color: #f1f1f1;
    border-color: #bbb;
    box-shadow: inset 0 2px 8px rgba(3,3,3,.2);
    color: #4d5258;
    background-image: linear-gradient(to bottom,#fafafa 0,#ededed 100%);
    background-repeat: repeat-x
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    box-shadow: none;
    cursor: not-allowed;
    background-image: linear-gradient(to bottom,#fafafa 0,#ededed 100%);
    background-repeat: repeat-x
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    font-weight: 400
}

.pagination-sm>li>a>.i,.pagination-sm>li>span>.i {
    font-size: 12px;
    margin-top: 2px
}

.content-view-pf-pagination {
    background-color: #f5f5f5;
    border: 1px solid #d1d1d1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content-view-pf-pagination.table-view-pf-pagination {
    border-top: none
}

.content-view-pf-pagination .form-group {
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    float: left;
    margin: 5px
}

@supports (display: flex) {
    .content-view-pf-pagination .form-group {
        float:none
    }
}

.content-view-pf-pagination .form-group:last-child {
    -ms-flex-pack: end;
    justify-content: flex-end;
    float: right
}

@supports (display: flex) {
    .content-view-pf-pagination .form-group:last-child {
        float:none
    }
}

.content-view-pf-pagination .form-group .pagination-pf-pagesize.bootstrap-select.btn-group,.content-view-pf-pagination .form-group .pagination-pf-pagesize.btn-group {
    display: -ms-flexbox;
    display: flex;
    float: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 5px;
    width: auto
}

.content-view-pf-pagination .form-group .dropdown-menu {
    min-width: auto
}

.content-view-pf-pagination .pagination-pf-page {
    margin-left: 10px;
    margin-right: 5px;
    padding: 0 2px 2px;
    text-align: right;
    width: 2.5em
}

.content-view-pf-pagination .pagination {
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 10px
}

.content-view-pf-pagination .pagination a {
    float: none
}

@supports (display: flex) {
    .content-view-pf-pagination .pagination a {
        display:block
    }
}

.panel-title {
    font-weight: 700
}

.panel-group .panel {
    color: #4d5258
}

.panel-group .panel+.panel {
    margin-top: -1px
}

.panel-group .panel-default {
    border-color: #bbb;
    border-top-color: #bbb
}

.panel-group .panel-default .panel-heading {
    background-image: linear-gradient(to bottom,#fafafa 0,#ededed 100%);
    background-repeat: repeat-x
}

.panel-group .panel-default .panel-heading+.panel-collapse .panel-body {
    border-top: 1px solid #d1d1d1
}

.panel-group .panel-info {
    border-color: #00659c
}

.panel-group .panel-info .panel-heading {
    background-color: #dae5f4
}

.panel-group .panel-info+.panel-default {
    border-top-color: #00659c
}

.panel-group .panel-primary {
    border-color: #39a5dc
}

.panel-group .panel-primary .panel-heading {
    background-color: #def0f9
}

.panel-group .panel-primary+.panel-default {
    border-top-color: #39a5dc
}

.panel-group .panel-primary+.panel-info {
    border-top-color: #39a5dc
}

.panel-group .panel-success {
    border-color: #3f9c35
}

.panel-group .panel-success .panel-heading {
    background-color: #e9f4e9
}

.panel-group .panel-success+.panel-default {
    border-top-color: #3f9c35
}

.panel-group .panel-success+.panel-info {
    border-top-color: #3f9c35
}

.panel-group .panel-success+.panel-primary {
    border-top-color: #3f9c35
}

.panel-group .panel-warning {
    border-color: #ec7a08
}

.panel-group .panel-warning .panel-heading {
    background-color: #fdf2e5
}

.panel-group .panel-warning+.panel-default {
    border-top-color: #ec7a08
}

.panel-group .panel-warning+.panel-info {
    border-top-color: #ec7a08
}

.panel-group .panel-warning+.panel-primary {
    border-top-color: #ec7a08
}

.panel-group .panel-warning+.panel-success {
    border-top-color: #ec7a08
}

.panel-group .panel-danger {
    border-color: #c00
}

.panel-group .panel-danger .panel-heading {
    background-color: #ffe6e6
}

.panel-group .panel-danger+.panel-default {
    border-top-color: #c00
}

.panel-group .panel-danger+.panel-info {
    border-top-color: #c00
}

.panel-group .panel-danger+.panel-primary {
    border-top-color: #c00
}

.panel-group .panel-danger+.panel-success {
    border-top-color: #c00
}

.panel-group .panel-danger+.panel-warning {
    border-top-color: #c00
}

.panel-group .panel-title {
    font-weight: 500;
    line-height: 1
}

.panel-group .panel-title>a {
    color: #4d5258;
    font-weight: 600
}

.panel-group .panel-title>a:before {
    content: "\f107";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 13px;
    margin-right: 5px;
    text-align: center;
    vertical-align: 0;
    width: 8px
}

.panel-group .panel-title>a:focus {
    outline: 0;
    text-decoration: none
}

.panel-group .panel-title>a:hover {
    text-decoration: none
}

.panel-group .panel-title>a.collapsed:before {
    content: "\f105"
}

.popover {
    box-shadow: 0 2px 2px rgba(3,3,3,.08);
    padding: 0
}

.popover.bottom .popover-title:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top-width: 0;
    border-width: 10px;
    border-color: transparent;
    border-bottom-color: #f5f5f5;
    border-style: solid
}

.popover-content {
    color: #4d5258;
    line-height: 18px;
    padding: 10px 14px
}

.popover-title {
    border-bottom: none;
    border-radius: 0;
    color: #4d5258;
    font-size: 13px;
    font-weight: 700;
    min-height: 34px
}

.popover-title .close {
    height: 22px;
    position: absolute;
    right: 8px;
    top: 6px
}

.popover-title.closable {
    padding-right: 30px
}

.popover-pf-info {
    color: #292e34
}

.popover-pf-info:active,.popover-pf-info:hover {
    color: #00659c
}

@keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 40px 0
    }
}

.progress {
    box-shadow: inset 0 0 1px rgba(3,3,3,.25)
}

.progress.progress-label-left,.progress.progress-label-top-right {
    overflow: visible;
    position: relative
}

.progress.progress-label-left {
    margin-left: 40px
}

.progress.progress-sm {
    height: 14px;
    margin-bottom: 14px
}

.progress.progress-xs {
    height: 6px;
    margin-bottom: 6px
}

td>.progress:first-child:last-child {
    margin-bottom: 0;
    margin-top: 3px
}

.progress-bar {
    box-shadow: none
}

.progress-label-left .progress-bar span,.progress-label-right .progress-bar span,.progress-label-top-right .progress-bar span {
    color: #363636;
    position: absolute;
    text-align: right
}

.progress-label-left .progress-bar span {
    font-size: 14px;
    left: -40px;
    top: 0;
    width: 35px
}

.progress-label-right .progress-bar span,.progress-label-top-right .progress-bar span {
    font-size: 11px;
    overflow: hidden;
    right: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.progress-label-right .progress-bar span strong,.progress-label-top-right .progress-bar span strong {
    font-weight: 600
}

.progress-label-right .progress-bar span {
    max-width: 85px;
    top: 0
}

.progress-label-top-right .progress-bar span {
    max-width: 47%;
    top: -30px
}

.progress-label-left.progress-sm .progress-bar span,.progress-label-top-right.progress-sm .progress-bar span {
    font-size: 12px
}

.progress-sm .progress-bar {
    line-height: 14px
}

.progress-xs .progress-bar {
    line-height: 6px
}

.progress-bar-remaining {
    background: 0 0
}

.progress-container {
    position: relative
}

.progress-container.progress-description-left {
    padding-left: 90px
}

.progress-container.progress-label-right {
    padding-right: 90px
}

.progress-description {
    margin-bottom: 10px;
    max-width: 52%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.progress-description .count {
    font-size: 20.004px;
    font-weight: 300;
    line-height: 1;
    margin-right: 5px
}

.progress-description .fa,.progress-description .fab,.progress-description .fal,.progress-description .far,.progress-description .fas,.progress-description .pficon {
    font-size: 14px;
    margin-right: 3px
}

.progress-description-left .progress-description {
    left: 0;
    margin-bottom: 0;
    max-width: 85px;
    position: absolute;
    top: 0
}

.progress-description .tooltip {
    white-space: normal
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 2px 10px 3px
}

.table>tbody>tr>td>a:hover,.table>tbody>tr>th>a:hover,.table>tfoot>tr>td>a:hover,.table>tfoot>tr>th>a:hover,.table>thead>tr>td>a:hover,.table>thead>tr>th>a:hover {
    text-decoration: none
}

.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>th {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600
}

.table>thead {
    background-clip: padding-box;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom,#fafafa 0,#ededed 100%);
    background-repeat: repeat-x
}

.table-bordered {
    border: 1px solid #d1d1d1
}

.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #d1d1d1
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 1px
}

.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #f5f5f5
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: transparent
}

.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th {
    background-color: #def3ff;
    border-bottom-color: #7dc3e8
}

.table-treegrid span.indent {
    margin-left: 10px;
    margin-right: 10px
}

.table-treegrid span.icon {
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
    min-width: 10px;
    text-align: center
}

.table-treegrid span.collapse-icon,.table-treegrid span.expand-icon {
    cursor: pointer
}

.table-treegrid>tbody>tr.odd {
    background-color: #f5f5f5
}

.nav-tabs {
    font-size: 14px
}

.nav-tabs>li>a {
    color: #4d5258;
    margin-right: -1px;
    padding-bottom: 5px;
    padding-top: 5px
}

.nav-tabs>li>a:active,.nav-tabs>li>a:focus,.nav-tabs>li>a:hover {
    background: 0 0;
    border-color: #ededed;
    color: #252525
}

.nav-tabs>li>.dropdown-menu {
    border-top: 0;
    border-color: #ededed
}

.nav-tabs>li>.dropdown-menu.pull-right {
    right: -1px
}

.nav-tabs+.nav-tabs-pf,.nav-tabs.nav-tabs-pf-secondary {
    font-size: 12px
}

.nav-tabs+.nav-tabs-pf>li:first-child>a,.nav-tabs.nav-tabs-pf-secondary>li:first-child>a {
    padding-left: 15px
}

.nav-tabs+.nav-tabs-pf>li:first-child>a:before,.nav-tabs.nav-tabs-pf-secondary>li:first-child>a:before {
    left: 15px!important
}

.nav-tabs .open>a,.nav-tabs .open>a:focus,.nav-tabs .open>a:hover {
    background-color: transparent;
    border-color: #ededed
}

@media (min-width: 768px) {
    .nav-tabs-pf.nav-justified {
        border-bottom:1px solid #ededed
    }
}

.nav-tabs-pf.nav-justified>li:first-child>a {
    padding-left: 15px
}

.nav-tabs-pf.nav-justified>li>a {
    border-bottom: 0
}

.nav-tabs-pf.nav-justified>li>a:before {
    left: 0!important;
    right: 0!important
}

.nav-tabs-pf>li {
    margin-bottom: 0
}

.nav-tabs-pf>li.active>a:before {
    background: #0088ce;
    bottom: -1px;
    content: "";
    display: block;
    height: 2px;
    left: 15px;
    position: absolute;
    right: 15px
}

.nav-tabs-pf>li.active>a,.nav-tabs-pf>li.active>a:active,.nav-tabs-pf>li.active>a:focus,.nav-tabs-pf>li.active>a:hover {
    background-color: transparent;
    border: 0!important;
    color: #0088ce
}

.nav-tabs-pf>li.active>a:active:before,.nav-tabs-pf>li.active>a:before,.nav-tabs-pf>li.active>a:focus:before,.nav-tabs-pf>li.active>a:hover:before {
    background: #0088ce
}

.nav-tabs-pf>li:first-child>a {
    padding-left: 0
}

.nav-tabs-pf>li:first-child>a:before {
    left: 0!important
}

.nav-tabs-pf>li>a {
    border: 0;
    line-height: 1;
    margin-right: 0;
    padding-bottom: 10px;
    padding-top: 10px
}

.nav-tabs-pf>li>a:active:before,.nav-tabs-pf>li>a:focus:before,.nav-tabs-pf>li>a:hover:before {
    background: #bbb;
    bottom: -1px;
    content: "";
    display: block;
    height: 2px;
    left: 15px;
    position: absolute;
    right: 15px
}

.nav-tabs-pf>li>.dropdown-menu {
    left: 15px;
    margin-top: 1px
}

.nav-tabs-pf>li>.dropdown-menu.pull-right {
    left: auto;
    right: 15px
}

.nav-tabs-pf .open>a,.nav-tabs-pf .open>a:focus,.nav-tabs-pf .open>a:hover {
    background-color: transparent
}

.tooltip {
    font-size: 12px;
    line-height: 1.4
}

.tooltip-inner {
    padding: 7px 12px;
    text-align: left
}

.h1,.h2,h1,h2 {
    font-weight: 300
}

.page-header .actions {
    margin-top: 8px
}

.page-header .actions a>.pficon {
    margin-right: 4px
}

@media (min-width: 767px) {
    .page-header-bleed-left {
        margin-left:-20px
    }

    .page-header-bleed-right {
        margin-right: -20px
    }

    .page-header-bleed-right .actions {
        margin-right: 20px
    }
}

@charset "UTF-8";.pf-c-accordion,.pf-c-alert,.pf-c-banner.pf-m-blue,.pf-c-banner.pf-m-gold,.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-log-viewer.pf-m-dark .pf-c-log-viewer__main,.pf-c-login__footer,.pf-c-login__header,.pf-c-masthead,.pf-c-masthead .pf-c-button.pf-m-plain,.pf-c-page__header,.pf-c-page__main-section[class*=pf-m-dark-],.pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,.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-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card,.pf-c-login__footer .pf-c-card,.pf-c-login__header .pf-c-card,.pf-c-masthead .pf-c-button.pf-m-plain .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-page__sidebar-body.pf-m-menu .pf-c-context-selector .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-log-viewer.pf-m-dark .pf-c-log-viewer__main .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-masthead .pf-c-button.pf-m-plain .pf-c-button,.pf-c-page__header .pf-c-button,.pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,.pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .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-divider,.pf-c-menu__group,.pf-c-menu__list,.pf-c-menu__list-item,.pf-c-page__header-tools-group,.pf-c-page__header-tools-item,.pf-c-table tr>*,.pf-c-toolbar__content,.pf-c-toolbar__content-section,.pf-c-toolbar__group,.pf-c-toolbar__item {
    --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-divider,.pf-m-hidden.pf-c-menu__group,.pf-m-hidden.pf-c-menu__list,.pf-m-hidden.pf-c-menu__list-item,.pf-m-hidden.pf-c-page__header-tools-group,.pf-m-hidden.pf-c-page__header-tools-item,.pf-m-hidden.pf-c-toolbar__content,.pf-m-hidden.pf-c-toolbar__content-section,.pf-m-hidden.pf-c-toolbar__group,.pf-m-hidden.pf-c-toolbar__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-divider,.pf-m-hidden-on-sm.pf-c-menu__group,.pf-m-hidden-on-sm.pf-c-menu__list,.pf-m-hidden-on-sm.pf-c-menu__list-item,.pf-m-hidden-on-sm.pf-c-page__header-tools-group,.pf-m-hidden-on-sm.pf-c-page__header-tools-item,.pf-m-hidden-on-sm.pf-c-toolbar__content,.pf-m-hidden-on-sm.pf-c-toolbar__content-section,.pf-m-hidden-on-sm.pf-c-toolbar__group,.pf-m-hidden-on-sm.pf-c-toolbar__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-divider,.pf-m-visible-on-sm.pf-c-menu__group,.pf-m-visible-on-sm.pf-c-menu__list,.pf-m-visible-on-sm.pf-c-menu__list-item,.pf-m-visible-on-sm.pf-c-page__header-tools-group,.pf-m-visible-on-sm.pf-c-page__header-tools-item,.pf-m-visible-on-sm.pf-c-toolbar__content,.pf-m-visible-on-sm.pf-c-toolbar__content-section,.pf-m-visible-on-sm.pf-c-toolbar__group,.pf-m-visible-on-sm.pf-c-toolbar__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-divider,.pf-m-hidden-on-md.pf-c-menu__group,.pf-m-hidden-on-md.pf-c-menu__list,.pf-m-hidden-on-md.pf-c-menu__list-item,.pf-m-hidden-on-md.pf-c-page__header-tools-group,.pf-m-hidden-on-md.pf-c-page__header-tools-item,.pf-m-hidden-on-md.pf-c-toolbar__content,.pf-m-hidden-on-md.pf-c-toolbar__content-section,.pf-m-hidden-on-md.pf-c-toolbar__group,.pf-m-hidden-on-md.pf-c-toolbar__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-divider,.pf-m-visible-on-md.pf-c-menu__group,.pf-m-visible-on-md.pf-c-menu__list,.pf-m-visible-on-md.pf-c-menu__list-item,.pf-m-visible-on-md.pf-c-page__header-tools-group,.pf-m-visible-on-md.pf-c-page__header-tools-item,.pf-m-visible-on-md.pf-c-toolbar__content,.pf-m-visible-on-md.pf-c-toolbar__content-section,.pf-m-visible-on-md.pf-c-toolbar__group,.pf-m-visible-on-md.pf-c-toolbar__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-divider,.pf-m-hidden-on-lg.pf-c-menu__group,.pf-m-hidden-on-lg.pf-c-menu__list,.pf-m-hidden-on-lg.pf-c-menu__list-item,.pf-m-hidden-on-lg.pf-c-page__header-tools-group,.pf-m-hidden-on-lg.pf-c-page__header-tools-item,.pf-m-hidden-on-lg.pf-c-toolbar__content,.pf-m-hidden-on-lg.pf-c-toolbar__content-section,.pf-m-hidden-on-lg.pf-c-toolbar__group,.pf-m-hidden-on-lg.pf-c-toolbar__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-divider,.pf-m-visible-on-lg.pf-c-menu__group,.pf-m-visible-on-lg.pf-c-menu__list,.pf-m-visible-on-lg.pf-c-menu__list-item,.pf-m-visible-on-lg.pf-c-page__header-tools-group,.pf-m-visible-on-lg.pf-c-page__header-tools-item,.pf-m-visible-on-lg.pf-c-toolbar__content,.pf-m-visible-on-lg.pf-c-toolbar__content-section,.pf-m-visible-on-lg.pf-c-toolbar__group,.pf-m-visible-on-lg.pf-c-toolbar__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-divider,.pf-m-hidden-on-xl.pf-c-menu__group,.pf-m-hidden-on-xl.pf-c-menu__list,.pf-m-hidden-on-xl.pf-c-menu__list-item,.pf-m-hidden-on-xl.pf-c-page__header-tools-group,.pf-m-hidden-on-xl.pf-c-page__header-tools-item,.pf-m-hidden-on-xl.pf-c-toolbar__content,.pf-m-hidden-on-xl.pf-c-toolbar__content-section,.pf-m-hidden-on-xl.pf-c-toolbar__group,.pf-m-hidden-on-xl.pf-c-toolbar__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-divider,.pf-m-visible-on-xl.pf-c-menu__group,.pf-m-visible-on-xl.pf-c-menu__list,.pf-m-visible-on-xl.pf-c-menu__list-item,.pf-m-visible-on-xl.pf-c-page__header-tools-group,.pf-m-visible-on-xl.pf-c-page__header-tools-item,.pf-m-visible-on-xl.pf-c-toolbar__content,.pf-m-visible-on-xl.pf-c-toolbar__content-section,.pf-m-visible-on-xl.pf-c-toolbar__group,.pf-m-visible-on-xl.pf-c-toolbar__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-divider,.pf-m-hidden-on-2xl.pf-c-menu__group,.pf-m-hidden-on-2xl.pf-c-menu__list,.pf-m-hidden-on-2xl.pf-c-menu__list-item,.pf-m-hidden-on-2xl.pf-c-page__header-tools-group,.pf-m-hidden-on-2xl.pf-c-page__header-tools-item,.pf-m-hidden-on-2xl.pf-c-toolbar__content,.pf-m-hidden-on-2xl.pf-c-toolbar__content-section,.pf-m-hidden-on-2xl.pf-c-toolbar__group,.pf-m-hidden-on-2xl.pf-c-toolbar__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-divider,.pf-m-visible-on-2xl.pf-c-menu__group,.pf-m-visible-on-2xl.pf-c-menu__list,.pf-m-visible-on-2xl.pf-c-menu__list-item,.pf-m-visible-on-2xl.pf-c-page__header-tools-group,.pf-m-visible-on-2xl.pf-c-page__header-tools-item,.pf-m-visible-on-2xl.pf-c-toolbar__content,.pf-m-visible-on-2xl.pf-c-toolbar__content-section,.pf-m-visible-on-2xl.pf-c-toolbar__group,.pf-m-visible-on-2xl.pf-c-toolbar__item {
        --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
        --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility)
    }
}

.pf-c-number-input .pf-c-form-control,.pf-c-pagination__nav-page-select .pf-c-form-control {
    appearance: textfield
}

.pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button,.pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button,.pf-c-pagination__nav-page-select .pf-c-form-control::-webkit-inner-spin-button,.pf-c-pagination__nav-page-select .pf-c-form-control::-webkit-outer-spin-button {
    appearance: none;
    margin: 0
}

: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: #004080;
    --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-50: #fff6ec;
    --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--150: #fafafa;
    --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,0.62);
    --pf-global--BackgroundColor--dark-transparent-200: rgba(3,3,3,0.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: #004080;
    --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,0.12),0 0 0.125rem 0 rgba(3,3,3,0.06);
    --pf-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3,3,3,0.16);
    --pf-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3,3,3,0.16);
    --pf-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3,3,3,0.16);
    --pf-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3,3,3,0.16);
    --pf-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3,3,3,0.12),0 0 0.25rem 0 rgba(3,3,3,0.06);
    --pf-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3,3,3,0.18);
    --pf-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3,3,3,0.18);
    --pf-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3,3,3,0.18);
    --pf-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3,3,3,0.18);
    --pf-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3,3,3,0.16),0 0 0.375rem 0 rgba(3,3,3,0.08);
    --pf-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3,3,3,0.18);
    --pf-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3,3,3,0.18);
    --pf-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3,3,3,0.18);
    --pf-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3,3,3,0.18);
    --pf-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3,3,3,0.16),0 0 0.5rem 0 rgba(3,3,3,0.1);
    --pf-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3,3,3,0.2);
    --pf-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3,3,3,0.2);
    --pf-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3,3,3,0.2);
    --pf-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3,3,3,0.2);
    --pf-global--BoxShadow--inset: inset 0 0 0.625rem 0 rgba(3,3,3,0.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--height-breakpoint--sm: 0;
    --pf-global--height-breakpoint--md: 40rem;
    --pf-global--height-breakpoint--lg: 48rem;
    --pf-global--height-breakpoint--xl: 60rem;
    --pf-global--height-breakpoint--2xl: 80rem;
    --pf-global--link--Color: #06c;
    --pf-global--link--Color--hover: #004080;
    --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: #004080;
    --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--redhat-updated--sans-serif: "RedHatTextUpdated","Overpass",overpass,helvetica,arial,sans-serif;
    --pf-global--FontFamily--redhat-updated--heading--sans-serif: "RedHatDisplayUpdated","Overpass",overpass,helvetica,arial,sans-serif;
    --pf-global--FontFamily--redhat--monospace: "RedHatMono","Liberation Mono",consolas,"SFMono-Regular",menlo,monaco,"Courier New",monospace;
    --pf-global--FontFamily--redhatVF--sans-serif: "RedHatTextVF","RedHatText","Overpass",overpass,helvetica,arial,sans-serif;
    --pf-global--FontFamily--redhatVF--heading--sans-serif: "RedHatDisplayVF","RedHatDisplay","Overpass",overpass,helvetica,arial,sans-serif;
    --pf-global--FontFamily--redhatVF--monospace: "RedHatMonoVF","RedHatMono","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 ease-in-out;
    --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)
}

.pf-m-redhat-updated-font {
    --pf-global--FontFamily--sans-serif: var(--pf-global--FontFamily--redhat-updated--sans-serif);
    --pf-global--FontFamily--heading--sans-serif: var(--pf-global--FontFamily--redhat-updated--heading--sans-serif)
}

.pf-m-redhatmono-font {
    --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhat--monospace)
}

.pf-m-redhatVF-font {
    --pf-global--FontFamily--sans-serif: var(--pf-global--FontFamily--redhatVF--sans-serif);
    --pf-global--FontFamily--heading--sans-serif: var(--pf-global--FontFamily--redhatVF--heading--sans-serif);
    --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhatVF--monospace)
}

:root:where(.pf-theme-dark) {
    --pf-global--palette--black-50: #e0e0e0;
    --pf-global--palette--black-100: #c6c7c8;
    --pf-global--palette--black-200: #aaabac;
    --pf-global--palette--black-300: #868789;
    --pf-global--palette--black-400: #57585a;
    --pf-global--palette--black-500: #444548;
    --pf-global--palette--black-600: #36373a;
    --pf-global--palette--black-700: #26292d;
    --pf-global--palette--black-800: #1b1d21;
    --pf-global--palette--black-900: #0f1214;
    --pf-global--palette--red-9999: #fe5142;
    --pf-global--palette--red-8888: #ff7468;
    --pf-global--palette--blue-300: #1fa7f8;
    --pf-global--BackgroundColor--100: #1b1d21;
    --pf-global--BackgroundColor--150: #212427;
    --pf-global--BackgroundColor--200: #0f1214;
    --pf-global--BackgroundColor--300: #26292d;
    --pf-global--BackgroundColor--400: #36373a;
    --pf-global--BorderColor--100: #444548;
    --pf-global--BorderColor--200: #444548;
    --pf-global--BorderColor--300: #57585a;
    --pf-global--BorderColor--400: #aaabac;
    --pf-global--Color--100: #e0e0e0;
    --pf-global--Color--200: #aaabac;
    --pf-global--active-color--100: #1fa7f8;
    --pf-global--primary-color--100: #1fa7f8;
    --pf-global--primary-color--300: #06c;
    --pf-global--success-color--100: #5ba352;
    --pf-global--warning-color--100: #f0ab00;
    --pf-global--warning-color--200: #f4c145;
    --pf-global--danger-color--100: #fe5142;
    --pf-global--danger-color--200: #ff7468;
    --pf-global--link--Color: #1fa7f8;
    --pf-global--link--Color--hover: #73bcf7;
    --pf-global--link--Color--visited: #a18fff;
    --pf-global--disabled-color--100: #57585a;
    --pf-global--disabled-color--200: #444548;
    --pf-global--disabled-color--300: #aaabac;
    --pf-global--icon--Color--light: #aaabac;
    --pf-global--icon--Color--dark: #aaabac;
    --pf-global--Color--dark-100: #e0e0e0;
    --pf-global--Color--dark-200: #aaabac;
    --pf-global--Color--light-100: #e0e0e0;
    --pf-global--Color--light-200: #aaabac;
    --pf-global--Color--light-300: #3c3f42;
    --pf-global--BorderColor--dark-100: #444548;
    --pf-global--BorderColor--light-100: #444548;
    --pf-global--primary-color--light-100: #1fa7f8;
    --pf-global--primary-color--dark-100: #1fa7f8;
    --pf-global--link--Color--light: #1fa7f8;
    --pf-global--link--Color--light--hover: #73bcf7;
    --pf-global--link--Color--dark: #1fa7f8;
    --pf-global--link--Color--dark--hover: #73bcf7;
    --pf-global--BackgroundColor--light-100: #1b1d21;
    --pf-global--BackgroundColor--light-200: #0f1214;
    --pf-global--BackgroundColor--light-300: #26292d;
    --pf-global--BackgroundColor--dark-100: #1b1d21;
    --pf-global--BackgroundColor--dark-200: #0f1214;
    --pf-global--BackgroundColor--dark-300: #26292d;
    --pf-global--BackgroundColor--dark-400: #36373a;
    --pf-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3,3,3,0.48),0 0 0.125rem 0 rgba(3,3,3,0.24);
    --pf-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3,3,3,0.64);
    --pf-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3,3,3,0.64);
    --pf-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3,3,3,0.64);
    --pf-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3,3,3,0.64);
    --pf-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3,3,3,0.48),0 0 0.25rem 0 rgba(3,3,3,0.24);
    --pf-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3,3,3,0.72);
    --pf-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3,3,3,0.72);
    --pf-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3,3,3,0.72);
    --pf-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3,3,3,0.72);
    --pf-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3,3,3,0.64),0 0 0.375rem 0 rgba(3,3,3,0.32);
    --pf-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3,3,3,0.72);
    --pf-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3,3,3,0.72);
    --pf-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3,3,3,0.72);
    --pf-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3,3,3,0.72);
    --pf-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3,3,3,0.64),0 0 0.5rem 0 rgba(3,3,3,0.4);
    --pf-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3,3,3,0.8);
    --pf-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3,3,3,0.8);
    --pf-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3,3,3,0.8);
    --pf-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3,3,3,0.8);
    --pf-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303
}

@font-face {
    font-family: RedHatDisplay;
    src: url(assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2) format("woff2"),url(assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff) format("woff");
    font-style: normal;
    font-weight: 300;
    text-rendering:optimizelegibility}

@font-face {
    font-family: RedHatDisplay;
    src: url(assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2) format("woff2"),url(assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff) format("woff");
    font-style: normal;
    font-weight: 400;
    text-rendering:optimizelegibility}

@font-face {
    font-family: RedHatDisplay;
    src: url(assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2) format("woff2"),url(assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff) format("woff");
    font-style: normal;
    font-weight: 700;
    text-rendering:optimizelegibility}

@font-face {
    font-family: RedHatText;
    src: url(assets/fonts/RedHatText/RedHatText-Regular.woff2) format("woff2"),url(assets/fonts/RedHatText/RedHatText-Regular.woff) format("woff");
    font-style: normal;
    font-weight: 400;
    text-rendering:optimizelegibility}

@font-face {
    font-family: RedHatText;
    src: url(assets/fonts/RedHatText/RedHatText-Medium.woff2) format("woff2"),url(assets/fonts/RedHatText/RedHatText-Medium.woff) format("woff");
    font-style: normal;
    font-weight: 700;
    text-rendering:optimizelegibility}

@font-face {
    font-family: RedHatDisplayUpdated;
    src: url(assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2) format("woff2");
    font-style: normal;
    font-weight: 300;
    text-rendering:optimizelegibility}

@font-face {
    font-family: RedHatDisplayUpdated;
    src: url(assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2) format("woff2");
    font-style: normal;
    font-weight: 400;
    text-rendering:optimizelegibility}

@font-face {
    font-family: RedHatDisplayUpdated;
    src: url(assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2) format("woff2");
    font-style: normal;
    font-weight: 700;
    text-rendering:optimizelegibility}

@font-face {
    font-family: RedHatTextUpdated;
    src: url(assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2) format("woff2");
    font-style: normal;
    font-weight: 400;
    text-rendering:optimizelegibility}

@font-face {
    font-family: RedHatTextUpdated;
    src: url(assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2) format("woff2");
    font-style: normal;
    font-weight: 700;
    text-rendering:optimizelegibility}

@font-face {
    font-family: RedHatMono;
    src: url(assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2) format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: fallback
}

@font-face {
    font-family: RedHatDisplayVF;
    src: url(assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2) format("woff2-variations");
    font-style: normal;
    font-weight: 300 900;
    font-display: fallback
}

@font-face {
    font-family: RedHatDisplayVF;
    src: url(assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2) format("woff2-variations");
    font-style: italic;
    font-weight: 300 900;
    font-display: fallback
}

@font-face {
    font-family: RedHatTextVF;
    src: url(assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2) format("woff2-variations");
    font-style: normal;
    font-weight: 400 500;
    font-display: fallback
}

@font-face {
    font-family: RedHatTextVF;
    src: url(assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2) format("woff2-variations");
    font-style: italic;
    font-weight: 400 500;
    font-display: fallback
}

@font-face {
    font-family: RedHatMonoVF;
    src: url(assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2) format("woff2-variations");
    font-style: normal;
    font-weight: 300 700;
    font-display: fallback
}

@font-face {
    font-family: RedHatMonoVF;
    src: url(assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2) format("woff2-variations");
    font-style: italic;
    font-weight: 300 700;
    font-display: fallback
}

@font-face {
    font-family: overpass;
    font-style: normal;
    font-weight: 200;
    src: url(assets/fonts/overpass-webfont/overpass-thin.woff2) format("woff2"),url(assets/fonts/overpass-webfont/overpass-thin.woff) format("woff")
}

@font-face {
    font-family: overpass;
    font-style: italic;
    font-weight: 200;
    src: url(assets/fonts/overpass-webfont/overpass-thin-italic.woff2) format("woff2"),url(assets/fonts/overpass-webfont/overpass-thin-italic.woff) format("woff")
}

@font-face {
    font-family: overpass;
    font-style: normal;
    font-weight: 300;
    src: url(assets/fonts/overpass-webfont/overpass-extralight.woff2) format("woff2"),url(assets/fonts/overpass-webfont/overpass-extralight.woff) format("woff")
}

@font-face {
    font-family: overpass;
    font-style: italic;
    font-weight: 300;
    src: url(assets/fonts/overpass-webfont/overpass-extralight-italic.woff2) format("woff2"),url(assets/fonts/overpass-webfont/overpass-extralight-italic.woff) format("woff")
}

@font-face {
    font-family: overpass;
    font-style: normal;
    font-weight: 400;
    src: url(assets/fonts/overpass-webfont/overpass-light.woff2) format("woff2"),url(assets/fonts/overpass-webfont/overpass-light.woff) format("woff")
}

@font-face {
    font-family: overpass;
    font-style: italic;
    font-weight: 400;
    src: url(assets/fonts/overpass-webfont/overpass-light-italic.woff2) format("woff2"),url(assets/fonts/overpass-webfont/overpass-light-italic.woff) format("woff")
}

@font-face {
    font-family: overpass;
    font-style: normal;
    font-weight: 500;
    src: url(assets/fonts/overpass-webfont/overpass-regular.woff2) format("woff2"),url(assets/fonts/overpass-webfont/overpass-regular.woff) format("woff")
}

@font-face {
    font-family: overpass;
    font-style: italic;
    font-weight: 500;
    src: url(assets/fonts/overpass-webfont/overpass-italic.woff2) format("woff2"),url(assets/fonts/overpass-webfont/overpass-italic.woff) format("woff")
}

@font-face {
    font-family: overpass;
    font-style: normal;
    font-weight: 600;
    src: url(assets/fonts/overpass-webfont/overpass-semibold.woff2) format("woff2"),url(assets/fonts/overpass-webfont/overpass-semibold.woff) format("woff")
}

@font-face {
    font-family: overpass;
    font-style: italic;
    font-weight: 600;
    src: url(assets/fonts/overpass-webfont/overpass-semibold-italic.woff2) format("woff2"),url(assets/fonts/overpass-webfont/overpass-semibold-italic.woff) format("woff")
}

@font-face {
    font-family: overpass;
    font-style: normal;
    font-weight: 700;
    src: url(assets/fonts/overpass-webfont/overpass-bold.woff2) format("woff2"),url(assets/fonts/overpass-webfont/overpass-bold.woff) format("woff")
}

@font-face {
    font-family: overpass;
    font-style: italic;
    font-weight: 700;
    src: url(assets/fonts/overpass-webfont/overpass-bold-italic.woff2) format("woff2"),url(assets/fonts/overpass-webfont/overpass-bold-italic.woff) format("woff")
}

@font-face {
    font-family: overpass;
    font-style: normal;
    font-weight: 800;
    src: url(assets/fonts/overpass-webfont/overpass-extrabold.woff2) format("woff2"),url(assets/fonts/overpass-webfont/overpass-extrabold.woff) format("woff")
}

@font-face {
    font-family: overpass;
    font-style: italic;
    font-weight: 800;
    src: url(assets/fonts/overpass-webfont/overpass-extrabold-italic.woff2) format("woff2"),url(assets/fonts/overpass-webfont/overpass-extrabold-italic.woff) format("woff")
}

@font-face {
    font-family: overpass;
    font-style: normal;
    font-weight: 900;
    src: url(assets/fonts/overpass-webfont/overpass-heavy.woff2) format("woff2"),url(assets/fonts/overpass-webfont/overpass-heavy.woff) format("woff")
}

@font-face {
    font-family: overpass;
    font-style: italic;
    font-weight: 900;
    src: url(assets/fonts/overpass-webfont/overpass-heavy-italic.woff2) format("woff2"),url(assets/fonts/overpass-webfont/overpass-heavy-italic.woff) format("woff")
}

@font-face {
    font-family: overpass-mono;
    font-style: normal;
    font-weight: 300;
    src: url(assets/fonts/overpass-mono-webfont/overpass-mono-light.woff2) format("woff2"),url(assets/fonts/overpass-mono-webfont/overpass-mono-light.woff) format("woff")
}

@font-face {
    font-family: overpass-mono;
    font-style: normal;
    font-weight: 400;
    src: url(assets/fonts/overpass-mono-webfont/overpass-mono-regular.woff2) format("woff2"),url(assets/fonts/overpass-mono-webfont/overpass-mono-regular.woff) format("woff")
}

@font-face {
    font-family: overpass-mono;
    font-style: normal;
    font-weight: 500;
    src: url(assets/fonts/overpass-mono-webfont/overpass-mono-semibold.woff2) format("woff2"),url(assets/fonts/overpass-mono-webfont/overpass-mono-semibold.woff) format("woff")
}

@font-face {
    font-family: overpass-mono;
    font-style: normal;
    font-weight: 600;
    src: url(assets/fonts/overpass-mono-webfont/overpass-mono-bold.woff2) format("woff2"),url(assets/fonts/overpass-mono-webfont/overpass-mono-bold.woff) format("woff")
}

[class*=pf-c-],[class*=pf-c-]:after,[class*=pf-c-]:before {
    padding: 0;
    margin: 0;
    background-color: transparent
}

html {
    font-size: var(--pf-global--root--FontSize,unset)!important
}

.pf-screen-reader {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.pf-screen-reader.pf-m-full-size {
    width: 100%;
    height: 100%
}

.pf-screen-reader.pf-m-absolute {
    position: absolute
}

.pf-m-tabular-nums {
    font-variant-numeric: tabular-nums
}

blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul {
    padding: 0;
    margin: 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 {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: var(--pf-global--LineHeight--md);
    color: var(--pf-global--Color--100)
}

audio,embed,iframe,img,object,video {
    max-width: 100%;
    height: auto
}

iframe {
    border: 0
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

td,th {
    padding: 0;
    text-align: left
}

code,pre {
    font-family: var(--pf-global--FontFamily--monospace)
}

*,:after,:before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15
}

body {
    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;
    background-color: var(--pf-global--BackgroundColor--100)
}

a {
    font-weight: var(--pf-global--link--FontWeight);
    color: var(--pf-global--link--Color);
    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
}

.pf-m-overpass-font a {
    font-weight: var(--pf-global--FontWeight--semi-bold)
}

:root:where(.pf-theme-dark) {
    color-scheme: dark
}

.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: #1b1d21
}

.pf-t-dark.pf-m-opaque-200 {
    background-color: #0f1214
}

.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: #c6c7c8
}

.pf-t-light.pf-m-opaque-300 {
    background-color: #aaabac
}

* .fa,* .fab,* .fal,* .far,* .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

* .fa-lg {
    font-size: 1.3333333333em;
    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;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

* .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 {
    animation: fa-spin 2s linear infinite
}

* .fa-pulse {
    animation: fa-spin 1s steps(8) infinite
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

* .fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}

* .fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}

* .fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}

* .fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1)
}

* .fa-flip-vertical {
    transform: scaleY(-1)
}

* .fa-flip-horizontal.fa-flip-vertical,* .fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

* .fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1)
}

* :root .fa-flip-horizontal,* :root .fa-flip-vertical,* :root .fa-rotate-90,* :root .fa-rotate-180,* :root .fa-rotate-270 {
    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 {
    border: 0;
    clip: rect(0,0,0,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.woff2) format("woff2"),url(assets/fonts/webfonts/fa-solid-900.woff) format("woff")
}

.fa,.fas {
    font-family: Font Awesome\ 5 Free;
    font-weight: 900
}

@font-face {
    font-family: pficon;
    src: url(assets/pficon/pficon.woff2) format("woff2"),url(assets/pficon/pficon.woff) format("woff")
}

.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-critical-risk:before,.pf-icon-data-processor:before,.pf-icon-data-sink:before,.pf-icon-data-source: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-open-drawer-right: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-task: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 {
    font-family: pficon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.pf-icon-add-circle-o:before {
    content: "\e61b"
}

.pf-icon-ansible-tower:before {
    content: "\e950"
}

.pf-icon-applications:before {
    content: "\e936"
}

.pf-icon-arrow:before {
    content: "\e929"
}

.pf-icon-asleep:before {
    content: "\e92e"
}

.pf-icon-attention-bell:before {
    content: "\e951"
}

.pf-icon-automation:before {
    content: "\e937"
}

.pf-icon-bell:before {
    content: "\e952"
}

.pf-icon-blueprint:before {
    content: "\e915"
}

.pf-icon-build:before {
    content: "\e902"
}

.pf-icon-builder-image:before {
    content: "\e800"
}

.pf-icon-bundle:before {
    content: "\e918"
}

.pf-icon-catalog:before {
    content: "\e953"
}

.pf-icon-chat:before {
    content: "\e954"
}

.pf-icon-close:before {
    content: "\e60b"
}

.pf-icon-cloud-security:before {
    content: "\e903"
}

.pf-icon-cloud-tenant:before {
    content: "\e904"
}

.pf-icon-cluster:before {
    content: "\e620"
}

.pf-icon-connected:before {
    content: "\e938"
}

.pf-icon-container-node:before {
    content: "\e621"
}

.pf-icon-cpu:before {
    content: "\e927"
}

.pf-icon-critical-risk:before {
    content: "\e976"
}

.pf-icon-data-processor:before {
    content: "\e97b"
}

.pf-icon-data-sink:before {
    content: "\e978"
}

.pf-icon-data-source:before {
    content: "\e979"
}

.pf-icon-degraded:before {
    content: "\e91b"
}

.pf-icon-disconnected:before {
    content: "\e955"
}

.pf-icon-domain:before {
    content: "\e919"
}

.pf-icon-edit:before {
    content: "\e60a"
}

.pf-icon-enhancement:before {
    content: "\e93a"
}

.pf-icon-enterprise:before {
    content: "\e906"
}

.pf-icon-equalizer:before {
    content: "\e956"
}

.pf-icon-error-circle-o:before {
    content: "\e926"
}

.pf-icon-export:before {
    content: "\e616"
}

.pf-icon-filter:before {
    content: "\e943"
}

.pf-icon-flavor:before {
    content: "\e957"
}

.pf-icon-folder-close:before {
    content: "\e607"
}

.pf-icon-folder-open:before {
    content: "\e606"
}

.pf-icon-globe-route:before {
    content: "\e958"
}

.pf-icon-help:before {
    content: "\e605"
}

.pf-icon-history:before {
    content: "\e617"
}

.pf-icon-home:before {
    content: "\e618"
}

.pf-icon-import:before {
    content: "\e615"
}

.pf-icon-in-progress:before {
    content: "\e933"
}

.pf-icon-info:before {
    content: "\e92b"
}

.pf-icon-infrastructure:before {
    content: "\e93d"
}

.pf-icon-integration:before {
    content: "\e948"
}

.pf-icon-key:before {
    content: "\e924"
}

.pf-icon-locked:before {
    content: "\e923"
}

.pf-icon-maintenance:before {
    content: "\e932"
}

.pf-icon-memory:before {
    content: "\e908"
}

.pf-icon-messages:before {
    content: "\e603"
}

.pf-icon-middleware:before {
    content: "\e917"
}

.pf-icon-migration:before {
    content: "\e931"
}

.pf-icon-module:before {
    content: "\e959"
}

.pf-icon-monitoring:before {
    content: "\e95a"
}

.pf-icon-namespaces:before {
    content: "\e95b"
}

.pf-icon-network:before {
    content: "\e909"
}

.pf-icon-new-process:before {
    content: "\e95c"
}

.pf-icon-not-started:before {
    content: "\e95d"
}

.pf-icon-off:before {
    content: "\e92d"
}

.pf-icon-ok:before {
    content: "\e602"
}

.pf-icon-on-running:before {
    content: "\e925"
}

.pf-icon-on:before {
    content: "\e92c"
}

.pf-icon-open-drawer-right:before {
    content: "\e977"
}

.pf-icon-openshift:before {
    content: "\e95e"
}

.pf-icon-openstack:before {
    content: "\e95f"
}

.pf-icon-optimize:before {
    content: "\e93e"
}

.pf-icon-orders:before {
    content: "\e93f"
}

.pf-icon-os-image:before {
    content: "\e960"
}

.pf-icon-package:before {
    content: "\e961"
}

.pf-icon-panel-close:before {
    content: "\e962"
}

.pf-icon-panel-open:before {
    content: "\e963"
}

.pf-icon-paused:before {
    content: "\e92f"
}

.pf-icon-pending:before {
    content: "\e964"
}

.pf-icon-pficon-dragdrop:before {
    content: "\e965"
}

.pf-icon-pficon-history:before {
    content: "\e966"
}

.pf-icon-pficon-network-range:before {
    content: "\e967"
}

.pf-icon-pficon-satellite:before {
    content: "\e968"
}

.pf-icon-pficon-sort-common-asc:before {
    content: "\e94e"
}

.pf-icon-pficon-sort-common-desc:before {
    content: "\e94f"
}

.pf-icon-pficon-template:before {
    content: "\e94c"
}

.pf-icon-pficon-vcenter:before {
    content: "\e969"
}

.pf-icon-plugged:before {
    content: "\e96a"
}

.pf-icon-port:before {
    content: "\e96b"
}

.pf-icon-print:before {
    content: "\e612"
}

.pf-icon-private:before {
    content: "\e914"
}

.pf-icon-process-automation:before {
    content: "\e949"
}

.pf-icon-project:before {
    content: "\e96c"
}

.pf-icon-rebalance:before {
    content: "\e91c"
}

.pf-icon-rebooting:before {
    content: "\e96d"
}

.pf-icon-regions:before {
    content: "\e90a"
}

.pf-icon-registry:before {
    content: "\e623"
}

.pf-icon-remove2:before {
    content: "\e96e"
}

.pf-icon-replicator:before {
    content: "\e624"
}

.pf-icon-repository:before {
    content: "\e90b"
}

.pf-icon-resource-pool:before {
    content: "\e90c"
}

.pf-icon-resources-almost-empty:before {
    content: "\e91d"
}

.pf-icon-resources-almost-full:before {
    content: "\e912"
}

.pf-icon-resources-empty:before {
    content: "\e96f"
}

.pf-icon-resources-full:before {
    content: "\e913"
}

.pf-icon-running:before {
    content: "\e970"
}

.pf-icon-save:before {
    content: "\e601"
}

.pf-icon-screen:before {
    content: "\e971"
}

.pf-icon-security:before {
    content: "\e946"
}

.pf-icon-server-group:before {
    content: "\e91a"
}

.pf-icon-server:before {
    content: "\e90d"
}

.pf-icon-service-catalog:before {
    content: "\e972"
}

.pf-icon-service:before {
    content: "\e61e"
}

.pf-icon-services:before {
    content: "\e947"
}

.pf-icon-spinner:before {
    content: "\e973"
}

.pf-icon-spinner2:before {
    content: "\e613"
}

.pf-icon-storage-domain:before {
    content: "\e90e"
}

.pf-icon-task:before {
    content: "\e974"
}

.pf-icon-tenant:before {
    content: "\e916"
}

.pf-icon-thumb-tack:before {
    content: "\e920"
}

.pf-icon-topology:before {
    content: "\e608"
}

.pf-icon-trend-down:before {
    content: "\e900"
}

.pf-icon-trend-up:before {
    content: "\e901"
}

.pf-icon-unknown:before {
    content: "\e935"
}

.pf-icon-unlocked:before {
    content: "\e922"
}

.pf-icon-unplugged:before {
    content: "\e942"
}

.pf-icon-user:before {
    content: "\e91e"
}

.pf-icon-users:before {
    content: "\e91f"
}

.pf-icon-virtual-machine:before {
    content: "\e90f"
}

.pf-icon-volume:before {
    content: "\e910"
}

.pf-icon-warning-triangle:before {
    content: "\e975"
}

.pf-icon-zone:before {
    content: "\e911"
}

.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%,0.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,0.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);
    color: var(--pf-global--Color--100);
    position: relative;
    z-index: var(--pf-c-about-modal-box--ZIndex);
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-template-areas: "brand close" "header header" "content content";
    width: var(--pf-c-about-modal-box--Width);
    height: var(--pf-c-about-modal-box--Height);
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--pf-c-about-modal-box--BackgroundColor);
    box-shadow: var(--pf-c-about-modal-box--BoxShadow)
}

@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-columns: var(--pf-c-about-modal-box--sm--grid-template-columns);
        grid-template-areas: "brand          hero" "header         hero" "content        hero"
    }
}

@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: max-content max-content auto;
        max-width: var(--pf-c-about-modal-box--lg--MaxWidth);
        max-height: var(--pf-c-about-modal-box--lg--MaxHeight)
    }
}

.pf-c-about-modal-box__brand {
    grid-area: brand;
    display: flex;
    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 {
    grid-area: header;
    display: flex;
    flex-direction: column;
    padding-right: var(--pf-c-about-modal-box__header--PaddingRight);
    padding-bottom: var(--pf-c-about-modal-box__header--PaddingBottom);
    padding-left: var(--pf-c-about-modal-box__header--PaddingLeft)
}

.pf-c-about-modal-box__strapline {
    padding-top: var(--pf-c-about-modal-box__strapline--PaddingTop);
    margin-top: auto;
    font-size: var(--pf-c-about-modal-box__strapline--FontSize)
}

.pf-c-about-modal-box__content {
    display: flex;
    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;
    -webkit-overflow-scrolling: touch;
    word-break: break-word
}

@media screen and (min-width: 576px) {
    .pf-c-about-modal-box__content {
        overflow:visible;
        overscroll-behavior: auto
    }
}

.pf-c-about-modal-box__close {
    grid-area: close;
    position: sticky;
    top: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: var(--pf-c-about-modal-box__close--PaddingTop);
    padding-right: var(--pf-c-about-modal-box__close--PaddingRight);
    padding-bottom: var(--pf-c-about-modal-box__close--PaddingBottom)
}

@media only screen and (min-width: 576px) {
    .pf-c-about-modal-box__close {
        grid-area:1/2;
        justify-content: center
    }
}

@media only screen and (min-width: 992px) {
    .pf-c-about-modal-box__close {
        justify-content:flex-end
    }
}

.pf-c-about-modal-box__close .pf-c-button.pf-m-plain {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--pf-c-about-modal-box__close--c-button--Width);
    height: var(--pf-c-about-modal-box__close--c-button--Height);
    font-size: var(--pf-c-about-modal-box__close--c-button--FontSize);
    color: var(--pf-c-about-modal-box__close--c-button--Color);
    background-color: var(--pf-c-about-modal-box__close--c-button--BackgroundColor);
    border-radius: var(--pf-c-about-modal-box__close--c-button--BorderRadius)
}

.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 {
        display:block;
        visibility: visible;
        background-image: var(--pf-c-about-modal-box__hero--sm--BackgroundImage);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: var(--pf-c-about-modal-box__hero--sm--BackgroundPosition);
        background-size: var(--pf-c-about-modal-box__hero--sm--BackgroundSize);
        grid-area: hero
    }
}

.pf-c-accordion,:where(.pf-theme-dark) .pf-c-about-modal-box {
    color: var(--pf-global--Color--100)
}

.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)
}

.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 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    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)
}

.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 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: "";
    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)
}

.pf-c-accordion__toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    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);
    font-family: var(--pf-c-accordion__toggle--FontFamily,inherit);
    font-size: var(--pf-c-accordion__toggle--FontSize,inherit);
    border: 0
}

.pf-c-accordion__toggle:after {
    position: absolute;
    top: var(--pf-c-accordion__toggle--before--Top);
    bottom: 0;
    left: 0;
    width: var(--pf-c-accordion__toggle--before--Width);
    content: "";
    background-color: var(--pf-c-accordion__toggle--before--BackgroundColor)
}

.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 {
    font-weight: var(--pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
    color: var(--pf-c-accordion__toggle--m-expanded__toggle-text--Color)
}

.pf-c-accordion__toggle.pf-m-expanded .pf-c-accordion__toggle-icon {
    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 {
    font-weight: var(--pf-c-accordion__toggle--focus__toggle-text--FontWeight);
    color: var(--pf-c-accordion__toggle--focus__toggle-text--Color)
}

.pf-c-accordion__toggle:active {
    background-color: var(--pf-c-accordion__toggle--active--BackgroundColor)
}

.pf-c-accordion__toggle:active .pf-c-accordion__toggle-text {
    font-weight: var(--pf-c-accordion__toggle--active__toggle-text--FontWeight);
    color: var(--pf-c-accordion__toggle--active__toggle-text--Color)
}

.pf-c-accordion__toggle-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: var(--pf-c-accordion__toggle-text--MaxWidth)
}

.pf-c-accordion__toggle-icon {
    transition: var(--pf-c-accordion__toggle-icon--Transition)
}

.pf-c-accordion__expanded-content {
    font-size: var(--pf-c-accordion__expanded-content--FontSize);
    color: var(--pf-c-accordion__expanded-content--Color)
}

.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 {
    position: relative;
    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)
}

.pf-c-accordion__expanded-content-body:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--pf-c-accordion__expanded-content-body--before--Width);
    content: "";
    background-color: var(--pf-c-accordion__expanded-content-body--before--BackgroundColor)
}

.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)
}

:where(.pf-theme-dark) .pf-c-accordion {
    --pf-c-accordion__toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-accordion__toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-accordion__toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--300)
}

.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);
    display: flex;
    align-items: center
}

.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--GridTemplateAreas: "icon title action" ". description description" ". actiongroup actiongroup";
    --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__toggle--MarginTop: calc(var(--pf-global--spacer--form-element)*-1 - 0.0625rem);
    --pf-c-alert__toggle--MarginBottom: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-alert__toggle--MarginLeft: calc(var(--pf-global--spacer--md)*-1);
    --pf-c-alert__toggle-icon--Rotate: 0;
    --pf-c-alert__toggle-icon--Transition: var(--pf-global--Transition);
    --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-base: var(--pf-global--spacer--xs);
    --pf-c-alert__action-group--PaddingTop: var(--pf-c-alert__action-group--PaddingTop-base);
    --pf-c-alert__description--action-group--PaddingTop-base: var(--pf-global--spacer--md);
    --pf-c-alert__description--action-group--PaddingTop: var(--pf-c-alert__description--action-group--PaddingTop-base);
    --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);
    --pf-c-alert--m-inline--m-plain--BorderTopWidth: 0;
    --pf-c-alert--m-inline--m-plain--BackgroundColor: transparent;
    --pf-c-alert--m-inline--m-plain--PaddingTop: 0;
    --pf-c-alert--m-inline--m-plain--PaddingRight: 0;
    --pf-c-alert--m-inline--m-plain--PaddingBottom: 0;
    --pf-c-alert--m-inline--m-plain--PaddingLeft: 0;
    --pf-c-alert--m-expandable--GridTemplateColumns: auto max-content 1fr max-content;
    --pf-c-alert--m-expandable--GridTemplateAreas: "toggle icon title action" ". . description description" ". . actiongroup actiongroup";
    --pf-c-alert--m-expandable__description--action-group--PaddingTop: var(--pf-c-alert__action-group--PaddingTop-base);
    --pf-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
    --pf-c-alert--m-expanded__description--action-group--PaddingTop: var(--pf-c-alert__description--action-group--PaddingTop-base);
    color: var(--pf-global--Color--100);
    position: relative;
    display: grid;
    padding: var(--pf-c-alert--PaddingTop) var(--pf-c-alert--PaddingRight) var(--pf-c-alert--PaddingBottom) var(--pf-c-alert--PaddingLeft);
    font-size: var(--pf-c-alert__FontSize);
    background-color: var(--pf-c-alert--BackgroundColor);
    border-top: var(--pf-c-alert--BorderTopWidth) solid var(--pf-c-alert--BorderTopColor);
    box-shadow: var(--pf-c-alert--BoxShadow);
    grid-template-columns: var(--pf-c-alert--GridTemplateColumns);
    grid-template-areas: var(--pf-c-alert--GridTemplateAreas)
}

.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.pf-m-plain {
    --pf-c-alert--BorderTopWidth: var(--pf-c-alert--m-inline--m-plain--BorderTopWidth);
    --pf-c-alert--BackgroundColor: var(--pf-c-alert--m-inline--m-plain--BackgroundColor);
    --pf-c-alert--PaddingTop: var(--pf-c-alert--m-inline--m-plain--PaddingTop);
    --pf-c-alert--PaddingRight: var(--pf-c-alert--m-inline--m-plain--PaddingRight);
    --pf-c-alert--PaddingBottom: var(--pf-c-alert--m-inline--m-plain--PaddingBottom);
    --pf-c-alert--PaddingLeft: var(--pf-c-alert--m-inline--m-plain--PaddingLeft)
}

.pf-c-alert.pf-m-expandable {
    --pf-c-alert--GridTemplateColumns: var(--pf-c-alert--m-expandable--GridTemplateColumns);
    --pf-c-alert--GridTemplateAreas: var(--pf-c-alert--m-expandable--GridTemplateAreas);
    --pf-c-alert__description--action-group--PaddingTop: var(--pf-c-alert--m-expandable__description--action-group--PaddingTop)
}

.pf-c-alert.pf-m-expanded {
    --pf-c-alert__toggle-icon--Rotate: var(--pf-c-alert--m-expanded__toggle-icon--Rotate);
    --pf-c-alert__description--action-group--PaddingTop: var(--pf-c-alert--m-expanded__description--action-group--PaddingTop)
}

.pf-c-alert__toggle {
    margin-top: var(--pf-c-alert__toggle--MarginTop);
    margin-bottom: var(--pf-c-alert__toggle--MarginBottom);
    margin-left: var(--pf-c-alert__toggle--MarginLeft)
}

.pf-c-alert__toggle-icon {
    display: inline-block;
    transition: var(--pf-c-alert__toggle-icon--Transition);
    transform: rotate(var(--pf-c-alert__toggle-icon--Rotate))
}

.pf-c-alert__icon {
    grid-area: icon;
    display: flex;
    margin-top: var(--pf-c-alert__icon--MarginTop);
    margin-right: var(--pf-c-alert__icon--MarginRight);
    font-size: var(--pf-c-alert__icon--FontSize);
    color: var(--pf-c-alert__icon--Color)
}

.pf-c-alert__title {
    grid-area: title;
    font-weight: var(--pf-c-alert__title--FontWeight);
    color: var(--pf-c-alert__title--Color);
    word-break: break-word
}

.pf-c-alert__title.pf-m-truncate {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--pf-c-alert__title--max-lines);
    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-top: var(--pf-c-alert__action--MarginTop);
    margin-right: var(--pf-c-alert__action--MarginRight);
    margin-bottom: var(--pf-c-alert__action--MarginBottom);
    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)
}

:where(.pf-theme-dark) .pf-c-alert {
    --pf-c-alert--BackgroundColor: var(--pf-global--palette--black-600);
    --pf-c-alert__title--Color: var(--pf-global--default-color--200);
    --pf-c-alert--m-success__title--Color: var(--pf-global--success-color--100);
    --pf-c-alert--m-danger__title--Color: var(--pf-global--danger-color--100);
    --pf-c-alert--m-warning__title--Color: var(--pf-global--warning-color--100);
    --pf-c-alert--m-info__title--Color: var(--pf-global--info-color--100);
    --pf-c-alert--m-inline--BackgroundColor: var(--pf-global--palette--black-600);
    --pf-c-alert--m-inline--m-success--BackgroundColor: var(--pf-global--palette--black-600);
    --pf-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-global--palette--black-600);
    --pf-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-global--palette--black-600);
    --pf-c-alert--m-inline--m-info--BackgroundColor: var(--pf-global--palette--black-600)
}

.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__overflow-button--BorderWidth: 0;
    --pf-c-alert-group__overflow-button--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-alert-group__overflow-button--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-alert-group__overflow-button--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-alert-group__overflow-button--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-alert-group__overflow-button--Color: var(--pf-global--link--Color);
    --pf-c-alert-group__overflow-button--BoxShadow: var(--pf-global--BoxShadow--lg);
    --pf-c-alert-group__overflow-button--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-alert-group__overflow-button--hover--Color: var(--pf-global--link--Color--hover);
    --pf-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-global--BoxShadow--lg),var(--pf-global--BoxShadow--lg-bottom);
    --pf-c-alert-group__overflow-button--focus--Color: var(--pf-global--link--Color--hover);
    --pf-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-global--BoxShadow--lg),var(--pf-global--BoxShadow--lg-bottom);
    --pf-c-alert-group__overflow-button--active--Color: var(--pf-global--link--Color--hover);
    --pf-c-alert-group__overflow-button--active--BoxShadow: var(--pf-global--BoxShadow--lg),var(--pf-global--BoxShadow--lg-bottom)
}

.pf-c-alert-group>*+* {
    margin-top: var(--pf-c-alert-group__item--MarginTop)
}

.pf-c-alert-group.pf-m-toast {
    position: fixed;
    top: var(--pf-c-alert-group--m-toast--Top);
    right: var(--pf-c-alert-group--m-toast--Right);
    z-index: var(--pf-c-alert-group--m-toast--ZIndex);
    width: calc(100% - var(--pf-c-alert-group--m-toast--Right)*2);
    max-width: var(--pf-c-alert-group--m-toast--MaxWidth)
}

.pf-c-alert-group__overflow-button {
    position: relative;
    width: 100%;
    padding: var(--pf-c-alert-group__overflow-button--PaddingTop) var(--pf-c-alert-group__overflow-button--PaddingRight) var(--pf-c-alert-group__overflow-button--PaddingBottom) var(--pf-c-alert-group__overflow-button--PaddingLeft);
    color: var(--pf-c-alert-group__overflow-button--Color);
    background-color: var(--pf-c-alert-group__overflow-button--BackgroundColor);
    border-width: var(--pf-c-alert-group__overflow-button--BorderWidth);
    box-shadow: var(--pf-c-alert-group__overflow-button--BoxShadow)
}

.pf-c-alert-group__overflow-button:hover {
    --pf-c-alert-group__overflow-button--Color: var(--pf-c-alert-group__overflow-button--hover--Color);
    --pf-c-alert-group__overflow-button--BoxShadow: var(--pf-c-alert-group__overflow-button--hover--BoxShadow)
}

.pf-c-alert-group__overflow-button:focus {
    --pf-c-alert-group__overflow-button--Color: var(--pf-c-alert-group__overflow-button--focus--Color);
    --pf-c-alert-group__overflow-button--BoxShadow: var(--pf-c-alert-group__overflow-button--focus--BoxShadow)
}

.pf-c-alert-group__overflow-button:active {
    --pf-c-alert-group__overflow-button--Color: var(--pf-c-alert-group__overflow-button--active--Color);
    --pf-c-alert-group__overflow-button--BoxShadow: var(--pf-c-alert-group__overflow-button--active--BoxShadow)
}

.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--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-action--disabled--Color: var(--pf-global--disabled-color--200);
    --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--m-favorite__menu-item--m-action--hover--Color: var(--pf-global--palette--gold-500);
    --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--xs);
    --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--normal);
    --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);
    position: relative;
    display: inline-block;
    max-width: 100%
}

.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-top: var(--pf-c-app-launcher--c-divider--MarginTop);
    margin-bottom: var(--pf-c-app-launcher--c-divider--MarginBottom)
}

.pf-c-app-launcher .pf-c-divider:last-child {
    --pf-c-app-launcher--c-divider--MarginBottom: 0
}

.pf-c-app-launcher__toggle {
    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);
    color: var(--pf-c-app-launcher__toggle--Color);
    border: none
}

.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 {
    position: absolute;
    top: var(--pf-c-app-launcher__menu--Top);
    z-index: var(--pf-c-app-launcher__menu--ZIndex);
    min-width: 100%;
    padding-top: var(--pf-c-app-launcher__menu--PaddingTop);
    padding-bottom: var(--pf-c-app-launcher__menu--PaddingBottom);
    background-color: var(--pf-c-app-launcher__menu--BackgroundColor);
    background-clip: padding-box;
    box-shadow: var(--pf-c-app-launcher__menu--BoxShadow)
}

.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);
    transform: translateY(var(--pf-c-app-launcher--m-top__menu--TranslateY))
}

.pf-c-app-launcher__menu.pf-m-static {
    --pf-c-app-launcher--m-top__menu--TranslateY: 0;
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: auto;
    min-width: min-content
}

.pf-c-app-launcher__menu-search {
    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);
    margin-bottom: var(--pf-c-app-launcher__menu-search--MarginBottom);
    border-bottom: var(--pf-c-app-launcher__menu-search--BottomBorderWidth) solid var(--pf-c-app-launcher__menu-search--BottomBorderColor)
}

.pf-c-app-launcher__menu-wrapper {
    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--m-action--hover--Color: var(--pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color)
}

.pf-c-app-launcher__menu-item {
    display: flex;
    align-items: center;
    width: var(--pf-c-app-launcher__menu-item--Width);
    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);
    font-weight: var(--pf-c-app-launcher__menu-item--FontWeight);
    color: var(--pf-c-app-launcher__menu-item--Color);
    white-space: nowrap;
    border: 0
}

.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);
    --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-c-app-launcher__menu-item--m-action--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 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--pf-c-app-launcher__menu-item-icon--Width);
    height: var(--pf-c-app-launcher__menu-item-icon--Height);
    margin-right: var(--pf-c-app-launcher__menu-item-icon--MarginRight)
}

.pf-c-app-launcher__menu-item-icon>* {
    max-width: 100%;
    max-height: 100%
}

.pf-c-app-launcher__menu-item-external-icon {
    padding-left: var(--pf-c-app-launcher__menu-item-external-icon--PaddingLeft);
    margin-left: auto;
    font-size: var(--pf-c-app-launcher__menu-item-external-icon--FontSize);
    color: var(--pf-c-app-launcher__menu-item-external-icon--Color);
    opacity: 0;
    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 {
    padding-top: var(--pf-c-app-launcher__group-title--PaddingTop);
    padding-right: var(--pf-c-app-launcher__group-title--PaddingRight);
    padding-bottom: var(--pf-c-app-launcher__group-title--PaddingBottom);
    padding-left: var(--pf-c-app-launcher__group-title--PaddingLeft);
    font-size: var(--pf-c-app-launcher__group-title--FontSize);
    font-weight: var(--pf-c-app-launcher__group-title--FontWeight);
    color: var(--pf-c-app-launcher__group-title--Color)
}

:where(.pf-theme-dark) .pf-c-app-launcher {
    --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-app-launcher__menu--Top: 100%;
    --pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-app-launcher__menu-item--disabled--Color: var(--pf-global--palette--black-300);
    --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-global--Color--200);
    --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-global--palette--gold-300);
    --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-global--palette--gold-100)
}

.pf-c-avatar {
    --pf-c-avatar--BorderColor: transparent;
    --pf-c-avatar--BorderWidth: 0;
    --pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg);
    --pf-c-avatar--Width: 2.25rem;
    --pf-c-avatar--Height: 2.25rem;
    --pf-c-avatar--m-sm--Width: 1.5rem;
    --pf-c-avatar--m-sm--Height: 1.5rem;
    --pf-c-avatar--m-md--Width: 2.25rem;
    --pf-c-avatar--m-md--Height: 2.25rem;
    --pf-c-avatar--m-lg--Width: 4.5rem;
    --pf-c-avatar--m-lg--Height: 4.5rem;
    --pf-c-avatar--m-xl--Width: 8rem;
    --pf-c-avatar--m-xl--Height: 8rem;
    --pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100);
    --pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700);
    --pf-c-avatar--m-dark--BorderWidth: var(--pf-global--BorderWidth--sm);
    width: var(--pf-c-avatar--Width);
    height: var(--pf-c-avatar--Height);
    border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor);
    border-radius: var(--pf-c-avatar--BorderRadius)
}

.pf-c-avatar.pf-m-light {
    --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-light--BorderColor);
    --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-light--BorderWidth)
}

.pf-c-avatar.pf-m-dark {
    --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);
    --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth)
}

.pf-c-avatar.pf-m-sm {
    --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width);
    --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height)
}

@media (min-width: 576px) {
    .pf-c-avatar.pf-m-sm {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-sm--Width-on-sm,var(--pf-c-avatar--m-sm--Width))
    }
}

@media (min-width: 768px) {
    .pf-c-avatar.pf-m-sm {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-sm--Width-on-md,var(--pf-c-avatar--m-sm--Width-on-sm,var(--pf-c-avatar--m-sm--Width)))
    }
}

@media (min-width: 992px) {
    .pf-c-avatar.pf-m-sm {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-sm--Width-on-lg,var(--pf-c-avatar--m-sm--Width-on-md,var(--pf-c-avatar--m-sm--Width-on-sm,var(--pf-c-avatar--m-sm--Width))))
    }
}

@media (min-width: 1200px) {
    .pf-c-avatar.pf-m-sm {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-sm--Width-on-xl,var(--pf-c-avatar--m-sm--Width-on-lg,var(--pf-c-avatar--m-sm--Width-on-md,var(--pf-c-avatar--m-sm--Width-on-sm,var(--pf-c-avatar--m-sm--Width)))))
    }
}

@media (min-width: 1450px) {
    .pf-c-avatar.pf-m-sm {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-sm--Width-on-2xl,var(--pf-c-avatar--m-sm--Width-on-xl,var(--pf-c-avatar--m-sm--Width-on-lg,var(--pf-c-avatar--m-sm--Width-on-md,var(--pf-c-avatar--m-sm--Width-on-sm,var(--pf-c-avatar--m-sm--Width))))))
    }
}

@media (min-width: 576px) {
    .pf-c-avatar.pf-m-sm {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-sm--Height-on-sm,var(--pf-c-avatar--m-sm--Height))
    }
}

@media (min-width: 768px) {
    .pf-c-avatar.pf-m-sm {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-sm--Height-on-md,var(--pf-c-avatar--m-sm--Height-on-sm,var(--pf-c-avatar--m-sm--Height)))
    }
}

@media (min-width: 992px) {
    .pf-c-avatar.pf-m-sm {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-sm--Height-on-lg,var(--pf-c-avatar--m-sm--Height-on-md,var(--pf-c-avatar--m-sm--Height-on-sm,var(--pf-c-avatar--m-sm--Height))))
    }
}

@media (min-width: 1200px) {
    .pf-c-avatar.pf-m-sm {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-sm--Height-on-xl,var(--pf-c-avatar--m-sm--Height-on-lg,var(--pf-c-avatar--m-sm--Height-on-md,var(--pf-c-avatar--m-sm--Height-on-sm,var(--pf-c-avatar--m-sm--Height)))))
    }
}

@media (min-width: 1450px) {
    .pf-c-avatar.pf-m-sm {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-sm--Height-on-2xl,var(--pf-c-avatar--m-sm--Height-on-xl,var(--pf-c-avatar--m-sm--Height-on-lg,var(--pf-c-avatar--m-sm--Height-on-md,var(--pf-c-avatar--m-sm--Height-on-sm,var(--pf-c-avatar--m-sm--Height))))))
    }
}

.pf-c-avatar.pf-m-md {
    --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width);
    --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height)
}

@media (min-width: 576px) {
    .pf-c-avatar.pf-m-md {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-md--Width-on-sm,var(--pf-c-avatar--m-md--Width))
    }
}

@media (min-width: 768px) {
    .pf-c-avatar.pf-m-md {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-md--Width-on-md,var(--pf-c-avatar--m-md--Width-on-sm,var(--pf-c-avatar--m-md--Width)))
    }
}

@media (min-width: 992px) {
    .pf-c-avatar.pf-m-md {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-md--Width-on-lg,var(--pf-c-avatar--m-md--Width-on-md,var(--pf-c-avatar--m-md--Width-on-sm,var(--pf-c-avatar--m-md--Width))))
    }
}

@media (min-width: 1200px) {
    .pf-c-avatar.pf-m-md {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-md--Width-on-xl,var(--pf-c-avatar--m-md--Width-on-lg,var(--pf-c-avatar--m-md--Width-on-md,var(--pf-c-avatar--m-md--Width-on-sm,var(--pf-c-avatar--m-md--Width)))))
    }
}

@media (min-width: 1450px) {
    .pf-c-avatar.pf-m-md {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-md--Width-on-2xl,var(--pf-c-avatar--m-md--Width-on-xl,var(--pf-c-avatar--m-md--Width-on-lg,var(--pf-c-avatar--m-md--Width-on-md,var(--pf-c-avatar--m-md--Width-on-sm,var(--pf-c-avatar--m-md--Width))))))
    }
}

@media (min-width: 576px) {
    .pf-c-avatar.pf-m-md {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-md--Height-on-sm,var(--pf-c-avatar--m-md--Height))
    }
}

@media (min-width: 768px) {
    .pf-c-avatar.pf-m-md {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-md--Height-on-md,var(--pf-c-avatar--m-md--Height-on-sm,var(--pf-c-avatar--m-md--Height)))
    }
}

@media (min-width: 992px) {
    .pf-c-avatar.pf-m-md {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-md--Height-on-lg,var(--pf-c-avatar--m-md--Height-on-md,var(--pf-c-avatar--m-md--Height-on-sm,var(--pf-c-avatar--m-md--Height))))
    }
}

@media (min-width: 1200px) {
    .pf-c-avatar.pf-m-md {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-md--Height-on-xl,var(--pf-c-avatar--m-md--Height-on-lg,var(--pf-c-avatar--m-md--Height-on-md,var(--pf-c-avatar--m-md--Height-on-sm,var(--pf-c-avatar--m-md--Height)))))
    }
}

@media (min-width: 1450px) {
    .pf-c-avatar.pf-m-md {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-md--Height-on-2xl,var(--pf-c-avatar--m-md--Height-on-xl,var(--pf-c-avatar--m-md--Height-on-lg,var(--pf-c-avatar--m-md--Height-on-md,var(--pf-c-avatar--m-md--Height-on-sm,var(--pf-c-avatar--m-md--Height))))))
    }
}

.pf-c-avatar.pf-m-lg {
    --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width);
    --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height)
}

@media (min-width: 576px) {
    .pf-c-avatar.pf-m-lg {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-lg--Width-on-sm,var(--pf-c-avatar--m-lg--Width))
    }
}

@media (min-width: 768px) {
    .pf-c-avatar.pf-m-lg {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-lg--Width-on-md,var(--pf-c-avatar--m-lg--Width-on-sm,var(--pf-c-avatar--m-lg--Width)))
    }
}

@media (min-width: 992px) {
    .pf-c-avatar.pf-m-lg {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-lg--Width-on-lg,var(--pf-c-avatar--m-lg--Width-on-md,var(--pf-c-avatar--m-lg--Width-on-sm,var(--pf-c-avatar--m-lg--Width))))
    }
}

@media (min-width: 1200px) {
    .pf-c-avatar.pf-m-lg {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-lg--Width-on-xl,var(--pf-c-avatar--m-lg--Width-on-lg,var(--pf-c-avatar--m-lg--Width-on-md,var(--pf-c-avatar--m-lg--Width-on-sm,var(--pf-c-avatar--m-lg--Width)))))
    }
}

@media (min-width: 1450px) {
    .pf-c-avatar.pf-m-lg {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-lg--Width-on-2xl,var(--pf-c-avatar--m-lg--Width-on-xl,var(--pf-c-avatar--m-lg--Width-on-lg,var(--pf-c-avatar--m-lg--Width-on-md,var(--pf-c-avatar--m-lg--Width-on-sm,var(--pf-c-avatar--m-lg--Width))))))
    }
}

@media (min-width: 576px) {
    .pf-c-avatar.pf-m-lg {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-lg--Height-on-sm,var(--pf-c-avatar--m-lg--Height))
    }
}

@media (min-width: 768px) {
    .pf-c-avatar.pf-m-lg {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-lg--Height-on-md,var(--pf-c-avatar--m-lg--Height-on-sm,var(--pf-c-avatar--m-lg--Height)))
    }
}

@media (min-width: 992px) {
    .pf-c-avatar.pf-m-lg {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-lg--Height-on-lg,var(--pf-c-avatar--m-lg--Height-on-md,var(--pf-c-avatar--m-lg--Height-on-sm,var(--pf-c-avatar--m-lg--Height))))
    }
}

@media (min-width: 1200px) {
    .pf-c-avatar.pf-m-lg {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-lg--Height-on-xl,var(--pf-c-avatar--m-lg--Height-on-lg,var(--pf-c-avatar--m-lg--Height-on-md,var(--pf-c-avatar--m-lg--Height-on-sm,var(--pf-c-avatar--m-lg--Height)))))
    }
}

@media (min-width: 1450px) {
    .pf-c-avatar.pf-m-lg {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-lg--Height-on-2xl,var(--pf-c-avatar--m-lg--Height-on-xl,var(--pf-c-avatar--m-lg--Height-on-lg,var(--pf-c-avatar--m-lg--Height-on-md,var(--pf-c-avatar--m-lg--Height-on-sm,var(--pf-c-avatar--m-lg--Height))))))
    }
}

.pf-c-avatar.pf-m-xl {
    --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width);
    --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height)
}

@media (min-width: 576px) {
    .pf-c-avatar.pf-m-xl {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-xl--Width-on-sm,var(--pf-c-avatar--m-xl--Width))
    }
}

@media (min-width: 768px) {
    .pf-c-avatar.pf-m-xl {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-xl--Width-on-md,var(--pf-c-avatar--m-xl--Width-on-sm,var(--pf-c-avatar--m-xl--Width)))
    }
}

@media (min-width: 992px) {
    .pf-c-avatar.pf-m-xl {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-xl--Width-on-lg,var(--pf-c-avatar--m-xl--Width-on-md,var(--pf-c-avatar--m-xl--Width-on-sm,var(--pf-c-avatar--m-xl--Width))))
    }
}

@media (min-width: 1200px) {
    .pf-c-avatar.pf-m-xl {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-xl--Width-on-xl,var(--pf-c-avatar--m-xl--Width-on-lg,var(--pf-c-avatar--m-xl--Width-on-md,var(--pf-c-avatar--m-xl--Width-on-sm,var(--pf-c-avatar--m-xl--Width)))))
    }
}

@media (min-width: 1450px) {
    .pf-c-avatar.pf-m-xl {
        --pf-c-avatar--Width:var(--pf-c-avatar--m-xl--Width-on-2xl,var(--pf-c-avatar--m-xl--Width-on-xl,var(--pf-c-avatar--m-xl--Width-on-lg,var(--pf-c-avatar--m-xl--Width-on-md,var(--pf-c-avatar--m-xl--Width-on-sm,var(--pf-c-avatar--m-xl--Width))))))
    }
}

@media (min-width: 576px) {
    .pf-c-avatar.pf-m-xl {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-xl--Height-on-sm,var(--pf-c-avatar--m-xl--Height))
    }
}

@media (min-width: 768px) {
    .pf-c-avatar.pf-m-xl {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-xl--Height-on-md,var(--pf-c-avatar--m-xl--Height-on-sm,var(--pf-c-avatar--m-xl--Height)))
    }
}

@media (min-width: 992px) {
    .pf-c-avatar.pf-m-xl {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-xl--Height-on-lg,var(--pf-c-avatar--m-xl--Height-on-md,var(--pf-c-avatar--m-xl--Height-on-sm,var(--pf-c-avatar--m-xl--Height))))
    }
}

@media (min-width: 1200px) {
    .pf-c-avatar.pf-m-xl {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-xl--Height-on-xl,var(--pf-c-avatar--m-xl--Height-on-lg,var(--pf-c-avatar--m-xl--Height-on-md,var(--pf-c-avatar--m-xl--Height-on-sm,var(--pf-c-avatar--m-xl--Height)))))
    }
}

@media (min-width: 1450px) {
    .pf-c-avatar.pf-m-xl {
        --pf-c-avatar--Height:var(--pf-c-avatar--m-xl--Height-on-2xl,var(--pf-c-avatar--m-xl--Height-on-xl,var(--pf-c-avatar--m-xl--Height-on-lg,var(--pf-c-avatar--m-xl--Height-on-md,var(--pf-c-avatar--m-xl--Height-on-sm,var(--pf-c-avatar--m-xl--Height))))))
    }
}

.pf-c-backdrop {
    --pf-c-backdrop--Position: fixed;
    --pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
    --pf-c-backdrop--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
    position: var(--pf-c-backdrop--Position);
    top: 0;
    left: 0;
    z-index: var(--pf-c-backdrop--ZIndex);
    width: 100%;
    height: 100%;
    background-color: var(--pf-c-backdrop--BackgroundColor)
}

.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 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--pf-c-background-image--BackgroundColor);
    background-image: var(--pf-c-background-image--BackgroundImage);
    filter: var(--pf-c-background-image--Filter);
    background-repeat: no-repeat;
    background-size: cover
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .pf-c-background-image:before {
        --pf-c-background-image--BackgroundImage:var(--pf-c-background-image--BackgroundImage-2x)
    }
}

@media (min-width: 576px) {
    .pf-c-background-image:before {
        --pf-c-background-image--BackgroundImage:var(--pf-c-background-image--BackgroundImage--sm)
    }
}

@media (min-width: 576px) and (-webkit-min-device-pixel-ratio:2),(min-width:576px) and (min-resolution:192dpi) {
    .pf-c-background-image:before {
        --pf-c-background-image--BackgroundImage:var(--pf-c-background-image--BackgroundImage--sm-2x)
    }
}

@media (min-width: 992px) {
    .pf-c-background-image:before {
        --pf-c-background-image--BackgroundImage:var(--pf-c-background-image--BackgroundImage--lg)
    }
}

.pf-c-background-image__filter {
    display: block
}

.pf-c-back-to-top {
    --pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
    --pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
    --pf-c-back-to-top--md--Bottom: var(--pf-global--spacer--2xl);
    --pf-c-back-to-top--c-button--FontSize: var(--pf-global--FontSize--xs);
    --pf-c-back-to-top--c-button--BorderRadius: var(--pf-global--BorderRadius--lg);
    --pf-c-back-to-top--c-button--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-back-to-top--c-button--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-back-to-top--c-button--PaddingBottom: var(--pf-global--spacer--xs);
    --pf-c-back-to-top--c-button--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-back-to-top--c-button--BoxShadow: var(--pf-global--BoxShadow--lg-bottom);
    position: absolute;
    right: var(--pf-c-back-to-top--Right);
    bottom: var(--pf-c-back-to-top--Bottom)
}

@media (min-width: 768px) {
    .pf-c-back-to-top {
        --pf-c-back-to-top--Bottom:var(--pf-c-back-to-top--md--Bottom)
    }
}

.pf-c-back-to-top.pf-m-hidden {
    display: none
}

.pf-c-back-to-top .pf-c-button {
    --pf-c-button--FontSize: var(--pf-c-back-to-top--c-button--FontSize);
    --pf-c-button--BorderRadius: var(--pf-c-back-to-top--c-button--BorderRadius);
    --pf-c-button--PaddingTop: var(--pf-c-back-to-top--c-button--PaddingTop);
    --pf-c-button--PaddingRight: var(--pf-c-back-to-top--c-button--PaddingRight);
    --pf-c-button--PaddingBottom: var(--pf-c-back-to-top--c-button--PaddingBottom);
    --pf-c-button--PaddingLeft: var(--pf-c-back-to-top--c-button--PaddingLeft);
    box-shadow: var(--pf-c-back-to-top--c-button--BoxShadow)
}

.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);
    display: inline-block;
    min-width: var(--pf-c-badge--MinWidth);
    padding-right: var(--pf-c-badge--PaddingRight);
    padding-left: var(--pf-c-badge--PaddingLeft);
    font-size: var(--pf-c-badge--FontSize);
    font-weight: var(--pf-c-badge--FontWeight);
    color: var(--pf-c-badge--Color);
    text-align: center;
    background-color: var(--pf-c-badge--BackgroundColor);
    border-radius: var(--pf-c-badge--BorderRadius)
}

.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)
}

:where(.pf-theme-dark) .pf-c-badge {
    --pf-c-badge--m-read--BackgroundColor: var(--pf-global--palette--black-500);
    --pf-c-badge--m-unread--BackgroundColor: var(--pf-global--primary-color--300)
}

.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--link--Color: var(--pf-c-banner--Color);
    --pf-c-banner--link--TextDecoration: underline;
    --pf-c-banner--link--hover--Color: var(--pf-c-banner--Color);
    --pf-c-banner--link--hover--FontWeight: var(--pf-global--FontWeight--semi-bold);
    --pf-c-banner--link--disabled--Color: var(--pf-c-banner--Color);
    --pf-c-banner--link--disabled--TextDecoration: none;
    --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);
    color: var(--pf-global--Color--100);
    overflow: hidden;
    text-overflow: ellipsis;
    padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft);
    flex-shrink: 0;
    font-size: var(--pf-c-banner--FontSize);
    color: var(--pf-c-banner--Color);
    white-space: nowrap;
    background-color: var(--pf-c-banner--BackgroundColor)
}

@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-blue,.pf-c-banner.pf-m-info {
    color: var(--pf-global--Color--100);
    --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-info--BackgroundColor)
}

.pf-c-banner.pf-m-danger,.pf-c-banner.pf-m-red {
    --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-danger--BackgroundColor)
}

.pf-c-banner.pf-m-green,.pf-c-banner.pf-m-success {
    --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-success--BackgroundColor)
}

.pf-c-banner.pf-m-gold,.pf-c-banner.pf-m-warning {
    color: var(--pf-global--Color--100);
    --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-warning--BackgroundColor)
}

.pf-c-banner.pf-m-sticky {
    position: sticky;
    top: 0;
    z-index: var(--pf-c-banner--m-sticky--ZIndex);
    box-shadow: var(--pf-c-banner--m-sticky--BoxShadow)
}

.pf-c-banner a {
    color: var(--pf-c-banner--link--Color);
    text-decoration: var(--pf-c-banner--link--TextDecoration)
}

.pf-c-banner a:hover:not(.pf-m-disabled) {
    --pf-c-banner--link--Color: var(--pf-c-banner--link--hover--Color);
    font-weight: var(--pf-c-banner--link--hover--FontWeight)
}

.pf-c-banner a.pf-m-disabled {
    --pf-c-banner--link--Color: var(--pf-c-banner--link--disabled--Color);
    --pf-c-banner--link--TextDecoration: var(--pf-c-banner--link--disabled--TextDecoration);
    cursor: not-allowed
}

.pf-c-banner .pf-c-button.pf-m-inline {
    --pf-c-button--m-link--Color: var(--pf-c-banner--link--Color);
    --pf-c-button--m-link--m-inline--hover--Color: var(--pf-c-banner--link--hover--Color);
    --pf-c-button--disabled--Color: var(--pf-c-banner--link--disabled--Color);
    text-decoration: var(--pf-c-banner--link--TextDecoration)
}

.pf-c-banner .pf-c-button.pf-m-inline:hover {
    --pf-c-banner--link--Color: var(--pf-c-banner--link--hover--Color);
    font-weight: var(--pf-c-banner--link--hover--FontWeight)
}

.pf-c-banner .pf-c-button.pf-m-inline.pf-m-disabled,.pf-c-banner .pf-c-button.pf-m-inline:disabled {
    --pf-c-banner--link--TextDecoration: var(--pf-c-banner--link--disabled--TextDecoration);
    cursor: not-allowed
}

:where(.pf-theme-dark) .pf-c-banner {
    color: var(--pf-global--Color--100)
}

:where(.pf-theme-dark) .pf-c-banner.pf-m-blue,:where(.pf-theme-dark) .pf-c-banner.pf-m-danger,:where(.pf-theme-dark) .pf-c-banner.pf-m-gold,:where(.pf-theme-dark) .pf-c-banner.pf-m-green,:where(.pf-theme-dark) .pf-c-banner.pf-m-info,:where(.pf-theme-dark) .pf-c-banner.pf-m-red,:where(.pf-theme-dark) .pf-c-banner.pf-m-success,:where(.pf-theme-dark) .pf-c-banner.pf-m-warning {
    color: var(--pf-global--palette--black-900)
}

.pf-c-brand {
    --pf-c-brand--Width: auto;
    --pf-c-brand--Height: auto;
    width: var(--pf-c-brand--Width--base);
    height: var(--pf-c-brand--Height--base);
    --pf-c-brand--Width--base: var(--pf-c-brand--Width);
    --pf-c-brand--Height--base: var(--pf-c-brand--Height)
}

@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 {
    display: inline-flex;
    max-width: 100%
}

.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);
    display: inline-flex
}

.pf-c-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.pf-c-breadcrumb__item {
    display: flex;
    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);
    white-space: nowrap;
    list-style: none
}

.pf-c-breadcrumb__item:not(:last-child) {
    margin-right: var(--pf-c-breadcrumb__item--MarginRight)
}

.pf-c-breadcrumb__item-divider {
    margin-right: var(--pf-c-breadcrumb__item-divider--MarginRight);
    font-size: var(--pf-c-breadcrumb__item-divider--FontSize);
    line-height: 1;
    color: var(--pf-c-breadcrumb__item-divider--Color)
}

.pf-c-breadcrumb__link {
    font-size: inherit;
    font-weight: var(--pf-c-breadcrumb__link--FontWeight);
    line-height: inherit;
    color: var(--pf-c-breadcrumb__link--Color);
    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
}

:where(.pf-theme-dark) .pf-c-breadcrumb {
    --pf-c-breadcrumb__item-divider--Color: var(--pf-global--BorderColor--100)
}

.pf-c-button {
    --pf-c-button--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-button--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-button--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-button--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-button--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-button--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-button--FontSize: var(--pf-global--FontSize--md);
    --pf-c-button--BackgroundColor: transparent;
    --pf-c-button--BorderRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-button--after--BorderRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-button--after--BorderColor: transparent;
    --pf-c-button--after--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-button--hover--after--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-button--focus--after--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-button--active--after--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-button--disabled--Color: var(--pf-global--disabled-color--100);
    --pf-c-button--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
    --pf-c-button--disabled--after--BorderColor: transparent;
    --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--100);
    --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
    --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
    --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
    --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
    --pf-c-button--m-secondary--BackgroundColor: transparent;
    --pf-c-button--m-secondary--after--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
    --pf-c-button--m-secondary--hover--BackgroundColor: transparent;
    --pf-c-button--m-secondary--hover--after--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
    --pf-c-button--m-secondary--focus--BackgroundColor: transparent;
    --pf-c-button--m-secondary--focus--after--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
    --pf-c-button--m-secondary--active--BackgroundColor: transparent;
    --pf-c-button--m-secondary--active--after--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
    --pf-c-button--m-secondary--m-danger--BackgroundColor: transparent;
    --pf-c-button--m-secondary--m-danger--Color: var(--pf-global--danger-color--100);
    --pf-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-global--danger-color--100);
    --pf-c-button--m-secondary--m-danger--hover--BackgroundColor: transparent;
    --pf-c-button--m-secondary--m-danger--hover--Color: var(--pf-global--danger-color--200);
    --pf-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-global--danger-color--100);
    --pf-c-button--m-secondary--m-danger--focus--BackgroundColor: transparent;
    --pf-c-button--m-secondary--m-danger--focus--Color: var(--pf-global--danger-color--200);
    --pf-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-global--danger-color--100);
    --pf-c-button--m-secondary--m-danger--active--BackgroundColor: transparent;
    --pf-c-button--m-secondary--m-danger--active--Color: var(--pf-global--danger-color--200);
    --pf-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-global--danger-color--100);
    --pf-c-button--m-tertiary--BackgroundColor: transparent;
    --pf-c-button--m-tertiary--after--BorderColor: var(--pf-global--Color--100);
    --pf-c-button--m-tertiary--Color: var(--pf-global--Color--100);
    --pf-c-button--m-tertiary--hover--BackgroundColor: transparent;
    --pf-c-button--m-tertiary--hover--after--BorderColor: var(--pf-global--Color--100);
    --pf-c-button--m-tertiary--hover--Color: var(--pf-global--Color--100);
    --pf-c-button--m-tertiary--focus--BackgroundColor: transparent;
    --pf-c-button--m-tertiary--focus--after--BorderColor: var(--pf-global--Color--100);
    --pf-c-button--m-tertiary--focus--Color: var(--pf-global--Color--100);
    --pf-c-button--m-tertiary--active--BackgroundColor: transparent;
    --pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--Color--100);
    --pf-c-button--m-tertiary--active--Color: var(--pf-global--Color--100);
    --pf-c-button--m-warning--BackgroundColor: var(--pf-global--warning-color--100);
    --pf-c-button--m-warning--Color: var(--pf-global--Color--dark-100);
    --pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--palette--gold-500);
    --pf-c-button--m-warning--hover--Color: var(--pf-global--Color--dark-100);
    --pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--palette--gold-500);
    --pf-c-button--m-warning--focus--Color: var(--pf-global--Color--dark-100);
    --pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--palette--gold-500);
    --pf-c-button--m-warning--active--Color: var(--pf-global--Color--dark-100);
    --pf-c-button--m-danger--BackgroundColor: var(--pf-global--danger-color--100);
    --pf-c-button--m-danger--Color: var(--pf-global--Color--light-100);
    --pf-c-button--m-danger--hover--BackgroundColor: var(--pf-global--danger-color--200);
    --pf-c-button--m-danger--hover--Color: var(--pf-global--Color--light-100);
    --pf-c-button--m-danger--focus--BackgroundColor: var(--pf-global--danger-color--200);
    --pf-c-button--m-danger--focus--Color: var(--pf-global--Color--light-100);
    --pf-c-button--m-danger--active--BackgroundColor: var(--pf-global--danger-color--200);
    --pf-c-button--m-danger--active--Color: var(--pf-global--Color--light-100);
    --pf-c-button--m-link--BackgroundColor: transparent;
    --pf-c-button--m-link--Color: var(--pf-global--link--Color);
    --pf-c-button--m-link--hover--BackgroundColor: transparent;
    --pf-c-button--m-link--hover--Color: var(--pf-global--link--Color--hover);
    --pf-c-button--m-link--focus--BackgroundColor: transparent;
    --pf-c-button--m-link--focus--Color: var(--pf-global--link--Color--hover);
    --pf-c-button--m-link--active--BackgroundColor: transparent;
    --pf-c-button--m-link--active--Color: var(--pf-global--link--Color--hover);
    --pf-c-button--m-link--disabled--BackgroundColor: transparent;
    --pf-c-button--m-link--m-inline--FontSize: inherit;
    --pf-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
    --pf-c-button--m-link--m-inline--hover--Color: var(--pf-global--link--Color--hover);
    --pf-c-button--m-link--m-inline--PaddingTop: 0;
    --pf-c-button--m-link--m-inline--PaddingRight: 0;
    --pf-c-button--m-link--m-inline--PaddingBottom: 0;
    --pf-c-button--m-link--m-inline--PaddingLeft: 0;
    --pf-c-button--m-link--m-inline__progress--Left: var(--pf-global--spacer--xs);
    --pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-global--spacer--sm));
    --pf-c-button--m-link--m-danger--BackgroundColor: transparent;
    --pf-c-button--m-link--m-danger--Color: var(--pf-global--danger-color--100);
    --pf-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
    --pf-c-button--m-link--m-danger--hover--Color: var(--pf-global--danger-color--200);
    --pf-c-button--m-link--m-danger--focus--BackgroundColor: transparent;
    --pf-c-button--m-link--m-danger--focus--Color: var(--pf-global--danger-color--200);
    --pf-c-button--m-link--m-danger--active--BackgroundColor: transparent;
    --pf-c-button--m-link--m-danger--active--Color: var(--pf-global--danger-color--200);
    --pf-c-button--m-plain--BackgroundColor: transparent;
    --pf-c-button--m-plain--Color: var(--pf-global--Color--200);
    --pf-c-button--m-plain--hover--BackgroundColor: transparent;
    --pf-c-button--m-plain--hover--Color: var(--pf-global--Color--100);
    --pf-c-button--m-plain--focus--BackgroundColor: transparent;
    --pf-c-button--m-plain--focus--Color: var(--pf-global--Color--100);
    --pf-c-button--m-plain--active--BackgroundColor: transparent;
    --pf-c-button--m-plain--active--Color: var(--pf-global--Color--100);
    --pf-c-button--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
    --pf-c-button--m-plain--disabled--BackgroundColor: transparent;
    --pf-c-button--m-control--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-button--m-control--Color: var(--pf-global--Color--100);
    --pf-c-button--m-control--BorderRadius: 0;
    --pf-c-button--m-control--after--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-button--m-control--after--BorderTopColor: var(--pf-global--BorderColor--300);
    --pf-c-button--m-control--after--BorderRightColor: var(--pf-global--BorderColor--300);
    --pf-c-button--m-control--after--BorderBottomColor: var(--pf-global--BorderColor--200);
    --pf-c-button--m-control--after--BorderLeftColor: var(--pf-global--BorderColor--300);
    --pf-c-button--m-control--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
    --pf-c-button--m-control--hover--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-button--m-control--hover--Color: var(--pf-global--Color--100);
    --pf-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-button--m-control--hover--after--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-button--m-control--active--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-button--m-control--active--Color: var(--pf-global--Color--100);
    --pf-c-button--m-control--active--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-button--m-control--active--after--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-button--m-control--focus--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-button--m-control--focus--Color: var(--pf-global--Color--100);
    --pf-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-button--m-control--focus--after--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-button--m-control--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-button--m-control--m-expanded--Color: var(--pf-global--Color--100);
    --pf-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-button--m-small--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-button--m-display-lg--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-button--m-display-lg--PaddingRight: var(--pf-global--spacer--xl);
    --pf-c-button--m-display-lg--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-button--m-display-lg--PaddingLeft: var(--pf-global--spacer--xl);
    --pf-c-button--m-display-lg--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-button--m-link--m-display-lg--FontSize: var(--pf-global--FontSize--lg);
    --pf-c-button__icon--m-start--MarginRight: var(--pf-global--spacer--xs);
    --pf-c-button__icon--m-end--MarginLeft: var(--pf-global--spacer--xs);
    --pf-c-button__progress--width: calc(var(--pf-global--icon--FontSize--md) + var(--pf-global--spacer--sm));
    --pf-c-button__progress--Opacity: 0;
    --pf-c-button__progress--TranslateY: -50%;
    --pf-c-button__progress--TranslateX: 0;
    --pf-c-button__progress--Top: 50%;
    --pf-c-button__progress--Left: var(--pf-global--spacer--md);
    --pf-c-button--m-progress--TransitionProperty: padding;
    --pf-c-button--m-progress--TransitionDuration: var(--pf-global--TransitionDuration);
    --pf-c-button--m-progress--PaddingRight: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width)/2);
    --pf-c-button--m-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width)/2);
    --pf-c-button--m-in-progress--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-button--m-in-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width));
    --pf-c-button--m-in-progress--m-plain--Color: var(--pf-global--primary-color--100);
    --pf-c-button--m-in-progress--m-plain__progress--Left: 50%;
    --pf-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
    --pf-c-button__count--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-button--disabled__c-badge--Color: var(--pf-global--Color--dark-100);
    --pf-c-button--disabled__c-badge--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-button--m-primary__c-badge--BorderColor: var(--pf-global--BorderColor--300);
    --pf-c-button--m-primary__c-badge--BorderWidth: var(--pf-global--BorderWidth--sm);
    position: relative;
    display: inline-block;
    padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight) var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft);
    font-size: var(--pf-c-button--FontSize);
    font-weight: var(--pf-c-button--FontWeight);
    line-height: var(--pf-c-button--LineHeight);
    text-align: center;
    white-space: nowrap;
    user-select: none;
    border: 0;
    border-radius: var(--pf-c-button--BorderRadius)
}

.pf-c-button:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: "";
    border: var(--pf-c-button--after--BorderWidth) solid;
    border-color: var(--pf-c-button--after--BorderColor);
    border-radius: var(--pf-c-button--after--BorderRadius)
}

.pf-c-button:hover {
    --pf-c-button--after--BorderWidth: var(--pf-c-button--hover--after--BorderWidth);
    text-decoration: none
}

.pf-c-button:focus {
    --pf-c-button--after--BorderWidth: var(--pf-c-button--focus--after--BorderWidth)
}

.pf-c-button.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 {
    color: var(--pf-c-button--m-primary--Color);
    background-color: var(--pf-c-button--m-primary--BackgroundColor)
}

.pf-c-button.pf-m-primary:hover {
    --pf-c-button--m-primary--Color: var(--pf-c-button--m-primary--hover--Color);
    --pf-c-button--m-primary--BackgroundColor: var(--pf-c-button--m-primary--hover--BackgroundColor)
}

.pf-c-button.pf-m-primary:focus {
    --pf-c-button--m-primary--Color: var(--pf-c-button--m-primary--focus--Color);
    --pf-c-button--m-primary--BackgroundColor: var(--pf-c-button--m-primary--focus--BackgroundColor)
}

.pf-c-button.pf-m-primary.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-primary .pf-c-badge.pf-m-unread {
    border: var(--pf-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-c-button--m-primary__c-badge--BorderColor)
}

.pf-c-button.pf-m-secondary {
    --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--after--BorderColor);
    color: var(--pf-c-button--m-secondary--Color);
    background-color: var(--pf-c-button--m-secondary--BackgroundColor)
}

.pf-c-button.pf-m-secondary:hover {
    --pf-c-button--m-secondary--Color: var(--pf-c-button--m-secondary--hover--Color);
    --pf-c-button--m-secondary--BackgroundColor: var(--pf-c-button--m-secondary--hover--BackgroundColor);
    --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--hover--after--BorderColor)
}

.pf-c-button.pf-m-secondary:focus {
    --pf-c-button--m-secondary--Color: var(--pf-c-button--m-secondary--focus--Color);
    --pf-c-button--m-secondary--BackgroundColor: var(--pf-c-button--m-secondary--focus--BackgroundColor);
    --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--focus--after--BorderColor)
}

.pf-c-button.pf-m-secondary.pf-m-active,.pf-c-button.pf-m-secondary:active {
    --pf-c-button--m-secondary--Color: var(--pf-c-button--m-secondary--active--Color);
    --pf-c-button--m-secondary--BackgroundColor: var(--pf-c-button--m-secondary--active--BackgroundColor);
    --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--active--after--BorderColor)
}

.pf-c-button.pf-m-tertiary {
    --pf-c-button--after--BorderColor: var(--pf-c-button--m-tertiary--after--BorderColor);
    color: var(--pf-c-button--m-tertiary--Color);
    background-color: var(--pf-c-button--m-tertiary--BackgroundColor)
}

.pf-c-button.pf-m-tertiary:hover {
    --pf-c-button--m-tertiary--Color: var(--pf-c-button--m-tertiary--hover--Color);
    --pf-c-button--m-tertiary--BackgroundColor: var(--pf-c-button--m-tertiary--hover--BackgroundColor);
    --pf-c-button--after--BorderColor: var(--pf-c-button--m-tertiary--hover--after--BorderColor)
}

.pf-c-button.pf-m-tertiary:focus {
    --pf-c-button--m-tertiary--Color: var(--pf-c-button--m-tertiary--focus--Color);
    --pf-c-button--m-tertiary--BackgroundColor: var(--pf-c-button--m-tertiary--focus--BackgroundColor);
    --pf-c-button--after--BorderColor: var(--pf-c-button--m-tertiary--focus--after--BorderColor)
}

.pf-c-button.pf-m-tertiary.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);
    color: var(--pf-c-button--m-link--Color);
    background-color: var(--pf-c-button--m-link--BackgroundColor)
}

.pf-c-button.pf-m-link:not(.pf-m-inline):hover {
    --pf-c-button--m-link--Color: var(--pf-c-button--m-link--hover--Color);
    --pf-c-button--m-link--BackgroundColor: var(--pf-c-button--m-link--hover--BackgroundColor)
}

.pf-c-button.pf-m-link:not(.pf-m-inline):focus {
    --pf-c-button--m-link--Color: var(--pf-c-button--m-link--focus--Color);
    --pf-c-button--m-link--BackgroundColor: var(--pf-c-button--m-link--focus--BackgroundColor)
}

.pf-c-button.pf-m-link:not(.pf-m-inline).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);
    --pf-c-button__progress--Left: var(--pf-c-button--m-link--m-inline__progress--Left);
    display: inline;
    padding: var(--pf-c-button--m-link--m-inline--PaddingTop) var(--pf-c-button--m-link--m-inline--PaddingRight) var(--pf-c-button--m-link--m-inline--PaddingBottom) var(--pf-c-button--m-link--m-inline--PaddingLeft);
    text-align: left;
    white-space: normal;
    cursor: pointer
}

.pf-c-button.pf-m-link.pf-m-inline:hover {
    --pf-c-button--m-link--Color: var(--pf-c-button--m-link--m-inline--hover--Color);
    text-decoration: var(--pf-c-button--m-link--m-inline--hover--TextDecoration)
}

.pf-c-button.pf-m-link.pf-m-display-lg {
    --pf-c-button--FontSize: var(--pf-c-button--m-link--m-display-lg--FontSize)
}

.pf-c-button.pf-m-danger {
    color: var(--pf-c-button--m-danger--Color);
    background-color: var(--pf-c-button--m-danger--BackgroundColor)
}

.pf-c-button.pf-m-danger:hover {
    --pf-c-button--m-danger--Color: var(--pf-c-button--m-danger--hover--Color);
    --pf-c-button--m-danger--BackgroundColor: var(--pf-c-button--m-danger--hover--BackgroundColor)
}

.pf-c-button.pf-m-danger:focus {
    --pf-c-button--m-danger--Color: var(--pf-c-button--m-danger--focus--Color);
    --pf-c-button--m-danger--BackgroundColor: var(--pf-c-button--m-danger--focus--BackgroundColor)
}

.pf-c-button.pf-m-danger.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 {
    color: var(--pf-c-button--m-warning--Color);
    background-color: var(--pf-c-button--m-warning--BackgroundColor)
}

.pf-c-button.pf-m-warning:hover {
    --pf-c-button--m-warning--Color: var(--pf-c-button--m-warning--hover--Color);
    --pf-c-button--m-warning--BackgroundColor: var(--pf-c-button--m-warning--hover--BackgroundColor)
}

.pf-c-button.pf-m-warning:focus {
    --pf-c-button--m-warning--Color: var(--pf-c-button--m-warning--focus--Color);
    --pf-c-button--m-warning--BackgroundColor: var(--pf-c-button--m-warning--focus--BackgroundColor)
}

.pf-c-button.pf-m-warning.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);
    color: var(--pf-c-button--m-control--Color);
    background-color: var(--pf-c-button--m-control--BackgroundColor)
}

.pf-c-button.pf-m-control:after {
    border-radius: initial
}

.pf-c-button.pf-m-control:hover {
    --pf-c-button--m-control--Color: var(--pf-c-button--m-control--hover--Color);
    --pf-c-button--m-control--BackgroundColor: var(--pf-c-button--m-control--hover--BackgroundColor);
    --pf-c-button--m-control--after--BorderBottomColor: var(--pf-c-button--m-control--hover--after--BorderBottomColor)
}

.pf-c-button.pf-m-control:hover:after {
    border-bottom-width: var(--pf-c-button--m-control--hover--after--BorderBottomWidth)
}

.pf-c-button.pf-m-control.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);
    color: var(--pf-c-button--m-plain--Color);
    background-color: var(--pf-c-button--m-plain--BackgroundColor)
}

.pf-c-button.pf-m-plain:hover {
    --pf-c-button--m-plain--Color: var(--pf-c-button--m-plain--hover--Color);
    --pf-c-button--m-plain--BackgroundColor: var(--pf-c-button--m-plain--hover--BackgroundColor)
}

.pf-c-button.pf-m-plain.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 {
    color: var(--pf-c-button--disabled--Color);
    background-color: var(--pf-c-button--disabled--BackgroundColor)
}

.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-badge,.pf-c-button.pf-m-disabled .pf-c-badge,.pf-c-button:disabled .pf-c-badge {
    --pf-c-badge--m-unread--Color: var(--pf-c-button--disabled__c-badge--Color);
    --pf-c-badge--m-unread--BackgroundColor: var(--pf-c-button--disabled__c-badge--BackgroundColor);
    --pf-c-button--m-primary__c-badge--BorderWidth: 0
}

.pf-c-button.pf-m-aria-disabled {
    --pf-c-button--after--BorderWidth: 0;
    --pf-c-button--m-link--m-inline--hover--TextDecoration: none;
    cursor: default
}

.pf-c-button.pf-m-progress {
    --pf-c-button--PaddingRight: var(--pf-c-button--m-progress--PaddingRight);
    --pf-c-button--PaddingLeft: var(--pf-c-button--m-progress--PaddingLeft);
    transition: var(--pf-c-button--m-progress--TransitionProperty) var(--pf-c-button--m-progress--TransitionDuration)
}

.pf-c-button.pf-m-in-progress {
    --pf-c-button--m-link--m-inline--PaddingLeft: var(--pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft)
}

.pf-c-button.pf-m-in-progress:not(.pf-m-plain) {
    --pf-c-button--PaddingRight: var(--pf-c-button--m-in-progress--PaddingRight);
    --pf-c-button--PaddingLeft: var(--pf-c-button--m-in-progress--PaddingLeft)
}

.pf-c-button.pf-m-in-progress.pf-m-plain {
    --pf-c-button--m-plain--Color: var(--pf-c-button--m-in-progress--m-plain--Color);
    --pf-c-button__progress--Left: var(--pf-c-button--m-in-progress--m-plain__progress--Left);
    --pf-c-button__progress--TranslateX: var(--pf-c-button--m-in-progress--m-plain__progress--TranslateX)
}

.pf-c-button.pf-m-in-progress.pf-m-plain>:not(.pf-c-button__progress) {
    opacity: 0
}

.pf-c-button__icon.pf-m-start {
    margin-right: var(--pf-c-button__icon--m-start--MarginRight)
}

.pf-c-button__icon.pf-m-end {
    margin-left: var(--pf-c-button__icon--m-end--MarginLeft)
}

.pf-c-button__progress {
    position: absolute;
    top: var(--pf-c-button__progress--Top);
    left: var(--pf-c-button__progress--Left);
    line-height: 1;
    transform: translate(var(--pf-c-button__progress--TranslateX),var(--pf-c-button__progress--TranslateY))
}

.pf-c-button__progress .pf-c-spinner {
    --pf-c-spinner--Color: currentcolor
}

.pf-c-button__count {
    display: inline-flex;
    align-items: center;
    margin-left: var(--pf-c-button__count--MarginLeft)
}

.pf-m-overpass-font .pf-c-button {
    --pf-c-button--FontWeight: var(--pf-global--FontWeight--semi-bold)
}

:where(.pf-theme-dark) .pf-c-button {
    --pf-c-button--disabled--Color: var(--pf-global--disabled-color--300);
    --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
    --pf-c-button--m-tertiary--after--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-button--m-tertiary--Color: var(--pf-global--palette--black-100);
    --pf-c-button--m-tertiary--hover--after--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-button--m-tertiary--hover--Color: var(--pf-global--palette--black-100);
    --pf-c-button--m-tertiary--focus--after--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-button--m-tertiary--focus--Color: var(--pf-global--palette--black-100);
    --pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-button--m-tertiary--active--Color: var(--pf-global--palette--black-100);
    --pf-c-button--m-warning--Color: var(--pf-global--palette--black-900);
    --pf-c-button--m-warning--hover--Color: var(--pf-global--palette--black-900);
    --pf-c-button--m-warning--focus--Color: var(--pf-global--palette--black-900);
    --pf-c-button--m-warning--active--Color: var(--pf-global--palette--black-900);
    --pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--warning-color--200);
    --pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--warning-color--200);
    --pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--warning-color--200);
    --pf-c-button--m-danger--Color: var(--pf-global--palette--black-900);
    --pf-c-button--m-danger--hover--Color: var(--pf-global--palette--black-900);
    --pf-c-button--m-danger--focus--Color: var(--pf-global--palette--black-900);
    --pf-c-button--m-danger--active--Color: var(--pf-global--palette--black-900);
    --pf-c-button--m-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-button--m-control--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-button--m-control--active--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-button--m-control--focus--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-button--m-control--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-button--m-control--after--BorderTopColor: transparent;
    --pf-c-button--m-control--after--BorderRightColor: transparent;
    --pf-c-button--m-control--after--BorderBottomColor: var(--pf-global--BorderColor--400);
    --pf-c-button--m-control--after--BorderLeftColor: transparent;
    --pf-c-button--m-control--hover--after--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-c-button--m-control--active--after--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-c-button--m-control--focus--after--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-c-button--m-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
    --pf-c-button--m-primary__c-badge--BorderColor: var(--pf-global--Color--100)
}

:where(.pf-theme-dark) .pf-c-button.pf-m-control:disabled:after {
    border: 0;
    border-bottom: var(--pf-global--BorderWidth--sm) solid var(--pf-global--palette--black-700)
}

.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: 8.5ch;
    --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: 0;
    --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: 0;
    --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: 0;
    --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: 0;
    --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;
    color: var(--pf-global--Color--100);
    display: inline-flex;
    flex-direction: column;
    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);
    font-size: var(--pf-c-calendar-month--FontSize);
    background-color: var(--pf-c-calendar-month--BackgroundColor)
}

.pf-c-calendar-month__header {
    display: flex;
    margin-bottom: var(--pf-c-calendar-month__header--MarginBottom)
}

.pf-c-calendar-month__header-nav-control {
    margin-right: var(--pf-c-calendar-month__header-nav-control--MarginRight);
    margin-left: var(--pf-c-calendar-month__header-nav-control--MarginLeft)
}

.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 {
    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 {
    padding-bottom: var(--pf-c-calendar-month__day--PaddingBottom);
    font-weight: var(--pf-c-calendar-month__day--FontWeight);
    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);
    position: relative;
    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);
    text-align: center
}

.pf-c-calendar-month__dates-cell:before {
    position: absolute;
    top: var(--pf-c-calendar-month__dates-cell--before--Top);
    right: var(--pf-c-calendar-month__dates-cell--before--Right);
    bottom: var(--pf-c-calendar-month__dates-cell--before--Bottom);
    left: var(--pf-c-calendar-month__dates-cell--before--Left);
    content: "";
    background-color: var(--pf-c-calendar-month__dates-cell--before--BackgroundColor)
}

.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 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--pf-c-calendar-month__date--Width);
    height: var(--pf-c-calendar-month__date--Height);
    line-height: 1;
    color: var(--pf-c-calendar-month__date--Color);
    background-color: var(--pf-c-calendar-month__date--BackgroundColor);
    border: 0
}

.pf-c-calendar-month__date:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: var(--pf-c-calendar-month__date--after--BorderWidth) solid var(--pf-c-calendar-month__date--after--BorderColor)
}

.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);
    outline: 0;
    box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow)
}

.pf-c-calendar-month__date:disabled {
    pointer-events: none;
    --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
    --pf-c-calendar-month__date--hover--focus--BorderColor: transparent
}

:where(.pf-theme-dark) .pf-c-calendar-month {
    --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--palette--black-500);
    --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--primary-color--300);
    --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--palette--black-900);
    --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--palette--blue-400);
    --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-calendar-month__date--focus--after--BorderColor: transparent
}

:where(.pf-theme-dark) .pf-c-calendar-month__date.pf-m-hover,:where(.pf-theme-dark) .pf-c-calendar-month__date:hover {
    --pf-c-calendar-month__date--after--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--sm)
}

:where(.pf-theme-dark) .pf-c-calendar-month__date.pf-m-focus,:where(.pf-theme-dark) .pf-c-calendar-month__date:focus {
    --pf-c-calendar-month__date--after--BorderColor: var(--pf-global--active-color--100);
    --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-calendar-month__date--BackgroundColor: var(--pf-global--primary-color--300)
}

.pf-c-card {
    --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--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__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
    --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__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-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-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-card--m-hoverable-raised--hover--before--BackgroundColor: var(--pf-global--active-color--400);
    --pf-c-card--m-selectable-raised--before--Right: 0;
    --pf-c-card--m-selectable-raised--before--Bottom: 0;
    --pf-c-card--m-selectable-raised--before--Left: 0;
    --pf-c-card--m-flat--m-selectable-raised--before--Right: calc(var(--pf-c-card--m-flat--BorderWidth)*-1);
    --pf-c-card--m-flat--m-selectable-raised--before--Bottom: calc(var(--pf-c-card--m-flat--BorderWidth)*-1);
    --pf-c-card--m-flat--m-selectable-raised--before--Left: calc(var(--pf-c-card--m-flat--BorderWidth)*-1);
    --pf-c-card--m-selectable-raised--before--Height: var(--pf-global--BorderWidth--xl);
    --pf-c-card--m-selectable-raised--before--BackgroundColor: transparent;
    --pf-c-card--m-selectable-raised--before--Transition: none;
    --pf-c-card--m-selectable-raised--before--ScaleY: 1;
    --pf-c-card--m-selectable-raised--before--TranslateY: 0;
    --pf-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-card--m-selectable-raised--hover--before--BackgroundColor: var(--pf-global--active-color--400);
    --pf-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-card--m-selectable-raised--focus--before--BackgroundColor: var(--pf-global--active-color--400);
    --pf-c-card--m-selectable-raised--active--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-card--m-selectable-raised--active--before--BackgroundColor: var(--pf-global--active-color--400);
    --pf-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor: var(--pf-global--active-color--100);
    --pf-c-card--m-selectable-raised--m-selected-raised--BoxShadow: var(--pf-global--BoxShadow--lg);
    --pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base: -0.5rem;
    --pf-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base);
    --pf-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-c-card--m-flat--BorderWidth));
    --pf-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-c-card--m-rounded--BorderRadius));
    --pf-c-card--m-selectable-raised--m-selected-raised--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-card--m-selectable-raised--m-selected-raised--Transition: transform .25s linear,box-shadow .25s linear;
    --pf-c-card--m-selectable-raised--m-selected-raised--before--Transition: transform .25s linear;
    --pf-c-card--m-selectable-raised--m-selected-raised--before--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY)*-1);
    --pf-c-card--m-selectable-raised--m-selected-raised--before--ScaleY: 2;
    --pf-c-card--m-non-selectable-raised--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
    --pf-c-card--m-non-selectable-raised--before--BackgroundColor: var(--pf-global--disabled-color--200);
    --pf-c-card--m-non-selectable-raised--before--ScaleY: 2;
    --pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor: var(--pf-global--disabled-color--200);
    --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--m-full-height--Height: 100%;
    --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;
    --pf-c-card__input--focus--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-card__input--focus--BorderColor: var(--pf-global--primary-color--100);
    display: flex;
    flex-direction: column;
    background-color: var(--pf-c-card--BackgroundColor);
    box-shadow: var(--pf-c-card--BoxShadow)
}

.pf-c-card.pf-m-hoverable:hover {
    box-shadow: var(--pf-c-card--m-hoverable--hover--BoxShadow)
}

.pf-c-card.pf-m-selectable {
    position: relative;
    cursor: pointer
}

.pf-c-card.pf-m-selectable:hover {
    box-shadow: var(--pf-c-card--m-selectable--hover--BoxShadow)
}

.pf-c-card.pf-m-selectable:focus {
    box-shadow: var(--pf-c-card--m-selectable--focus--BoxShadow)
}

.pf-c-card.pf-m-selectable:active {
    box-shadow: var(--pf-c-card--m-selectable--active--BoxShadow)
}

.pf-c-card.pf-m-selectable.pf-m-selected {
    box-shadow: var(--pf-c-card--m-selectable--m-selected--BoxShadow)
}

.pf-c-card.pf-m-selectable.pf-m-selected:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: var(--pf-c-card--m-selectable--m-selected--before--Height);
    content: "";
    background-color: var(--pf-c-card--m-selectable--m-selected--before--BackgroundColor)
}

.pf-c-card.pf-m-hoverable-raised,.pf-c-card.pf-m-non-selectable-raised,.pf-c-card.pf-m-selectable-raised {
    position: relative
}

.pf-c-card.pf-m-hoverable-raised:before,.pf-c-card.pf-m-non-selectable-raised:before,.pf-c-card.pf-m-selectable-raised:before {
    position: absolute;
    right: var(--pf-c-card--m-selectable-raised--before--Right);
    bottom: var(--pf-c-card--m-selectable-raised--before--Bottom);
    left: var(--pf-c-card--m-selectable-raised--before--Left);
    height: var(--pf-c-card--m-selectable-raised--before--Height);
    content: "";
    background-color: var(--pf-c-card--m-selectable-raised--before--BackgroundColor);
    transition: var(--pf-c-card--m-selectable-raised--before--Transition);
    transform: translateY(var(--pf-c-card--m-selectable-raised--before--TranslateY)) scaleY(var(--pf-c-card--m-selectable-raised--before--ScaleY));
    transform-origin: center bottom
}

.pf-c-card.pf-m-hoverable-raised:hover {
    --pf-c-card--BoxShadow: var(--pf-c-card--m-hoverable-raised--hover--BoxShadow);
    --pf-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-c-card--m-hoverable-raised--hover--before--BackgroundColor)
}

.pf-c-card.pf-m-selectable-raised {
    cursor: pointer
}

.pf-c-card.pf-m-selectable-raised:hover {
    --pf-c-card--BoxShadow: var(--pf-c-card--m-selectable-raised--hover--BoxShadow);
    --pf-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-c-card--m-selectable-raised--hover--before--BackgroundColor)
}

.pf-c-card.pf-m-selectable-raised:focus {
    --pf-c-card--BoxShadow: var(--pf-c-card--m-selectable-raised--focus--BoxShadow);
    --pf-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-c-card--m-selectable-raised--focus--before--BackgroundColor)
}

.pf-c-card.pf-m-selectable-raised:active {
    --pf-c-card--BoxShadow: var(--pf-c-card--m-selectable-raised--active--BoxShadow);
    --pf-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-c-card--m-selectable-raised--active--before--BackgroundColor)
}

.pf-c-card.pf-m-selectable-raised.pf-m-selected-raised {
    --pf-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor);
    --pf-c-card--m-selectable-raised--before--Transition: var(--pf-c-card--m-selectable-raised--m-selected-raised--before--Transition);
    --pf-c-card--m-selectable-raised--before--TranslateY: var(--pf-c-card--m-selectable-raised--m-selected-raised--before--TranslateY);
    --pf-c-card--m-selectable-raised--before--ScaleY: var(--pf-c-card--m-selectable-raised--m-selected-raised--before--ScaleY);
    z-index: var(--pf-c-card--m-selectable-raised--m-selected-raised--ZIndex);
    box-shadow: var(--pf-c-card--m-selectable-raised--m-selected-raised--BoxShadow);
    transition: var(--pf-c-card--m-selectable-raised--m-selected-raised--Transition);
    transform: translateY(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY))
}

.pf-c-card.pf-m-non-selectable-raised {
    --pf-c-card--BackgroundColor: var(--pf-c-card--m-non-selectable-raised--BackgroundColor);
    --pf-c-card--BoxShadow: none;
    --pf-c-card--m-flat--BorderColor: var(--pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor);
    --pf-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-c-card--m-non-selectable-raised--before--BackgroundColor);
    --pf-c-card--m-selectable-raised--before--ScaleY: var(--pf-c-card--m-non-selectable-raised--before--ScaleY)
}

.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;
    --pf-c-card--m-selectable-raised--before--Right: var(--pf-c-card--m-flat--m-selectable-raised--before--Right);
    --pf-c-card--m-selectable-raised--before--Bottom: var(--pf-c-card--m-flat--m-selectable-raised--before--Bottom);
    --pf-c-card--m-selectable-raised--before--Left: var(--pf-c-card--m-flat--m-selectable-raised--before--Left);
    --pf-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY);
    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 {
    --pf-c-card--m-selectable-raised--m-selected-raised--TranslateY: var(--pf-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY);
    border-radius: var(--pf-c-card--m-rounded--BorderRadius)
}

.pf-c-card.pf-m-expanded .pf-c-card__header-toggle-icon {
    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 {
    display: flex;
    flex-direction: row;
    align-items: center
}

.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 {
    order: 2
}

.pf-c-card__header.pf-m-toggle-right .pf-c-card__title {
    flex: 1
}

.pf-c-card__header-toggle {
    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;
    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 {
    display: flex;
    align-items: center;
    align-self: flex-start;
    order: 1;
    padding-left: var(--pf-c-card__actions--PaddingLeft);
    margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) auto
}

.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-right: var(--pf-c-card--child--PaddingRight);
    padding-bottom: var(--pf-c-card--child--PaddingBottom);
    padding-left: var(--pf-c-card--child--PaddingLeft)
}

.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) {
    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-c-card__sr-input:focus+.pf-c-card:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: var(--pf-c-card__input--focus--BorderWidth) solid var(--pf-c-card__input--focus--BorderColor)
}

.pf-m-overpass-font .pf-c-card .pf-c-card__title {
    font-weight: var(--pf-global--FontWeight--normal)
}

:where(.pf-theme-dark) .pf-c-card,:where(.pf-theme-dark) .pf-c-card.pf-m-non-selectable-raised {
    --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
    --pf-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
    --pf-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-global--BoxShadow--lg);
    --pf-c-card--m-selectable-raised--active--BoxShadow: var(--pf-global--BoxShadow--lg)
}

.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--Height: var(--pf-c-check__label--FontSize);
    --pf-c-check__input--MarginTop: calc(var(--pf-c-check__label--FontSize)*var(--pf-c-check__label--LineHeight)/2 - var(--pf-c-check__input--Height)/2);
    --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);
    --pf-c-check__label-required--MarginLeft: var(--pf-global--spacer--xs);
    --pf-c-check__label-required--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-check__label-required--Color: var(--pf-global--danger-color--100);
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: var(--pf-c-check--GridGap);
    align-items: start;
    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 {
    font-size: var(--pf-c-check__label--FontSize);
    font-weight: var(--pf-c-check__label--FontWeight);
    line-height: var(--pf-c-check__label--LineHeight);
    color: var(--pf-c-check__label--Color)
}

.pf-c-check__input {
    height: var(--pf-c-check__input--Height);
    margin-top: var(--pf-c-check__input--MarginTop)
}

.pf-c-check__description {
    grid-column: 2;
    font-size: var(--pf-c-check__description--FontSize);
    color: var(--pf-c-check__description--Color)
}

.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-check__label-required {
    margin-left: var(--pf-c-check__label-required--MarginLeft);
    font-size: var(--pf-c-check__label-required--FontSize);
    color: var(--pf-c-check__label-required--Color)
}

.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);
    color: var(--pf-global--Color--100);
    position: relative;
    display: inline-flex;
    align-items: center;
    min-width: 0;
    padding: var(--pf-c-chip--PaddingTop) var(--pf-c-chip--PaddingRight) var(--pf-c-chip--PaddingBottom) var(--pf-c-chip--PaddingLeft);
    list-style: none;
    background-color: var(--pf-c-chip--BackgroundColor);
    border-radius: var(--pf-c-chip--BorderRadius)
}

.pf-c-chip:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: var(--pf-c-chip--before--BorderWidth) solid var(--pf-c-chip--before--BorderColor);
    border-radius: var(--pf-c-chip--before--BorderRadius)
}

.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);
    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-top: var(--pf-c-chip__c-button--MarginTop);
    margin-right: var(--pf-c-chip__c-button--MarginRight);
    margin-bottom: var(--pf-c-chip__c-button--MarginBottom)
}

.pf-c-chip .pf-c-badge {
    margin-left: var(--pf-c-chip__c-badge--MarginLeft)
}

.pf-c-chip__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    max-width: var(--pf-c-chip__text--MaxWidth);
    font-size: var(--pf-c-chip__text--FontSize);
    color: var(--pf-c-chip__text--Color)
}

.pf-c-chip__icon+.pf-c-chip__text,.pf-c-chip__text+.pf-c-chip__icon {
    margin-left: var(--pf-c-chip__icon--MarginLeft)
}

:where(.pf-theme-dark) .pf-c-chip {
    --pf-c-chip--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-chip--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--palette--black-600)
}

.pf-c-chip-group {
    color: var(--pf-global--Color--100);
    --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);
    max-width: 100%
}

.pf-c-chip-group.pf-m-category {
    padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
    padding-right: var(--pf-c-chip-group--m-category--PaddingRight);
    padding-bottom: var(--pf-c-chip-group--m-category--PaddingBottom);
    padding-left: var(--pf-c-chip-group--m-category--PaddingLeft);
    background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
    border-radius: var(--pf-c-chip-group--m-category--BorderRadius)
}

.pf-c-chip-group__main {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    align-items: baseline;
    min-width: 0
}

.pf-c-chip-group__list {
    margin-right: var(--pf-c-chip-group__list--MarginRight);
    margin-bottom: var(--pf-c-chip-group__list--MarginBottom)
}

.pf-c-chip-group,.pf-c-chip-group__list {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    min-width: 0
}

.pf-c-chip-group__list-item {
    display: inline-flex;
    min-width: 0;
    margin-right: var(--pf-c-chip-group__list-item--MarginRight);
    margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom)
}

.pf-c-chip-group__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: var(--pf-c-chip-group__label--MaxWidth);
    margin-right: var(--pf-c-chip-group__label--MarginRight);
    font-size: var(--pf-c-chip-group__label--FontSize)
}

.pf-c-chip-group__close {
    display: flex;
    align-self: flex-start;
    margin-top: var(--pf-c-chip-group__close--MarginTop);
    margin-bottom: var(--pf-c-chip-group__close--MarginBottom)
}

.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;
    --pf-c-clipboard-copy--m-inline--PaddingBottom: 0;
    --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 {
    transform: rotate(var(--pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate))
}

.pf-c-clipboard-copy.pf-m-inline {
    display: inline;
    padding-top: var(--pf-c-clipboard-copy--m-inline--PaddingTop);
    padding-bottom: var(--pf-c-clipboard-copy--m-inline--PaddingBottom);
    padding-left: var(--pf-c-clipboard-copy--m-inline--PaddingLeft);
    white-space: nowrap;
    background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor)
}

.pf-c-clipboard-copy.pf-m-inline.pf-m-block {
    display: block
}

.pf-c-clipboard-copy__group {
    display: flex
}

.pf-c-clipboard-copy__group>*+* {
    margin-left: -1px
}

.pf-c-clipboard-copy__toggle-icon {
    transition: var(--pf-c-clipboard-copy__toggle-icon--Transition)
}

.pf-c-clipboard-copy__expandable-content {
    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);
    word-wrap: break-word;
    background-color: var(--pf-c-clipboard-copy__expandable-content--BackgroundColor);
    background-clip: padding-box;
    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);
    box-shadow: var(--pf-c-clipboard-copy__expandable-content--BoxShadow)
}

.pf-c-clipboard-copy__expandable-content pre {
    white-space: pre-wrap
}

.pf-c-clipboard-copy__text {
    word-break: break-word;
    white-space: normal
}

.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: inline-flex
}

.pf-c-clipboard-copy__actions-item {
    margin-top: calc(var(--pf-c-clipboard-copy__actions-item--button--PaddingTop)*-1);
    margin-bottom: calc(var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom)*-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)
}

:where(.pf-theme-dark) .pf-c-clipboard-copy {
    --pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--400)
}

:where(.pf-theme-dark) .pf-c-clipboard-copy__group>*+* {
    margin-left: 0;
    border-left: 1px solid var(--pf-global--palette--black-700)!important
}

:where(.pf-theme-dark) .pf-c-clipboard-copy__expandable-content {
    border: 0
}

.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 {
    display: flex;
    border-bottom: var(--pf-c-code-block__header--BorderBottomWidth) solid var(--pf-c-code-block__header--BorderBottomColor)
}

.pf-c-code-block__actions {
    display: flex;
    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__header-main--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-code-editor__header-main--PaddingLeft: var(--pf-global--spacer--sm);
    --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 {
    position: relative;
    display: flex;
    align-items: flex-end
}

.pf-c-code-editor__header:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: "";
    border-bottom: var(--pf-c-code-editor__header--before--BorderBottomWidth) solid var(--pf-c-code-editor__header--before--BorderBottomColor)
}

.pf-c-code-editor__controls {
    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__header-main {
    flex-grow: 1;
    padding-right: var(--pf-c-code-editor__header-main--PaddingRight);
    padding-left: var(--pf-c-code-editor__header-main--PaddingLeft)
}

.pf-c-code-editor__main {
    position: relative;
    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)
}

.pf-c-code-editor__main.pf-m-drag-hover:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: var(--pf-c-code-editor__main--m-drag-hover--after--BackgroundColor);
    opacity: var(--pf-c-code-editor__main--m-drag-hover--after--Opacity)
}

.pf-c-code-editor__main.pf-m-drag-hover:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: var(--pf-c-code-editor__main--m-drag-hover--before--BorderWidth) solid var(--pf-c-code-editor__main--m-drag-hover--before--BorderColor)
}

.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 {
    position: relative;
    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)
}

.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 {
    position: relative;
    display: flex;
    align-items: center;
    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);
    margin-left: auto;
    color: var(--pf-c-code-editor__tab--Color);
    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)
}

.pf-c-code-editor__tab-icon+.pf-c-code-editor__tab-text {
    margin-left: var(--pf-c-code-editor__tab-icon--text--MarginLeft)
}

:where(.pf-theme-dark) .pf-c-code-editor__controls>*+* {
    border-left: 1px solid var(--pf-global--palette--black-700)
}

.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);
    font-size: var(--pf-c-content--FontSize);
    line-height: var(--pf-c-content--LineHeight);
    color: var(--pf-c-content--Color)
}

.pf-c-content a {
    color: var(--pf-c-content--a--Color);
    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.pf-m-visited a:visited,.pf-c-content a.pf-m-visited:visited {
    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 {
    margin: 0;
    font-family: var(--pf-c-content--heading--FontFamily)
}

.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 ol.pf-m-plain,.pf-c-content ul.pf-m-plain {
    padding-left: 0;
    margin-left: 0;
    list-style: none
}

.pf-c-content h1 {
    margin-top: var(--pf-c-content--h1--MarginTop);
    margin-bottom: var(--pf-c-content--h1--MarginBottom);
    font-size: var(--pf-c-content--h1--FontSize);
    font-weight: var(--pf-c-content--h1--FontWeight);
    line-height: var(--pf-c-content--h1--LineHeight)
}

.pf-c-content h2 {
    margin-top: var(--pf-c-content--h2--MarginTop);
    margin-bottom: var(--pf-c-content--h2--MarginBottom);
    font-size: var(--pf-c-content--h2--FontSize);
    font-weight: var(--pf-c-content--h2--FontWeight);
    line-height: var(--pf-c-content--h2--LineHeight)
}

.pf-c-content h3 {
    margin-top: var(--pf-c-content--h3--MarginTop);
    margin-bottom: var(--pf-c-content--h3--MarginBottom);
    font-size: var(--pf-c-content--h3--FontSize);
    font-weight: var(--pf-c-content--h3--FontWeight);
    line-height: var(--pf-c-content--h3--LineHeight)
}

.pf-c-content h4 {
    margin-top: var(--pf-c-content--h4--MarginTop);
    margin-bottom: var(--pf-c-content--h4--MarginBottom);
    font-size: var(--pf-c-content--h4--FontSize);
    font-weight: var(--pf-c-content--h4--FontWeight);
    line-height: var(--pf-c-content--h4--LineHeight)
}

.pf-c-content h5 {
    margin-top: var(--pf-c-content--h5--MarginTop);
    margin-bottom: var(--pf-c-content--h5--MarginBottom);
    font-size: var(--pf-c-content--h5--FontSize);
    font-weight: var(--pf-c-content--h5--FontWeight);
    line-height: var(--pf-c-content--h5--LineHeight)
}

.pf-c-content h6 {
    margin-top: var(--pf-c-content--h6--MarginTop);
    margin-bottom: var(--pf-c-content--h6--MarginBottom);
    font-size: var(--pf-c-content--h6--FontSize);
    font-weight: var(--pf-c-content--h6--FontWeight);
    line-height: var(--pf-c-content--h6--LineHeight)
}

.pf-c-content small {
    display: block;
    font-size: var(--pf-c-content--small--FontSize);
    line-height: var(--pf-c-content--small--LineHeight);
    color: var(--pf-c-content--small--Color)
}

.pf-c-content small:not(:last-child) {
    margin-bottom: var(--pf-c-content--small--MarginBottom)
}

.pf-c-content blockquote {
    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);
    color: var(--pf-c-content--blockquote--Color);
    border-left: var(--pf-c-content--blockquote--BorderLeftWidth) solid var(--pf-c-content--blockquote--BorderLeftColor)
}

.pf-c-content hr {
    height: var(--pf-c-content--hr--Height);
    background-color: var(--pf-c-content--hr--BackgroundColor);
    border: none
}

.pf-c-content ol {
    padding-left: var(--pf-c-content--ol--PaddingLeft);
    margin-left: var(--pf-c-content--ol--MarginLeft)
}

.pf-c-content ol ul {
    margin-top: var(--pf-c-content--ul--nested--MarginTop);
    --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft)
}

.pf-c-content ol ol {
    margin-top: var(--pf-c-content--ol--nested--MarginTop);
    --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft)
}

.pf-c-content ul {
    padding-left: var(--pf-c-content--ul--PaddingLeft);
    margin-left: var(--pf-c-content--ul--MarginLeft);
    list-style: var(--pf-c-content--ul--ListStyle)
}

.pf-c-content ul ul {
    margin-top: var(--pf-c-content--ul--nested--MarginTop);
    --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft)
}

.pf-c-content ul ol {
    margin-top: var(--pf-c-content--ol--nested--MarginTop);
    --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft)
}

.pf-c-content dl {
    display: grid;
    grid-template-columns: 1fr
}

@media screen and (min-width: 576px) {
    .pf-c-content dl {
        grid-template:auto/auto 1fr;
        grid-column-gap: var(--pf-c-content--dl--ColumnGap);
        grid-row-gap: var(--pf-c-content--dl--RowGap)
    }
}

.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)
    }
}

@media screen and (min-width: 576px) {
    .pf-c-content dt {
        grid-column:1
    }
}

@media screen and (min-width: 576px) {
    .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--BorderBottomWidth: var(--pf-c-context-selector__toggle--BorderWidth);
    --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--m-plain--Color: var(--pf-global--Color--200);
    --pf-c-context-selector__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
    --pf-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
    --pf-c-context-selector__toggle--m-plain--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-context-selector__toggle--m-plain--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-context-selector__toggle--m-plain--m-text--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-context-selector__toggle--m-plain--m-text--PaddingLeft: var(--pf-global--spacer--sm);
    --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--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
    --pf-c-context-selector--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
    --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);
    --pf-c-context-selector__menu-item-icon--Color: var(--pf-global--active-color--100);
    --pf-c-context-selector__menu-item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
    --pf-c-context-selector__menu-item-icon--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-context-selector--m-full-height__toggle--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-context-selector--m-full-height__toggle--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-context-selector--m-full-height__toggle--before--BorderTopWidth: 0;
    --pf-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-context-selector--m-full-height__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-context-selector--m-large__toggle--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-context-selector--m-large__toggle--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-context-selector--m-large__toggle--hover--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-context-selector--m-large__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-context-selector--m-large__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-context-selector--m-page-insets__toggle--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-context-selector--m-page-insets__toggle--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-context-selector--m-page-insets__toggle--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-context-selector--m-page-insets__toggle--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-context-selector--m-page-insets__menu-search--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-context-selector--m-page-insets__menu-search--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-context-selector--m-page-insets__menu-search--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-context-selector--m-page-insets__menu-footer--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft: var(--pf-global--spacer--lg);
    position: relative;
    display: inline-block;
    width: var(--pf-c-context-selector--Width);
    max-width: 100%
}

@media screen and (min-width: 1200px) {
    .pf-c-context-selector {
        --pf-c-context-selector--m-page-insets__toggle--PaddingRight:var(--pf-c-context-selector--m-page-insets__toggle--xl--PaddingRight);
        --pf-c-context-selector--m-page-insets__toggle--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--xl--PaddingLeft);
        --pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight);
        --pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft);
        --pf-c-context-selector--m-page-insets__menu-search--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingRight);
        --pf-c-context-selector--m-page-insets__menu-search--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft);
        --pf-c-context-selector--m-page-insets__menu-footer--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight);
        --pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft);
        --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight);
        --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft);
        --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight);
        --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft)
    }
}

.pf-c-context-selector.pf-m-full-height {
    --pf-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-c-context-selector--m-full-height__toggle--active--BorderBottomWidth);
    --pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth);
    --pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector--m-full-height__toggle--PaddingRight);
    --pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector--m-full-height__toggle--PaddingLeft);
    display: inline-flex;
    align-items: center;
    height: 100%
}

.pf-c-context-selector.pf-m-full-height .pf-c-context-selector__toggle {
    align-self: stretch
}

.pf-c-context-selector.pf-m-full-height .pf-c-context-selector__toggle:before {
    border-top-width: var(--pf-c-context-selector--m-full-height__toggle--before--BorderTopWidth)
}

.pf-c-context-selector.pf-m-full-height:hover .pf-c-context-selector__toggle:before {
    border-bottom-width: var(--pf-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth)
}

.pf-c-context-selector.pf-m-large {
    --pf-c-context-selector__toggle--PaddingTop: var(--pf-c-context-selector--m-large__toggle--PaddingTop);
    --pf-c-context-selector__toggle--PaddingBottom: var(--pf-c-context-selector--m-large__toggle--PaddingBottom);
    --pf-c-context-selector__toggle--hover--BorderBottomWidth: var(--pf-c-context-selector--m-large__toggle--hover--BorderBottomWidth);
    --pf-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-c-context-selector--m-large__toggle--active--BorderBottomWidth);
    --pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-c-context-selector--m-large__toggle--expanded--BorderBottomWidth)
}

.pf-c-context-selector.pf-m-page-insets {
    --pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--PaddingRight);
    --pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--PaddingLeft);
    --pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight);
    --pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft);
    --pf-c-context-selector__menu-search--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-search--PaddingRight);
    --pf-c-context-selector__menu-search--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-search--PaddingLeft);
    --pf-c-context-selector__menu-footer--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-footer--PaddingRight);
    --pf-c-context-selector__menu-footer--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft);
    --pf-c-context-selector__toggle--m-plain--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight);
    --pf-c-context-selector__toggle--m-plain--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft);
    --pf-c-context-selector__toggle--m-plain--m-text--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight);
    --pf-c-context-selector__toggle--m-plain--m-text--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft)
}

.pf-c-context-selector__toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    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);
    color: var(--pf-c-context-selector__toggle--Color);
    white-space: nowrap;
    cursor: pointer;
    border: none
}

.pf-c-context-selector__toggle:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    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)
}

.pf-c-context-selector__toggle:hover:before {
    --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-context-selector__toggle--hover--BorderBottomColor);
    border-bottom-width: var(--pf-c-context-selector__toggle--hover--BorderBottomWidth)
}

.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-m-plain {
    --pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--PaddingRight);
    --pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector__toggle--m-plain--PaddingLeft);
    --pf-c-context-selector__toggle-icon--Color: var(--pf-c-context-selector--m-plain__toggle-icon--Color)
}

.pf-c-context-selector__toggle.pf-m-plain.pf-m-text {
    --pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--m-text--PaddingRight);
    --pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector__toggle--m-plain--m-text--PaddingLeft)
}

.pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text) {
    display: inline-block;
    width: auto;
    color: var(--pf-c-context-selector__toggle--m-plain--Color)
}

.pf-c-context-selector__toggle.pf-m-plain.pf-m-disabled,.pf-c-context-selector__toggle.pf-m-plain:disabled {
    --pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--disabled--Color)
}

.pf-c-context-selector.pf-m-expanded>.pf-c-context-selector__toggle.pf-m-plain,.pf-c-context-selector__toggle.pf-m-plain.pf-m-active,.pf-c-context-selector__toggle.pf-m-plain:active,.pf-c-context-selector__toggle.pf-m-plain:focus,.pf-c-context-selector__toggle.pf-m-plain:hover {
    --pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--hover--Color);
    --pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-c-context-selector--m-plain--hover__toggle-icon--Color)
}

.pf-c-context-selector__toggle.pf-m-plain:before {
    border: 0
}

.pf-c-context-selector__toggle .pf-c-context-selector__toggle-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    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)
}

.pf-c-context-selector__toggle-icon {
    margin-right: var(--pf-c-context-selector__toggle-icon--MarginRight);
    margin-left: var(--pf-c-context-selector__toggle-icon--MarginLeft);
    color: var(--pf-c-context-selector__toggle-icon--Color,inherit)
}

.pf-c-context-selector__menu {
    color: var(--pf-global--Color--100);
    position: absolute;
    top: var(--pf-c-context-selector__menu--Top);
    z-index: var(--pf-c-context-selector__menu--ZIndex);
    min-width: 100%;
    background-color: var(--pf-c-context-selector__menu--BackgroundColor);
    background-clip: padding-box;
    box-shadow: var(--pf-c-context-selector__menu--BoxShadow)
}

.pf-c-context-selector__menu.pf-m-static {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: auto;
    min-width: min-content
}

.pf-c-context-selector__menu-search {
    position: relative;
    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);
    border-bottom: var(--pf-c-context-selector__menu-search--BorderBottomWidth) solid var(--pf-c-context-selector__menu-search--BorderBottomColor)
}

.pf-c-context-selector__menu-footer {
    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);
    box-shadow: var(--pf-c-context-selector__menu-footer--BoxShadow)
}

.pf-c-context-selector__menu-list {
    max-height: var(--pf-c-context-selector__menu-list--MaxHeight);
    padding-top: var(--pf-c-context-selector__menu-list--PaddingTop);
    padding-bottom: var(--pf-c-context-selector__menu-list--PaddingBottom);
    overflow-y: auto
}

.pf-c-context-selector__menu-list-item {
    display: flex;
    align-items: center;
    width: 100%;
    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);
    color: var(--pf-c-context-selector__menu-list-item--Color);
    white-space: nowrap;
    border: none
}

.pf-c-context-selector__menu-list-item:focus,.pf-c-context-selector__menu-list-item:hover {
    text-decoration: none;
    background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor)
}

.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
}

:where(.pf-theme-dark) .pf-c-context-selector {
    --pf-c-context-selector__menu--Top: 100%;
    --pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400)
}

:where(.pf-theme-dark) .pf-c-context-selector__toggle {
    background: var(--pf-global--BackgroundColor--400)
}

:where(.pf-theme-dark) .pf-c-context-selector__toggle.pf-m-plain {
    background: transparent
}

:where(.pf-theme-dark) .pf-c-context-selector__menu {
    background: var(--pf-global--BackgroundColor--300)
}

:where(.pf-theme-dark) .pf-c-context-selector__menu-footer {
    border-top: 1px solid var(--pf-global--BorderColor--300)
}

@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 {
        display:flex;
        flex-wrap: wrap;
        flex-grow: 1;
        padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom)
    }
}

@media screen and (min-width: 768px) {
    .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 {
        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 {
        flex: none
    }

    .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell.pf-m-flex-2 {
        flex-grow: 2
    }

    .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell.pf-m-flex-3 {
        flex-grow: 3
    }

    .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell.pf-m-flex-4 {
        flex-grow: 4
    }

    .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell.pf-m-flex-5 {
        flex-grow: 5
    }
}

@media screen and (min-width: 768px) {
    .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 {
        display:flex;
        flex-wrap: wrap;
        flex-grow: 1;
        padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom)
    }
}

@media screen and (min-width: 0) {
    .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 {
        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 {
        flex: none
    }

    .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-flex-2 {
        flex-grow: 2
    }

    .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-flex-3 {
        flex-grow: 3
    }

    .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-flex-4 {
        flex-grow: 4
    }

    .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-flex-5 {
        flex-grow: 5
    }
}

@media screen and (min-width: 0) {
    .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 {
        display:flex;
        flex-wrap: wrap;
        flex-grow: 1;
        padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom)
    }
}

@media screen and (min-width: 576px) {
    .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 {
        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 {
        flex: none
    }

    .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-flex-2 {
        flex-grow: 2
    }

    .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-flex-3 {
        flex-grow: 3
    }

    .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-flex-4 {
        flex-grow: 4
    }

    .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-flex-5 {
        flex-grow: 5
    }
}

@media screen and (min-width: 576px) {
    .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 {
        display:flex;
        flex-wrap: wrap;
        flex-grow: 1;
        padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom)
    }
}

@media screen and (min-width: 768px) {
    .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 {
        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 {
        flex: none
    }

    .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-flex-2 {
        flex-grow: 2
    }

    .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-flex-3 {
        flex-grow: 3
    }

    .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-flex-4 {
        flex-grow: 4
    }

    .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-flex-5 {
        flex-grow: 5
    }
}

@media screen and (min-width: 768px) {
    .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 {
        display:flex;
        flex-wrap: wrap;
        flex-grow: 1;
        padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom)
    }
}

@media screen and (min-width: 992px) {
    .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 {
        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 {
        flex: none
    }

    .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-2 {
        flex-grow: 2
    }

    .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-3 {
        flex-grow: 3
    }

    .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-4 {
        flex-grow: 4
    }

    .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-5 {
        flex-grow: 5
    }
}

@media screen and (min-width: 992px) {
    .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 {
        display:flex;
        flex-wrap: wrap;
        flex-grow: 1;
        padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom)
    }
}

@media screen and (min-width: 1200px) {
    .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 {
        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 {
        flex: none
    }

    .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-2 {
        flex-grow: 2
    }

    .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-3 {
        flex-grow: 3
    }

    .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-4 {
        flex-grow: 4
    }

    .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-5 {
        flex-grow: 5
    }
}

@media screen and (min-width: 1200px) {
    .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 {
        display:flex;
        flex-wrap: wrap;
        flex-grow: 1;
        padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom)
    }
}

@media screen and (min-width: 1450px) {
    .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 {
        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 {
        flex: none
    }

    .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-2 {
        flex-grow: 2
    }

    .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-3 {
        flex-grow: 3
    }

    .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-4 {
        flex-grow: 4
    }

    .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-5 {
        flex-grow: 5
    }
}

@media screen and (min-width: 1450px) {
    .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: 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);
    color: var(--pf-global--Color--100);
    font-size: var(--pf-c-data-list--FontSize);
    line-height: var(--pf-c-data-list--LineHeight);
    overflow-wrap: break-word;
    list-style-type: disc;
    border-top: var(--pf-c-data-list--BorderTopWidth) solid var(--pf-c-data-list--BorderTopColor)
}

@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 {
    position: relative;
    display: flex;
    flex-direction: column;
    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)
}

.pf-c-data-list__item:before {
    position: absolute;
    top: var(--pf-c-data-list__item--before--Top);
    bottom: 0;
    left: 0;
    width: var(--pf-c-data-list__item--before--Width);
    content: "";
    background-color: var(--pf-c-data-list__item--before--BackgroundColor);
    transition: var(--pf-c-data-list__item--before--Transition)
}

.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 {
    box-shadow: var(--pf-c-data-list__item--m-selectable--hover--BoxShadow)
}

.pf-c-data-list__item.pf-m-selectable:focus {
    box-shadow: var(--pf-c-data-list__item--m-selectable--focus--BoxShadow)
}

.pf-c-data-list__item.pf-m-selectable:active {
    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);
    position: relative;
    z-index: var(--pf-c-data-list__item--m-selected--ZIndex);
    box-shadow: var(--pf-c-data-list__item--m-selected--BoxShadow)
}

.pf-c-data-list__item.pf-m-ghost-row:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: var(--pf-c-data-list__item--m-ghost-row--after--BackgroundColor);
    opacity: var(--pf-c-data-list__item--m-ghost-row--after--Opacity)
}

.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 {
    display: flex;
    flex-wrap: nowrap;
    padding-right: var(--pf-c-data-list__item-row--PaddingRight);
    padding-left: var(--pf-c-data-list__item-row--PaddingLeft)
}

.pf-c-data-list__item-control {
    display: flex;
    flex-wrap: nowrap;
    padding-top: var(--pf-c-data-list__item-control--PaddingTop);
    padding-bottom: var(--pf-c-data-list__item-control--PaddingBottom);
    margin-right: var(--pf-c-data-list__item-control--MarginRight)
}

.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 {
    display: flex;
    align-items: center;
    align-self: flex-start;
    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 {
    display: flex;
    flex-direction: column;
    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);
    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);
    border: 0
}

.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: 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: 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);
    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);
    align-items: flex-start;
    align-content: flex-start;
    padding-top: var(--pf-c-data-list__item-action--PaddingTop);
    padding-bottom: var(--pf-c-data-list__item-action--PaddingBottom);
    margin-left: var(--pf-c-data-list__item-action--MarginLeft)
}

.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-top: var(--pf-c-data-list__action--MarginTop);
    margin-bottom: var(--pf-c-data-list__item-action__action--MarginBottom)
}

.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;
    transition: var(--pf-c-data-list__toggle-icon--Transition);
    transform: rotate(var(--pf-c-data-list__toggle-icon--Rotate))
}

.pf-c-data-list__item-content {
    display: grid;
    width: 100%;
    grid-template-columns: auto 1fr
}

.pf-c-data-list__cell {
    flex: 1;
    grid-column: 1/-1;
    padding-top: var(--pf-c-data-list__cell--PaddingTop);
    padding-bottom: var(--pf-c-data-list__cell--PaddingBottom)
}

.pf-c-data-list__cell+.pf-c-data-list__cell {
    flex: 1 0 100%;
    order: 1;
    padding-top: var(--pf-c-data-list__cell--cell--PaddingTop)
}

.pf-c-data-list__cell.pf-m-icon {
    flex-grow: 0;
    margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight);
    grid-column: 1/2
}

.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 {
    min-width: var(--pf-c-data-list--cell--MinWidth);
    max-width: 100%;
    overflow: var(--pf-c-data-list--cell--Overflow);
    text-overflow: var(--pf-c-data-list--cell--TextOverflow);
    word-break: var(--pf-c-data-list--cell--WordBreak);
    white-space: var(--pf-c-data-list--cell--WhiteSpace)
}

.pf-c-data-list__expandable-content {
    max-height: var(--pf-c-data-list__expandable-content--MaxHeight);
    overflow-y: auto;
    border-top: var(--pf-c-data-list__expandable-content--BorderTopWidth) solid var(--pf-c-data-list__expandable-content--BorderTopColor)
}

.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
}

:where(.pf-theme-dark) .pf-c-data-list {
    --pf-c-data-list--BorderTopColor: var(--pf-global--BorderColor--100);
    --pf-c-data-list--sm--BorderTopColor: var(--pf-global--BorderColor--100);
    --pf-c-data-list__item--BorderBottomColor: var(--pf-global--BorderColor--100);
    --pf-c-data-list__item--sm--BorderBottomColor: var(--pf-global--BorderColor--100)
}

.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--min: 0;
    --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--sm);
    --pf-c-description-list__group--GridTemplateColumns: auto;
    --pf-c-description-list__group--GridTemplateRows: auto 1fr;
    --pf-c-description-list__group--GridColumn: auto;
    --pf-c-description-list--m-compact--RowGap: var(--pf-global--gutter);
    --pf-c-description-list--m-compact--ColumnGap: var(--pf-global--spacer--sm);
    --pf-c-description-list__term--Display: inline;
    --pf-c-description-list__term--sm--Display: flex;
    --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__term--LineHeight: var(--pf-global--LineHeight--sm);
    --pf-c-description-list__term-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
    --pf-c-description-list__term-icon--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-description-list__term-icon--Color: var(--pf-global--icon--Color--light);
    --pf-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-c-description-list--GridTemplateColumns--count));
    --pf-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
    --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-horizontal__group--GridTemplateRows: auto;
    --pf-c-description-list--m-1-col--GridTemplateColumns--count: 1;
    --pf-c-description-list--m-2-col--GridTemplateColumns--count: 2;
    --pf-c-description-list--m-3-col--GridTemplateColumns--count: 3;
    --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);
    --pf-c-description-list--m-display-lg__description--FontSize: var(--pf-global--FontSize--lg);
    --pf-c-description-list--m-display-2xl__description--FontSize: var(--pf-global--FontSize--2xl);
    display: grid;
    align-items: baseline;
    row-gap: var(--pf-c-description-list--RowGap);
    column-gap: var(--pf-c-description-list--ColumnGap);
    grid-template-columns: var(--pf-c-description-list--GridTemplateColumns)
}

@media screen and (min-width: 576px) {
    .pf-c-description-list {
        --pf-c-description-list__term--Display:var(--pf-c-description-list__term--sm--Display)
    }
}

.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 {
    grid-template-columns: repeat(auto-fit,minmax(var(--pf-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min),1fr));
    --pf-c-description-list--GridTemplateColumns--minmax--min: var(--pf-c-description-list--GridTemplateColumns--min)
}

@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.pf-m-compact {
    --pf-c-description-list--RowGap: var(--pf-c-description-list--m-compact--RowGap);
    --pf-c-description-list--ColumnGap: var(--pf-c-description-list--m-compact--ColumnGap)
}

.pf-c-description-list.pf-m-fluid {
    --pf-c-description-list--m-horizontal__term--width: fit-content(20ch)
}

.pf-c-description-list.pf-m-fill-columns {
    display: block;
    column-count: var(--pf-c-description-list--GridTemplateColumns--count);
    margin-bottom: calc(var(--pf-c-description-list--RowGap)*-1)
}

.pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group,.pf-c-description-list.pf-m-fill-columns>.pf-c-card {
    display: inline-grid;
    width: 100%;
    margin-bottom: var(--pf-c-description-list--RowGap);
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid
}

.pf-c-description-list.pf-m-display-lg {
    --pf-c-description-list__description--FontSize: var(--pf-c-description-list--m-display-lg__description--FontSize)
}

.pf-c-description-list.pf-m-display-2xl {
    --pf-c-description-list__description--FontSize: var(--pf-c-description-list--m-display-2xl__description--FontSize)
}

.pf-c-description-list>.pf-c-card {
    align-self: stretch;
    padding: var(--pf-c-card--first-child--PaddingTop) var(--pf-c-card--child--PaddingRight) var(--pf-c-card--child--PaddingBottom) var(--pf-c-card--child--PaddingLeft)
}

.pf-c-description-list>.pf-c-card,.pf-c-description-list__group {
    display: grid;
    grid-column: var(--pf-c-description-list__group--GridColumn);
    row-gap: var(--pf-c-description-list__group--RowGap);
    column-gap: var(--pf-c-description-list__group--ColumnGap);
    grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
    grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
    align-items: baseline
}

.pf-c-description-list__description,.pf-c-description-list__term {
    min-width: 0;
    text-align: left;
    overflow-wrap: break-word
}

.pf-c-description-list__term {
    display: var(--pf-c-description-list__term--Display);
    font-size: var(--pf-c-description-list__term--FontSize);
    font-weight: var(--pf-c-description-list__term--FontWeight);
    line-height: var(--pf-c-description-list__term--LineHeight)
}

.pf-c-description-list__term .pf-c-description-list__text {
    display: inline
}

.pf-c-description-list__term-icon {
    flex-shrink: 0;
    min-width: var(--pf-c-description-list__term-icon--MinWidth);
    margin-right: var(--pf-c-description-list__term-icon--MarginRight);
    color: var(--pf-c-description-list__term-icon--Color)
}

.pf-c-description-list__description {
    font-size: var(--pf-c-description-list__description--FontSize,inherit)
}

.pf-c-description-list__text {
    min-width: 0
}

.pf-c-description-list__text.pf-m-help-text {
    text-decoration: underline;
    cursor: pointer;
    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);
    text-decoration-color: var(--pf-c-description-list__text--m-help-text--TextDecorationColor)
}

.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__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows)
}

.pf-c-description-list.pf-m-vertical {
    --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
    --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows)
}

@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__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows)
    }

    .pf-c-description-list.pf-m-vertical-on-sm {
        --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
        --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows)
    }
}

@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__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows)
    }

    .pf-c-description-list.pf-m-vertical-on-md {
        --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
        --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows)
    }
}

@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__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows)
    }

    .pf-c-description-list.pf-m-vertical-on-lg {
        --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
        --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows)
    }
}

@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__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows)
    }

    .pf-c-description-list.pf-m-vertical-on-xl {
        --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
        --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows)
    }
}

@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__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows)
    }

    .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-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows)
    }
}

.pf-c-draggable {
    --pf-c-draggable--Cursor: auto;
    --pf-c-draggable--m-dragging--Cursor: grabbing;
    --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
    --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
    --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
    cursor: var(--pf-c-draggable--Cursor)
}

.pf-c-draggable.pf-m-dragging {
    --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
    position: relative;
    background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
    box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow)
}

.pf-c-draggable.pf-m-dragging:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor)
}

.pf-c-draggable.pf-m-drag-outside {
    --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
    --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor)
}

.pf-c-droppable {
    --pf-c-droppable--m-dragging--after--BackgroundColor: hsla(0,0%,100%,0.6);
    --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
    --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100)
}

.pf-c-droppable.pf-m-dragging {
    position: relative
}

.pf-c-droppable.pf-m-dragging:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: ""
}

.pf-c-droppable:after {
    background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
    border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor)
}

.pf-c-droppable.pf-m-drag-outside {
    --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor)
}

.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__list-item-row--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-dual-list-selector__list-item-row--BackgroundColor: transparent;
    --pf-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
    --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--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__list-item-row--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__draggable--item--PaddingLeft: var(--pf-global--spacer--xs);
    --pf-c-dual-list-selector__item-text--Color: var(--pf-global--Color--100);
    --pf-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-global--active-color--100);
    --pf-c-dual-list-selector__list-item-row--m-selected__text--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-global--disabled-color--100);
    --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__list-item-row--FontSize);
    --pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
    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)) 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: 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 {
    flex-grow: 1
}

.pf-c-dual-list-selector__tools-actions {
    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: 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 {
    flex-grow: 1;
    font-size: var(--pf-c-dual-list-selector__status-text--FontSize);
    color: var(--pf-c-dual-list-selector__status-text--Color)
}

.pf-c-dual-list-selector__menu {
    grid-area: var(--pf-c-dual-list-selector__menu--GridArea);
    min-height: var(--pf-c-dual-list-selector__menu--MinHeight);
    max-height: var(--pf-c-dual-list-selector__menu--MaxHeight);
    overflow: auto;
    border: var(--pf-c-dual-list-selector__menu--BorderWidth) solid var(--pf-c-dual-list-selector__menu--BorderColor)
}

.pf-c-dual-list-selector__list {
    --pf-c-dual-list-selector__item-toggle-icon--Rotate: 0;
    display: flex;
    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 {
    position: absolute;
    top: 0;
    left: var(--pf-c-dual-list-selector__list__list__item-toggle--Left);
    transform: translateX(var(--pf-c-dual-list-selector__list__list__item-toggle--TranslateX))
}

.pf-c-dual-list-selector__list.pf-m-drag-over {
    overflow-anchor: none
}

.pf-c-dual-list-selector__list-item:focus {
    --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--focus-within--BackgroundColor)
}

.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-toggle-icon--Rotate: var(--pf-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate)
}

.pf-c-dual-list-selector__list-item.pf-m-disabled {
    --pf-c-dual-list-selector__item-text--Color: var(--pf-c-dual-list-selector__list-item--m-disabled__item-text--Color);
    --pf-c-dual-list-selector__item-toggle-icon--Color: var(--pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color);
    pointer-events: none
}

.pf-c-dual-list-selector__list-item-row {
    display: flex;
    font-size: var(--pf-c-dual-list-selector__list-item-row--FontSize);
    background-color: var(--pf-c-dual-list-selector__list-item-row--BackgroundColor)
}

.pf-c-dual-list-selector__list-item-row:hover {
    --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--hover--BackgroundColor)
}

.pf-c-dual-list-selector__list-item-row.pf-m-selected {
    --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--m-selected--BackgroundColor)
}

.pf-c-dual-list-selector__list-item-row.pf-m-selected .pf-c-dual-list-selector__item-text {
    --pf-c-dual-list-selector__item-text--Color: var(--pf-c-dual-list-selector__list-item-row--m-selected__text--Color);
    font-weight: var(--pf-c-dual-list-selector__list-item-row--m-selected__text--FontWeight)
}

.pf-c-dual-list-selector__list-item-row.pf-m-check {
    --pf-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent
}

.pf-c-dual-list-selector__list-item-row.pf-m-ghost-row {
    --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor);
    opacity: var(--pf-c-dual-list-selector__list-item--m-ghost-row--Opacity)
}

.pf-c-dual-list-selector__item,.pf-c-dual-list-selector__main {
    display: flex
}

.pf-c-dual-list-selector__item,.pf-c-dual-list-selector__item-main {
    flex-basis: 100%
}

.pf-c-dual-list-selector__draggable {
    display: flex
}

.pf-c-dual-list-selector__draggable+.pf-c-dual-list-selector__item {
    --pf-c-dual-list-selector__item--PaddingLeft: var(--pf-c-dual-list-selector__draggable--item--PaddingLeft)
}

.pf-c-dual-list-selector__draggable .pf-c-button {
    --pf-c-button--FontSize: inherit;
    cursor: grab
}

.pf-c-dual-list-selector__draggable .pf-c-button:active {
    cursor: grabbing
}

.pf-c-dual-list-selector__item {
    position: relative;
    width: 100%;
    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);
    cursor: pointer
}

.pf-c-dual-list-selector__item-count {
    margin-left: var(--pf-c-dual-list-selector__item-count--Marginleft)
}

.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 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-grow: 1;
    color: var(--pf-c-dual-list-selector__item-text--Color)
}

.pf-c-dual-list-selector__controls {
    grid-area: var(--pf-c-dual-list-selector__controls--GridArea);
    align-self: center;
    padding-right: var(--pf-c-dual-list-selector__controls--PaddingRight);
    padding-left: var(--pf-c-dual-list-selector__controls--PaddingLeft)
}

.pf-c-dual-list-selector__item-main {
    display: flex;
    min-width: 0
}

.pf-c-dual-list-selector__item-toggle {
    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);
    margin-top: var(--pf-c-dual-list-selector__item-toggle--MarginTop);
    margin-bottom: var(--pf-c-dual-list-selector__item-toggle--MarginBottom)
}

.pf-c-dual-list-selector__item-check {
    display: flex;
    align-items: center;
    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);
    color: var(--pf-c-dual-list-selector__item-toggle-icon--Color,inherit);
    text-align: center;
    transition: var(--pf-c-dual-list-selector__item-toggle-icon--Transition);
    transform: rotate(var(--pf-c-dual-list-selector__item-toggle-icon--Rotate))
}

.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__item--Display: block;
    --pf-c-toolbar__item--MinWidth--base: auto;
    --pf-c-toolbar__group--Display: flex;
    --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
    --pf-c-toolbar__content--Display: flex;
    --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-toolbar__content-section--Display: flex;
    --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--Display: grid;
    --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: 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__expandable-content__item--m-label--MarginBottom: calc(var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap)*-1 + var(--pf-global--spacer--sm));
    --pf-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-global--FontSize--sm);
    --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);
    --pf-c-toolbar--m-full-height--PaddingTop: 0;
    --pf-c-toolbar--m-full-height--PaddingBottom: 0;
    --pf-c-toolbar--m-full-height__item--Display: flex;
    --pf-c-toolbar--m-full-height__item--AlignItems: center;
    position: relative;
    row-gap: var(--pf-c-toolbar--RowGap);
    display: grid;
    padding-top: var(--pf-c-toolbar--PaddingTop);
    padding-bottom: var(--pf-c-toolbar--PaddingBottom);
    background-color: var(--pf-c-toolbar--BackgroundColor)
}

@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.pf-m-sticky {
    position: sticky;
    top: 0;
    z-index: var(--pf-c-toolbar--m-sticky--ZIndex);
    box-shadow: var(--pf-c-toolbar--m-sticky--BoxShadow)
}

.pf-c-toolbar.pf-m-full-height {
    --pf-c-toolbar--PaddingTop: var(--pf-c-toolbar--m-full-height--PaddingTop);
    --pf-c-toolbar--PaddingBottom: var(--pf-c-toolbar--m-full-height--PaddingTop);
    --pf-c-toolbar__item--Display: var(--pf-c-toolbar--m-full-height__item--Display);
    height: 100%
}

.pf-c-toolbar.pf-m-full-height,.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content,.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content-section,.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__expandable-content,.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__group {
    min-width: 0
}

.pf-c-toolbar.pf-m-full-height,.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content,.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content-section,.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__group,.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__item {
    align-self: stretch
}

.pf-c-toolbar.pf-m-full-height .pf-c-toolbar__item {
    align-items: var(--pf-c-toolbar--m-full-height__item--AlignItems)
}

.pf-c-toolbar.pf-m-static,.pf-c-toolbar.pf-m-static .pf-c-toolbar__content {
    position: static
}

.pf-c-toolbar.pf-m-static .pf-c-toolbar__expandable-content {
    position: absolute
}

.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);
    --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__group--Display);
    align-items: center;
    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--spacer: var(--pf-c-toolbar__item--spacer);
    --pf-c-toolbar__item--Width--base: var(--pf-c-toolbar__item--Width);
    --pf-c-toolbar__item--MinWidth--base: var(--pf-c-toolbar__item--MinWidth);
    --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__item--Display);
    width: var(--pf-c-toolbar__item--Width--base);
    min-width: var(--pf-c-toolbar__item--MinWidth--base);
    margin-right: var(--pf-c-toolbar--spacer)
}

@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))))))
    }
}

@media (min-width: 576px) {
    .pf-c-toolbar__item {
        --pf-c-toolbar__item--MinWidth--base:var(--pf-c-toolbar__item--MinWidth-on-sm,var(--pf-c-toolbar__item--MinWidth))
    }
}

@media (min-width: 768px) {
    .pf-c-toolbar__item {
        --pf-c-toolbar__item--MinWidth--base:var(--pf-c-toolbar__item--MinWidth-on-md,var(--pf-c-toolbar__item--MinWidth-on-sm,var(--pf-c-toolbar__item--MinWidth)))
    }
}

@media (min-width: 992px) {
    .pf-c-toolbar__item {
        --pf-c-toolbar__item--MinWidth--base:var(--pf-c-toolbar__item--MinWidth-on-lg,var(--pf-c-toolbar__item--MinWidth-on-md,var(--pf-c-toolbar__item--MinWidth-on-sm,var(--pf-c-toolbar__item--MinWidth))))
    }
}

@media (min-width: 1200px) {
    .pf-c-toolbar__item {
        --pf-c-toolbar__item--MinWidth--base:var(--pf-c-toolbar__item--MinWidth-on-xl,var(--pf-c-toolbar__item--MinWidth-on-lg,var(--pf-c-toolbar__item--MinWidth-on-md,var(--pf-c-toolbar__item--MinWidth-on-sm,var(--pf-c-toolbar__item--MinWidth)))))
    }
}

@media (min-width: 1450px) {
    .pf-c-toolbar__item {
        --pf-c-toolbar__item--MinWidth--base:var(--pf-c-toolbar__item--MinWidth-on-2xl,var(--pf-c-toolbar__item--MinWidth-on-xl,var(--pf-c-toolbar__item--MinWidth-on-lg,var(--pf-c-toolbar__item--MinWidth-on-md,var(--pf-c-toolbar__item--MinWidth-on-sm,var(--pf-c-toolbar__item--MinWidth))))))
    }
}

.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 {
    flex-wrap: nowrap
}

.pf-c-toolbar__item:last-child {
    --pf-c-toolbar--spacer: 0
}

.pf-c-toolbar__group.pf-m-overflow-container,.pf-c-toolbar__item.pf-m-overflow-container {
    flex: 1;
    overflow: hidden
}

.pf-c-toolbar__expand-all-icon {
    display: inline-block;
    transition: var(--pf-c-toolbar__expand-all-icon--Transition);
    transform: rotate(var(--pf-c-toolbar__expand-all-icon--Rotate))
}

.pf-c-toolbar__content,.pf-c-toolbar__content-section {
    flex-wrap: wrap;
    align-items: center
}

.pf-c-toolbar__content {
    --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content--Display);
    position: relative;
    padding-right: var(--pf-c-toolbar__content--PaddingRight);
    padding-left: var(--pf-c-toolbar__content--PaddingLeft)
}

.pf-c-toolbar__content-section {
    --pf-hidden-visible--visible--Display: var(--pf-c-toolbar__content-section--Display);
    width: 100%
}

.pf-c-toolbar__expandable-content {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: var(--pf-c-toolbar__expandable-content--ZIndex);
    display: none;
    width: 100%;
    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);
    visibility: hidden;
    background-color: var(--pf-c-toolbar__expandable-content--BackgroundColor);
    box-shadow: var(--pf-c-toolbar__expandable-content--BoxShadow)
}

@media screen and (min-width: 992px) {
    .pf-c-toolbar__expandable-content {
        position:static;
        box-shadow: none
    }
}

.pf-c-toolbar__expandable-content.pf-m-expanded {
    display: grid;
    grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
    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 {
    display: grid;
    grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap)
}

.pf-c-toolbar__expandable-content .pf-m-label {
    margin-bottom: var(--pf-c-toolbar__expandable-content__item--m-label--MarginBottom);
    font-size: var(--pf-c-toolbar__expandable-content__item--m-label--FontSize)
}

.pf-c-toolbar__content.pf-m-chip-container,.pf-c-toolbar__group.pf-m-chip-container {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-top: var(--pf-c-toolbar__group--m-chip-container--MarginTop);
    grid-row-gap: 0
}

.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);
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 0
}

.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 {
    display: flex;
    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 {
        display: flex;
        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 {
        display: flex;
        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 {
        display: flex;
        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 {
        display: flex;
        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 {
        display: flex;
        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__content-section.pf-m-nowrap,.pf-c-toolbar .pf-c-toolbar__group.pf-m-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 {
    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__content-section.pf-m-nowrap-on-sm,.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
        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 {
        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__content-section.pf-m-nowrap-on-md,.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
        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 {
        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__content-section.pf-m-nowrap-on-lg,.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
        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 {
        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__content-section.pf-m-nowrap-on-xl,.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
        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 {
        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__content-section.pf-m-nowrap-on-2xl,.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
        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 {
        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.pf-m-inset-none,.pf-c-toolbar.pf-m-inset-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-sm {
    --pf-c-toolbar--inset: var(--pf-global--spacer--sm)
}

.pf-c-toolbar.pf-m-inset-md {
    --pf-c-toolbar--inset: var(--pf-global--spacer--md)
}

.pf-c-toolbar.pf-m-inset-lg,.pf-c-toolbar.pf-m-inset-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.pf-m-inset-xl {
    --pf-c-toolbar--inset: var(--pf-global--spacer--xl)
}

.pf-c-toolbar.pf-m-inset-2xl,.pf-c-toolbar.pf-m-inset-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)
}

@media (min-width: 576px) {
    .pf-c-toolbar.pf-m-inset-none-on-sm {
        --pf-c-toolbar--inset:0
    }

    .pf-c-toolbar.pf-m-inset-none-on-sm,.pf-c-toolbar.pf-m-inset-sm-on-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-sm-on-sm {
        --pf-c-toolbar--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-toolbar.pf-m-inset-md-on-sm {
        --pf-c-toolbar--inset: var(--pf-global--spacer--md)
    }

    .pf-c-toolbar.pf-m-inset-lg-on-sm,.pf-c-toolbar.pf-m-inset-md-on-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-lg-on-sm {
        --pf-c-toolbar--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-toolbar.pf-m-inset-xl-on-sm {
        --pf-c-toolbar--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-toolbar.pf-m-inset-2xl-on-sm,.pf-c-toolbar.pf-m-inset-xl-on-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-2xl-on-sm {
        --pf-c-toolbar--inset: var(--pf-global--spacer--2xl)
    }
}

@media (min-width: 768px) {
    .pf-c-toolbar.pf-m-inset-none-on-md {
        --pf-c-toolbar--inset:0
    }

    .pf-c-toolbar.pf-m-inset-none-on-md,.pf-c-toolbar.pf-m-inset-sm-on-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-sm-on-md {
        --pf-c-toolbar--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-toolbar.pf-m-inset-md-on-md {
        --pf-c-toolbar--inset: var(--pf-global--spacer--md)
    }

    .pf-c-toolbar.pf-m-inset-lg-on-md,.pf-c-toolbar.pf-m-inset-md-on-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.pf-m-inset-xl-on-md {
        --pf-c-toolbar--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-toolbar.pf-m-inset-2xl-on-md,.pf-c-toolbar.pf-m-inset-xl-on-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-2xl-on-md {
        --pf-c-toolbar--inset: var(--pf-global--spacer--2xl)
    }
}

@media (min-width: 992px) {
    .pf-c-toolbar.pf-m-inset-none-on-lg {
        --pf-c-toolbar--inset:0
    }

    .pf-c-toolbar.pf-m-inset-none-on-lg,.pf-c-toolbar.pf-m-inset-sm-on-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-sm-on-lg {
        --pf-c-toolbar--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-toolbar.pf-m-inset-md-on-lg {
        --pf-c-toolbar--inset: var(--pf-global--spacer--md)
    }

    .pf-c-toolbar.pf-m-inset-lg-on-lg,.pf-c-toolbar.pf-m-inset-md-on-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-lg-on-lg {
        --pf-c-toolbar--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-toolbar.pf-m-inset-xl-on-lg {
        --pf-c-toolbar--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-toolbar.pf-m-inset-2xl-on-lg,.pf-c-toolbar.pf-m-inset-xl-on-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-2xl-on-lg {
        --pf-c-toolbar--inset: var(--pf-global--spacer--2xl)
    }
}

@media (min-width: 1200px) {
    .pf-c-toolbar.pf-m-inset-none-on-xl {
        --pf-c-toolbar--inset:0
    }

    .pf-c-toolbar.pf-m-inset-none-on-xl,.pf-c-toolbar.pf-m-inset-sm-on-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-sm-on-xl {
        --pf-c-toolbar--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-toolbar.pf-m-inset-md-on-xl {
        --pf-c-toolbar--inset: var(--pf-global--spacer--md)
    }

    .pf-c-toolbar.pf-m-inset-lg-on-xl,.pf-c-toolbar.pf-m-inset-md-on-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-lg-on-xl {
        --pf-c-toolbar--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-toolbar.pf-m-inset-xl-on-xl {
        --pf-c-toolbar--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-toolbar.pf-m-inset-2xl-on-xl,.pf-c-toolbar.pf-m-inset-xl-on-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)
    }
}

@media (min-width: 1450px) {
    .pf-c-toolbar.pf-m-inset-none-on-2xl {
        --pf-c-toolbar--inset:0
    }

    .pf-c-toolbar.pf-m-inset-none-on-2xl,.pf-c-toolbar.pf-m-inset-sm-on-2xl {
        --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.pf-m-inset-md-on-2xl {
        --pf-c-toolbar--inset: var(--pf-global--spacer--md)
    }

    .pf-c-toolbar.pf-m-inset-lg-on-2xl,.pf-c-toolbar.pf-m-inset-md-on-2xl {
        --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.pf-m-inset-xl-on-2xl {
        --pf-c-toolbar--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-toolbar.pf-m-inset-2xl-on-2xl,.pf-c-toolbar.pf-m-inset-xl-on-2xl {
        --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-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;
    position: relative;
    display: inline-block
}

.pf-c-date-picker__helper-text {
    margin-top: var(--pf-c-date-picker__helper-text--MarginTop);
    font-size: var(--pf-c-date-picker__helper-text--FontSize);
    color: var(--pf-c-date-picker__helper-text--Color)
}

.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 {
    position: absolute;
    top: var(--pf-c-date-picker__calendar--Top);
    right: var(--pf-c-date-picker__calendar--Right);
    left: var(--pf-c-date-picker__calendar--Left);
    z-index: var(--pf-c-date-picker__calendar--ZIndex);
    background-color: var(--pf-c-date-picker__calendar--BackgroundColor);
    box-shadow: var(--pf-c-date-picker__calendar--BoxShadow)
}

.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);
    transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY))
}

.pf-c-date-picker__calendar.pf-m-static {
    --pf-c-date-picker--m-top__calendar--TranslateY: 0;
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: auto;
    min-width: min-content
}

:where(.pf-theme-dark) .pf-c-date-picker {
    --pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-date-picker__calendar--Top: 100%
}

.pf-c-divider {
    --pf-c-divider--BorderWidth--base: var(--pf-global--BorderWidth--sm);
    --pf-c-divider--BorderColor--base: var(--pf-c-divider--BackgroundColor);
    --pf-c-divider--Height: var(--pf-c-divider--BorderWidth--base);
    --pf-c-divider--BackgroundColor: var(--pf-global--BorderColor--100);
    --pf-c-divider--after--BackgroundColor: var(--pf-c-divider--BorderColor--base);
    --pf-c-divider--after--FlexBasis: 100%;
    --pf-c-divider--after--Inset: 0%;
    --pf-c-divider--m-vertical--after--FlexBasis: 100%;
    --pf-c-divider--m-horizontal--Display: flex;
    --pf-c-divider--m-horizontal--FlexDirection: row;
    --pf-c-divider--m-horizontal--after--Height: var(--pf-c-divider--Height);
    --pf-c-divider--m-horizontal--after--Width: auto;
    --pf-c-divider--m-vertical--Display: inline-flex;
    --pf-c-divider--m-vertical--FlexDirection: column;
    --pf-c-divider--m-vertical--after--Height: auto;
    --pf-c-divider--m-vertical--after--Width: var(--pf-c-divider--BorderWidth--base);
    --pf-hidden-visible--visible--Display: var(--pf-c-divider--Display);
    --pf-c-divider--Display: var(--pf-c-divider--m-horizontal--Display);
    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
    --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
    --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
    width: 100%;
    height: auto;
    display: var(--pf-c-divider--Display);
    flex-direction: var(--pf-c-divider--FlexDirection);
    align-items: center;
    align-self: stretch;
    flex-shrink: 0;
    justify-content: center;
    border: 0
}

.pf-c-divider:after {
    flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset)*2);
    align-self: stretch;
    width: var(--pf-c-divider--after--Width);
    height: var(--pf-c-divider--after--Height);
    content: "";
    background-color: var(--pf-c-divider--after--BackgroundColor);
    justify-self: center
}

.pf-c-divider.pf-m-vertical {
    --pf-c-divider--Display: var(--pf-c-divider--m-vertical--Display);
    --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
    --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
    --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
    width: auto;
    height: inherit
}

.pf-c-divider.pf-m-vertical:after {
    flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset))
}

.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-horizontal-on-sm {
        --pf-c-divider--Display:var(--pf-c-divider--m-horizontal--Display);
        --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
        --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
        --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
        width: 100%;
        height: auto
    }

    .pf-c-divider.pf-m-horizontal-on-sm:after {
        flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset)*2)
    }
}

@media (min-width: 576px) {
    .pf-c-divider.pf-m-vertical-on-sm {
        --pf-c-divider--Display:var(--pf-c-divider--m-vertical--Display);
        --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
        --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
        --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
        width: auto;
        height: inherit
    }

    .pf-c-divider.pf-m-vertical-on-sm:after {
        flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset))
    }
}

@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-horizontal-on-md {
        --pf-c-divider--Display:var(--pf-c-divider--m-horizontal--Display);
        --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
        --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
        --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
        width: 100%;
        height: auto
    }

    .pf-c-divider.pf-m-horizontal-on-md:after {
        flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset)*2)
    }
}

@media (min-width: 768px) {
    .pf-c-divider.pf-m-vertical-on-md {
        --pf-c-divider--Display:var(--pf-c-divider--m-vertical--Display);
        --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
        --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
        --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
        width: auto;
        height: inherit
    }

    .pf-c-divider.pf-m-vertical-on-md:after {
        flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset))
    }
}

@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-horizontal-on-lg {
        --pf-c-divider--Display:var(--pf-c-divider--m-horizontal--Display);
        --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
        --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
        --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
        width: 100%;
        height: auto
    }

    .pf-c-divider.pf-m-horizontal-on-lg:after {
        flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset)*2)
    }
}

@media (min-width: 992px) {
    .pf-c-divider.pf-m-vertical-on-lg {
        --pf-c-divider--Display:var(--pf-c-divider--m-vertical--Display);
        --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
        --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
        --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
        width: auto;
        height: inherit
    }

    .pf-c-divider.pf-m-vertical-on-lg:after {
        flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset))
    }
}

@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-horizontal-on-xl {
        --pf-c-divider--Display:var(--pf-c-divider--m-horizontal--Display);
        --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
        --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
        --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
        width: 100%;
        height: auto
    }

    .pf-c-divider.pf-m-horizontal-on-xl:after {
        flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset)*2)
    }
}

@media (min-width: 1200px) {
    .pf-c-divider.pf-m-vertical-on-xl {
        --pf-c-divider--Display:var(--pf-c-divider--m-vertical--Display);
        --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
        --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
        --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
        width: auto;
        height: inherit
    }

    .pf-c-divider.pf-m-vertical-on-xl:after {
        flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset))
    }
}

@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-horizontal-on-2xl {
        --pf-c-divider--Display:var(--pf-c-divider--m-horizontal--Display);
        --pf-c-divider--FlexDirection: var(--pf-c-divider--m-horizontal--FlexDirection);
        --pf-c-divider--after--Width: var(--pf-c-divider--m-horizontal--after--Width);
        --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
        width: 100%;
        height: auto
    }

    .pf-c-divider.pf-m-horizontal-on-2xl:after {
        flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset)*2)
    }
}

@media (min-width: 1450px) {
    .pf-c-divider.pf-m-vertical-on-2xl {
        --pf-c-divider--Display:var(--pf-c-divider--m-vertical--Display);
        --pf-c-divider--FlexDirection: var(--pf-c-divider--m-vertical--FlexDirection);
        --pf-c-divider--after--Width: var(--pf-c-divider--m-vertical--after--Width);
        --pf-c-divider--after--Height: var(--pf-c-divider--m-vertical--after--Height);
        width: auto;
        height: inherit
    }

    .pf-c-divider.pf-m-vertical-on-2xl:after {
        flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset))
    }
}

@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);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-x: hidden
}

@media screen and (min-width: 768px) {
    .pf-c-drawer {
        --pf-c-drawer--child--PaddingTop:var(--pf-c-drawer--child--md--PaddingTop);
        --pf-c-drawer--child--PaddingRight: var(--pf-c-drawer--child--md--PaddingRight);
        --pf-c-drawer--child--PaddingBottom: var(--pf-c-drawer--child--md--PaddingBottom);
        --pf-c-drawer--child--PaddingLeft: var(--pf-c-drawer--child--md--PaddingLeft);
        --pf-c-drawer--child--m-padding--PaddingTop: var(--pf-c-drawer--child--m-padding--md--PaddingTop);
        --pf-c-drawer--child--m-padding--PaddingRight: var(--pf-c-drawer--child--m-padding--md--PaddingRight);
        --pf-c-drawer--child--m-padding--PaddingBottom: var(--pf-c-drawer--child--m-padding--md--PaddingBottom);
        --pf-c-drawer--child--m-padding--PaddingLeft: var(--pf-c-drawer--child--m-padding--md--PaddingLeft)
    }
}

@media screen and (min-width: 1200px) {
    .pf-c-drawer {
        --pf-c-drawer__panel--MinWidth:var(--pf-c-drawer__panel--xl--MinWidth)
    }

    .pf-c-drawer.pf-m-panel-bottom {
        --pf-c-drawer__panel--MinWidth: auto;
        --pf-c-drawer__panel--MinHeight: var(--pf-c-drawer--m-panel-bottom__panel--xl--MinHeight)
    }
}

.pf-c-drawer.pf-m-inline>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border,.pf-m-resizable),.pf-c-drawer.pf-m-static>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border,.pf-m-resizable) {
    padding-left: var(--pf-c-drawer--m-inline__panel--PaddingLeft)
}

.pf-c-drawer.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel {
    order: 0;
    margin-right: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
    transform: translateX(-100%)
}

.pf-c-drawer.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__content {
    order: 1
}

.pf-c-drawer.pf-m-panel-bottom>.pf-c-drawer__main {
    flex-direction: column
}

.pf-c-drawer.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
    transform: translateX(-100%)
}

.pf-c-drawer.pf-m-expanded.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel {
    transform: translateX(0)
}

.pf-c-drawer.pf-m-expanded.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel {
    transform: 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 {
    flex-grow: 0;
    background-color: var(--pf-c-drawer__section--BackgroundColor)
}

.pf-c-drawer__section.pf-m-no-background {
    --pf-c-drawer__section--BackgroundColor: transparent
}

.pf-c-drawer__section.pf-m-light-200 {
    --pf-c-drawer__section--BackgroundColor: var(--pf-c-drawer__section--m-light-200--BackgroundColor)
}

.pf-c-drawer__main {
    display: flex;
    flex: 1;
    overflow: hidden
}

.pf-c-drawer__content,.pf-c-drawer__panel,.pf-c-drawer__panel-main {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    overflow: auto
}

.pf-c-drawer__content {
    z-index: var(--pf-c-drawer__content--ZIndex);
    flex-basis: var(--pf-c-drawer__content--FlexBasis);
    order: 0;
    background-color: var(--pf-c-drawer__content--BackgroundColor)
}

.pf-c-drawer__content.pf-m-no-background {
    --pf-c-drawer__content--BackgroundColor: transparent
}

.pf-c-drawer__content.pf-m-light-200 {
    --pf-c-drawer__content--BackgroundColor: var(--pf-c-drawer__content--m-light-200--BackgroundColor)
}

.pf-c-drawer__content>.pf-c-drawer__body {
    padding: var(--pf-c-drawer__content--child--PaddingTop) var(--pf-c-drawer__content--child--PaddingRight) var(--pf-c-drawer__content--child--PaddingBottom) var(--pf-c-drawer__content--child--PaddingLeft)
}

.pf-c-drawer__panel {
    position: relative;
    z-index: var(--pf-c-drawer__panel--ZIndex);
    flex-basis: var(--pf-c-drawer__panel--FlexBasis);
    order: 1;
    max-height: var(--pf-c-drawer__panel--MaxHeight);
    overflow: auto;
    background-color: var(--pf-c-drawer__panel--BackgroundColor);
    box-shadow: var(--pf-c-drawer__panel--BoxShadow);
    transition-duration: var(--pf-c-drawer__panel--TransitionDuration);
    transition-property: var(--pf-c-drawer__panel--TransitionProperty);
    -webkit-overflow-scrolling: touch
}

.pf-c-drawer__panel:after {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--pf-c-drawer__panel--after--Width);
    height: 100%;
    content: "";
    background-color: var(--pf-c-drawer__panel--after--BackgroundColor)
}

.pf-c-drawer__panel.pf-m-no-background {
    --pf-c-drawer__panel--BackgroundColor: transparent
}

.pf-c-drawer__panel.pf-m-light-200 {
    --pf-c-drawer__panel--BackgroundColor: var(--pf-c-drawer__panel--m-light-200--BackgroundColor)
}

@media screen and (min-width: 768px) {
    .pf-c-drawer__panel {
        --pf-c-drawer__panel--FlexBasis:max(var(--pf-c-drawer__panel--md--FlexBasis--min),min(var(--pf-c-drawer__panel--md--FlexBasis),var(--pf-c-drawer__panel--md--FlexBasis--max)))
    }
}

@media screen and (min-width: 1200px) {
    .pf-c-drawer__panel {
        --pf-c-drawer__panel--md--FlexBasis:var(--pf-c-drawer__panel--xl--FlexBasis)
    }

    .pf-c-drawer.pf-m-panel-bottom .pf-c-drawer__panel {
        --pf-c-drawer__panel--md--FlexBasis: var(--pf-c-drawer--m-panel-bottom__panel--xl--FlexBasis)
    }
}

.pf-c-drawer__panel-main {
    flex-grow: 1
}

@keyframes pf-remove-tab-focus {
    to {
        visibility: hidden
    }
}

.pf-c-drawer__panel[hidden] {
    animation-name: pf-remove-tab-focus;
    animation-delay: var(--pf-c-drawer__panel--TransitionDuration);
    animation-fill-mode: forwards
}

.pf-c-drawer__head {
    display: grid;
    grid-template-columns: auto;
    grid-auto-columns: max-content
}

.pf-c-drawer__head>* {
    grid-column: 1
}

.pf-c-drawer__actions {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    align-self: baseline;
    margin-top: var(--pf-c-drawer__actions--MarginTop);
    margin-right: var(--pf-c-drawer__actions--MarginRight)
}

.pf-c-drawer__body {
    min-height: 0;
    padding: var(--pf-c-drawer--child--PaddingTop) var(--pf-c-drawer--child--PaddingRight) var(--pf-c-drawer--child--PaddingBottom) var(--pf-c-drawer--child--PaddingLeft)
}

.pf-c-drawer__body.pf-m-no-padding {
    padding: 0
}

.pf-c-drawer__body.pf-m-no-padding>.pf-c-drawer__actions,.pf-c-drawer__body.pf-m-no-padding>.pf-c-drawer__head>.pf-c-drawer__actions {
    margin-top: 0;
    margin-right: 0
}

.pf-c-drawer__body.pf-m-padding {
    padding: var(--pf-c-drawer--child--m-padding--PaddingTop) var(--pf-c-drawer--child--m-padding--PaddingRight) var(--pf-c-drawer--child--m-padding--PaddingBottom) var(--pf-c-drawer--child--m-padding--PaddingLeft)
}

.pf-c-drawer__body:not(.pf-m-no-padding)+* {
    padding-top: 0
}

.pf-c-drawer__body:last-child {
    flex: 1 1
}

.pf-c-drawer__body>.pf-c-page__main {
    height: 100%
}

.pf-c-drawer__splitter {
    position: relative;
    display: none;
    width: var(--pf-c-drawer__splitter--Width);
    height: var(--pf-c-drawer__splitter--Height);
    cursor: var(--pf-c-drawer__splitter--Cursor);
    visibility: hidden;
    background-color: var(--pf-c-drawer__splitter--BackgroundColor)
}

.pf-c-drawer__splitter.pf-m-vertical {
    --pf-c-drawer__splitter--Height: var(--pf-c-drawer__splitter--m-vertical--Height);
    --pf-c-drawer__splitter--Width: var(--pf-c-drawer__splitter--m-vertical--Width);
    --pf-c-drawer__splitter--Cursor: var(--pf-c-drawer__splitter--m-vertical--Cursor);
    --pf-c-drawer__splitter-handle--after--Width: var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--Width);
    --pf-c-drawer__splitter-handle--after--Height: var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--Height);
    --pf-c-drawer__splitter-handle--after--BorderTopWidth: var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderTopWidth);
    --pf-c-drawer__splitter-handle--after--BorderRightWidth: var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth);
    --pf-c-drawer__splitter-handle--after--BorderBottomWidth: var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth);
    --pf-c-drawer__splitter-handle--after--BorderLeftWidth: var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth)
}

.pf-c-drawer__splitter:hover {
    --pf-c-drawer__splitter-handle--after--BorderColor: var(--pf-c-drawer__splitter--hover__splitter-handle--after--BorderColor)
}

.pf-c-drawer__splitter:focus {
    --pf-c-drawer__splitter-handle--after--BorderColor: var(--pf-c-drawer__splitter--focus__splitter-handle--after--BorderColor)
}

.pf-c-drawer__splitter:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: solid var(--pf-c-drawer__splitter--after--BorderColor);
    border-width: var(--pf-c-drawer__splitter--after--BorderTopWidth) var(--pf-c-drawer__splitter--after--BorderRightWidth) var(--pf-c-drawer__splitter--after--BorderBottomWidth) var(--pf-c-drawer__splitter--after--BorderLeftWidth)
}

.pf-c-drawer__splitter-handle {
    position: absolute;
    top: var(--pf-c-drawer__splitter-handle--Top);
    left: var(--pf-c-drawer__splitter-handle--Left);
    transform: translate(-50%,-50%)
}

.pf-c-drawer__splitter-handle:after {
    display: block;
    width: var(--pf-c-drawer__splitter-handle--after--Width);
    height: var(--pf-c-drawer__splitter-handle--after--Height);
    content: "";
    border-color: var(--pf-c-drawer__splitter-handle--after--BorderColor);
    border-style: solid;
    border-width: var(--pf-c-drawer__splitter-handle--after--BorderTopWidth) var(--pf-c-drawer__splitter-handle--after--BorderRightWidth) var(--pf-c-drawer__splitter-handle--after--BorderBottomWidth) var(--pf-c-drawer__splitter-handle--after--BorderLeftWidth)
}

@media screen and (min-width: 768px) {
    .pf-c-drawer {
        min-width:var(--pf-c-drawer__panel--MinWidth)
    }

    .pf-c-drawer.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
        box-shadow: var(--pf-c-drawer--m-expanded__panel--BoxShadow)
    }

    .pf-c-drawer>.pf-c-drawer__main>.pf-c-drawer__panel.pf-m-resizable {
        --pf-c-drawer__panel--md--FlexBasis--min: var(--pf-c-drawer__panel--m-resizable--md--FlexBasis--min);
        flex-direction: var(--pf-c-drawer__panel--m-resizable--FlexDirection);
        min-width: var(--pf-c-drawer__panel--m-resizable--MinWidth)
    }

    .pf-c-drawer>.pf-c-drawer__main>.pf-c-drawer__panel.pf-m-resizable:after {
        width: 0;
        height: 0
    }

    .pf-c-drawer>.pf-c-drawer__main>.pf-c-drawer__panel.pf-m-resizable>.pf-c-drawer__splitter {
        flex-shrink: 0
    }

    .pf-c-drawer>.pf-c-drawer__main>.pf-c-drawer__panel.pf-m-resizable>.pf-c-drawer__panel-main {
        flex-shrink: 1
    }

    .pf-c-drawer.pf-m-panel-left {
        --pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-c-drawer--m-expanded--m-panel-left__panel--BoxShadow)
    }

    .pf-c-drawer.pf-m-panel-left.pf-m-inline>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border,.pf-m-resizable),.pf-c-drawer.pf-m-panel-left.pf-m-static>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border,.pf-m-resizable) {
        padding-right: var(--pf-c-drawer--m-panel-left--m-inline__panel--PaddingRight);
        padding-left: 0
    }

    .pf-c-drawer.pf-m-panel-left.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel:after {
        right: 0;
        left: auto
    }

    .pf-c-drawer.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel.pf-m-resizable>.pf-c-drawer__splitter {
        --pf-c-drawer__splitter-handle--Left: var(--pf-c-drawer--m-panel-left__splitter-handle--Left);
        --pf-c-drawer__splitter--after--BorderRightWidth: 0;
        --pf-c-drawer__splitter--after--BorderLeftWidth: var(--pf-c-drawer--m-panel-left__splitter--after--BorderLeftWidth);
        order: 1
    }

    .pf-c-drawer.pf-m-panel-bottom {
        --pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
        --pf-c-drawer__panel--MaxHeight: 100%;
        --pf-c-drawer__panel--FlexBasis--min: var(--pf-c-drawer--m-panel-bottom__panel--FlexBasis--min);
        min-width: auto;
        min-height: var(--pf-c-drawer--m-panel-bottom__panel--md--MinHeight)
    }

    .pf-c-drawer.pf-m-panel-bottom.pf-m-inline>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border,.pf-m-resizable),.pf-c-drawer.pf-m-panel-bottom.pf-m-static>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border,.pf-m-resizable) {
        padding-top: var(--pf-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop);
        padding-left: 0
    }

    .pf-c-drawer.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel:after {
        top: 0;
        left: auto;
        width: 100%;
        height: var(--pf-c-drawer--m-panel-bottom__panel--after--Height)
    }

    .pf-c-drawer.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel.pf-m-resizable {
        --pf-c-drawer__panel--md--FlexBasis--min: var(--pf-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min);
        --pf-c-drawer__panel--m-resizable--FlexDirection: var(--pf-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection);
        --pf-c-drawer__panel--m-resizable--MinWidth: 0;
        min-height: var(--pf-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight)
    }

    .pf-c-drawer.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel.pf-m-resizable>.pf-c-drawer__splitter {
        --pf-c-drawer__splitter-handle--Top: var(--pf-c-drawer--m-panel-bottom__splitter-handle--Top);
        --pf-c-drawer__splitter--after--BorderRightWidth: 0;
        --pf-c-drawer__splitter--after--BorderBottomWidth: var(--pf-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth)
    }

    .pf-c-drawer.pf-m-inline>.pf-c-drawer__main>.pf-c-drawer__panel.pf-m-resizable>.pf-c-drawer__splitter {
        --pf-c-drawer__splitter--m-vertical--Width: var(--pf-c-drawer--m-inline__splitter--m-vertical--Width);
        --pf-c-drawer__splitter-handle--Left: var(--pf-c-drawer--m-inline__splitter-handle--Left);
        --pf-c-drawer__splitter--after--BorderRightWidth: var(--pf-c-drawer--m-inline__splitter--after--BorderRightWidth);
        --pf-c-drawer__splitter--after--BorderLeftWidth: var(--pf-c-drawer--m-inline__splitter--after--BorderLeftWidth);
        outline-offset: var(--pf-c-drawer--m-inline__splitter--focus--OutlineOffset)
    }

    .pf-c-drawer.pf-m-inline.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel.pf-m-resizable>.pf-c-drawer__splitter {
        --pf-c-drawer__splitter--Height: var(--pf-c-drawer--m-inline--m-panel-bottom__splitter--Height);
        --pf-c-drawer__splitter-handle--Top: var(--pf-c-drawer--m-inline--m-panel-bottom__splitter-handle--Top);
        --pf-c-drawer__splitter--after--BorderTopWidth: var(--pf-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderTopWidth);
        --pf-c-drawer__splitter--after--BorderRightWidth: 0;
        --pf-c-drawer__splitter--after--BorderLeftWidth: 0
    }

    .pf-c-drawer.pf-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 {
        flex-shrink:1
    }

    .pf-c-drawer.pf-m-inline>.pf-c-drawer__main>.pf-c-drawer__panel,.pf-c-drawer.pf-m-static>.pf-c-drawer__main>.pf-c-drawer__panel {
        --pf-c-drawer--m-expanded__panel--BoxShadow: none
    }

    .pf-c-drawer.pf-m-inline>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border):after,.pf-c-drawer.pf-m-static>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border):after {
        background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor)
    }

    .pf-c-drawer.pf-m-inline>.pf-c-drawer__main>.pf-c-drawer__content {
        overflow-x: auto
    }

    .pf-c-drawer.pf-m-inline>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-left: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
        transform: translateX(100%)
    }

    .pf-c-drawer.pf-m-inline.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-left: 0;
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-inline>.pf-c-drawer__main>.pf-c-drawer__panel>.pf-c-drawer__body>.pf-c-drawer__head .pf-c-drawer__close {
        display: unset;
        visibility: visible
    }

    .pf-c-drawer.pf-m-inline.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-right: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
        margin-left: 0;
        transform: translateX(-100%)
    }

    .pf-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-right: 0;
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-inline.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel>.pf-c-drawer__body>.pf-c-drawer__head .pf-c-drawer__close {
        display: unset;
        visibility: visible
    }

    .pf-c-drawer.pf-m-inline.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
        transform: translateY(100%)
    }

    .pf-c-drawer.pf-m-inline.pf-m-panel-bottom.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-bottom: 0;
        transform: translateY(0)
    }

    .pf-c-drawer.pf-m-static>.pf-c-drawer__main>.pf-c-drawer__panel {
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-static.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-right: 0;
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-static.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel {
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-static>.pf-c-drawer__main>.pf-c-drawer__panel>.pf-c-drawer__body>.pf-c-drawer__head .pf-c-drawer__close {
        display: none;
        visibility: hidden
    }
}

@media (min-width: 992px) {
    .pf-c-drawer.pf-m-inline-on-lg>.pf-c-drawer__main>.pf-c-drawer__content,.pf-c-drawer.pf-m-static-on-lg>.pf-c-drawer__main>.pf-c-drawer__content {
        flex-shrink:1
    }

    .pf-c-drawer.pf-m-inline-on-lg>.pf-c-drawer__main>.pf-c-drawer__panel,.pf-c-drawer.pf-m-static-on-lg>.pf-c-drawer__main>.pf-c-drawer__panel {
        --pf-c-drawer--m-expanded__panel--BoxShadow: none
    }

    .pf-c-drawer.pf-m-inline-on-lg>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border):after,.pf-c-drawer.pf-m-static-on-lg>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border):after {
        background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor)
    }

    .pf-c-drawer.pf-m-inline-on-lg>.pf-c-drawer__main>.pf-c-drawer__content {
        overflow-x: auto
    }

    .pf-c-drawer.pf-m-inline-on-lg>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-left: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
        transform: translateX(100%)
    }

    .pf-c-drawer.pf-m-inline-on-lg.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-left: 0;
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-inline-on-lg>.pf-c-drawer__main>.pf-c-drawer__panel>.pf-c-drawer__body>.pf-c-drawer__head .pf-c-drawer__close {
        display: unset;
        visibility: visible
    }

    .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-right: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
        margin-left: 0;
        transform: translateX(-100%)
    }

    .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-right: 0;
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel>.pf-c-drawer__body>.pf-c-drawer__head .pf-c-drawer__close {
        display: unset;
        visibility: visible
    }

    .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
        transform: translateY(100%)
    }

    .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-bottom: 0;
        transform: translateY(0)
    }

    .pf-c-drawer.pf-m-static-on-lg>.pf-c-drawer__main>.pf-c-drawer__panel {
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-static-on-lg.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-right: 0;
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-static-on-lg.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel {
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-static-on-lg>.pf-c-drawer__main>.pf-c-drawer__panel>.pf-c-drawer__body>.pf-c-drawer__head .pf-c-drawer__close {
        display: none;
        visibility: hidden
    }
}

@media (min-width: 1200px) {
    .pf-c-drawer.pf-m-inline-on-xl>.pf-c-drawer__main>.pf-c-drawer__content,.pf-c-drawer.pf-m-static-on-xl>.pf-c-drawer__main>.pf-c-drawer__content {
        flex-shrink:1
    }

    .pf-c-drawer.pf-m-inline-on-xl>.pf-c-drawer__main>.pf-c-drawer__panel,.pf-c-drawer.pf-m-static-on-xl>.pf-c-drawer__main>.pf-c-drawer__panel {
        --pf-c-drawer--m-expanded__panel--BoxShadow: none
    }

    .pf-c-drawer.pf-m-inline-on-xl>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border):after,.pf-c-drawer.pf-m-static-on-xl>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border):after {
        background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor)
    }

    .pf-c-drawer.pf-m-inline-on-xl>.pf-c-drawer__main>.pf-c-drawer__content {
        overflow-x: auto
    }

    .pf-c-drawer.pf-m-inline-on-xl>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-left: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
        transform: translateX(100%)
    }

    .pf-c-drawer.pf-m-inline-on-xl.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-left: 0;
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-inline-on-xl>.pf-c-drawer__main>.pf-c-drawer__panel>.pf-c-drawer__body>.pf-c-drawer__head .pf-c-drawer__close {
        display: unset;
        visibility: visible
    }

    .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-right: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
        margin-left: 0;
        transform: translateX(-100%)
    }

    .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-right: 0;
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel>.pf-c-drawer__body>.pf-c-drawer__head .pf-c-drawer__close {
        display: unset;
        visibility: visible
    }

    .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
        transform: translateY(100%)
    }

    .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-bottom: 0;
        transform: translateY(0)
    }

    .pf-c-drawer.pf-m-static-on-xl>.pf-c-drawer__main>.pf-c-drawer__panel {
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-static-on-xl.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-right: 0;
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-static-on-xl.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel {
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-static-on-xl>.pf-c-drawer__main>.pf-c-drawer__panel>.pf-c-drawer__body>.pf-c-drawer__head .pf-c-drawer__close {
        display: none;
        visibility: hidden
    }
}

@media (min-width: 1450px) {
    .pf-c-drawer.pf-m-inline-on-2xl>.pf-c-drawer__main>.pf-c-drawer__content,.pf-c-drawer.pf-m-static-on-2xl>.pf-c-drawer__main>.pf-c-drawer__content {
        flex-shrink:1
    }

    .pf-c-drawer.pf-m-inline-on-2xl>.pf-c-drawer__main>.pf-c-drawer__panel,.pf-c-drawer.pf-m-static-on-2xl>.pf-c-drawer__main>.pf-c-drawer__panel {
        --pf-c-drawer--m-expanded__panel--BoxShadow: none
    }

    .pf-c-drawer.pf-m-inline-on-2xl>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border):after,.pf-c-drawer.pf-m-static-on-2xl>.pf-c-drawer__main>.pf-c-drawer__panel:not(.pf-m-no-border):after {
        background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor)
    }

    .pf-c-drawer.pf-m-inline-on-2xl>.pf-c-drawer__main>.pf-c-drawer__content {
        overflow-x: auto
    }

    .pf-c-drawer.pf-m-inline-on-2xl>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-left: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
        transform: translateX(100%)
    }

    .pf-c-drawer.pf-m-inline-on-2xl.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-left: 0;
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-inline-on-2xl>.pf-c-drawer__main>.pf-c-drawer__panel>.pf-c-drawer__body>.pf-c-drawer__head .pf-c-drawer__close {
        display: unset;
        visibility: visible
    }

    .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-right: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
        margin-left: 0;
        transform: translateX(-100%)
    }

    .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-right: 0;
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel>.pf-c-drawer__body>.pf-c-drawer__head .pf-c-drawer__close {
        display: unset;
        visibility: visible
    }

    .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis)*-1);
        transform: translateY(100%)
    }

    .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-bottom: 0;
        transform: translateY(0)
    }

    .pf-c-drawer.pf-m-static-on-2xl>.pf-c-drawer__main>.pf-c-drawer__panel {
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-static-on-2xl.pf-m-panel-left>.pf-c-drawer__main>.pf-c-drawer__panel {
        margin-right: 0;
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom>.pf-c-drawer__main>.pf-c-drawer__panel {
        transform: translateX(0)
    }

    .pf-c-drawer.pf-m-static-on-2xl>.pf-c-drawer__main>.pf-c-drawer__panel>.pf-c-drawer__body>.pf-c-drawer__head .pf-c-drawer__close {
        display: none;
        visibility: hidden
    }
}

:where(.pf-theme-dark) .pf-c-drawer {
    --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-drawer__splitter--BackgroundColor: transparent
}

:where(.pf-theme-dark) .pf-c-drawer.pf-m-inline,:where(.pf-theme-dark) .pf-c-drawer.pf-m-static {
    --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--100)
}

.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--focus--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-dropdown__toggle--focus--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--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--focus--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-dropdown__toggle--m-primary--active--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--m-primary--disabled--Color: var(--pf-global--Color--100);
    --pf-c-dropdown__toggle--m-secondary--Color: var(--pf-global--primary-color--100);
    --pf-c-dropdown__toggle--m-secondary--BorderRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-dropdown__toggle--m-secondary--BackgroundColor: transparent;
    --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-dropdown__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-dropdown__toggle--m-secondary--hover--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-dropdown__toggle--m-secondary--focus--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-dropdown__toggle--m-secondary--active--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
    --pf-c-dropdown__toggle-progress--Visibility: hidden;
    --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
    --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--m-split-button--child--BorderRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-global--primary-color--100);
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--active--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor: var(--pf-global--primary-color--200);
    --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-dropdown--m-expanded__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-dropdown__toggle--m-secondary--m-split-button--Color: var(--pf-global--primary-color--100);
    --pf-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base: var(--pf-global--BorderWidth--sm);
    --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base: var(--pf-global--primary-color--100);
    --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base);
    --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base);
    --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--hover--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--focus--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--active--BorderWidth: var(--pf-global--BorderWidth--md);
    --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--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
    --pf-c-dropdown--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
    --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--xs);
    --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-dropdown__group-title--Color: var(--pf-global--Color--dark-200);
    --pf-c-dropdown__toggle-image--MarginTop: 0;
    --pf-c-dropdown__toggle-image--MarginBottom: 0;
    --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));
    --pf-c-dropdown--m-full-height__toggle--before--BorderTopWidth: 0;
    --pf-c-dropdown--m-full-height__toggle--expanded--before--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-dropdown--m-full-height__toggle--hover--before--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-dropdown--m-full-height__toggle--active--before--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-dropdown--m-full-height__toggle--focus--before--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-dropdown--m-full-height__toggle--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-dropdown--m-full-height__toggle--PaddingLeft: var(--pf-global--spacer--lg);
    position: relative;
    display: inline-block;
    max-width: 100%
}

.pf-c-dropdown .pf-c-divider {
    margin-top: var(--pf-c-dropdown--c-divider--MarginTop);
    margin-bottom: var(--pf-c-dropdown--c-divider--MarginBottom)
}

.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.pf-m-full-height {
    --pf-c-dropdown__toggle--PaddingRight: var(--pf-c-dropdown--m-full-height__toggle--PaddingRight);
    --pf-c-dropdown__toggle--PaddingLeft: var(--pf-c-dropdown--m-full-height__toggle--PaddingLeft);
    --pf-c-dropdown__toggle--active--before--BorderBottomWidth: var(--pf-c-dropdown--m-full-height__toggle--active--before--BorderBottomWidth);
    --pf-c-dropdown__toggle--focus--before--BorderBottomWidth: var(--pf-c-dropdown--m-full-height__toggle--focus--before--BorderBottomWidth);
    --pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth: var(--pf-c-dropdown--m-full-height__toggle--expanded--before--BorderBottomWidth);
    display: inline-flex;
    align-items: center;
    height: 100%
}

.pf-c-dropdown.pf-m-full-height .pf-c-dropdown__toggle {
    align-self: stretch
}

.pf-c-dropdown.pf-m-full-height .pf-c-dropdown__toggle:before {
    border-top-width: var(--pf-c-dropdown--m-full-height__toggle--before--BorderTopWidth)
}

.pf-c-dropdown.pf-m-full-height:hover .pf-c-dropdown__toggle:before {
    border-bottom-width: var(--pf-c-dropdown--m-full-height__toggle--hover--before--BorderBottomWidth)
}

.pf-c-dropdown.pf-m-expanded {
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor);
    --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown--m-expanded__toggle--m-secondary--m-split-button--child--before--BorderWidth)
}

.pf-c-dropdown__toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: var(--pf-c-dropdown__toggle--MinWidth);
    max-width: 100%;
    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);
    font-size: var(--pf-c-dropdown__toggle--FontSize);
    font-weight: var(--pf-c-dropdown__toggle--FontWeight);
    line-height: var(--pf-c-dropdown__toggle--LineHeight);
    color: var(--pf-c-dropdown__toggle--Color);
    background-color: var(--pf-c-dropdown__toggle--BackgroundColor);
    border: none
}

.pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:before,.pf-c-dropdown__toggle:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    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)
}

.pf-c-dropdown__toggle.pf-m-disabled,.pf-c-dropdown__toggle:disabled {
    --pf-c-dropdown__toggle--m-primary--Color: var(--pf-c-dropdown__toggle--m-primary--disabled--Color);
    --pf-c-dropdown__toggle--before--BorderBottomColor: transparent;
    pointer-events: none
}

.pf-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text,.pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain),.pf-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text,.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.pf-m-plain.pf-m-text:before,.pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain):before,.pf-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text: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:not(.pf-m-disabled) {
    background-color: var(--pf-c-dropdown__toggle--m-split-button--child--BackgroundColor)
}

.pf-c-dropdown__toggle.pf-m-split-button>* {
    position: relative;
    padding-top: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingTop);
    padding-right: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingRight);
    padding-bottom: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingBottom);
    padding-left: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingLeft)
}

.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-m-action.pf-m-primary>:not(:first-child) {
    border-left: var(--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth) solid var(--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor)
}

.pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-disabled,.pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary[disabled] {
    --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth: 0
}

.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check {
    display: flex;
    align-items: center;
    cursor: pointer
}

.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check.pf-m-in-progress {
    --pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
    --pf-c-dropdown__toggle-progress--Visibility: visible
}

.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;
    visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility,unset);
    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 {
    color: var(--pf-c-dropdown__toggle-button--Color);
    border: 0
}

.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-primary.pf-m-split-button:not(.pf-m-disabled) {
    --pf-c-dropdown__toggle--before--BorderWidth: 0;
    --pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth: 0
}

.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)>* {
    background-color: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor);
    border: 0
}

.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)>:hover {
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor)
}

.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)>.pf-m-active,.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)>:active,.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)>:focus {
    --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor)
}

.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)>:first-child {
    border-top-left-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
    border-bottom-left-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius)
}

.pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)>:last-child {
    border-top-right-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
    border-bottom-right-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius)
}

.pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:hover:before,.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):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:focus:before,.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):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-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active:before,.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active:before,.pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):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-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):not(.pf-m-secondary):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-icon--Color: var(--pf-c-dropdown--m-plain__toggle-icon--Color)
}

.pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
    --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);
    display: inline-block;
    color: var(--pf-c-dropdown__toggle--m-plain--Color)
}

.pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text)>* {
    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--m-plain__toggle-icon--Color: var(--pf-c-dropdown--m-plain--hover__toggle-icon--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);
    --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
    border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius)
}

.pf-c-dropdown__toggle.pf-m-primary .pf-c-dropdown__toggle-button:before,.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:focus {
    --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--focus--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-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-m-secondary {
    border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius)
}

.pf-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled]) {
    --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-secondary--Color);
    --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-secondary--BackgroundColor)
}

.pf-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled]):before {
    border: var(--pf-c-dropdown__toggle--m-secondary--before--BorderWidth) solid var(--pf-c-dropdown__toggle--m-secondary--before--BorderColor);
    border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius)
}

.pf-c-dropdown__toggle.pf-m-secondary:hover {
    --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth)
}

.pf-c-dropdown__toggle.pf-m-secondary:focus {
    --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth)
}

.pf-c-dropdown__toggle.pf-m-secondary.pf-m-active,.pf-c-dropdown__toggle.pf-m-secondary:active {
    --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth)
}

.pf-m-expanded>.pf-c-dropdown__toggle.pf-m-secondary {
    --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth);
    --pf-c-dropdown__toggle--m-secondary--before--BorderColor: var(--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor)
}

.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) {
    --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--Color)
}

.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):hover {
    --pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth)
}

.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):focus {
    --pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth)
}

.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):active {
    --pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth)
}

.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)>:before {
    border: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth) solid var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor)
}

.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)>:hover {
    --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--hover--BorderWidth)
}

.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)>:focus {
    --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--focus--BorderWidth)
}

.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)>:active {
    --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--active--BorderWidth)
}

.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)>:first-child:before {
    border-top-left-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
    border-bottom-left-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius)
}

.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)>:last-child:before {
    border-top-right-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
    border-bottom-right-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius)
}

.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)>:not(:first-child):before {
    border-left: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base) solid var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base)
}

.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)>:not(:last-child):before {
    border-right: 0
}

.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled).pf-m-action:before {
    border: 0
}

.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-text {
    flex: 0 1 auto
}

.pf-c-dropdown__toggle-icon {
    margin-right: var(--pf-c-dropdown__toggle-icon--MarginRight);
    margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft);
    line-height: var(--pf-c-dropdown__toggle-icon--LineHeight);
    color: var(--pf-c-dropdown__toggle-icon--Color,inherit)
}

.pf-c-dropdown.pf-m-top.pf-m-expanded .pf-c-dropdown__toggle-icon {
    transform: rotate(var(--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate))
}

.pf-c-dropdown__toggle-image {
    display: inline-flex;
    flex-shrink: 0;
    align-self: center;
    margin-top: var(--pf-c-dropdown__toggle-image--MarginTop);
    margin-right: var(--pf-c-dropdown__toggle-image--MarginRight);
    margin-bottom: var(--pf-c-dropdown__toggle-image--MarginBottom);
    line-height: 1
}

.pf-c-dropdown__toggle-image:last-child {
    --pf-c-dropdown__toggle-image--MarginRight: 0
}

.pf-c-dropdown__toggle-progress {
    position: absolute;
    visibility: var(--pf-c-dropdown__toggle-progress--Visibility)
}

.pf-c-dropdown__toggle-progress .pf-c-spinner {
    --pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter)
}

.pf-c-dropdown__menu {
    position: absolute;
    top: var(--pf-c-dropdown__menu--Top);
    z-index: var(--pf-c-dropdown__menu--ZIndex);
    padding-top: var(--pf-c-dropdown__menu--PaddingTop);
    padding-bottom: var(--pf-c-dropdown__menu--PaddingBottom);
    background: var(--pf-c-dropdown__menu--BackgroundColor);
    background-clip: padding-box;
    box-shadow: var(--pf-c-dropdown__menu--BoxShadow)
}

.pf-c-dropdown__menu.pf-m-static {
    --pf-c-dropdown--m-top__menu--TranslateY: 0;
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: auto;
    min-width: min-content
}

.pf-c-dropdown .pf-c-menu,.pf-c-dropdown__menu {
    min-width: 100%
}

.pf-c-dropdown .pf-c-menu.pf-m-align-right,.pf-c-dropdown__menu.pf-m-align-right {
    right: 0
}

.pf-c-dropdown .pf-c-menu.pf-m-align-left,.pf-c-dropdown__menu.pf-m-align-left {
    right: auto
}

@media (min-width: 576px) {
    .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,.pf-c-dropdown__menu.pf-m-align-right-on-sm {
        right:0
    }

    .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,.pf-c-dropdown__menu.pf-m-align-left-on-sm {
        right: auto
    }
}

@media (min-width: 768px) {
    .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,.pf-c-dropdown__menu.pf-m-align-right-on-md {
        right:0
    }

    .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,.pf-c-dropdown__menu.pf-m-align-left-on-md {
        right: auto
    }
}

@media (min-width: 992px) {
    .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,.pf-c-dropdown__menu.pf-m-align-right-on-lg {
        right:0
    }

    .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,.pf-c-dropdown__menu.pf-m-align-left-on-lg {
        right: auto
    }
}

@media (min-width: 1200px) {
    .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,.pf-c-dropdown__menu.pf-m-align-right-on-xl {
        right:0
    }

    .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,.pf-c-dropdown__menu.pf-m-align-left-on-xl {
        right: auto
    }
}

@media (min-width: 1450px) {
    .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,.pf-c-dropdown__menu.pf-m-align-right-on-2xl {
        right:0
    }

    .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,.pf-c-dropdown__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);
    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);
    transform: translateY(var(--pf-c-dropdown--m-top--c-menu--TranslateY))
}

.pf-c-dropdown__menu-item {
    display: block;
    width: 100%;
    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);
    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);
    color: var(--pf-c-dropdown__menu-item--Color);
    text-align: left;
    white-space: nowrap;
    background-color: var(--pf-c-dropdown__menu-item--BackgroundColor);
    border: none
}

.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 {
    display: flex;
    align-items: center
}

.pf-c-dropdown__menu-item.pf-m-icon.pf-m-description {
    flex-direction: column;
    align-items: start
}

.pf-c-dropdown__menu-item.pf-m-icon .pf-c-dropdown__menu-item-main {
    display: flex;
    align-items: center
}

.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 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--pf-c-dropdown__menu-item-icon--Width);
    height: var(--pf-c-dropdown__menu-item-icon--Height);
    margin-right: var(--pf-c-dropdown__menu-item-icon--MarginRight)
}

.pf-c-dropdown__menu-item-icon>* {
    max-width: 100%;
    max-height: 100%
}

.pf-c-dropdown__menu-item-description {
    font-size: var(--pf-c-dropdown__menu-item-description--FontSize);
    color: var(--pf-c-dropdown__menu-item-description--Color)
}

.pf-c-dropdown__group+.pf-c-dropdown__group {
    padding-top: var(--pf-c-dropdown__group--group--PaddingTop)
}

.pf-c-dropdown__group-title {
    padding-top: var(--pf-c-dropdown__group-title--PaddingTop);
    padding-right: var(--pf-c-dropdown__group-title--PaddingRight);
    padding-bottom: var(--pf-c-dropdown__group-title--PaddingBottom);
    padding-left: var(--pf-c-dropdown__group-title--PaddingLeft);
    font-size: var(--pf-c-dropdown__group-title--FontSize);
    font-weight: var(--pf-c-dropdown__group-title--FontWeight);
    color: var(--pf-c-dropdown__group-title--Color)
}

:where(.pf-theme-dark) .pf-c-dropdown {
    --pf-c-dropdown__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-dropdown__toggle--before--BorderTopColor: transparent;
    --pf-c-dropdown__toggle--before--BorderRightColor: transparent;
    --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--400);
    --pf-c-dropdown__toggle--before--BorderLeftColor: transparent;
    --pf-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
    --pf-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
    --pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-dropdown__menu--Top: 100%;
    --pf-c-dropdown--m-top__menu--TranslateY: -100%;
    --pf-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400)
}

:where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled,:where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain):disabled {
    color: var(--pf-global--palette--black-100)
}

:where(.pf-theme-dark) .pf-c-dropdown__toggle.pf-m-plain {
    background: transparent
}

.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);
    display: flex;
    align-items: center;
    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 {
    margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
    font-size: var(--pf-c-empty-state__icon--FontSize);
    color: var(--pf-c-empty-state__icon--Color)
}

.pf-c-empty-state__body {
    margin-top: var(--pf-c-empty-state__body--MarginTop);
    color: var(--pf-c-empty-state__body--Color)
}

.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 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: var(--pf-c-empty-state__secondary--MarginTop);
    margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom)
}

.pf-c-empty-state__secondary>* {
    margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
    margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
    margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft)
}

.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--MarginTop: 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--MinWidth: 1em;
    --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__content--MaxWidth: auto;
    --pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
    --pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
    --pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
    --pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
    --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
    --pf-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-c-expandable-section__toggle-text--MarginLeft) + var(--pf-c-expandable-section__toggle-icon--MinWidth));
    --pf-c-expandable-section--m-truncate__content--LineClamp: 3;
    --pf-c-expandable-section--m-truncate__toggle--MarginTop: var(--pf-global--spacer--xs)
}

.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--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor)
}

.pf-c-expandable-section.pf-m-detached,.pf-c-expandable-section.pf-m-truncate {
    --pf-c-expandable-section__content--MarginTop: 0
}

.pf-c-expandable-section.pf-m-limit-width {
    --pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth)
}

.pf-c-expandable-section.pf-m-display-lg {
    --pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
    --pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
    --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
    --pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
    --pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
    --pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
    --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
    --pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
    position: relative;
    box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow)
}

.pf-c-expandable-section.pf-m-display-lg:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--pf-c-expandable-section--m-display-lg--after--Width);
    content: "";
    background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor)
}

.pf-c-expandable-section.pf-m-indented {
    --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-indented__content--PaddingLeft)
}

.pf-c-expandable-section.pf-m-truncate {
    --pf-c-expandable-section__toggle--MarginTop: var(--pf-c-expandable-section--m-truncate__toggle--MarginTop);
    --pf-c-expandable-section__toggle--PaddingTop: 0;
    --pf-c-expandable-section__toggle--PaddingRight: 0;
    --pf-c-expandable-section__toggle--PaddingBottom: 0;
    --pf-c-expandable-section__toggle-text--MarginLeft: 0
}

.pf-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-c-expandable-section__content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--pf-c-expandable-section--m-truncate__content--LineClamp);
    overflow: hidden
}

.pf-c-expandable-section.pf-m-detached {
    --pf-c-expandable-section--m-truncate__toggle--MarginTop: 0
}

.pf-c-expandable-section__toggle {
    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);
    margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
    color: var(--pf-c-expandable-section__toggle--Color);
    border: none
}

.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 {
    min-width: var(--pf-c-expandable-section__toggle-icon--MinWidth);
    color: var(--pf-c-expandable-section__toggle-icon--Color);
    transition: var(--pf-c-expandable-section__toggle-icon--Transition);
    transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate))
}

.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 {
    max-width: var(--pf-c-expandable-section__content--MaxWidth);
    padding-right: var(--pf-c-expandable-section__content--PaddingRight);
    padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
    padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
    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);
    position: relative;
    display: flex;
    flex-direction: column
}

.pf-c-file-upload.pf-m-drag-hover:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--pf-c-file-upload--m-drag-hover--before--ZIndex);
    content: "";
    border: var(--pf-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-c-file-upload--m-drag-hover--before--BorderColor)
}

.pf-c-file-upload.pf-m-drag-hover:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: var(--pf-c-file-upload--m-drag-hover--after--BackgroundColor);
    opacity: var(--pf-c-file-upload--m-drag-hover--after--Opacity)
}

.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 {
    position: absolute;
    top: 0;
    right: var(--pf-c-file-upload--m-loading__file-details--before--Left);
    bottom: var(--pf-c-file-upload--m-loading__file-details--before--Left);
    left: var(--pf-c-file-upload--m-loading__file-details--before--Left);
    content: "";
    background-color: var(--pf-c-file-upload--m-loading__file-details--before--BackgroundColor)
}

.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 {
    position: relative;
    display: flex
}

.pf-c-file-upload__file-details .pf-c-form-control {
    flex: 1 1 auto;
    min-height: var(--pf-c-file-upload__file-details__c-form-control--MinHeight);
    border-top: 0
}

.pf-c-file-upload__file-details-spinner {
    position: absolute;
    top: 50%;
    left: 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: 55rem;
    --pf-c-form--m-horizontal__group-label--md--PaddingTop: calc(var(--pf-global--FontSize--md)*var(--pf-global--LineHeight--md)/2 + var(--pf-global--BorderWidth--sm)*2/2 - var(--pf-global--FontSize--md)/2 + var(--pf-global--FontSize--md) - var(--pf-global--FontSize--sm)*var(--pf-global--LineHeight--sm)/2 + var(--pf-global--FontSize--sm)/2 - var(--pf-global--FontSize--sm) + var(--pf-global--BorderWidth--sm));
    --pf-c-form__group-label--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop: 0;
    --pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(var(--pf-global--FontSize--sm)*var(--pf-global--LineHeight--sm)/2 - var(--pf-global--FontSize--sm)/2 + var(--pf-global--FontSize--sm) - var(--pf-global--FontSize--md)*var(--pf-global--LineHeight--sm)/2 + var(--pf-global--FontSize--md)/2 - var(--pf-global--FontSize--md));
    --pf-c-form__label--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-form__label--LineHeight: var(--pf-global--LineHeight--sm);
    --pf-c-form__label--m-disabled--Color: var(--pf-global--disabled-color--100);
    --pf-c-form__label--hover--Cursor: pointer;
    --pf-c-form__label--m-disabled--hover--Cursor: not-allowed;
    --pf-c-form__label-text--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-form__label-required--MarginLeft: var(--pf-global--spacer--xs);
    --pf-c-form__label-required--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-form__label-required--Color: var(--pf-global--danger-color--100);
    --pf-c-form__group-label-help--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-form__group-label-help--PaddingRight: var(--pf-global--spacer--xs);
    --pf-c-form__group-label-help--PaddingBottom: var(--pf-global--spacer--xs);
    --pf-c-form__group-label-help--PaddingLeft: var(--pf-global--spacer--xs);
    --pf-c-form__group-label-help--MarginTop: calc(var(--pf-c-form__group-label-help--PaddingTop)*-1);
    --pf-c-form__group-label-help--MarginRight: calc(var(--pf-c-form__group-label-help--PaddingRight)*-1);
    --pf-c-form__group-label-help--MarginBottom: calc(var(--pf-c-form__group-label-help--PaddingBottom)*-1);
    --pf-c-form__group-label-help--MarginLeft: calc(var(--pf-c-form__group-label-help--PaddingLeft)*-1 + var(--pf-global--spacer--xs));
    --pf-c-form__group-label-help--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-form__group-label-help--TranslateY: 0.125rem;
    --pf-c-form__group-label-help--Color: var(--pf-global--Color--200);
    --pf-c-form__group-label-help--hover--Color: var(--pf-global--Color--100);
    --pf-c-form__group-label-help--focus--Color: var(--pf-global--Color--100);
    --pf-c-form__group-label-info--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-form__group-label-info--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-form__group-control--m-inline--child--MarginRight: var(--pf-global--spacer--lg);
    --pf-c-form__group-control__helper-text--MarginBottom: var(--pf-global--spacer--xs);
    --pf-c-grid__group-control--m-stack--Gap: var(--pf-global--spacer--sm);
    --pf-c-grid__group-control--m-stack__helper-text--MarginTop: calc(var(--pf-c-grid__group-control--m-stack--Gap)*-1 + var(--pf-c-form__helper-text--MarginTop--base));
    --pf-c-form__actions--child--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-form__actions--child--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-form__actions--child--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-form__actions--child--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-form__actions--MarginTop: calc(var(--pf-c-form__actions--child--MarginTop)*-1);
    --pf-c-form__actions--MarginRight: calc(var(--pf-c-form__actions--child--MarginRight)*-1);
    --pf-c-form__actions--MarginBottom: calc(var(--pf-c-form__actions--child--MarginBottom)*-1);
    --pf-c-form__actions--MarginLeft: calc(var(--pf-c-form__actions--child--MarginLeft)*-1);
    --pf-c-form__helper-text--MarginTop--base: var(--pf-global--spacer--xs);
    --pf-c-form__helper-text--MarginTop: var(--pf-c-form__helper-text--MarginTop--base);
    --pf-c-form__helper-text--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-form__helper-text--Color: var(--pf-global--Color--100);
    --pf-c-form__helper-text-icon--FontSize: var(--pf-global--FontSize--md);
    --pf-c-form__helper-text-icon--MarginRight: var(--pf-global--spacer--xs);
    --pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--200);
    --pf-c-form__helper-text--m-warning--Color: var(--pf-global--warning-color--200);
    --pf-c-form__helper-text--m-error--Color: var(--pf-global--danger-color--100);
    --pf-c-form__section--MarginTop: var(--pf-global--spacer--xl);
    --pf-c-form__section--Gap: var(--pf-global--gutter--md);
    --pf-c-form__section-title--FontSize: var(--pf-global--FontSize--lg);
    --pf-c-form__section-title--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-form__section-title--MarginBottom: calc(var(--pf-global--spacer--sm)*-1);
    --pf-c-form__field-group--border-width-base: var(--pf-global--BorderWidth--sm);
    --pf-c-form__field-group--BorderTopWidth: var(--pf-c-form__field-group--border-width-base);
    --pf-c-form__field-group--BorderTopColor: var(--pf-global--BorderColor--100);
    --pf-c-form__field-group--BorderBottomWidth: var(--pf-c-form__field-group--border-width-base);
    --pf-c-form__field-group--BorderBottomColor: var(--pf-global--BorderColor--100);
    --pf-c-form__field-group--field-group--MarginTop: calc(var(--pf-c-form--GridGap)*-1);
    --pf-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-global--spacer--md)*2 + var(--pf-c-form__field-group-toggle-icon--MinWidth) + var(--pf-global--spacer--xs));
    --pf-c-form__field-group-toggle--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-form__field-group-toggle--PaddingRight: var(--pf-global--spacer--xs);
    --pf-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-global--BorderWidth--sm);
    --pf-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderTopWidth: var(--pf-c-form__field-group-header-toggle--BorderWidth--base);
    --pf-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-form__field-group-toggle-icon--Transition: var(--pf-global--Transition);
    --pf-c-form__field-group-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
    --pf-c-form__field-group-toggle-icon--Rotate: 0;
    --pf-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
    --pf-c-form__field-group-header--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-form__field-group-header--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-form__field-group-header--GridColumn: 1/3;
    --pf-c-form__field-group__field-group__field-group-header--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-form__field-group__field-group__field-group-header--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-form__field-group-toggle--field-group-header--GridColumn: 2/3;
    --pf-c-form__field-group__field-group--field-group__field-group-header--after--BorderTopWidth: var(--pf-c-form__field-group-header-toggle--BorderWidth--base);
    --pf-c-form__field-group-header-description--MarginTop: var(--pf-global--spacer--xs);
    --pf-c-form__field-group-header-description--Color: var(--pf-global--Color--200);
    --pf-c-form__field-group-header-actions--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-form__field-group-header-actions--MarginBottom: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-form__field-group-header-actions--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-form__field-group-body--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-form__field-group-body--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-form__field-group-body--Gap: var(--pf-c-form--GridGap);
    --pf-c-form__field-group-body--GridColumn: 2/3;
    --pf-c-form__field-group__field-group__field-group-body--GridColumn: 1/3;
    --pf-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2/3;
    --pf-c-form__field-group-body__field-group--last-child--MarginBottom: calc(var(--pf-c-form__field-group-body--PaddingBottom)*-1);
    display: grid;
    gap: var(--pf-c-form--GridGap)
}

.pf-c-form.pf-m-horizontal.pf-m-align-right .pf-c-form__label {
    text-align: right
}

@media screen and (min-width: 768px) {
    .pf-c-form.pf-m-horizontal {
        --pf-c-form__group-label--PaddingBottom:0
    }

    .pf-c-form.pf-m-horizontal .pf-c-form__group {
        display: grid;
        grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
        grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth)
    }

    .pf-c-form.pf-m-horizontal .pf-c-form__group-label {
        padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop)
    }

    .pf-c-form.pf-m-horizontal .pf-c-form__group-label.pf-m-no-padding-top {
        --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
        transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY))
    }

    .pf-c-form.pf-m-horizontal .pf-c-form__group-control {
        grid-column: 2
    }
}

@media screen and (min-width: 0) {
    .pf-c-form.pf-m-horizontal-on-xs {
        --pf-c-form__group-label--PaddingBottom:0
    }

    .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group {
        display: grid;
        grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
        grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth)
    }

    .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label {
        padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop)
    }

    .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-label.pf-m-no-padding-top {
        --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
        transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY))
    }

    .pf-c-form.pf-m-horizontal-on-xs .pf-c-form__group-control {
        grid-column: 2
    }
}

@media (min-width: 576px) {
    .pf-c-form.pf-m-horizontal-on-sm {
        --pf-c-form__group-label--PaddingBottom:0
    }

    .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group {
        display: grid;
        grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
        grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth)
    }

    .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label {
        padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop)
    }

    .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-label.pf-m-no-padding-top {
        --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
        transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY))
    }

    .pf-c-form.pf-m-horizontal-on-sm .pf-c-form__group-control {
        grid-column: 2
    }
}

@media (min-width: 768px) {
    .pf-c-form.pf-m-horizontal-on-md {
        --pf-c-form__group-label--PaddingBottom:0
    }

    .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group {
        display: grid;
        grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
        grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth)
    }

    .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label {
        padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop)
    }

    .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-label.pf-m-no-padding-top {
        --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
        transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY))
    }

    .pf-c-form.pf-m-horizontal-on-md .pf-c-form__group-control {
        grid-column: 2
    }
}

@media (min-width: 992px) {
    .pf-c-form.pf-m-horizontal-on-lg {
        --pf-c-form__group-label--PaddingBottom:0
    }

    .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group {
        display: grid;
        grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
        grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth)
    }

    .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label {
        padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop)
    }

    .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-label.pf-m-no-padding-top {
        --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
        transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY))
    }

    .pf-c-form.pf-m-horizontal-on-lg .pf-c-form__group-control {
        grid-column: 2
    }
}

@media (min-width: 1200px) {
    .pf-c-form.pf-m-horizontal-on-xl {
        --pf-c-form__group-label--PaddingBottom:0
    }

    .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group {
        display: grid;
        grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
        grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth)
    }

    .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label {
        padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop)
    }

    .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-label.pf-m-no-padding-top {
        --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
        transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY))
    }

    .pf-c-form.pf-m-horizontal-on-xl .pf-c-form__group-control {
        grid-column: 2
    }
}

@media (min-width: 1450px) {
    .pf-c-form.pf-m-horizontal-on-2xl {
        --pf-c-form__group-label--PaddingBottom:0
    }

    .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group {
        display: grid;
        grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap);
        grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth)
    }

    .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label {
        padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop)
    }

    .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-label.pf-m-no-padding-top {
        --pf-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
        transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY))
    }

    .pf-c-form.pf-m-horizontal-on-2xl .pf-c-form__group-control {
        grid-column: 2
    }
}

.pf-c-form.pf-m-limit-width {
    max-width: var(--pf-c-form--m-limit-width--MaxWidth)
}

.pf-c-form__group.pf-m-action {
    margin-top: var(--pf-c-form__group--m-action--MarginTop);
    overflow: hidden
}

.pf-c-form__section {
    display: grid;
    gap: var(--pf-c-form__section--Gap)
}

.pf-c-form__section+.pf-c-form__group:not(.pf-m-action),.pf-c-form__section:not(:first-child) {
    margin-top: var(--pf-c-form__section--MarginTop)
}

.pf-c-form__section-title {
    margin-bottom: var(--pf-c-form__section-title--MarginBottom);
    font-size: var(--pf-c-form__section-title--FontSize);
    font-weight: var(--pf-c-form__section-title--FontWeight)
}

.pf-c-form__group-label {
    --pf-c-form__helper-text--MarginTop: 0;
    padding-bottom: var(--pf-c-form__group-label--PaddingBottom)
}

.pf-c-form__group-label.pf-m-info {
    display: flex;
    align-items: flex-end
}

.pf-c-form__group-label-main {
    flex-grow: 1
}

.pf-c-form__group-label-info {
    margin-left: var(--pf-c-form__group-label-info--MarginLeft);
    font-size: var(--pf-c-form__group-label-info--FontSize)
}

.pf-c-form__label {
    font-size: var(--pf-c-form__label--FontSize);
    line-height: var(--pf-c-form__label--LineHeight)
}

.pf-c-form__label::selection {
    background-color: none
}

.pf-c-form__label:not(.pf-m-disabled):hover {
    cursor: var(--pf-c-form__label--hover--Cursor)
}

.pf-c-form__label.pf-m-disabled {
    color: var(--pf-c-form__label--m-disabled--Color)
}

.pf-c-form__label.pf-m-disabled:hover {
    cursor: var(--pf-c-form__label--m-disabled--hover--Cursor)
}

.pf-c-form__label-text {
    font-weight: var(--pf-c-form__label-text--FontWeight)
}

.pf-c-form__label-required {
    margin-left: var(--pf-c-form__label-required--MarginLeft);
    font-size: var(--pf-c-form__label-required--FontSize);
    color: var(--pf-c-form__label-required--Color)
}

.pf-c-form__group-label-help {
    padding-top: var(--pf-c-form__group-label-help--PaddingTop);
    padding-right: var(--pf-c-form__group-label-help--PaddingRight);
    padding-bottom: var(--pf-c-form__group-label-help--PaddingBottom);
    padding-left: var(--pf-c-form__group-label-help--PaddingLeft);
    margin-top: var(--pf-c-form__group-label-help--MarginTop);
    margin-right: var(--pf-c-form__group-label-help--MarginRight);
    margin-bottom: var(--pf-c-form__group-label-help--MarginBottom);
    margin-left: var(--pf-c-form__group-label-help--MarginLeft);
    font-size: var(--pf-c-form__group-label-help--FontSize);
    line-height: 1;
    color: var(--pf-c-form__group-label-help--Color);
    cursor: pointer;
    border: 0;
    transform: translateY(var(--pf-c-form__group-label-help--TranslateY))
}

.pf-c-form__group-label-help:hover {
    --pf-c-form__group-label-help--Color: var(--pf-c-form__group-label-help--hover--Color)
}

.pf-c-form__group-label-help:focus-within {
    --pf-c-form__group-label-help--Color: var(--pf-c-form__group-label-help--focus--Color)
}

.pf-c-form__group-control.pf-m-inline {
    display: flex;
    flex-flow: row wrap
}

.pf-c-form__group-control.pf-m-inline>* {
    margin-right: var(--pf-c-form__group-control--m-inline--child--MarginRight)
}

.pf-c-form__group-control.pf-m-inline>:last-child {
    --pf-c-form__group-control--m-inline--child--MarginRight: 0
}

.pf-c-form__group-control.pf-m-stack {
    display: grid;
    gap: var(--pf-c-grid__group-control--m-stack--Gap);
    --pf-c-form__helper-text--MarginTop: var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop)
}

.pf-c-form__group-control .pf-c-form__helper-text:first-child {
    --pf-c-form__helper-text--MarginTop: 0;
    margin-bottom: var(--pf-c-form__group-control__helper-text--MarginBottom)
}

.pf-c-form__helper-text {
    margin-top: var(--pf-c-form__helper-text--MarginTop);
    font-size: var(--pf-c-form__helper-text--FontSize);
    color: var(--pf-c-form__helper-text--Color)
}

.pf-c-form__helper-text.pf-m-error {
    --pf-c-form__helper-text--Color: var(--pf-c-form__helper-text--m-error--Color)
}

.pf-c-form__helper-text.pf-m-success {
    --pf-c-form__helper-text--Color: var(--pf-c-form__helper-text--m-success--Color)
}

.pf-c-form__helper-text.pf-m-warning {
    --pf-c-form__helper-text--Color: var(--pf-c-form__helper-text--m-warning--Color)
}

.pf-c-form__helper-text.pf-m-inactive {
    display: none;
    visibility: hidden
}

.pf-c-form__helper-text.pf-m-hidden {
    visibility: hidden;
    opacity: 0
}

.pf-c-form__helper-text-icon {
    margin-right: var(--pf-c-form__helper-text-icon--MarginRight);
    font-size: var(--pf-c-form__helper-text-icon--FontSize)
}

.pf-c-form__fieldset {
    border: 0
}

.pf-c-form__actions {
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--pf-c-form__actions--MarginTop);
    margin-right: var(--pf-c-form__actions--MarginRight);
    margin-bottom: var(--pf-c-form__actions--MarginBottom);
    margin-left: var(--pf-c-form__actions--MarginLeft)
}

.pf-c-form__actions>* {
    margin-top: var(--pf-c-form__actions--child--MarginTop);
    margin-right: var(--pf-c-form__actions--child--MarginRight);
    margin-bottom: var(--pf-c-form__actions--child--MarginBottom);
    margin-left: var(--pf-c-form__actions--child--MarginLeft)
}

.pf-c-form__field-group {
    --pf-c-form__field-group--BorderTopWidth: var(--pf-c-form__field-group--border-width-base);
    display: grid;
    grid-template-columns: minmax(var(--pf-c-form__field-group--GridTemplateColumns--toggle),max-content) 1fr;
    border-top: var(--pf-c-form__field-group--BorderTopWidth) solid var(--pf-c-form__field-group--BorderTopColor);
    border-bottom: var(--pf-c-form__field-group--BorderBottomWidth) solid var(--pf-c-form__field-group--BorderBottomColor)
}

.pf-c-form__field-group:last-child {
    --pf-c-form__field-group--BorderBottomWidth: 0
}

.pf-c-form__field-group+.pf-c-form__field-group,.pf-c-form__field-group:first-child {
    --pf-c-form__field-group--BorderTopWidth: 0
}

.pf-c-form__field-group+.pf-c-form__field-group {
    margin-top: var(--pf-c-form__field-group--field-group--MarginTop)
}

.pf-c-form__field-group .pf-c-form__field-group {
    --pf-c-form__field-group-body--GridColumn: var(--pf-c-form__field-group__field-group__field-group-body--GridColumn);
    --pf-c-form__field-group-toggle--PaddingTop: var(--pf-c-form__field-group__field-group__field-group-toggle--PaddingTop);
    --pf-c-form__field-group-header--PaddingTop: var(--pf-c-form__field-group__field-group__field-group-header--PaddingTop);
    --pf-c-form__field-group-header--PaddingBottom: var(--pf-c-form__field-group__field-group__field-group-header--PaddingBottom);
    --pf-c-form__field-group-body--PaddingTop: 0
}

.pf-c-form__field-group .pf-c-form__field-group .pf-c-form__field-group-toggle~.pf-c-form__field-group-body {
    --pf-c-form__field-group-body--GridColumn: var(--pf-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn)
}

.pf-c-form__field-group.pf-m-expanded>.pf-c-form__field-group-toggle {
    --pf-c-form__field-group-toggle-icon--Rotate: var(--pf-c-form__field-group--m-expanded__toggle-icon--Rotate)
}

.pf-c-form__field-group-toggle {
    grid-column: 1/2;
    grid-row: 1/2;
    padding-top: var(--pf-c-form__field-group-toggle--PaddingTop);
    padding-right: var(--pf-c-form__field-group-toggle--PaddingRight)
}

.pf-c-form__field-group-toggle+.pf-c-form__field-group-header {
    --pf-c-form__field-group-header--GridColumn: var(--pf-c-form__field-group-toggle--field-group-header--GridColumn)
}

.pf-c-form__field-group-toggle-button {
    margin-top: var(--pf-c-form__field-group-toggle-button--MarginTop);
    margin-bottom: var(--pf-c-form__field-group-toggle-button--MarginBottom)
}

.pf-c-form__field-group-toggle-icon {
    display: inline-block;
    min-width: var(--pf-c-form__field-group-toggle-icon--MinWidth);
    text-align: center;
    transition: var(--pf-c-form__field-group-toggle-icon--Transition);
    transform: rotate(var(--pf-c-form__field-group-toggle-icon--Rotate))
}

.pf-c-form__field-group-header {
    grid-column: var(--pf-c-form__field-group-header--GridColumn);
    grid-row: 1/2;
    display: flex;
    align-items: flex-start;
    padding-top: var(--pf-c-form__field-group-header--PaddingTop);
    padding-bottom: var(--pf-c-form__field-group-header--PaddingBottom)
}

.pf-c-form__field-group-header-main {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.pf-c-form__field-group-header-title {
    display: flex
}

.pf-c-form__field-group-header-title-text {
    flex-grow: 1
}

.pf-c-form__field-group-header-description {
    margin-top: var(--pf-c-form__field-group-header-description--MarginTop);
    color: var(--pf-c-form__field-group-header-description--Color)
}

.pf-c-form__field-group-header-actions {
    margin-top: var(--pf-c-form__field-group-header-actions--MarginTop);
    margin-bottom: var(--pf-c-form__field-group-header-actions--MarginBottom);
    margin-left: var(--pf-c-form__field-group-header-actions--MarginLeft);
    white-space: nowrap
}

.pf-c-form__field-group-body {
    grid-column: var(--pf-c-form__field-group-body--GridColumn);
    display: grid;
    gap: var(--pf-c-form__field-group-body--Gap);
    padding-top: var(--pf-c-form__field-group-body--PaddingTop);
    padding-bottom: var(--pf-c-form__field-group-body--PaddingBottom)
}

.pf-c-form__field-group-body>.pf-c-form__field-group:first-child {
    --pf-c-form__field-group-toggle--PaddingTop: 0;
    --pf-c-form__field-group-header--PaddingTop: 0
}

.pf-c-form__field-group-body>.pf-c-form__field-group:last-child {
    margin-bottom: var(--pf-c-form__field-group-body__field-group--last-child--MarginBottom)
}

:where(.pf-theme-dark) .pf-c-form {
    --pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--100)
}

.pf-c-form-control {
    --pf-c-form-control--Color: var(--pf-global--Color--100);
    --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--placeholder--child--Color: var(--pf-global--Color--100);
    --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--readonly--m-plain--BackgroundColor: transparent;
    --pf-c-form-control--readonly--m-plain--inset--base: 0;
    --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='%235ba352' 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='%23fe5142' 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='%23aaabac' 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='%23aaabac' 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='%23aaabac' 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: calc(var(--pf-global--spacer--lg) + var(--pf-c-form-control--BorderWidth) + var(--pf-c-form-control--BorderWidth));
    --pf-c-form-control__select--PaddingLeft: calc(var(--pf-global--spacer--sm) - var(--pf-c-form-control--BorderWidth));
    --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);
    --pf-c-form-control--m-icon-sprite--success--BackgroundUrl: url(assets/images/status-icon-sprite.svg#success);
    --pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url(assets/images/status-icon-sprite.svg#warning);
    --pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl: url(assets/images/status-icon-sprite.svg#invalid);
    --pf-c-form-control--m-icon-sprite__select--BackgroundUrl: url(assets/images/status-icon-sprite.svg#select);
    --pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url(assets/images/status-icon-sprite.svg#search);
    --pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url(assets/images/status-icon-sprite.svg#calendar);
    --pf-c-form-control--m-icon-sprite--m-clock--BackgroundUrl: url(assets/images/status-icon-sprite.svg#clock);
    --pf-c-form-control--m-icon-sprite__select--BackgroundSize: var(--pf-c-form-control--FontSize);
    --pf-c-form-control--m-icon-sprite__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md) + 7px);
    --pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) + 1px - var(--pf-global--spacer--lg));
    --pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg) + 0.0625rem);
    --pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg));
    color: var(--pf-c-form-control--Color);
    width: var(--pf-c-form-control--Width);
    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);
    font-size: var(--pf-c-form-control--FontSize);
    line-height: var(--pf-c-form-control--LineHeight);
    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);
    -moz-appearance: none;
    -webkit-appearance: none
}

.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[readonly].pf-m-plain {
    --pf-c-form-control--readonly--BackgroundColor: var(--pf-c-form-control--readonly--m-plain--BackgroundColor);
    --pf-c-form-control--inset--base: var(--pf-c-form-control--readonly--m-plain--inset--base);
    border-color: transparent
}

.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);
    padding-bottom: var(--pf-c-form-control--focus--PaddingBottom);
    border-bottom-width: var(--pf-c-form-control--focus--BorderBottomWidth)
}

.pf-c-form-control.pf-m-expanded {
    --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--m-expanded--BorderBottomColor);
    padding-bottom: var(--pf-c-form-control--m-expanded--PaddingBottom);
    border-bottom-width: var(--pf-c-form-control--m-expanded--BorderBottomWidth)
}

.pf-c-form-control:disabled {
    --pf-c-form-control--BackgroundColor: var(--pf-c-form-control--disabled--BackgroundColor);
    color: var(--pf-c-form-control--disabled--Color);
    cursor: not-allowed;
    border-color: var(--pf-c-form-control--disabled--BorderColor)
}

.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);
    padding-bottom: var(--pf-c-form-control--invalid--PaddingBottom);
    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)
}

.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);
    padding-bottom: var(--pf-c-form-control--success--PaddingBottom);
    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)
}

.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);
    padding-bottom: var(--pf-c-form-control--m-warning--PaddingBottom);
    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)
}

.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)
}

.pf-c-form-control.pf-m-icon-sprite {
    --pf-c-form-control--success--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--success--BackgroundUrl);
    --pf-c-form-control--m-warning--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl);
    --pf-c-form-control--invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl);
    --pf-c-form-control__select--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite__select--BackgroundUrl);
    --pf-c-form-control--m-search--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl);
    --pf-c-form-control--m-calendar--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl);
    --pf-c-form-control--m-clock--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-clock--BackgroundUrl);
    --pf-c-form-control__select--BackgroundSize: var(--pf-c-form-control--m-icon-sprite__select--BackgroundSize);
    --pf-c-form-control__select--BackgroundPositionX: var(--pf-c-form-control--m-icon-sprite__select--BackgroundPositionX);
    --pf-c-form-control__select--success--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition);
    --pf-c-form-control__select--m-warning--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition);
    --pf-c-form-control__select--invalid--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition)
}

select.pf-c-form-control {
    --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--PaddingRight);
    --pf-c-form-control--PaddingLeft: var(--pf-c-form-control__select--PaddingLeft);
    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)
}

@-moz-document url-prefix() {
    select.pf-c-form-control {
        --pf-c-form-control--PaddingRight: calc(var(--pf-c-form-control__select--PaddingRight) - 1px);
        --pf-c-form-control--PaddingLeft: calc(var(--pf-c-form-control__select--PaddingLeft) - 4px)
    }
}

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)
}

select.pf-c-form-control.pf-m-placeholder * {
    color: var(--pf-c-form-control--placeholder--child--Color)
}

select.pf-c-form-control.pf-m-placeholder :disabled {
    color: revert
}

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);
    width: var(--pf-c-form-control--textarea--Width);
    height: var(--pf-c-form-control--textarea--Height);
    vertical-align: bottom
}

.pf-c-form-control.pf-m-resize-vertical {
    resize: vertical
}

.pf-c-form-control.pf-m-resize-horizontal {
    resize: horizontal
}

:where(.pf-theme-dark) .pf-c-form-control {
    --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23e0e0e0' 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--BorderTopColor: transparent;
    --pf-c-form-control--BorderRightColor: transparent;
    --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
    --pf-c-form-control--BorderLeftColor: transparent;
    --pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-form-control--disabled--Color: var(--pf-global--disabled-color--300);
    --pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
    --pf-c-form-control--readonly--BackgroundColor: var(--pf-global--BackgroundColor--400);
    color: var(--pf-global--Color--100)
}

:where(.pf-theme-dark) .pf-c-form-control::-webkit-calendar-picker-indicator {
    filter: invert(1)
}

:where(.pf-theme-dark) .pf-c-form-control[readonly] {
    border-bottom-color: var(--pf-global--palette--black-700)
}

:where(.pf-theme-dark) .pf-c-form-control:disabled {
    color: var(--pf-global--palette--black-100)
}

.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);
    display: grid;
    grid-template-columns: 1fr auto;
    grid-row-gap: var(--pf-c-hint--GridRowGap);
    padding: var(--pf-c-hint--PaddingTop) var(--pf-c-hint--PaddingRight) var(--pf-c-hint--PaddingBottom) var(--pf-c-hint--PaddingLeft);
    color: var(--pf-c-hint--Color);
    background-color: var(--pf-c-hint--BackgroundColor);
    border: var(--pf-c-hint--BorderWidth) solid var(--pf-c-hint--BorderColor);
    box-shadow: var(--pf-c-hint--BoxShadow)
}

.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;
    margin-left: var(--pf-c-hint__actions--MarginLeft);
    text-align: right;
    grid-column: 2;
    grid-row: 1
}

.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 {
    grid-column: 1/-1;
    font-size: var(--pf-c-hint__body--FontSize)
}

.pf-c-hint__footer {
    grid-column: 1/-1
}

.pf-c-hint__footer>:not(:last-child) {
    margin-right: var(--pf-c-hint__footer--child--MarginRight)
}

:where(.pf-theme-dark) .pf-c-hint {
    --pf-c-hint--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-hint--BorderColor: var(--pf-global--BorderColor--300)
}

.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-error--Color: var(--pf-global--danger-color--100);
    --pf-c-helper-text__item-text--m-error--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-error__item-icon--Color: var(--pf-global--danger-color--100);
    --pf-c-helper-text--m-dynamic--m-error__item-text--Color: var(--pf-global--Color--100);
    --pf-c-helper-text__item-icon--MarginRight: var(--pf-global--spacer--xs);
    display: grid;
    gap: var(--pf-c-helper-text--Gap);
    font-size: var(--pf-c-helper-text--FontSize)
}

.pf-c-helper-text__item {
    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-error {
    --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-error--Color);
    --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-error--Color);
    --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-error__item-icon--Color);
    --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-error__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 {
    margin-right: var(--pf-c-helper-text__item-icon--MarginRight);
    color: var(--pf-c-helper-text__item-icon--Color)
}

.pf-c-helper-text__item-text {
    color: var(--pf-c-helper-text__item-text--Color)
}

:where(.pf-theme-dark) .pf-c-helper-text {
    --pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--100)
}

.pf-c-icon {
    --pf-c-icon--Width: var(--pf-global--icon--FontSize--md);
    --pf-c-icon--Height: var(--pf-global--icon--FontSize--md);
    --pf-c-icon--m-inline--Width: 1em;
    --pf-c-icon--m-inline--Height: 1em;
    --pf-c-icon--m-sm--Width: var(--pf-global--icon--FontSize--sm);
    --pf-c-icon--m-md--Width: var(--pf-global--icon--FontSize--md);
    --pf-c-icon--m-lg--Width: var(--pf-global--icon--FontSize--lg);
    --pf-c-icon--m-xl--Width: var(--pf-global--icon--FontSize--xl);
    --pf-c-icon--m-sm--Height: var(--pf-global--icon--FontSize--sm);
    --pf-c-icon--m-md--Height: var(--pf-global--icon--FontSize--md);
    --pf-c-icon--m-lg--Height: var(--pf-global--icon--FontSize--lg);
    --pf-c-icon--m-xl--Height: var(--pf-global--icon--FontSize--xl);
    --pf-c-icon__content--Color: var(--pf-global--icon--Color--dark);
    --pf-c-icon__content--m-danger--Color: var(--pf-global--danger-color--100);
    --pf-c-icon__content--m-warning--Color: var(--pf-global--warning-color--100);
    --pf-c-icon__content--m-success--Color: var(--pf-global--success-color--100);
    --pf-c-icon__content--m-info--Color: var(--pf-global--info-color--100);
    --pf-c-icon__content--m-default--Color: var(--pf-global--default-color--100);
    --pf-c-icon__content--FontSize: var(--pf-global--icon--FontSize--md);
    --pf-c-icon--m-inline__content--FontSize: 1em;
    --pf-c-icon__content--svg--VerticalAlign: -.125em;
    --pf-c-icon--m-sm--content--FontSize: var(--pf-global--icon--FontSize--sm);
    --pf-c-icon--m-md--content--FontSize: var(--pf-global--icon--FontSize--md);
    --pf-c-icon--m-lg--content--FontSize: var(--pf-global--icon--FontSize--lg);
    --pf-c-icon--m-xl--content--FontSize: var(--pf-global--icon--FontSize--xl);
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--pf-c-icon--Width);
    height: var(--pf-c-icon--Height)
}

.pf-c-icon.pf-m-inline {
    --pf-c-icon--Width: var(--pf-c-icon--m-inline--Width);
    --pf-c-icon--Height: var(--pf-c-icon--m-inline--Height);
    --pf-c-icon__content--FontSize: var(--pf-c-icon--m-inline__content--FontSize);
    --pf-c-icon__content--Color: currentcolor;
    line-height: 1
}

.pf-c-icon.pf-m-inline .pf-c-spinner {
    --pf-c-spinner--diameter: 1em
}

.pf-c-icon.pf-m-sm {
    --pf-c-icon--Width: var(--pf-c-icon--m-sm--Width);
    --pf-c-icon--Height: var(--pf-c-icon--m-sm--Height);
    --pf-c-icon__content--FontSize: var(--pf-c-icon--m-sm--content--FontSize)
}

.pf-c-icon.pf-m-md {
    --pf-c-icon--Width: var(--pf-c-icon--m-md--Width);
    --pf-c-icon--Height: var(--pf-c-icon--m-md--Height);
    --pf-c-icon__content--FontSize: var(--pf-c-icon--m-md--content--FontSize)
}

.pf-c-icon.pf-m-lg {
    --pf-c-icon--Width: var(--pf-c-icon--m-lg--Width);
    --pf-c-icon--Height: var(--pf-c-icon--m-lg--Height);
    --pf-c-icon__content--FontSize: var(--pf-c-icon--m-lg--content--FontSize)
}

.pf-c-icon.pf-m-xl {
    --pf-c-icon--Width: var(--pf-c-icon--m-xl--Width);
    --pf-c-icon--Height: var(--pf-c-icon--m-xl--Height);
    --pf-c-icon__content--FontSize: var(--pf-c-icon--m-xl--content--FontSize)
}

.pf-c-icon.pf-m-in-progress {
    --pf-c-icon__content--Opacity: 0;
    --pf-c-icon__progress--Opacity: 1
}

.pf-c-icon__content,.pf-c-icon__progress {
    font-size: var(--pf-c-icon__content--FontSize)
}

.pf-c-icon__content svg,.pf-c-icon__progress svg {
    vertical-align: var(--pf-c-icon__content--svg--VerticalAlign)
}

.pf-c-icon__content.pf-m-sm,.pf-c-icon__progress.pf-m-sm {
    --pf-c-icon__content--FontSize: var(--pf-c-icon--m-sm--content--FontSize)
}

.pf-c-icon__content.pf-m-md,.pf-c-icon__progress.pf-m-md {
    --pf-c-icon__content--FontSize: var(--pf-c-icon--m-md--content--FontSize)
}

.pf-c-icon__content.pf-m-lg,.pf-c-icon__progress.pf-m-lg {
    --pf-c-icon__content--FontSize: var(--pf-c-icon--m-lg--content--FontSize)
}

.pf-c-icon__content.pf-m-xl,.pf-c-icon__progress.pf-m-xl {
    --pf-c-icon__content--FontSize: var(--pf-c-icon--m-xl--content--FontSize)
}

.pf-c-icon__content {
    color: var(--pf-c-icon__content--Color);
    opacity: var(--pf-c-icon__content--Opacity,1)
}

.pf-c-icon__content.pf-m-danger {
    --pf-c-icon__content--Color: var(--pf-c-icon__content--m-danger--Color)
}

.pf-c-icon__content.pf-m-warning {
    --pf-c-icon__content--Color: var(--pf-c-icon__content--m-warning--Color)
}

.pf-c-icon__content.pf-m-success {
    --pf-c-icon__content--Color: var(--pf-c-icon__content--m-success--Color)
}

.pf-c-icon__content.pf-m-info {
    --pf-c-icon__content--Color: var(--pf-c-icon__content--m-info--Color)
}

.pf-c-icon__content.pf-m-default {
    --pf-c-icon__content--Color: var(--pf-c-icon__content--m-default--Color)
}

.pf-c-icon__progress {
    position: absolute;
    top: calc(50% + var(--pf-c-icon__content--svg--VerticalAlign)*0.5);
    opacity: var(--pf-c-icon__progress--Opacity,0);
    transform: translateY(calc(-50% - var(--pf-c-icon__content--svg--VerticalAlign)*0.5))
}

.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 {
    display: flex;
    align-items: baseline
}

.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 {
    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 {
    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__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__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__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: 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__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__value {
    display: none;
    visibility: hidden
}

.pf-c-inline-edit__label+.pf-c-inline-edit__action.pf-m-enable>.pf-c-button {
    margin-top: calc(var(--pf-c-button--PaddingTop)*-1);
    margin-bottom: calc(var(--pf-c-button--PaddingBottom)*-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__text--m-disabled--Color: var(--pf-global--disabled-color--100);
    --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
    --pf-c-input-group__text--m-disabled--BorderBottomColor: transparent;
    --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-input-group--c-form-control--MarginRight: 0;
    color: var(--pf-global--Color--100);
    display: flex;
    width: 100%;
    background-color: var(--pf-c-input-group--BackgroundColor)
}

.pf-c-input-group.pf-m-plain {
    --pf-c-input-group--BackgroundColor: transparent
}

.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 {
    flex: 2;
    min-width: 0
}

.pf-c-input-group textarea {
    min-height: var(--pf-c-input-group__textarea--MinHeight)
}

.pf-c-input-group__text {
    display: flex;
    align-items: center;
    padding-right: var(--pf-c-input-group__text--PaddingRight);
    padding-left: var(--pf-c-input-group__text--PaddingLeft);
    font-size: var(--pf-c-input-group__text--FontSize);
    color: var(--pf-c-input-group__text--Color);
    text-align: 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)
}

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-input-group__text.pf-m-disabled {
    --pf-c-input-group__text--Color: var(--pf-c-input-group__text--m-disabled--Color);
    --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
    --pf-c-input-group__text--BorderBottomColor: var(--pf-c-input-group__text--m-disabled--BorderBottomColor)
}

:where(.pf-theme-dark) .pf-c-input-group {
    --pf-c-input-group--BackgroundColor: transparent;
    --pf-c-input-group__text--BorderTopColor: transparent;
    --pf-c-input-group__text--BorderRightColor: transparent;
    --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
    --pf-c-input-group__text--BorderLeftColor: transparent;
    --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
    --pf-c-input-group__text--m-disabled--Color: var(--pf-global--palette--black-100);
    --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200)
}

:where(.pf-theme-dark) .pf-c-input-group>*+* {
    margin-left: 0;
    border-left: 1px solid var(--pf-global--palette--black-700)
}

:where(.pf-theme-dark) .pf-c-input-group__text {
    --pf-c-input-group__text--BorderTopColor: transparent;
    --pf-c-input-group__text--BorderRightColor: transparent;
    --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
    --pf-c-input-group__text--BorderLeftColor: transparent
}

:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
    --pf-c-input-group__text--BackgroundColor: transparent
}

:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-disabled {
    --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
    color: var(--pf-c-input-group__text--m-disabled--Color)
}

.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: var(--pf-global--spacer--md);
    --pf-c-jump-links__label--Display: block;
    --pf-c-jump-links__label--Visibility: visible;
    --pf-c-jump-links__toggle--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-jump-links__toggle--MarginBottom--base: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links__toggle--MarginBottom--base);
    --pf-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-c-jump-links__toggle--MarginBottom--base) + var(--pf-global--spacer--md));
    --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__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;
    --pf-c-jump-links__toggle-text--MarginLeft: var(--pf-global--spacer--md);
    --pf-c-jump-links__toggle-text--Color: var(--pf-global--Color--100);
    display: flex
}

.pf-c-jump-links.pf-m-center {
    justify-content: center
}

.pf-c-jump-links.pf-m-center .pf-c-jump-links__main {
    align-items: center
}

.pf-c-jump-links.pf-m-expandable,.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);
    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--Display: none;
    --pf-c-jump-links__label--Visibility: hidden
}

.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--Display: block;
    --pf-c-jump-links__label--Visibility: visible
}

@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--Display: none;
        --pf-c-jump-links__label--Visibility: hidden
    }

    .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--Display: block;
        --pf-c-jump-links__label--Visibility: visible
    }
}

@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--Display: none;
        --pf-c-jump-links__label--Visibility: hidden
    }

    .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--Display: block;
        --pf-c-jump-links__label--Visibility: visible
    }
}

@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--Display: none;
        --pf-c-jump-links__label--Visibility: hidden
    }

    .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--Display: block;
        --pf-c-jump-links__label--Visibility: visible
    }
}

@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--Display: none;
        --pf-c-jump-links__label--Visibility: hidden
    }

    .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--Display: block;
        --pf-c-jump-links__label--Visibility: visible
    }
}

@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--Display: none;
        --pf-c-jump-links__label--Visibility: hidden
    }

    .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--Display: block;
        --pf-c-jump-links__label--Visibility: visible
    }
}

.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--MarginBottom: var(--pf-c-jump-links--m-expanded__toggle--MarginBottom);
    --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__list {
    position: relative;
    display: var(--pf-c-jump-links__list--Display);
    flex-direction: var(--pf-c-jump-links__list--FlexDirection);
    padding-top: var(--pf-c-jump-links__list--PaddingTop);
    padding-right: var(--pf-c-jump-links__list--PaddingRight);
    padding-bottom: var(--pf-c-jump-links__list--PaddingBottom);
    padding-left: var(--pf-c-jump-links__list--PaddingLeft);
    visibility: var(--pf-c-jump-links__list--Visibility)
}

.pf-c-jump-links__list:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: "";
    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)
}

.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 {
    position: relative;
    display: flex;
    flex: 1;
    padding-top: var(--pf-c-jump-links__link--PaddingTop);
    padding-right: var(--pf-c-jump-links__link--PaddingRight);
    padding-bottom: var(--pf-c-jump-links__link--PaddingBottom);
    padding-left: var(--pf-c-jump-links__link--PaddingLeft);
    text-decoration: none;
    outline-offset: var(--pf-c-jump-links__link--OutlineOffset)
}

.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 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: "";
    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)
}

.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__label {
    display: var(--pf-c-jump-links__label--Display);
    margin-bottom: var(--pf-c-jump-links__label--MarginBottom);
    visibility: var(--pf-c-jump-links__label--Visibility)
}

.pf-c-jump-links__main {
    display: flex;
    flex-direction: column
}

.pf-c-jump-links__toggle {
    display: var(--pf-c-jump-links__toggle--Display);
    margin-top: var(--pf-c-jump-links__toggle--MarginTop);
    margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom);
    margin-left: var(--pf-c-jump-links__toggle--MarginLeft);
    visibility: var(--pf-c-jump-links__toggle--Visibility)
}

.pf-c-jump-links__toggle .pf-c-button {
    display: flex;
    align-items: center
}

.pf-c-jump-links__toggle-icon {
    display: inline-block;
    color: var(--pf-c-jump-links__toggle-icon--Color);
    transition: var(--pf-c-jump-links__toggle-icon--Transition);
    transform: rotate(var(--pf-c-jump-links__toggle-icon--Rotate))
}

.pf-c-jump-links__toggle-text {
    margin-left: var(--pf-c-jump-links__toggle-text--MarginLeft);
    color: var(--pf-c-jump-links__toggle-text--Color)
}

.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--orange-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--orange-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-gold--BackgroundColor: var(--pf-global--palette--gold-50);
    --pf-c-label--m-gold__icon--Color: var(--pf-global--palette--gold-400);
    --pf-c-label--m-gold__content--Color: var(--pf-global--palette--gold-700);
    --pf-c-label--m-gold__content--before--BorderColor: var(--pf-global--palette--gold-100);
    --pf-c-label--m-gold__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-300);
    --pf-c-label--m-gold__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-300);
    --pf-c-label--m-outline--m-gold__content--Color: var(--pf-global--palette--gold-600);
    --pf-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-outline--m-gold__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--m-compact--PaddingTop: 0;
    --pf-c-label--m-compact--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-label--m-compact--PaddingBottom: 0;
    --pf-c-label--m-compact--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
    --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
    --pf-c-label__content--Color: var(--pf-global--Color--100);
    --pf-c-label__content--MaxWidth: 100%;
    --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
    --pf-c-label--m-editable__content--MaxWidth: 16ch;
    --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--Cursor: pointer;
    --pf-c-label--m-editable--TextDecoration: underline;
    --pf-c-label--m-editable--TextDecorationStyle: dashed;
    --pf-c-label--m-editable--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
    --pf-c-label--m-editable--TextDecorationOffset: 0.25rem;
    --pf-c-label--m-editable--TextDecorationColor: var(--pf-global--BorderColor--200);
    --pf-c-label--m-editable--hover--TextDecorationColor: var(--pf-global--Color--100);
    --pf-c-label--m-editable--focus--TextDecorationColor: var(--pf-global--Color--100);
    --pf-c-label--m-editable__content--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-label--m-editable__content--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-editable__content--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-editable__content--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-label--m-editable--m-editable-active--Cursor: auto;
    --pf-c-label--m-editable--m-editable-active--TextDecoration: none;
    --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;
    position: relative;
    padding: var(--pf-c-label--PaddingTop) var(--pf-c-label--PaddingRight) var(--pf-c-label--PaddingBottom) var(--pf-c-label--PaddingLeft);
    font-size: var(--pf-c-label--FontSize);
    color: var(--pf-c-label--Color);
    white-space: nowrap;
    background-color: var(--pf-c-label--BackgroundColor);
    border: 0;
    border-radius: var(--pf-c-label--BorderRadius)
}

.pf-c-label.pf-m-compact {
    --pf-c-label--PaddingTop: var(--pf-c-label--m-compact--PaddingTop);
    --pf-c-label--PaddingRight: var(--pf-c-label--m-compact--PaddingRight);
    --pf-c-label--PaddingBottom: var(--pf-c-label--m-compact--PaddingBottom);
    --pf-c-label--PaddingLeft: var(--pf-c-label--m-compact--PaddingLeft);
    --pf-c-label--FontSize: var(--pf-c-label--m-compact--FontSize);
    --pf-c-label--m-editable--TextDecorationOffset: var(--pf-c-label--m-compact--m-editable--TextDecorationOffset)
}

.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--m-editable__content--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
    --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
    --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-blue__content--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--m-editable__content--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
    --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
    --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-green__content--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--m-editable__content--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
    --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
    --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-orange__content--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--m-editable__content--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
    --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
    --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-red__content--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--m-editable__content--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
    --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
    --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-purple__content--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--m-editable__content--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
    --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
    --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor)
}

.pf-c-label.pf-m-gold {
    --pf-c-label--BackgroundColor: var(--pf-c-label--m-gold--BackgroundColor);
    --pf-c-label__icon--Color: var(--pf-c-label--m-gold__icon--Color);
    --pf-c-label__content--Color: var(--pf-c-label--m-gold__content--Color);
    --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-gold__content--before--BorderColor);
    --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-gold__content--link--hover--before--BorderColor);
    --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-gold__content--link--focus--before--BorderColor);
    --pf-c-label--m-outline__content--Color: var(--pf-c-label--m-outline--m-gold__content--Color);
    --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-gold__content--before--BorderColor);
    --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-gold__content--link--hover--before--BorderColor);
    --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-gold__content--link--focus--before--BorderColor);
    --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-gold__content--before--BorderColor);
    --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-gold__content--before--BorderColor);
    --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-gold__content--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--m-editable__content--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
    --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
    --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor)
}

.pf-c-label.pf-m-add:hover,.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-add:focus,.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 {
    text-decoration: var(--pf-c-label--m-editable--TextDecoration);
    cursor: var(--pf-c-label--m-editable--Cursor);
    text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
    text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
    text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
    text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
    --pf-c-label__content--MaxWidth: var(--pf-c-label--m-editable__content--MaxWidth);
    --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
    --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable__content--before--BorderColor);
    --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--hover--before--BorderWidth);
    --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-editable__content--hover--before--BorderColor);
    --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--focus--before--BorderWidth);
    --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-editable__content--focus--before--BorderColor);
    --pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
    --pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth)
}

.pf-c-label.pf-m-editable:hover {
    --pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--hover--TextDecorationColor)
}

.pf-c-label.pf-m-editable:focus {
    --pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--focus--TextDecorationColor)
}

.pf-c-label.pf-m-editable-active {
    --pf-c-label--m-editable--Cursor: var(--pf-c-label--m-editable--m-editable-active--Cursor);
    --pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
    --pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor)
}

.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-top: var(--pf-c-label__c-button--MarginTop);
    margin-right: var(--pf-c-label__c-button--MarginRight);
    margin-bottom: var(--pf-c-label__c-button--MarginBottom);
    margin-left: var(--pf-c-label__c-button--MarginLeft)
}

.pf-c-label.pf-m-add,.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 {
    display: inline-flex;
    align-items: center
}

.pf-c-label__text {
    max-width: var(--pf-c-label__text--MaxWidth)
}

.pf-c-label__content,.pf-c-label__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-label__content {
    max-width: var(--pf-c-label__content--MaxWidth);
    color: var(--pf-c-label__content--Color);
    border-width: 0
}

.pf-c-label__content:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: "";
    border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
    border-radius: var(--pf-c-label--BorderRadius)
}

a.pf-c-label__content,button.pf-c-label__content {
    cursor: pointer;
    border: none
}

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 {
    margin-right: var(--pf-c-label__icon--MarginRight);
    color: var(--pf-c-label__icon--Color)
}

:where(.pf-theme-dark) .pf-c-label {
    --pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-label__content--before--BorderWidth: 0;
    --pf-c-label__content--before--BorderColor: transparent;
    --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
    --pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
    --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
    --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
    --pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
    --pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
    --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
    --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
    --pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
    --pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
    --pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
    --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
    --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
    --pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
    --pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
    --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
    --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
    --pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
    --pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
    --pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
    --pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
    --pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
    --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
    --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
    --pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
    --pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
    --pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
    --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
    --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
    --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100)
}

.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: inline-flex;
    align-items: center
}

.pf-c-label-group.pf-m-category {
    padding-top: var(--pf-c-label-group--m-category--PaddingTop);
    padding-right: var(--pf-c-label-group--m-category--PaddingRight);
    padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
    padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
    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)
}

.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 {
    align-items: flex-start
}

.pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
    flex-direction: column;
    align-items: flex-start
}

.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
    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: 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 {
    flex: 1
}

.pf-c-label-group__main {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    align-items: baseline
}

.pf-c-label-group__list {
    display: inline-flex;
    flex-wrap: wrap;
    margin-right: var(--pf-c-label-group__list--MarginRight);
    margin-bottom: var(--pf-c-label-group__list--MarginBottom)
}

.pf-c-label-group__list-item {
    display: inline-flex;
    margin-right: var(--pf-c-label-group__list-item--MarginRight);
    margin-bottom: var(--pf-c-label-group__list-item--MarginBottom)
}

.pf-c-label-group__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: var(--pf-c-label-group__label--MaxWidth);
    margin-right: var(--pf-c-label-group__label--MarginRight);
    margin-bottom: var(--pf-c-label-group__label--MarginBottom);
    font-size: var(--pf-c-label-group__label--FontSize)
}

.pf-c-label-group__close {
    margin-top: var(--pf-c-label-group__close--MarginTop);
    margin-right: var(--pf-c-label-group__close--MarginRight);
    margin-bottom: var(--pf-c-label-group__close--MarginBottom);
    margin-left: var(--pf-c-label-group__close--MarginLeft)
}

.pf-c-label-group__textarea {
    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);
    white-space: nowrap;
    resize: none;
    border: 0;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.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-top: var(--pf-c-list--nested--MarginTop);
    margin-left: var(--pf-c-list--nested--MarginLeft)
}

.pf-c-list li+li {
    margin-top: var(--pf-c-list--li--MarginTop)
}

ul.pf-c-list {
    list-style: var(--pf-c-list--ul--ListStyle)
}

.pf-c-list .pf-c-list__item {
    display: flex
}

.pf-c-list .pf-c-list__item-icon {
    flex-shrink: 0;
    min-width: var(--pf-c-list__item-icon--MinWidth);
    margin-top: var(--pf-c-list__item-icon--MarginTop);
    margin-right: var(--pf-c-list__item-icon--MarginRight);
    font-size: var(--pf-c-list__item-icon--FontSize);
    line-height: 1;
    color: var(--pf-c-list__item-icon--Color)
}

.pf-c-list.pf-m-icon-lg {
    --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
    --pf-c-list__item-icon--MarginTop: 0;
    --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
    --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize)
}

.pf-c-list.pf-m-inline,.pf-c-list.pf-m-plain {
    --pf-c-list--PaddingLeft: 0;
    list-style: none
}

.pf-c-list.pf-m-inline {
    display: flex;
    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>* {
    padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
    border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor)
}

.pf-c-list.pf-m-bordered>:last-child {
    --pf-c-list--m-bordered--li--PaddingBottom: 0;
    --pf-c-list--m-bordered--li--BorderBottomWidth: 0
}

.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--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --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__scroll-container--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-log-viewer__scroll-container--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-log-viewer--m-line-numbers__main--before--Top: 0;
    --pf-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
    --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__list--Height: auto;
    --pf-c-log-viewer--m-line-numbers__list--Left: var(--pf-c-log-viewer__index--Width);
    --pf-c-log-viewer__list--FontFamily: var(--pf-global--FontFamily--monospace);
    --pf-c-log-viewer__list--FontSize: var(--pf-global--FontSize--sm);
    --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--Color: var(--pf-global--Color--200);
    --pf-c-log-viewer__index--BackgroundColor: transparent;
    --pf-c-log-viewer--line-number-chars: 4.4;
    --pf-c-log-viewer--m-line-number-chars__index--PaddingRight: var(--pf-global--spacer--xs);
    --pf-c-log-viewer--m-line-number-chars__index--Width: calc(1ch*var(--pf-c-log-viewer--line-number-chars) + var(--pf-c-log-viewer__index--PaddingRight) + var(--pf-c-log-viewer__index--PaddingLeft));
    --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--Color: var(--pf-global--Color--100);
    --pf-c-log-viewer__text--WordBreak: break-all;
    --pf-c-log-viewer__text--WhiteSpace: break-spaces;
    --pf-c-log-viewer__text--LineBreak: anywhere;
    --pf-c-log-viewer--m-nowrap__text--WhiteSpace: nowrap;
    --pf-c-log-viewer__string--m-match--Color: var(--pf-global--palette--gold-700);
    --pf-c-log-viewer__string--m-match--BackgroundColor: var(--pf-global--palette--gold-100);
    --pf-c-log-viewer__string--m-current--Color: var(--pf-global--palette--gold-700);
    --pf-c-log-viewer__string--m-current--BackgroundColor: var(--pf-global--palette--gold-400);
    --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);
    --pf-c-log-viewer--m-dark__main--BorderWidth: 0;
    display: flex;
    flex-direction: column;
    height: var(--pf-c-log-viewer--Height);
    max-height: var(--pf-c-log-viewer--MaxHeight)
}

.pf-c-log-viewer.pf-m-dark {
    --pf-c-log-viewer__main--BorderWidth: var(--pf-c-log-viewer--m-dark__main--BorderWidth)
}

.pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
    color: var(--pf-global--Color--100);
    --pf-c-log-viewer__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-log-viewer__main--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
    --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
    --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100)
}

.pf-c-log-viewer.pf-m-wrap-text {
    word-break: break-all
}

.pf-c-log-viewer.pf-m-nowrap {
    --pf-c-log-viewer__text--WhiteSpace: var(--pf-c-log-viewer--m-nowrap__text--WhiteSpace)
}

.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-m-line-numbers .pf-c-log-viewer__list {
    position: absolute;
    right: 0;
    left: var(--pf-c-log-viewer--m-line-numbers__list--Left)
}

.pf-c-log-viewer.pf-m-line-numbers .pf-c-log-viewer__list:before {
    position: absolute;
    top: var(--pf-c-log-viewer--m-line-numbers__main--before--Top);
    bottom: var(--pf-c-log-viewer--m-line-numbers__main--before--Bottom);
    left: 0;
    width: var(--pf-c-log-viewer--m-line-numbers__main--before--Width);
    content: "";
    background: var(--pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor)
}

.pf-c-log-viewer.pf-m-line-number-chars {
    --pf-c-log-viewer__index--PaddingRight: var(--pf-c-log-viewer--m-line-number-chars__index--PaddingRight);
    --pf-c-log-viewer__index--Width: var(--pf-c-log-viewer--m-line-number-chars__index--Width)
}

.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 {
    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 {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background-color: var(--pf-c-log-viewer__main--BackgroundColor);
    border: var(--pf-c-log-viewer__main--BorderWidth) solid var(--pf-c-log-viewer__main--BorderColor)
}

.pf-c-log-viewer__scroll-container {
    position: relative;
    height: var(--pf-c-log-viewer__scroll-container--Height);
    padding-top: var(--pf-c-log-viewer__scroll-container--PaddingTop);
    padding-bottom: var(--pf-c-log-viewer__scroll-container--PaddingBottom);
    overflow: auto;
    will-change: transform;
    direction: ltr
}

.pf-c-log-viewer__list {
    position: relative;
    height: var(--pf-c-log-viewer__list--Height);
    font-family: var(--pf-c-log-viewer__list--FontFamily);
    font-size: var(--pf-c-log-viewer__list--FontSize)
}

.pf-c-log-viewer__list-item {
    left: 0;
    width: 100%
}

.pf-c-log-viewer__string.pf-m-match {
    color: var(--pf-c-log-viewer__string--m-match--Color,inherit);
    background-color: var(--pf-c-log-viewer__string--m-match--BackgroundColor)
}

.pf-c-log-viewer__string.pf-m-current {
    color: var(--pf-c-log-viewer__string--m-current--Color,inherit);
    background-color: var(--pf-c-log-viewer__string--m-current--BackgroundColor)
}

.pf-c-log-viewer__index {
    position: fixed;
    left: 0;
    display: var(--pf-c-log-viewer__index--Display);
    width: var(--pf-c-log-viewer__index--Width);
    padding-right: var(--pf-c-log-viewer__index--PaddingRight);
    padding-left: var(--pf-c-log-viewer__index--PaddingLeft);
    font-family: var(--pf-c-log-viewer__index--FontFamily,inherit);
    font-size: var(--pf-c-log-viewer__index--FontSize,inherit);
    color: var(--pf-c-log-viewer__index--Color);
    user-select: none;
    background-color: var(--pf-c-log-viewer__index--BackgroundColor)
}

.pf-c-log-viewer__text {
    display: block;
    padding-right: var(--pf-c-log-viewer__text--PaddingRight);
    padding-left: var(--pf-c-log-viewer__text--PaddingLeft);
    font-family: var(--pf-c-log-viewer__text--FontFamily,inherit);
    font-size: var(--pf-c-log-viewer__text--FontSize,inherit);
    color: var(--pf-c-log-viewer__text--Color);
    word-break: var(--pf-c-log-viewer__text--WordBreak);
    white-space: var(--pf-c-log-viewer__text--WhiteSpace);
    line-break: var(--pf-c-log-viewer__text--LineBreak)
}

.pf-c-log-viewer__timestamp {
    font-weight: var(--pf-c-log-viewer__timestamp--FontWeight)
}

:where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
    color: var(--pf-global--Color--100)
}

.pf-c-login {
    --pf-c-login--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-login--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-login--xl--BackgroundImage: none;
    --pf-c-login__container--xl--GridColumnGap: var(--pf-global--spacer--3xl);
    --pf-c-login__container--MaxWidth: 31.25rem;
    --pf-c-login__container--xl--MaxWidth: none;
    --pf-c-login__container--PaddingLeft: 6.125rem;
    --pf-c-login__container--PaddingRight: 6.125rem;
    --pf-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto,34rem);
    --pf-c-login__header--MarginBottom: var(--pf-global--spacer--md);
    --pf-c-login__header--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-login__header--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-login__header--xl--MarginBottom: var(--pf-global--spacer--2xl);
    --pf-c-login__header--xl--MarginTop: var(--pf-global--spacer--3xl);
    --pf-c-login__header--c-brand--MarginBottom: var(--pf-global--spacer--lg);
    --pf-c-login__header--c-brand--xl--MarginBottom: var(--pf-global--spacer--2xl);
    --pf-c-login__main--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-login__main--MarginBottom: var(--pf-global--spacer--lg);
    --pf-c-login__main-header--PaddingTop: var(--pf-global--spacer--2xl);
    --pf-c-login__main-header--PaddingRight: var(--pf-global--spacer--xl);
    --pf-c-login__main-header--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-login__main-header--PaddingLeft: var(--pf-global--spacer--xl);
    --pf-c-login__main-header--md--PaddingRight: var(--pf-global--spacer--2xl);
    --pf-c-login__main-header--md--PaddingLeft: var(--pf-global--spacer--2xl);
    --pf-c-login__main-header--ColumnGap: var(--pf-global--spacer--md);
    --pf-c-login__main-header--RowGap: var(--pf-global--spacer--md);
    --pf-c-login__main-header-desc--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-login__main-header-desc--md--MarginBottom: 0;
    --pf-c-login__main-header-desc--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-login__main-body--PaddingRight: var(--pf-global--spacer--xl);
    --pf-c-login__main-body--PaddingBottom: var(--pf-global--spacer--xl);
    --pf-c-login__main-body--PaddingLeft: var(--pf-global--spacer--xl);
    --pf-c-login__main-body--md--PaddingRight: var(--pf-global--spacer--2xl);
    --pf-c-login__main-body--md--PaddingLeft: var(--pf-global--spacer--2xl);
    --pf-c-login__main-footer--PaddingBottom: var(--pf-global--spacer--3xl);
    --pf-c-login__main-footer--c-title--MarginBottom: var(--pf-global--spacer--md);
    --pf-c-login__main-footer-links--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-login__main-footer-links--PaddingRight: var(--pf-global--spacer--3xl);
    --pf-c-login__main-footer-links--PaddingBottom: var(--pf-global--spacer--xl);
    --pf-c-login__main-footer-links--PaddingLeft: var(--pf-global--spacer--3xl);
    --pf-c-login__main-footer-links-item--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-login__main-footer-links-item--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-login__main-footer-links-item--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-login__main-footer-links-item-link-svg--Fill: var(--pf-global--icon--Color--light);
    --pf-c-login__main-footer-links-item-link-svg--Width: var(--pf-global--icon--FontSize--lg);
    --pf-c-login__main-footer-links-item-link-svg--Height: var(--pf-global--icon--FontSize--lg);
    --pf-c-login__main-footer-links-item-link-svg--hover--Fill: var(--pf-global--icon--Color--dark);
    --pf-c-login__main-footer-band--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-login__main-footer-band--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-login__main-footer-band--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-login__main-footer-band--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-login__main-footer-band--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-login__main-footer-band-item--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-login__footer--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-login__footer--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-login__footer--c-list--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-login__footer--c-list--xl--PaddingTop: var(--pf-global--spacer--2xl);
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding-top: var(--pf-c-login--PaddingTop);
    padding-bottom: var(--pf-c-login--PaddingBottom)
}

@media (min-width: 1200px) {
    .pf-c-login {
        --pf-c-login__container--MaxWidth:var(--pf-c-login__container--xl--MaxWidth)
    }
}

@media (min-width: 576px) {
    .pf-c-login {
        --pf-c-login__header--PaddingRight:0;
        --pf-c-login__header--PaddingLeft: 0
    }
}

@media (min-width: 1200px) {
    .pf-c-login {
        --pf-c-login__header--MarginBottom:var(--pf-c-login__header--xl--MarginBottom);
        --pf-c-login__header--c-brand--MarginBottom: var(--pf-c-login__header--c-brand--xl--MarginBottom);
        --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 {
        align-items:center
    }
}

.pf-c-login__container {
    width: 100%;
    max-width: var(--pf-c-login__container--MaxWidth)
}

@media (min-width: 1200px) {
    .pf-c-login__container {
        display:grid;
        justify-content: center;
        grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap);
        grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns);
        grid-template-areas: "main header" "main footer" "main .";
        padding-right: var(--pf-c-login__container--PaddingRight);
        padding-left: var(--pf-c-login__container--PaddingLeft)
    }
}

.pf-c-login__header {
    color: var(--pf-global--Color--100);
    grid-area: header;
    padding-right: var(--pf-c-login__header--PaddingRight);
    padding-left: var(--pf-c-login__header--PaddingLeft)
}

@media (min-width: 1200px) {
    .pf-c-login__header {
        margin-top:var(--pf-c-login__header--xl--MarginTop)
    }
}

.pf-c-login__header .pf-c-brand {
    margin-bottom: var(--pf-c-login__header--c-brand--MarginBottom)
}

.pf-c-login__main {
    align-self: start;
    margin-bottom: var(--pf-c-login__main--MarginBottom);
    background-color: var(--pf-c-login__main--BackgroundColor);
    grid-area: main
}

.pf-c-login__main>:first-child:not(.pf-c-login__main-header) {
    padding-top: var(--pf-c-login__main-header--PaddingTop)
}

.pf-c-login__main>:last-child:not(.pf-c-login__main-footer) {
    padding-bottom: var(--pf-c-login__main-footer--PaddingBottom)
}

.pf-c-login__main-header {
    display: grid;
    grid-template-columns: 100%;
    column-gap: var(--pf-c-login__main-header--ColumnGap);
    row-gap: var(--pf-c-login__main-header--RowGap);
    align-items: center;
    padding: var(--pf-c-login__main-header--PaddingTop) var(--pf-c-login__main-header--PaddingRight) var(--pf-c-login__main-header--PaddingBottom) var(--pf-c-login__main-header--PaddingLeft)
}

@media (min-width: 768px) {
    .pf-c-login__main-header {
        grid-template-columns:1fr auto
    }
}

.pf-c-login__main-header-utilities,.pf-c-login__main-header .pf-c-dropdown {
    grid-column: auto;
    grid-row: auto
}

@media (min-width: 768px) {
    .pf-c-login__main-header-utilities,.pf-c-login__main-header .pf-c-dropdown {
        grid-column:2/3;
        grid-row: 1
    }
}

.pf-c-login__main-header-utilities .pf-c-dropdown {
    grid-column: auto;
    grid-row: auto
}

.pf-c-login__main-header-desc {
    margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom);
    font-size: var(--pf-c-login__main-header-desc--FontSize);
    grid-column: 1/-1
}

.pf-c-login__main-body {
    padding-right: var(--pf-c-login__main-body--PaddingRight);
    padding-bottom: var(--pf-c-login__main-body--PaddingBottom);
    padding-left: var(--pf-c-login__main-body--PaddingLeft)
}

.pf-c-login__main-footer {
    display: flex;
    flex-wrap: wrap
}

.pf-c-login__main-footer .pf-c-title {
    margin-bottom: var(--pf-c-login__main-footer--c-title--MarginBottom);
    text-align: center
}

.pf-c-login__main-footer>* {
    flex-basis: 100%
}

.pf-c-login__main-footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: var(--pf-c-login__main-footer-links--PaddingTop) var(--pf-c-login__main-footer-links--PaddingRight) var(--pf-c-login__main-footer-links--PaddingBottom) var(--pf-c-login__main-footer-links--PaddingLeft)
}

.pf-c-login__main-footer-links-item {
    padding-right: var(--pf-c-login__main-footer-links-item--PaddingRight);
    padding-left: var(--pf-c-login__main-footer-links-item--PaddingLeft);
    margin-bottom: var(--pf-c-login__main-footer-links-item--MarginBottom)
}

.pf-c-login__main-footer-links-item-link svg {
    fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
    width: 100%;
    max-width: var(--pf-c-login__main-footer-links-item-link-svg--Width);
    height: 100%;
    max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height)
}

.pf-c-login__main-footer-links-item-link:hover svg {
    fill: var(--pf-c-login__main-footer-links-item-link-svg--hover--Fill)
}

.pf-c-login__main-footer-band {
    padding: var(--pf-c-login__main-footer-band--PaddingTop) var(--pf-c-login__main-footer-band--PaddingRight) var(--pf-c-login__main-footer-band--PaddingBottom) var(--pf-c-login__main-footer-band--PaddingLeft);
    text-align: center;
    background-color: var(--pf-c-login__main-footer-band--BackgroundColor)
}

.pf-c-login__main-footer-band>*+* {
    padding-top: var(--pf-c-login__main-footer-band-item--PaddingTop)
}

.pf-c-login__footer {
    color: var(--pf-global--Color--100);
    grid-area: footer;
    padding-right: var(--pf-c-login__footer--PaddingRight);
    padding-left: var(--pf-c-login__footer--PaddingLeft)
}

.pf-c-login__footer .pf-c-list a {
    color: unset
}

.pf-c-login__footer .pf-c-list:not(:only-child) {
    padding-top: var(--pf-c-login__footer--c-list--PaddingTop)
}

.pf-c-masthead,:where(.pf-theme-dark) .pf-c-login__footer,:where(.pf-theme-dark) .pf-c-login__header {
    color: var(--pf-global--Color--100)
}

.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: auto;
    --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--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--c-toolbar__item--Display: flex;
    --pf-c-masthead--item-border-color--base: var(--pf-global--palette--black-800);
    --pf-c-masthead--c-context-selector--Width: auto;
    --pf-c-masthead--c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
    --pf-c-masthead--c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
    --pf-c-masthead--c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
    --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor: transparent;
    --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor: transparent;
    --pf-c-masthead--c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
    --pf-c-masthead--c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
    --pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
    --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor: transparent;
    --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor: transparent;
    --pf-c-masthead--c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
    --pf-c-masthead--c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
    --pf-c-masthead--c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
    --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderTopColor: transparent;
    --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderBottomColor: transparent;
    --pf-c-masthead--c-toolbar__content--PaddingRight: 0;
    --pf-c-masthead--c-toolbar__content--PaddingLeft: 0;
    --pf-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-masthead--c-toolbar__expandable-content--PaddingRight: var(--pf-c-masthead--inset);
    --pf-c-masthead--c-toolbar__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-masthead--c-toolbar__expandable-content--PaddingLeft: var(--pf-c-masthead--inset);
    --pf-c-masthead--c-toolbar__expandable-content--BorderTopWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-masthead--c-toolbar__expandable-content--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
    --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-display-stack__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);
    position: relative;
    display: grid;
    grid-template-columns: var(--pf-c-masthead--GridTemplateColumns);
    align-items: center;
    min-width: 0;
    padding-right: var(--pf-c-masthead--PaddingRight);
    padding-left: var(--pf-c-masthead--PaddingLeft);
    background-color: var(--pf-c-masthead--BackgroundColor)
}

@media screen and (min-width: 768px) {
    .pf-c-page:where(:not(.pf-m-resize-observer)) .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)
    }
}

@media screen and (min-width: 1200px) {
    .pf-c-masthead {
        --pf-c-masthead--inset:var(--pf-c-masthead--xl--inset)
    }
}

.pf-c-masthead.pf-m-light {
    color: var(--pf-global--Color--100);
    --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
    --pf-c-masthead__main--BorderBottomColor: var(--pf-c-masthead--m-light__main--BorderBottomColor)
}

.pf-c-masthead.pf-m-light-200 {
    color: var(--pf-global--Color--100);
    --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)
}

.pf-c-masthead .pf-c-toolbar {
    --pf-c-toolbar__content--PaddingRight: var(--pf-c-masthead--c-toolbar__content--PaddingRight);
    --pf-c-toolbar__content--PaddingLeft: var(--pf-c-masthead--c-toolbar__content--PaddingLeft);
    --pf-c-toolbar__expandable-content--PaddingTop: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingTop);
    --pf-c-toolbar__expandable-content--PaddingRight: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingRight);
    --pf-c-toolbar__expandable-content--PaddingBottom: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingBottom);
    --pf-c-toolbar__expandable-content--PaddingLeft: var(--pf-c-masthead--c-toolbar__expandable-content--PaddingLeft);
    width: 100%
}

.pf-c-masthead .pf-c-toolbar__content-section {
    flex-wrap: nowrap
}

.pf-c-masthead .pf-c-toolbar__expandable-content {
    border-top: var(--pf-c-masthead--c-toolbar__expandable-content--BorderTopWidth) solid var(--pf-c-masthead--c-toolbar__expandable-content--BorderTopColor)
}

.pf-c-masthead .pf-c-menu-toggle {
    --pf-c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--c-menu-toggle--before--BorderTopColor);
    --pf-c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--c-menu-toggle--before--BorderRightColor);
    --pf-c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--c-menu-toggle--before--BorderLeftColor)
}

.pf-c-masthead .pf-c-menu-toggle.pf-m-full-height {
    --pf-c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderTopColor);
    --pf-c-menu-toggle--before--BorderBottomColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderBottomColor)
}

.pf-c-masthead .pf-c-context-selector {
    --pf-c-context-selector--Width: var(--pf-c-masthead--c-context-selector--Width);
    --pf-c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--c-context-selector__toggle--BorderTopColor);
    --pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector__toggle--BorderRightColor);
    --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector__toggle--BorderLeftColor)
}

.pf-c-masthead .pf-c-context-selector.pf-m-full-height {
    --pf-c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor);
    --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor)
}

.pf-c-masthead .pf-c-dropdown {
    --pf-c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderTopColor);
    --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderRightColor);
    --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor)
}

.pf-c-masthead .pf-c-dropdown.pf-m-full-height {
    --pf-c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor);
    --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor)
}

.pf-c-masthead .pf-c-nav {
    align-self: stretch
}

.pf-c-masthead .pf-c-button.pf-m-plain {
    color: var(--pf-c-button--m-plain--Color)
}

.pf-c-masthead__main {
    position: relative;
    display: flex;
    flex-basis: var(--pf-c-masthead__main--FlexBasis);
    align-items: center;
    align-self: stretch;
    order: var(--pf-c-masthead__main--Order);
    min-height: var(--pf-c-masthead__main--MinHeight);
    padding-top: var(--pf-c-masthead__main--PaddingTop);
    padding-bottom: var(--pf-c-masthead__main--PaddingBottom);
    margin-right: var(--pf-c-masthead__main--MarginRight);
    grid-column: var(--pf-c-masthead__main--GridColumn)
}

.pf-c-masthead__main:before {
    position: absolute;
    right: var(--pf-c-masthead__main--before--Right);
    bottom: 0;
    left: var(--pf-c-masthead__main--before--Left);
    content: "";
    border-bottom: var(--pf-c-masthead__main--before--BorderBottom)
}

.pf-c-masthead__main:last-child {
    --pf-c-masthead__main--MarginRight: 0
}

.pf-c-masthead__content {
    display: flex;
    flex-grow: 1;
    align-items: center;
    align-self: stretch;
    order: var(--pf-c-masthead__content--Order);
    min-height: var(--pf-c-masthead__content--MinHeight);
    padding-top: var(--pf-c-masthead__content--PaddingTop);
    padding-bottom: var(--pf-c-masthead__content--PaddingBottom);
    margin-left: var(--pf-c-masthead__content--MarginLeft);
    grid-column: var(--pf-c-masthead__content--GridColumn);
    grid-column-end: -1;
    flex-shrink: 1
}

.pf-c-masthead__content:only-child {
    --pf-c-masthead__content--MarginLeft: 0
}

.pf-c-masthead__content .pf-c-nav.pf-m-horizontal {
    margin-right: var(--pf-c-masthead__content--c-nav--m-horizontal--MarginRight);
    margin-left: var(--pf-c-masthead__content--c-nav--m-horizontal--MarginLeft)
}

.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 {
    display: inline-flex;
    align-self: center
}

.pf-c-masthead__toggle {
    grid-column: var(--pf-c-masthead__toggle--GridColumn);
    align-self: center;
    margin-right: var(--pf-c-masthead__toggle--MarginRight);
    margin-left: var(--pf-c-masthead__toggle--MarginLeft)
}

.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-display-stack__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)
}

.pf-c-masthead.pf-m-inset-none {
    --pf-c-masthead--inset: 0
}

.pf-c-masthead.pf-m-inset-sm {
    --pf-c-masthead--inset: var(--pf-global--spacer--sm)
}

.pf-c-masthead.pf-m-inset-md {
    --pf-c-masthead--inset: var(--pf-global--spacer--md)
}

.pf-c-masthead.pf-m-inset-lg {
    --pf-c-masthead--inset: var(--pf-global--spacer--lg)
}

.pf-c-masthead.pf-m-inset-xl {
    --pf-c-masthead--inset: var(--pf-global--spacer--xl)
}

.pf-c-masthead.pf-m-inset-2xl {
    --pf-c-masthead--inset: var(--pf-global--spacer--2xl)
}

@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-display-stack__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: 576px) {
    .pf-c-masthead.pf-m-inset-none-on-sm {
        --pf-c-masthead--inset:0
    }

    .pf-c-masthead.pf-m-inset-sm-on-sm {
        --pf-c-masthead--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-masthead.pf-m-inset-md-on-sm {
        --pf-c-masthead--inset: var(--pf-global--spacer--md)
    }

    .pf-c-masthead.pf-m-inset-lg-on-sm {
        --pf-c-masthead--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-masthead.pf-m-inset-xl-on-sm {
        --pf-c-masthead--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-masthead.pf-m-inset-2xl-on-sm {
        --pf-c-masthead--inset: var(--pf-global--spacer--2xl)
    }
}

@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-display-stack__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: 768px) {
    .pf-c-masthead.pf-m-inset-none-on-md {
        --pf-c-masthead--inset:0
    }

    .pf-c-masthead.pf-m-inset-sm-on-md {
        --pf-c-masthead--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-masthead.pf-m-inset-md-on-md {
        --pf-c-masthead--inset: var(--pf-global--spacer--md)
    }

    .pf-c-masthead.pf-m-inset-lg-on-md {
        --pf-c-masthead--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-masthead.pf-m-inset-xl-on-md {
        --pf-c-masthead--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-masthead.pf-m-inset-2xl-on-md {
        --pf-c-masthead--inset: var(--pf-global--spacer--2xl)
    }
}

@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-display-stack__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: 992px) {
    .pf-c-masthead.pf-m-inset-none-on-lg {
        --pf-c-masthead--inset:0
    }

    .pf-c-masthead.pf-m-inset-sm-on-lg {
        --pf-c-masthead--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-masthead.pf-m-inset-md-on-lg {
        --pf-c-masthead--inset: var(--pf-global--spacer--md)
    }

    .pf-c-masthead.pf-m-inset-lg-on-lg {
        --pf-c-masthead--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-masthead.pf-m-inset-xl-on-lg {
        --pf-c-masthead--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-masthead.pf-m-inset-2xl-on-lg {
        --pf-c-masthead--inset: var(--pf-global--spacer--2xl)
    }
}

@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-display-stack__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: 1200px) {
    .pf-c-masthead.pf-m-inset-none-on-xl {
        --pf-c-masthead--inset:0
    }

    .pf-c-masthead.pf-m-inset-sm-on-xl {
        --pf-c-masthead--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-masthead.pf-m-inset-md-on-xl {
        --pf-c-masthead--inset: var(--pf-global--spacer--md)
    }

    .pf-c-masthead.pf-m-inset-lg-on-xl {
        --pf-c-masthead--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-masthead.pf-m-inset-xl-on-xl {
        --pf-c-masthead--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-masthead.pf-m-inset-2xl-on-xl {
        --pf-c-masthead--inset: var(--pf-global--spacer--2xl)
    }
}

@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-display-stack__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)
    }
}

@media (min-width: 1450px) {
    .pf-c-masthead.pf-m-inset-none-on-2xl {
        --pf-c-masthead--inset:0
    }

    .pf-c-masthead.pf-m-inset-sm-on-2xl {
        --pf-c-masthead--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-masthead.pf-m-inset-md-on-2xl {
        --pf-c-masthead--inset: var(--pf-global--spacer--md)
    }

    .pf-c-masthead.pf-m-inset-lg-on-2xl {
        --pf-c-masthead--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-masthead.pf-m-inset-xl-on-2xl {
        --pf-c-masthead--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-masthead.pf-m-inset-2xl-on-2xl {
        --pf-c-masthead--inset: var(--pf-global--spacer--2xl)
    }
}

:where(.pf-theme-dark) .pf-c-masthead {
    --pf-c-masthead--BackgroundColor: var(--pf-global--palette--black-1000);
    color: var(--pf-global--Color--100)
}

:where(.pf-theme-dark) .pf-c-masthead .pf-c-toolbar {
    --pf-c-toolbar--BackgroundColor: var(--pf-global--palette--black-1000)
}

.pf-c-menu {
    color: var(--pf-global--Color--100);
    --pf-c-menu--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-menu--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-menu--MinWidth: auto;
    --pf-c-menu--Width: auto;
    --pf-c-menu--ZIndex: var(--pf-global--ZIndex--sm);
    --pf-c-menu--Top: auto;
    --pf-c-menu--m-flyout__menu--Top: calc(var(--pf-c-menu__list--PaddingTop)*-1 + var(--pf-c-menu--m-flyout__menu--top-offset));
    --pf-c-menu--m-flyout__menu--Right: auto;
    --pf-c-menu--m-flyout__menu--Bottom: auto;
    --pf-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-c-menu--m-flyout__menu--left-offset));
    --pf-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-c-menu__list--PaddingTop)*-1);
    --pf-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-c-menu--m-flyout__menu--m-left--right-offset));
    --pf-c-menu--m-plain--BoxShadow: none;
    --pf-c-menu--m-flyout__menu--top-offset: 0px;
    --pf-c-menu--m-flyout__menu--left-offset: 0px;
    --pf-c-menu--m-flyout__menu--m-left--right-offset: 0px;
    --pf-c-menu__content--Height: auto;
    --pf-c-menu__content--MaxHeight: none;
    --pf-c-menu--m-scrollable__content--MaxHeight: 18.75rem;
    --pf-c-menu--c-divider--MarginTop: 0;
    --pf-c-menu--c-divider--MarginBottom: 0;
    --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__header--c-menu__item--MarginTop: calc(var(--pf-c-menu__header--PaddingTop)*-1/2);
    --pf-c-menu__header--c-menu__item--MarginRight: calc(var(--pf-c-menu__header--PaddingRight)*-1/2);
    --pf-c-menu__header--c-menu__item--MarginBottom: calc(var(--pf-c-menu__header--PaddingBottom)*-1/2);
    --pf-c-menu__header--c-menu__item--MarginLeft: calc(var(--pf-c-menu__header--PaddingLeft)*-1/2);
    --pf-c-menu__header--c-menu__item--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-menu__header--c-menu__item--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-menu__header--c-menu__item--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-menu__header--c-menu__item--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-menu__header--c-menu__item--BackgroundColor: transparent;
    --pf-c-menu__header--c-menu__item--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-menu__header--c-menu__item--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --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__header__search--PaddingTop: 0;
    --pf-c-menu__list--Display: block;
    --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--Display: flex;
    --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-danger__item--Color: var(--pf-global--danger-color--100);
    --pf-c-menu__list-item--m-load__item--Color: var(--pf-global--link--Color);
    --pf-c-menu__group--Display: block;
    --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--xs);
    --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--normal);
    --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-check--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--disabled--Color: var(--pf-global--disabled-color--200);
    --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__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: none;
    --pf-c-menu__footer--after--BorderTopWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-menu__footer--after--BorderTopColor: var(--pf-global--BorderColor--100);
    --pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
    --pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
    --pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    top: var(--pf-c-menu--Top);
    z-index: var(--pf-c-menu--ZIndex);
    width: var(--pf-c-menu--Width);
    min-width: var(--pf-c-menu--MinWidth);
    background-color: var(--pf-c-menu--BackgroundColor);
    box-shadow: var(--pf-c-menu--BoxShadow);
    --pf-c-menu--m-nav--BoxShadow: var(--pf-global--BoxShadow--lg);
    --pf-c-menu--m-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
    --pf-c-menu--m-nav__list--PaddingTop: 0;
    --pf-c-menu--m-nav__list--PaddingBottom: 0;
    --pf-c-menu--m-nav__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-menu--m-nav__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-menu--m-nav__list-item--active--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-menu--m-nav__item--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-menu--m-nav__item--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-menu--m-nav__item--Color: var(--pf-global--Color--light-100);
    --pf-c-menu--m-nav__item--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-menu--m-nav__item--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-menu--m-nav__item--before--BorderBottomColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-menu--m-nav__item--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-menu--m-nav__item--hover--after--BorderLeftColor: var(--pf-global--BorderColor--200);
    --pf-c-menu--m-nav__item--hover--after--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-menu--m-nav__item--hover--after--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth)*-1);
    --pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
    --pf-c-menu--m-nav__item-description--Color: var(--pf-global--Color--light-200);
    --pf-c-menu--m-nav--c-menu--left-offset: 0.25rem;
    --pf-c-menu--m-nav--c-menu--m-top--bottom-offset: 0;
    --pf-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
    --pf-c-menu--m-nav--c-menu--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth)*-1);
    --pf-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-c-menu--m-nav--c-menu--left-offset));
    --pf-c-menu--m-nav--c-menu--m-left--Right: calc(100% - var(--pf-c-menu--m-nav--c-menu--m-left--right-offset));
    --pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
    --pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0
}

.pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
    overflow: visible
}

.pf-c-menu .pf-c-divider {
    margin-top: var(--pf-c-menu--c-divider--MarginTop);
    margin-bottom: var(--pf-c-menu--c-divider--MarginBottom)
}

.pf-c-menu .pf-c-menu.pf-m-flyout,.pf-c-menu.pf-m-flyout .pf-c-menu {
    position: absolute;
    top: var(--pf-c-menu--m-flyout__menu--Top);
    right: var(--pf-c-menu--m-flyout__menu--Right);
    bottom: var(--pf-c-menu--m-flyout__menu--Bottom);
    left: var(--pf-c-menu--m-flyout__menu--Left)
}

.pf-c-menu .pf-c-menu.pf-m-flyout .pf-c-menu__content,.pf-c-menu.pf-m-flyout .pf-c-menu .pf-c-menu__content {
    overflow-y: visible
}

.pf-c-menu.pf-m-top {
    --pf-c-menu--m-flyout__menu--Top: auto;
    --pf-c-menu--m-flyout__menu--Bottom: var(--pf-c-menu--m-flyout__menu--m-top--Bottom)
}

.pf-c-menu.pf-m-left {
    --pf-c-menu--m-flyout__menu--Right: var(--pf-c-menu--m-flyout__menu--m-left--Right);
    --pf-c-menu--m-flyout__menu--Left: auto
}

.pf-c-menu.pf-m-drilldown {
    display: flex;
    flex-direction: column
}

.pf-c-menu.pf-m-drilldown[hidden] {
    display: none
}

.pf-c-menu.pf-m-drilldown>.pf-c-menu__content {
    flex-grow: 1;
    overflow: hidden;
    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 {
    transform: translateX(-100%)
}

.pf-c-menu.pf-m-drilldown>.pf-c-menu__content .pf-c-menu {
    --pf-c-menu--BoxShadow: none;
    position: absolute;
    top: var(--pf-c-menu--m-drilldown--c-menu--Top);
    left: 100%;
    width: 100%;
    transition: var(--pf-c-menu--m-drilldown--c-menu--Transition)
}

.pf-c-menu.pf-m-drilldown>.pf-c-menu__content .pf-c-menu.pf-m-drilled-in {
    transform: translateX(-100%)
}

.pf-c-menu.pf-m-drilldown .pf-c-menu__list {
    position: relative;
    overflow: hidden;
    transition: var(--pf-c-menu--m-drilldown__list--Transition)
}

.pf-c-menu.pf-m-drilldown .pf-c-menu__list .pf-c-menu__list {
    --pf-c-menu__list--PaddingTop: 0;
    --pf-c-menu__list--PaddingBottom: 0
}

.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.pf-m-static>.pf-c-menu {
    position: static
}

.pf-c-menu.pf-m-drilldown .pf-c-menu__list-item.pf-m-static:hover {
    background-color: transparent
}

.pf-c-menu.pf-m-drilldown .pf-c-menu__list-item:not(.pf-m-current-path) .pf-c-menu {
    display: none;
    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;
    visibility: hidden
}

.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.pf-m-drilled-in>.pf-c-menu__content>.pf-c-menu__list>.pf-c-menu__list-item.pf-m-current-path {
    visibility: hidden
}

.pf-c-menu.pf-m-plain {
    --pf-c-menu--BoxShadow: var(--pf-c-menu--m-plain--BoxShadow)
}

.pf-c-menu.pf-m-scrollable {
    --pf-c-menu__content--MaxHeight: var(--pf-c-menu--m-scrollable__content--MaxHeight);
    --pf-c-menu__footer--BoxShadow: var(--pf-c-menu--m-scrollable__footer--BoxShadow);
    --pf-c-menu__footer--after--BorderTopWidth: var(--pf-c-menu--m-scrollable__footer--after--BorderTopWidth)
}

.pf-c-menu.pf-m-scrollable .pf-c-menu__content {
    overflow-y: auto
}

.pf-c-menu.pf-m-nav,.pf-c-menu.pf-m-nav .pf-c-menu {
    --pf-c-menu--BackgroundColor: var(--pf-c-menu--m-nav--BackgroundColor);
    --pf-c-menu__list--PaddingTop: var(--pf-c-menu--m-nav__list--PaddingTop);
    --pf-c-menu__list--PaddingBottom: var(--pf-c-menu--m-nav__list--PaddingBottom);
    --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-c-menu--m-nav__list-item--hover--BackgroundColor);
    --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-c-menu--m-nav__list-item--focus-within--BackgroundColor);
    --pf-c-menu__list-item--active--BackgroundColor: var(--pf-c-menu--m-nav__list-item--active--BackgroundColor);
    --pf-c-menu__item--Color: var(--pf-c-menu--m-nav__item--Color);
    --pf-c-menu__item--FontSize: var(--pf-c-menu--m-nav__item--FontSize);
    --pf-c-menu__item--OutlineOffset: var(--pf-c-menu--m-nav__item--OutlineOffset);
    --pf-c-menu__item--PaddingRight: var(--pf-c-menu--m-nav__item--PaddingRight);
    --pf-c-menu__item--PaddingLeft: var(--pf-c-menu--m-nav__item--PaddingLeft);
    --pf-c-menu__item-description--Color: var(--pf-c-menu--m-nav__item-description--Color);
    box-shadow: var(--pf-c-menu--m-nav--BoxShadow)
}

.pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item,.pf-c-menu.pf-m-nav .pf-c-menu__item {
    position: relative;
    outline-offset: var(--pf-c-nav__item--m-flyout--c-menu__item--OutlineOffset)
}

.pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item:before,.pf-c-menu.pf-m-nav .pf-c-menu__item:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-bottom: var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) solid var(--pf-c-menu--m-nav__item--before--BorderBottomColor)
}

.pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item:hover:after,.pf-c-menu.pf-m-nav .pf-c-menu__item:hover:after {
    position: absolute;
    top: var(--pf-c-menu--m-nav__item--hover--after--Top);
    bottom: 0;
    left: 0;
    content: "";
    border-left: var(--pf-c-menu--m-nav__item--hover--after--BorderLeftWidth) solid var(--pf-c-menu--m-nav__item--hover--after--BorderLeftColor)
}

.pf-c-menu.pf-m-nav .pf-c-menu {
    width: 100%
}

.pf-c-menu.pf-m-flyout.pf-m-nav,.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu {
    top: var(--pf-c-menu--m-nav--c-menu--Top);
    left: var(--pf-c-menu--m-nav--c-menu--Left)
}

.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu.pf-m-top,.pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-top {
    --pf-c-menu--m-nav--c-menu--Top: auto;
    bottom: var(--pf-c-menu--m-nav--c-menu--m-top--Bottom)
}

.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu.pf-m-left,.pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-left {
    --pf-c-menu--m-nav--c-menu--Left: auto;
    right: var(--pf-c-menu--m-nav--c-menu--m-left--Right)
}

.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu .pf-c-menu__list-item:first-child,.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child {
    --pf-c-menu--m-nav__item--hover--after--Top: var(--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top)
}

.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu .pf-c-menu__list-item:first-child .pf-c-menu,.pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child .pf-c-menu {
    --pf-c-menu--m-nav--c-menu--Top: var(--pf-c-menu--m-nav__list-item--first-child--c-menu--Top)
}

.pf-c-menu__breadcrumb {
    display: flex;
    align-items: center;
    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 {
    --pf-c-menu__item--PaddingTop: var(--pf-c-menu__header--c-menu__item--PaddingTop);
    --pf-c-menu__item--PaddingRight: var(--pf-c-menu__header--c-menu__item--PaddingRight);
    --pf-c-menu__item--PaddingBottom: var(--pf-c-menu__header--c-menu__item--PaddingBottom);
    --pf-c-menu__item--PaddingLeft: var(--pf-c-menu__header--c-menu__item--PaddingLeft);
    padding-top: var(--pf-c-menu__header--PaddingTop);
    padding-right: var(--pf-c-menu__header--PaddingRight);
    padding-bottom: var(--pf-c-menu__header--PaddingBottom);
    padding-left: var(--pf-c-menu__header--PaddingLeft)
}

.pf-c-menu__header>.pf-c-menu__item {
    --pf-c-menu__item--BackgroundColor: var(--pf-c-menu__header--c-menu__item--BackgroundColor);
    margin-top: var(--pf-c-menu__header--c-menu__item--MarginTop);
    margin-right: var(--pf-c-menu__header--c-menu__item--MarginRight);
    margin-bottom: var(--pf-c-menu__header--c-menu__item--MarginBottom);
    margin-left: var(--pf-c-menu__header--c-menu__item--MarginLeft)
}

.pf-c-menu__header>.pf-c-menu__item:hover {
    --pf-c-menu__item--BackgroundColor: var(--pf-c-menu__header--c-menu__item--hover--BackgroundColor)
}

.pf-c-menu__header>.pf-c-menu__item:focus {
    --pf-c-menu__item--BackgroundColor: var(--pf-c-menu__header--c-menu__item--focus--BackgroundColor)
}

.pf-c-menu__header+.pf-c-menu__search {
    --pf-c-menu__search--PaddingTop: var(--pf-c-menu__header__search--PaddingTop)
}

.pf-c-menu__search {
    padding-top: var(--pf-c-menu__search--PaddingTop);
    padding-right: var(--pf-c-menu__search--PaddingRight);
    padding-bottom: var(--pf-c-menu__search--PaddingBottom);
    padding-left: var(--pf-c-menu__search--PaddingLeft)
}

.pf-c-menu__list {
    --pf-hidden-visible--visible--Display: var(--pf-c-menu__list--Display);
    padding-top: var(--pf-c-menu__list--PaddingTop);
    padding-bottom: var(--pf-c-menu__list--PaddingBottom)
}

.pf-c-menu__list>.pf-c-divider {
    margin-top: var(--pf-c-menu__list--c-divider--MarginTop);
    margin-bottom: var(--pf-c-menu__list--c-divider--MarginBottom)
}

.pf-c-menu__list-item {
    --pf-hidden-visible--visible--Display: var(--pf-c-menu__list-item--Display);
    position: relative;
    color: var(--pf-c-menu__list-item--Color);
    background-color: var(--pf-c-menu__list-item--BackgroundColor)
}

.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--Color: var(--pf-c-menu__list-item--hover--Color,inherit)
}

.pf-c-menu__list-item.pf-m-focus,.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--Color: var(--pf-c-menu__list-item--focus-within--Color,inherit)
}

.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-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;
    justify-content: center;
    padding-top: var(--pf-c-menu__list-item--m-loading--PaddingTop);
    overflow: hidden
}

.pf-c-menu__list-item.pf-m-danger {
    --pf-c-menu__item--Color: var(--pf-c-menu__list-item--m-danger__item--Color,inherit)
}

.pf-c-menu__item {
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    min-width: 0;
    padding-top: var(--pf-c-menu__item--PaddingTop);
    padding-right: var(--pf-c-menu__item--PaddingRight);
    padding-bottom: var(--pf-c-menu__item--PaddingBottom);
    padding-left: var(--pf-c-menu__item--PaddingLeft);
    font-size: var(--pf-c-menu__item--FontSize);
    font-weight: var(--pf-c-menu__item--FontWeight);
    line-height: var(--pf-c-menu__item--LineHeight);
    color: var(--pf-c-menu__item--Color);
    text-align: left;
    background-color: var(--pf-c-menu__item--BackgroundColor);
    border: none
}

.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
}

label.pf-c-menu__item:where(:not([disabled],.pf-m-disabled)) {
    cursor: pointer
}

.pf-c-menu__item-main {
    display: flex;
    align-items: center;
    width: 100%
}

.pf-c-menu__item-external-icon {
    margin-left: var(--pf-c-menu__item-external-icon--MarginLeft);
    font-size: var(--pf-c-menu__item-external-icon--FontSize);
    color: var(--pf-c-menu__item-external-icon--Color);
    opacity: var(--pf-c-menu__item-external-icon--Opacity)
}

.pf-c-menu__item-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-grow: 1
}

.pf-c-menu__group {
    --pf-hidden-visible--visible--Display: var(--pf-c-menu__group--Display)
}

.pf-c-menu__group-title {
    padding-top: var(--pf-c-menu__group-title--PaddingTop);
    padding-right: var(--pf-c-menu__group-title--PaddingRight);
    padding-left: var(--pf-c-menu__group-title--PaddingLeft);
    font-size: var(--pf-c-menu__group-title--FontSize);
    font-weight: var(--pf-c-menu__group-title--FontWeight);
    color: var(--pf-c-menu__group-title--Color)
}

.pf-c-menu__item-description {
    font-size: var(--pf-c-menu__item-description--FontSize);
    color: var(--pf-c-menu__item-description--Color);
    word-break: break-all
}

.pf-c-menu__item-icon {
    margin-right: var(--pf-c-menu__item-icon--MarginRight)
}

.pf-c-menu__item-check {
    display: flex;
    align-items: center;
    margin-right: var(--pf-c-menu__item-check--MarginRight)
}

.pf-c-menu__item-toggle-icon {
    padding-right: var(--pf-c-menu__item-toggle-icon--PaddingRight);
    padding-left: var(--pf-c-menu__item-toggle-icon--PaddingLeft);
    color: var(--pf-c-menu__item-toggle-icon,inherit)
}

.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 {
    margin-left: var(--pf-c-menu__item-select-icon--MarginLeft);
    font-size: var(--pf-c-menu__item-select-icon--FontSize);
    color: var(--pf-c-menu__item-select-icon--Color);
    opacity: 0
}

.pf-c-menu__item-action {
    display: flex;
    padding-top: var(--pf-c-menu__item-action--PaddingTop);
    padding-right: var(--pf-c-menu__item-action--PaddingRight);
    padding-bottom: var(--pf-c-menu__item-action--PaddingBottom);
    padding-left: var(--pf-c-menu__item-action--PaddingLeft);
    color: var(--pf-c-menu__item-action--Color);
    border: none
}

.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:disabled {
    --pf-c-menu__item-action--Color: var(--pf-c-menu__item-action--disabled--Color)
}

.pf-c-menu__item-action-icon {
    display: flex;
    align-items: center;
    height: var(--pf-c-menu__item-action-icon--Height)
}

.pf-c-menu__footer {
    position: relative;
    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);
    box-shadow: var(--pf-c-menu__footer--BoxShadow)
}

.pf-c-menu__footer:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: "";
    border-top: var(--pf-c-menu__footer--after--BorderTopWidth) solid var(--pf-c-menu__footer--after--BorderTopColor)
}

:where(.pf-theme-dark) .pf-c-menu {
    --pf-c-menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--Color--200)
}

.pf-c-menu-toggle {
    --pf-c-menu-toggle--BorderRadius: 0;
    --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--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --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--BorderRadius: var(--pf-global--BorderRadius--sm);
    --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-secondary--Color: var(--pf-global--primary-color--100);
    --pf-c-menu-toggle--m-secondary--BorderRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-menu-toggle--m-secondary--BackgroundColor: transparent;
    --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-menu-toggle--m-secondary--hover--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-menu-toggle--m-secondary--focus--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-menu-toggle--m-secondary--active--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-menu-toggle--m-secondary--hover--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-menu-toggle--m-secondary--focus--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-menu-toggle--m-secondary--active--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-menu-toggle--m-secondary--m-expanded--Color: var(--pf-global--primary-color--100);
    --pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
    --pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
    --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__controls--MarginLeft: auto;
    --pf-c-menu-toggle__controls--MarginRight: 0;
    --pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
    --pf-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
    --pf-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-global--Color--100);
    --pf-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-global--Color--100);
    --pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
    --pf-c-menu-toggle--m-full-height--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
    --pf-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-menu-toggle--m-full-height--active--after--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-menu-toggle--m-split-button--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-global--Color--dark-200);
    --pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
    --pf-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
    --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-global--BorderColor--300);
    --pf-c-menu-toggle--m-split-button--m-action--child--after--Left: 0;
    --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-global--BorderColor--200);
    --pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor: var(--pf-global--active-color--100);
    --pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-global--BorderRadius--sm);
    --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-global--primary-color--100);
    --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
    --pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
    --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
    --pf-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-global--spacer--sm);
    position: relative;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    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);
    font-size: var(--pf-c-menu-toggle--FontSize);
    line-height: var(--pf-c-menu-toggle--LineHeight);
    color: var(--pf-c-menu-toggle--Color);
    cursor: pointer;
    background-color: var(--pf-c-menu-toggle--BackgroundColor);
    border: 0;
    border-radius: var(--pf-c-menu-toggle--BorderRadius)
}

.pf-c-menu-toggle:after,.pf-c-menu-toggle:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: ""
}

.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--BorderRadius: var(--pf-c-menu-toggle--m-primary--BorderRadius);
    --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-primary,.pf-c-menu-toggle.pf-m-primary:before {
    border-radius: var(--pf-c-menu-toggle--m-primary--BorderRadius)
}

.pf-c-menu-toggle.pf-m-secondary {
    --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-secondary--Color);
    --pf-c-menu-toggle--m-expanded--Color: var(--pf-c-menu-toggle--m-secondary--m-expanded--Color)
}

.pf-c-menu-toggle.pf-m-secondary,.pf-c-menu-toggle.pf-m-secondary:before {
    border-radius: var(--pf-c-menu-toggle--m-secondary--BorderRadius)
}

.pf-c-menu-toggle.pf-m-secondary:before {
    border-color: var(--pf-c-menu-toggle--m-secondary--before--BorderColor);
    border-width: var(--pf-c-menu-toggle--m-secondary--before--BorderWidth)
}

.pf-c-menu-toggle.pf-m-secondary:after {
    border: 0
}

.pf-c-menu-toggle.pf-m-secondary:hover {
    --pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-c-menu-toggle--m-secondary--hover--before--BorderColor);
    --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-secondary--hover--before--BorderWidth)
}

.pf-c-menu-toggle.pf-m-secondary:focus {
    --pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-c-menu-toggle--m-secondary--focus--before--BorderColor);
    --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-secondary--focus--before--BorderWidth)
}

.pf-c-menu-toggle.pf-m-secondary:active {
    --pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-c-menu-toggle--m-secondary--active--before--BorderColor);
    --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-secondary--active--before--BorderWidth)
}

.pf-c-menu-toggle.pf-m-secondary.pf-m-expanded {
    --pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
    --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth)
}

.pf-c-menu-toggle.pf-m-plain {
    --pf-c-menu-toggle__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain__toggle-icon--Color)
}

.pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
    --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;
    display: inline-block;
    color: var(--pf-c-menu-toggle--m-plain--Color)
}

.pf-c-menu-toggle:hover {
    --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--hover--BackgroundColor);
    --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--hover--after--BorderBottomWidth);
    --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--hover--after--BorderBottomColor);
    --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--hover__toggle-icon--Color);
    --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--hover--Color)
}

.pf-c-menu-toggle:focus,.pf-c-menu-toggle:focus-within {
    --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--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--focus__toggle-icon--Color);
    --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--focus--Color)
}

.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--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--active__toggle-icon--Color);
    --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--active--Color)
}

.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--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color);
    --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--m-expanded--Color)
}

.pf-c-menu-toggle.pf-m-disabled,.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);
    --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--disabled--Color);
    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.pf-m-full-height {
    --pf-c-menu-toggle--PaddingRight: var(--pf-c-menu-toggle--m-full-height--PaddingRight);
    --pf-c-menu-toggle--PaddingLeft: var(--pf-c-menu-toggle--m-full-height--PaddingLeft);
    --pf-c-menu-toggle--before--BorderTopWidth: var(--pf-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth);
    --pf-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth);
    --pf-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth);
    --pf-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth);
    --pf-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-full-height--active--after--BorderBottomWidth);
    height: 100%
}

.pf-c-menu-toggle.pf-m-typeahead {
    --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-c-menu-toggle--m-typeahead__controls--MarginRight);
    --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-c-menu-toggle--m-typeahead__controls--MarginLeft);
    align-items: stretch;
    padding: 0
}

.pf-c-menu-toggle.pf-m-typeahead .pf-c-text-input-group {
    --pf-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight);
    --pf-c-text-input-group__utilities--MarginRight: 0;
    flex: 1
}

.pf-c-menu-toggle.pf-m-split-button {
    padding: 0
}

.pf-c-menu-toggle.pf-m-split-button>* {
    position: relative;
    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)
}

.pf-c-menu-toggle.pf-m-split-button>:first-child {
    padding-right: var(--pf-c-menu-toggle--m-split-button--first-child--PaddingRight)
}

.pf-c-menu-toggle.pf-m-split-button:where(:not(.pf-m-action))>:last-child {
    padding-left: var(--pf-c-menu-toggle--m-split-button--last-child--PaddingLeft)
}

.pf-c-menu-toggle.pf-m-split-button>.pf-c-check {
    --pf-c-menu-toggle--PaddingRight: 0;
    --pf-c-check__input--MarginTop: 0;
    --pf-c-check__label--Color: currentcolor;
    align-items: center;
    align-self: stretch
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary,.pf-m-secondary,.pf-m-disabled))>:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: var(--pf-c-menu-toggle--m-split-button--m-action--child--after--Left);
    pointer-events: none;
    content: "";
    border-bottom: var(--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth) solid var(--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor)
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary,.pf-m-secondary,.pf-m-disabled))>:hover {
    --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth);
    --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor)
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary,.pf-m-secondary,.pf-m-disabled))>:focus {
    --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth);
    --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor)
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary,.pf-m-secondary,.pf-m-disabled))>.pf-m-active,.pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary,.pf-m-secondary,.pf-m-disabled))>:active {
    --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth);
    --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor)
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
    --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor);
    --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary>:where(:not(.pf-m-disabled):not([disabled])) {
    background-color: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor)
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary>:where(:not(.pf-m-disabled):not([disabled])):hover {
    --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor)
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary>:where(:not(.pf-m-disabled):not([disabled])):focus {
    --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor)
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary>:where(:not(.pf-m-disabled):not([disabled])).pf-m-active,.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary>:where(:not(.pf-m-disabled):not([disabled])):active {
    --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor)
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
    --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor)
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
    --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor)
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary,.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
    --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary>:first-child,.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary>:first-child {
    border-top-left-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
    border-bottom-left-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius)
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary>:last-child,.pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary>:last-child {
    border-top-right-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
    border-bottom-right-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius)
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-action>:not(:first-child) {
    --pf-c-menu-toggle--m-split-button--m-action--child--after--Left: calc(var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth)*-1);
    border-left: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) solid var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor)
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-action:not(.pf-m-expanded) {
    --pf-c-menu-toggle--after--BorderBottomColor: transparent
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-disabled,.pf-c-menu-toggle.pf-m-split-button:disabled {
    --pf-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
    --pf-c-menu-toggle--m-split-button--child--Color: var(--pf-c-menu-toggle--m-split-button--child--disabled--Color);
    --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent
}

.pf-c-menu-toggle.pf-m-split-button.pf-m-disabled:after,.pf-c-menu-toggle.pf-m-split-button.pf-m-disabled:before,.pf-c-menu-toggle.pf-m-split-button:disabled:after,.pf-c-menu-toggle.pf-m-split-button:disabled:before {
    content: none
}

.pf-c-menu-toggle.pf-m-split-button>.pf-m-disabled,.pf-c-menu-toggle.pf-m-split-button>:disabled {
    --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
    color: var(--pf-c-menu-toggle--m-split-button--child--disabled--Color);
    background-color: var(--pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor)
}

.pf-c-menu-toggle.pf-m-split-button,.pf-c-menu-toggle.pf-m-typeahead {
    --pf-c-menu-toggle__toggle-icon--MarginRight: 0
}

.pf-c-menu-toggle.pf-m-full-width {
    width: 100%
}

.pf-c-menu-toggle__button {
    --pf-c-menu-toggle__controls--PaddingLeft: 0;
    --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
    --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
    color: inherit;
    border: 0
}

.pf-c-menu-toggle__icon {
    display: inline-flex;
    align-self: center;
    flex-shrink: 0;
    margin-right: var(--pf-c-menu-toggle__icon--MarginRight);
    line-height: 1
}

.pf-c-menu-toggle__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0
}

.pf-c-menu-toggle__count {
    display: flex;
    align-items: center;
    margin-left: var(--pf-c-menu-toggle__count--MarginLeft)
}

.pf-c-menu-toggle__controls {
    padding-left: var(--pf-c-menu-toggle__controls--PaddingLeft);
    margin-right: var(--pf-c-menu-toggle__controls--MarginRight);
    margin-left: var(--pf-c-menu-toggle__controls--MarginLeft)
}

.pf-c-menu-toggle__toggle-icon {
    margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight);
    color: var(--pf-c-menu-toggle__toggle-icon--Color,inherit)
}

:where(.pf-theme-dark) .pf-c-menu-toggle {
    --pf-c-menu-toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-menu-toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-menu-toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-menu-toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-menu-toggle--before--BorderTopColor: transparent;
    --pf-c-menu-toggle--before--BorderRightColor: transparent;
    --pf-c-menu-toggle--before--BorderBottomColor: transparent;
    --pf-c-menu-toggle--before--BorderLeftColor: transparent;
    --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-global--BorderColor--400);
    --pf-c-menu-toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
    --pf-c-menu-toggle--disabled--Color: var(--pf-global--palette--black-100);
    --pf-c-menu-toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--300)
}

:where(.pf-theme-dark) .pf-c-menu-toggle.pf-m-plain {
    background: transparent
}

.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);
    position: relative;
    z-index: var(--pf-c-modal-box--ZIndex);
    display: flex;
    flex-direction: column;
    width: var(--pf-c-modal-box--Width);
    max-width: var(--pf-c-modal-box--MaxWidth);
    max-height: var(--pf-c-modal-box--MaxHeight);
    background-color: var(--pf-c-modal-box--BackgroundColor);
    box-shadow: var(--pf-c-modal-box--BoxShadow)
}

@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 {
    top: var(--pf-c-modal-box--m-align-top--MarginTop);
    align-self: flex-start;
    max-width: var(--pf-c-modal-box--m-align-top--MaxWidth);
    max-height: var(--pf-c-modal-box--m-align-top--MaxHeight)
}

.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 {
    position: absolute;
    top: var(--pf-c-modal-box--c-button--Top);
    right: var(--pf-c-modal-box--c-button--Right)
}

.pf-c-modal-box>.pf-c-button+* {
    margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight)
}

.pf-c-modal-box__header {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    padding-top: var(--pf-c-modal-box__header--PaddingTop);
    padding-right: var(--pf-c-modal-box__header--PaddingRight);
    padding-left: var(--pf-c-modal-box__header--PaddingLeft)
}

.pf-c-modal-box__header.pf-m-help {
    display: flex;
    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 {
    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 {
    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: flex
}

.pf-c-modal-box__title-icon {
    margin-right: var(--pf-c-modal-box__title-icon--MarginRight);
    color: var(--pf-c-modal-box__title-icon--Color)
}

.pf-c-modal-box__description {
    padding-top: var(--pf-c-modal-box__description--PaddingTop)
}

.pf-c-modal-box__body {
    flex: 1 1 auto;
    min-height: var(--pf-c-modal-box__body--MinHeight);
    padding-top: var(--pf-c-modal-box__body--PaddingTop);
    padding-right: var(--pf-c-modal-box__body--PaddingRight);
    padding-left: var(--pf-c-modal-box__body--PaddingLeft);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    word-break: break-word;
    -webkit-overflow-scrolling: touch
}

.pf-c-modal-box__body:last-child {
    padding-bottom: var(--pf-c-modal-box__body--last-child--PaddingBottom)
}

.pf-c-modal-box__footer {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    padding-top: var(--pf-c-modal-box__footer--PaddingTop);
    padding-right: var(--pf-c-modal-box__footer--PaddingRight);
    padding-bottom: var(--pf-c-modal-box__footer--PaddingBottom);
    padding-left: 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)
    }
}

:where(.pf-theme-dark) .pf-c-modal-box {
    --pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--300)
}

.pf-c-multiple-file-upload {
    --pf-c-multiple-file-upload--GridTemplateColumns: 1fr;
    --pf-c-multiple-file-upload--Gap: var(--pf-global--spacer--lg);
    --pf-c-multiple-file-upload__main--TextAlign: center;
    --pf-c-multiple-file-upload__main--GridTemplateColumns: auto;
    --pf-c-multiple-file-upload__main--GridTemplateRows: auto;
    --pf-c-multiple-file-upload__main--GridTemplateAreas: "title" "upload" "info";
    --pf-c-multiple-file-upload__main--Gap: var(--pf-global--spacer--md);
    --pf-c-multiple-file-upload__main--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-multiple-file-upload__main--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-multiple-file-upload__main--PaddingBottom: var(--pf-global--spacer--xl);
    --pf-c-multiple-file-upload__main--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-multiple-file-upload__main--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-multiple-file-upload__main--BorderStyle: dashed;
    --pf-c-multiple-file-upload__main--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-multiple-file-upload__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-multiple-file-upload__title--Display: grid;
    --pf-c-multiple-file-upload__title--GridTemplateColumns: auto;
    --pf-c-multiple-file-upload__title--Gap: var(--pf-global--spacer--sm);
    --pf-c-multiple-file-upload__title-icon--Color: var(--pf-global--Color--200);
    --pf-c-multiple-file-upload__title-text-separator--Display: block;
    --pf-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-multiple-file-upload__info--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-multiple-file-upload__info--Color: var(--pf-global--Color--200);
    --pf-c-multiple-file-upload__info--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-multiple-file-upload--m-drag-over__main--BorderStyle: solid;
    --pf-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-global--active-color--100);
    --pf-c-multiple-file-upload--m-drag-over__main--BackgroundColor: var(--pf-global--palette--blue-50);
    --pf-c-multiple-file-upload--m-drag-over__main__title-icon--Color: var(--pf-global--active-color--100);
    --pf-c-multiple-file-upload--m-drag-over__main__title-text--Color: var(--pf-global--active-color--100);
    --pf-c-multiple-file-upload--m-drag-over__main__info--Color: var(--pf-global--active-color--100);
    --pf-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
    --pf-c-multiple-file-upload--m-horizontal__main--TextAlign: left;
    --pf-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
    --pf-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas: "title upload" "info upload";
    --pf-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-global--spacer--sm) var(--pf-global--spacer--2xl);
    --pf-c-multiple-file-upload--m-horizontal__main--PaddingBottom: var(--pf-global--spacer--lg);
    --pf-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
    --pf-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-global--spacer--xs);
    --pf-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
    --pf-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop: 0;
    --pf-c-multiple-file-upload--m-horizontal__info--MarginTop: 0;
    --pf-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
    --pf-c-multiple-file-upload__status-progress--Gap: var(--pf-global--spacer--sm);
    --pf-c-multiple-file-upload__status-progress-icon--Color: var(--pf-global--Color--200);
    --pf-c-multiple-file-upload__status-item--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-multiple-file-upload__status-item--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-multiple-file-upload__status-item--first-child--PaddingTop: 0;
    --pf-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
    --pf-c-multiple-file-upload__status-item--Gap: var(--pf-global--spacer--sm);
    --pf-c-multiple-file-upload__status-item--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-multiple-file-upload__status-item--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-multiple-file-upload__status-item-icon--Color: var(--pf-global--Color--200);
    --pf-c-multiple-file-upload__status-item-close--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
    --pf-c-multiple-file-upload__status-item-progress--Gap: var(--pf-global--spacer--sm);
    --pf-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-global--primary-color--100);
    --pf-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-global--Color--200);
    display: grid;
    gap: var(--pf-c-multiple-file-upload--Gap);
    grid-template-columns: var(--pf-c-multiple-file-upload--GridTemplateColumns)
}

.pf-c-multiple-file-upload.pf-m-horizontal {
    --pf-c-multiple-file-upload--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
    --pf-c-multiple-file-upload__main--TextAlign: var(--pf-c-multiple-file-upload--m-horizontal__main--TextAlign);
    --pf-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
    --pf-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
    --pf-c-multiple-file-upload__main--Gap: var(--pf-c-multiple-file-upload--m-horizontal__main--Gap);
    --pf-c-multiple-file-upload__main--PaddingBottom: var(--pf-c-multiple-file-upload--m-horizontal__main--PaddingBottom);
    --pf-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
    --pf-c-multiple-file-upload__title--Gap: var(--pf-c-multiple-file-upload--m-horizontal__title--Gap);
    --pf-c-multiple-file-upload__title-text-separator--Display: var(--pf-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
    --pf-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop);
    --pf-c-multiple-file-upload__info--MarginTop: var(--pf-c-multiple-file-upload--m-horizontal__info--MarginTop)
}

.pf-c-multiple-file-upload.pf-m-drag-over {
    --pf-c-multiple-file-upload__main--BorderStyle: var(--pf-c-multiple-file-upload--m-drag-over__main--BorderStyle);
    --pf-c-multiple-file-upload__main--BorderColor: var(--pf-c-multiple-file-upload--m-drag-over__main--BorderColor);
    --pf-c-multiple-file-upload__main--BackgroundColor: var(--pf-c-multiple-file-upload--m-drag-over__main--BackgroundColor);
    --pf-c-multiple-file-upload__title-icon--Color: var(--pf-c-multiple-file-upload--m-drag-over__main__title-icon--Color);
    --pf-c-multiple-file-upload__title-text--Color: var(--pf-c-multiple-file-upload--m-drag-over__main__title-text--Color);
    --pf-c-multiple-file-upload__info--Color: var(--pf-c-multiple-file-upload--m-drag-over__main__info--Color)
}

.pf-c-multiple-file-upload__main {
    display: grid;
    padding: var(--pf-c-multiple-file-upload__main--PaddingTop) var(--pf-c-multiple-file-upload__main--PaddingRight) var(--pf-c-multiple-file-upload__main--PaddingBottom) var(--pf-c-multiple-file-upload__main--PaddingLeft);
    text-align: var(--pf-c-multiple-file-upload__main--TextAlign);
    background-color: var(--pf-c-multiple-file-upload__main--BackgroundColor);
    border: var(--pf-c-multiple-file-upload__main--BorderWidth) var(--pf-c-multiple-file-upload__main--BorderStyle) var(--pf-c-multiple-file-upload__main--BorderColor);
    grid-template-columns: var(--pf-c-multiple-file-upload__main--GridTemplateColumns);
    grid-template-rows: var(--pf-c-multiple-file-upload__main--GridTemplateRows);
    grid-template-areas: var(--pf-c-multiple-file-upload__main--GridTemplateAreas);
    gap: var(--pf-c-multiple-file-upload__main--Gap)
}

.pf-c-multiple-file-upload__title {
    display: var(--pf-c-multiple-file-upload__title--Display);
    grid-template-columns: var(--pf-c-multiple-file-upload__title--GridTemplateColumns);
    gap: var(--pf-c-multiple-file-upload__title--Gap);
    grid-area: title
}

.pf-c-multiple-file-upload__title-icon {
    color: var(--pf-c-multiple-file-upload__title-icon--Color)
}

.pf-c-multiple-file-upload__title-text {
    color: var(--pf-c-multiple-file-upload__title-text--Color,inherit)
}

.pf-c-multiple-file-upload__title-text-separator {
    display: var(--pf-c-multiple-file-upload__title-text-separator--Display);
    margin-top: var(--pf-c-multiple-file-upload__title-text-separator--MarginTop)
}

.pf-c-multiple-file-upload__upload {
    grid-area: upload
}

.pf-c-multiple-file-upload__info {
    grid-area: info;
    margin-top: var(--pf-c-multiple-file-upload__info--MarginTop);
    font-size: var(--pf-c-multiple-file-upload__info--FontSize);
    color: var(--pf-c-multiple-file-upload__info--Color)
}

.pf-c-multiple-file-upload__status,.pf-c-multiple-file-upload__status-item-main {
    min-width: 0
}

.pf-c-multiple-file-upload__status-progress {
    display: grid;
    grid-template-columns: var(--pf-c-multiple-file-upload__status-progress--GridTemplateColumns);
    gap: var(--pf-c-multiple-file-upload__status-progress--Gap)
}

.pf-c-multiple-file-upload__status-progress-icon {
    color: var(--pf-c-multiple-file-upload__status-progress-icon--Color)
}

.pf-c-multiple-file-upload__status-item {
    display: grid;
    grid-template-columns: var(--pf-c-multiple-file-upload__status-item--GridTemplateColumns);
    gap: var(--pf-c-multiple-file-upload__status-item--Gap);
    padding-top: var(--pf-c-multiple-file-upload__status-item--PaddingTop);
    padding-bottom: var(--pf-c-multiple-file-upload__status-item--PaddingBottom);
    border-bottom: var(--pf-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-c-multiple-file-upload__status-item--BorderColor)
}

.pf-c-multiple-file-upload__status-item:first-child {
    --pf-c-multiple-file-upload__status-item--PaddingTop: var(--pf-c-multiple-file-upload__status-item--first-child--PaddingTop)
}

.pf-c-multiple-file-upload__status-item-icon {
    color: var(--pf-c-multiple-file-upload__status-item-icon--Color)
}

.pf-c-multiple-file-upload__status-item-close {
    margin-top: var(--pf-c-multiple-file-upload__status-item-close--MarginTop)
}

.pf-c-multiple-file-upload__status-item-progress {
    display: grid;
    grid-template-columns: var(--pf-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
    gap: var(--pf-c-multiple-file-upload__status-item-progress--Gap)
}

.pf-c-multiple-file-upload__status-item-progress-text {
    color: var(--pf-c-multiple-file-upload__status-item-progress-text--Color)
}

.pf-c-multiple-file-upload__status-item-progress-size {
    color: var(--pf-c-multiple-file-upload__status-item-progress-size--Color)
}

.pf-c-nav {
    --pf-c-nav--Transition: var(--pf-global--Transition);
    --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__item__link--PaddingRight: var(--pf-global--spacer--xl);
    --pf-c-nav__item__item__toggle--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-nav__item__toggle-icon--Rotate: 0;
    --pf-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
    --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--m-horizontal-subnav__link--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-nav--m-horizontal-subnav__link--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-nav--m-horizontal-subnav__link--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-nav--m-horizontal-subnav__link--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-nav--m-horizontal-subnav__link--xl--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-nav--m-horizontal-subnav__link--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-nav--m-horizontal-subnav__link--xl--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-nav--m-horizontal-subnav__link--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-nav--m-horizontal-subnav__link--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-nav--m-horizontal-subnav__link--Color: var(--pf-global--Color--light-200);
    --pf-c-nav--m-horizontal-subnav__link--hover--Color: var(--pf-global--Color--light-100);
    --pf-c-nav--m-horizontal-subnav__link--focus--Color: var(--pf-global--Color--light-100);
    --pf-c-nav--m-horizontal-subnav__link--active--Color: var(--pf-global--Color--light-100);
    --pf-c-nav--m-horizontal-subnav__link--m-current--Color: var(--pf-global--Color--light-100);
    --pf-c-nav--m-horizontal-subnav__link--BackgroundColor: transparent;
    --pf-c-nav--m-horizontal-subnav__link--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-nav--m-horizontal-subnav__link--focus--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-nav--m-horizontal-subnav__link--active--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-nav--m-horizontal-subnav__link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--dark-400);
    --pf-c-nav--m-horizontal-subnav__link--before--BorderColor: transparent;
    --pf-c-nav--m-horizontal-subnav__link--after--BorderColor: var(--pf-global--palette--black-800);
    --pf-c-nav--m-horizontal-subnav__link--hover--after--BorderColor: var(--pf-global--palette--black-800);
    --pf-c-nav--m-horizontal-subnav__link--active--after--BorderColor: var(--pf-global--palette--black-800);
    --pf-c-nav--m-horizontal-subnav__link--m-current--after--BorderColor: var(--pf-global--palette--black-800);
    --pf-c-nav--m-horizontal-subnav__link--after--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-nav--m-horizontal-subnav__link--hover--after--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-nav--m-horizontal-subnav__link--active--after--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-nav--m-horizontal-subnav__link--m-current--after--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
    --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__subnav__subnav--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-nav__subnav__subnav__link--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-nav__subnav__subnav__link--FontSize: var(--pf-global--FontSize--xs);
    --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;
    --pf-c-nav__item--m-flyout--c-menu--top-offset: 0px;
    --pf-c-nav__item--m-flyout--c-menu--left-offset: 0.25rem;
    --pf-c-nav__item--m-flyout--c-menu--m-top--bottom-offset: 0px;
    --pf-c-nav__item--m-flyout--c-menu--m-left--right-offset: 0.25rem;
    --pf-c-nav__item--m-flyout--MarginTop: 0;
    --pf-c-nav__item--m-flyout--hover__link--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-nav__item--m-flyout--focus__link--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-nav__item--m-flyout--active__link--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-nav__item--m-flyout--hover__link--before--BorderWidth: 0;
    --pf-c-nav__item--m-flyout--focus__link--before--BorderWidth: 0;
    --pf-c-nav__item--m-flyout--active__link--before--BorderWidth: 0;
    --pf-c-nav__item--m-flyout__item--last-child__link--before--BorderBottomWidth: 0;
    --pf-c-nav__item--m-flyout--c-menu--Top: calc(var(--pf-c-nav__item--m-flyout--c-menu--top-offset));
    --pf-c-nav__item--m-flyout--c-menu--c-menu--Top: calc(var(--pf-c-nav__item--m-flyout--c-menu--Top) - var(--pf-c-nav__item--before--BorderWidth));
    --pf-c-nav__item--m-flyout--c-menu__list-item--first-child--c-menu--Top: 0;
    --pf-c-nav__item--m-flyout--c-menu--Left: calc(100% - var(--pf-c-nav__item--m-flyout--c-menu--left-offset));
    --pf-c-nav__item--m-flyout--c-menu--m-left--Right: calc(100% - var(--pf-c-nav__item--m-flyout--c-menu--m-left--right-offset));
    --pf-c-nav__item--m-flyout--c-menu--m-top--Bottom: calc(var(--pf-c-nav__item--m-flyout--c-menu--m-top--bottom-offset));
    --pf-c-nav__item--m-flyout--c-menu--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
    --pf-c-nav__item--m-flyout--c-menu__item--Color: var(--pf-c-nav__link--Color);
    --pf-c-nav__item--m-flyout--c-menu__item--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-nav__item--m-flyout--c-menu__item--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-nav__item--m-flyout--c-menu__item--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-nav__item--m-flyout--c-menu__item--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-nav__item--m-flyout--c-menu__item-description--Color: var(--pf-global--Color--light-200);
    --pf-c-nav__item--m-flyout--c-menu__item--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-nav__item--m-flyout--c-menu__item--OutlineOffset: var(--pf-c-nav__link--OutlineOffset);
    --pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomWidth: var(--pf-c-nav__item--before--BorderWidth);
    --pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomColor: var(--pf-c-nav__item--before--BorderColor);
    --pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftColor: var(--pf-global--BorderColor--200);
    --pf-c-nav__item--m-flyout--c-menu__item--hover--after--Top: calc(var(--pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomWidth)*-1);
    --pf-c-nav__item--m-flyout--c-menu__list-item--hover--BackgroundColor: var(--pf-c-nav__link--hover--BackgroundColor);
    --pf-c-nav__item--m-flyout--c-menu__list-item--focus-within--BackgroundColor: var(--pf-c-nav__link--focus--BackgroundColor);
    --pf-c-nav__item--m-flyout--c-menu__list-item--active--BackgroundColor: var(--pf-c-nav__link--active--BackgroundColor);
    --pf-c-nav__item--m-flyout--c-menu__list-item--first-child__item--hover--after--Top: 0;
    --pf-c-nav__item--m-flyout--c-menu--BoxShadow: var(--pf-global--BoxShadow--lg);
    --pf-c-nav--c-menu--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
    --pf-c-nav--c-menu__list--PaddingTop: 0;
    --pf-c-nav--c-menu__list--PaddingBottom: 0;
    --pf-c-nav--c-menu__list-item--Color: var(--pf-global--Color--light-100);
    --pf-c-nav--c-menu__list-item--hover--Color: var(--pf-global--Color--light-100);
    --pf-c-nav--c-menu__list-item--active--Color: var(--pf-global--Color--light-100);
    --pf-c-nav--c-menu__list-item--focus-within--Color: var(--pf-global--Color--light-100);
    --pf-c-nav--c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-nav--c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth: var(--pf-global--BorderWidth--lg);
    --pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-nav--c-menu__item--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-nav--c-menu__item--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-nav--c-menu__item--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-nav--c-menu__item--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-nav--c-menu__item--xl--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-nav--c-menu__item--xl--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-nav--c-menu__item--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-nav--c-menu__item--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-nav--c-menu__item--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-nav--c-menu__item--before--BorderBottomColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-nav--c-menu__item--after--BorderLeftWidth: 0;
    --pf-c-nav--c-menu__item--after--BorderLeftColor: transparent;
    --pf-c-nav--c-menu__item--m-current--BackgroundColor: var(--pf-global--BackgroundColor--dark-400);
    --pf-c-nav--c-menu__item--m-current--after--BorderLeftWidth: var(--pf-global--BorderWidth--xl);
    --pf-c-nav--c-menu__item--m-current--after--BorderColor: var(--pf-global--active-color--400);
    --pf-c-nav--c-menu__item-description--Color: var(--pf-global--Color--400);
    --pf-c-nav--c-menu--m-flyout--left-offset: 0.25rem;
    --pf-c-nav--c-menu--m-flyout--m-left--right-offset: 0.25rem;
    --pf-c-nav--c-menu--m-flyout--Top: 0;
    --pf-c-nav--c-menu--m-flyout--c-menu--Top: calc(var(--pf-c-nav--c-menu--m-flyout--Top)*-1);
    --pf-c-nav--c-menu--m-flyout--c-menu--Right: auto;
    --pf-c-nav--c-menu--m-flyout--c-menu--Bottom: auto;
    --pf-c-nav--c-menu--m-flyout--c-menu--Left: calc(100% - var(--pf-c-nav--c-menu--m-flyout--left-offset));
    --pf-c-nav--c-menu--m-flyout--m-left--Right: calc(100% - var(--pf-c-nav--c-menu--m-flyout--m-left--right-offset));
    --pf-c-nav--c-menu--m-flyout--m-top--Bottom: 0;
    --pf-c-nav--c-menu--m-flyout--BoxShadow: var(--pf-global--BoxShadow--lg);
    --pf-c-nav--c-menu--m-flyout__item--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-nav--c-menu--m-flyout__item--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-nav--c-menu--m-flyout__item--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-nav--c-menu--m-flyout__item--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftColor: var(--pf-global--BorderColor--200);
    --pf-c-nav__toggle--m-start--MarginRight: var(--pf-global--spacer--sm);
    position: relative
}

@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--m-horizontal-subnav__link--PaddingTop: var(--pf-c-nav--m-horizontal-subnav__link--xl--PaddingTop);
        --pf-c-nav--m-horizontal-subnav__link--PaddingRight: var(--pf-c-nav--m-horizontal-subnav__link--xl--PaddingRight);
        --pf-c-nav--m-horizontal-subnav__link--PaddingBottom: var(--pf-c-nav--m-horizontal-subnav__link--xl--PaddingBottom);
        --pf-c-nav--m-horizontal-subnav__link--PaddingLeft: var(--pf-c-nav--m-horizontal-subnav__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--c-menu__item--PaddingRight: var(--pf-c-nav--c-menu__item--xl--PaddingRight);
        --pf-c-nav--c-menu__item--PaddingLeft: var(--pf-c-nav--c-menu__item--xl--PaddingLeft)
    }
}

.pf-c-nav .pf-c-menu {
    --pf-c-menu--MinWidth: 100%;
    --pf-c-menu--BackgroundColor: var(--pf-c-nav--c-menu--BackgroundColor);
    --pf-c-menu__list--PaddingTop: var(--pf-c-nav--c-menu__list--PaddingTop);
    --pf-c-menu__list--PaddingBottom: var(--pf-c-nav--c-menu__list--PaddingBottom);
    --pf-c-menu__item--PaddingTop: var(--pf-c-nav--c-menu__item--PaddingTop);
    --pf-c-menu__item--PaddingRight: var(--pf-c-nav--c-menu__item--PaddingRight);
    --pf-c-menu__item--PaddingBottom: var(--pf-c-nav--c-menu__item--PaddingBottom);
    --pf-c-menu__item--PaddingLeft: var(--pf-c-nav--c-menu__item--PaddingLeft);
    --pf-c-menu__list-item--Color: var(--pf-c-nav--c-menu__list-item--Color);
    --pf-c-menu__list-item--hover--Color: var(--pf-c-nav--c-menu__list-item--hover--Color);
    --pf-c-menu__list-item--active--Color: var(--pf-c-nav--c-menu__list-item--active--Color);
    --pf-c-menu__list-item--focus-within--Color: var(--pf-c-nav--c-menu__list-item--focus-within--Color);
    --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-c-nav--c-menu__list-item--hover--BackgroundColor);
    --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-c-nav--c-menu__list-item--focus-within--BackgroundColor);
    --pf-c-menu__item-description--Color: var(--pf-c-nav--c-menu__item-description--Color)
}

.pf-c-nav .pf-c-menu:first-child>.pf-c-menu__content {
    border-bottom: var(--pf-c-nav--c-menu__item--before--BorderBottomWidth) solid var(--pf-c-nav--c-menu__item--before--BorderBottomColor)
}

.pf-c-nav .pf-c-menu.pf-m-flyout,.pf-c-nav .pf-c-menu.pf-m-flyout .pf-c-menu {
    --pf-c-menu--BoxShadow: var(--pf-c-nav--c-menu--m-flyout--BoxShadow);
    --pf-c-menu__list--PaddingTop: 0;
    --pf-c-menu__list--PaddingBottom: 0;
    --pf-c-menu__item--FontSize: var(--pf-c-nav--c-menu__item--FontSize);
    --pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color,inherit);
    --pf-c-menu__item--PaddingTop: var(--pf-c-nav--c-menu--m-flyout__item--PaddingTop);
    --pf-c-menu__item--PaddingRight: var(--pf-c-nav--c-menu--m-flyout__item--PaddingRight);
    --pf-c-menu__item--PaddingBottom: var(--pf-c-nav--c-menu--m-flyout__item--PaddingBottom);
    --pf-c-menu__item--PaddingLeft: var(--pf-c-nav--c-menu--m-flyout__item--PaddingLeft);
    top: var(--pf-c-nav--c-menu--m-flyout--c-menu--Top);
    right: var(--pf-c-nav--c-menu--m-flyout--c-menu--Right);
    bottom: var(--pf-c-nav--c-menu--m-flyout--c-menu--Bottom);
    left: var(--pf-c-nav--c-menu--m-flyout--c-menu--Left)
}

.pf-c-nav .pf-c-menu.pf-m-flyout .pf-c-menu__item:hover {
    --pf-c-nav--c-menu__item--after--BorderLeftWidth: var(--pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftWidth);
    --pf-c-nav--c-menu__item--after--BorderLeftColor: var(--pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftColor)
}

.pf-c-nav .pf-c-menu.pf-m-top {
    --pf-c-nav--c-menu--m-flyout--c-menu--Top: auto;
    --pf-c-nav--c-menu--m-flyout--c-menu--Bottom: var(--pf-c-nav--c-menu--m-flyout--m-top--Bottom)
}

.pf-c-nav .pf-c-menu.pf-m-left {
    --pf-c-nav--c-menu--m-flyout--c-menu--Right: var(--pf-c-nav--c-menu--m-flyout--m-left--Right);
    --pf-c-nav--c-menu--m-flyout--c-menu--Left: auto
}

.pf-c-nav .pf-c-menu .pf-c-divider {
    margin-top: 0;
    margin-bottom: 0
}

.pf-c-nav .pf-c-menu__item {
    position: relative;
    outline-offset: var(--pf-c-nav--c-menu__item--OutlineOffset)
}

.pf-c-nav .pf-c-menu__item:after,.pf-c-nav .pf-c-menu__item:before {
    position: absolute;
    top: 0;
    content: ""
}

.pf-c-nav .pf-c-menu__item:before {
    right: 0;
    bottom: calc(var(--pf-c-nav--c-menu__item--before--BorderBottomWidth)*-1);
    left: 0;
    border-bottom: var(--pf-c-nav--c-menu__item--before--BorderBottomWidth) solid var(--pf-c-nav--c-menu__item--before--BorderBottomColor)
}

.pf-c-nav .pf-c-menu__item:after {
    bottom: 0;
    left: 0;
    border-left: var(--pf-c-nav--c-menu__item--after--BorderLeftWidth) solid var(--pf-c-nav--c-menu__item--after--BorderLeftColor)
}

.pf-c-nav .pf-c-menu__item.pf-m-current {
    --pf-c-nav--c-menu__item--after--BorderLeftWidth: var(--pf-c-nav--c-menu__item--m-current--after--BorderLeftWidth);
    --pf-c-nav--c-menu__item--after--BorderLeftColor: var(--pf-c-nav--c-menu__item--m-current--after--BorderColor);
    background-color: var(--pf-c-nav--c-menu__item--m-current--BackgroundColor)
}

.pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) {
    --pf-c-nav--c-menu__item--before--BorderBottomWidth: var(--pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth)
}

.pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up)>.pf-c-menu__item {
    --pf-c-menu__item--FontWeight: var(--pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight)
}

.pf-c-nav .pf-c-menu__item-toggle-icon {
    margin-left: calc(var(--pf-c-menu__item-toggle-icon--PaddingLeft)*-1)
}

.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.pf-m-horizontal-subnav,.pf-c-nav.pf-m-tertiary {
    overflow: hidden
}

.pf-c-nav.pf-m-horizontal,.pf-c-nav.pf-m-horizontal-subnav,.pf-c-nav.pf-m-horizontal-subnav .pf-c-nav__list,.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 {
    position: relative;
    display: flex
}

.pf-c-nav.pf-m-horizontal-subnav .pf-c-nav__list,.pf-c-nav.pf-m-horizontal .pf-c-nav__list,.pf-c-nav.pf-m-tertiary .pf-c-nav__list {
    flex: 1;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    scroll-snap-type: var(--pf-c-nav__list--ScrollSnapType);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.pf-c-nav.pf-m-horizontal-subnav .pf-c-nav__list::-webkit-scrollbar,.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-subnav .pf-c-nav__item,.pf-c-nav.pf-m-horizontal .pf-c-nav__item,.pf-c-nav.pf-m-tertiary .pf-c-nav__item {
    display: flex;
    scroll-snap-align: var(--pf-c-nav__item--ScrollSnapAlign)
}

.pf-c-nav.pf-m-horizontal-subnav .pf-c-nav__link,.pf-c-nav.pf-m-horizontal .pf-c-nav__link,.pf-c-nav.pf-m-tertiary .pf-c-nav__link {
    align-items: center;
    align-self: stretch;
    white-space: nowrap
}

.pf-c-nav.pf-m-horizontal-subnav .pf-c-nav__link:before,.pf-c-nav.pf-m-horizontal .pf-c-nav__link:before,.pf-c-nav.pf-m-tertiary .pf-c-nav__link:before {
    top: auto;
    bottom: 0
}

.pf-c-nav.pf-m-horizontal .pf-c-nav__link:before {
    right: var(--pf-c-nav--m-horizontal__link--Right);
    left: var(--pf-c-nav--m-horizontal__link--Left)
}

.pf-c-nav.pf-m-tertiary .pf-c-nav__link:before {
    right: var(--pf-c-nav--m-tertiary__link--Right);
    left: var(--pf-c-nav--m-tertiary__link--Left)
}

.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-m-horizontal-subnav {
    --pf-c-nav__link--FontSize: var(--pf-c-nav--m-horizontal-subnav__link--FontSize);
    --pf-c-nav__link--PaddingTop: var(--pf-c-nav--m-horizontal-subnav__link--PaddingTop);
    --pf-c-nav__link--PaddingRight: var(--pf-c-nav--m-horizontal-subnav__link--PaddingRight);
    --pf-c-nav__link--PaddingBottom: var(--pf-c-nav--m-horizontal-subnav__link--PaddingBottom);
    --pf-c-nav__link--PaddingLeft: var(--pf-c-nav--m-horizontal-subnav__link--PaddingLeft);
    --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
    --pf-c-nav__link--Right: var(--pf-c-nav--m-horizontal-subnav__link--Right);
    --pf-c-nav__link--Left: var(--pf-c-nav--m-horizontal-subnav__link--Left);
    --pf-c-nav__link--hover--Color: var(--pf-c-nav--m-horizontal-subnav__link--hover--Color);
    --pf-c-nav__link--active--Color: var(--pf-c-nav--m-horizontal-subnav__link--active--Color);
    --pf-c-nav__link--focus--Color: var(--pf-c-nav--m-horizontal-subnav__link--focus--Color);
    --pf-c-nav__link--m-current--Color: var(--pf-c-nav--m-horizontal-subnav__link--m-current--Color);
    --pf-c-nav__link--BackgroundColor: var(--pf-c-nav--m-horizontal-subnav__link--BackgroundColor);
    --pf-c-nav__link--hover--BackgroundColor: var(--pf-c-nav--m-horizontal-subnav__link--hover--BackgroundColor);
    --pf-c-nav__link--focus--BackgroundColor: var(--pf-c-nav--m-horizontal-subnav__link--focus--BackgroundColor);
    --pf-c-nav__link--active--BackgroundColor: var(--pf-c-nav--m-horizontal-subnav__link--active--BackgroundColor);
    --pf-c-nav__link--m-current--BackgroundColor: var(--pf-c-nav--m-horizontal-subnav__link--m-current--BackgroundColor);
    --pf-c-nav__link--before--BorderColor: var(--pf-c-nav--m-horizontal-subnav__link--before--BorderColor);
    --pf-c-nav__link--after--BorderColor: var(--pf-c-nav--m-horizontal-subnav__link--after--BorderColor);
    --pf-c-nav__link--hover--after--BorderColor: var(--pf-c-nav--m-horizontal-subnav__link--hover--after--BorderColor);
    --pf-c-nav__link--active--after--BorderColor: var(--pf-c-nav--m-horizontal-subnav__link--active--after--BorderColor);
    --pf-c-nav__link--m-current--after--BorderColor: var(--pf-c-nav--m-horizontal-subnav__link--m-current--after--BorderColor);
    --pf-c-nav__link--after--BorderLeftWidth: var(--pf-c-nav--m-horizontal-subnav__link--after--BorderLeftWidth);
    --pf-c-nav__link--hover--after--BorderLeftWidth: var(--pf-c-nav--m-horizontal-subnav__link--hover--after--BorderLeftWidth);
    --pf-c-nav__link--active--after--BorderLeftWidth: var(--pf-c-nav--m-horizontal-subnav__link--active--after--BorderLeftWidth);
    --pf-c-nav__link--m-current--after--BorderLeftWidth: var(--pf-c-nav--m-horizontal-subnav__link--m-current--after--BorderLeftWidth)
}

.pf-c-nav.pf-m-horizontal-subnav.pf-m-scrollable .pf-c-nav__item:first-child {
    --pf-c-nav__link--after--BorderLeftWidth: 0;
    --pf-c-nav__link--hover--after--BorderLeftWidth: 0;
    --pf-c-nav__link--active--after--BorderLeftWidth: 0;
    --pf-c-nav__link--m-current--after--BorderLeftWidth: 0
}

.pf-c-nav .pf-c-divider {
    --pf-c-divider--after--BackgroundColor: var(--pf-c-nav--c-divider--BackgroundColor);
    padding-right: var(--pf-c-nav--c-divider--PaddingRight);
    padding-left: var(--pf-c-nav--c-divider--PaddingLeft);
    margin-top: var(--pf-c-nav--c-divider--MarginTop);
    margin-bottom: var(--pf-c-nav--c-divider--MarginBottom)
}

.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;
    transform: translateX(0)
}

.pf-c-nav.pf-m-scrollable .pf-c-nav__scroll-button:nth-of-type(2) {
    margin-left: 0;
    transform: translateX(0)
}

.pf-c-nav.pf-m-overflow-hidden {
    overflow: hidden
}

.pf-c-nav__list {
    position: relative;
    display: block
}

.pf-c-nav__item {
    position: relative;
    margin-top: var(--pf-c-nav__item--MarginTop)
}

.pf-c-nav__item.pf-m-expandable {
    --pf-c-nav__link--before--BorderBottomWidth: 0
}

.pf-c-nav__item.pf-m-expandable:before {
    position: absolute;
    right: 0;
    bottom: calc(var(--pf-c-nav__item--before--BorderWidth)*-1);
    left: 0;
    content: "";
    border-bottom: var(--pf-c-nav__item--before--BorderWidth) solid var(--pf-c-nav__item--before--BorderColor)
}

.pf-c-nav__item .pf-c-nav__item:not(.pf-m-expanded) .pf-c-nav__toggle-icon {
    transform: rotate(0)
}

.pf-c-nav__item .pf-c-nav__item.pf-m-expandable {
    --pf-c-nav__toggle--FontSize: var(--pf-c-nav__item__item__toggle--FontSize);
    --pf-c-nav__link--PaddingRight: var(--pf-c-nav__item__item__link--PaddingRight)
}

@media screen and (min-width: 1200px) {
    .pf-c-nav__item .pf-c-nav__item.pf-m-expandable:before {
        border-bottom:none
    }
}

.pf-c-nav__item .pf-c-nav__item.pf-m-expandable .pf-c-nav__list:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: "";
    border-left: var(--pf-c-nav__item--before--BorderWidth) solid var(--pf-c-nav__item--before--BorderColor)
}

.pf-c-nav__item .pf-c-nav__toggle-icon {
    transform: rotate(var(--pf-c-nav__item__toggle-icon--Rotate))
}

.pf-c-nav__item.pf-m-flyout:hover {
    --pf-c-nav__link--BackgroundColor: var(--pf-c-nav__item--m-flyout--hover__link--BackgroundColor);
    --pf-c-nav__link--before--BorderBottomWidth: var(--pf-c-nav__item--m-flyout--hover__link--before--BorderWidth)
}

.pf-c-nav__item.pf-m-flyout:focus {
    --pf-c-nav__link--BackgroundColor: var(--pf-c-nav__item--m-flyout--focus__link--BackgroundColor);
    --pf-c-nav__link--before--BorderBottomWidth: var(--pf-c-nav__item--m-flyout--focus__link--before--BorderWidth)
}

.pf-c-nav__item.pf-m-flyout:active {
    --pf-c-nav__link--BackgroundColor: var(--pf-c-nav__item--m-flyout--active__link--BackgroundColor);
    --pf-c-nav__link--before--BorderBottomWidth: var(--pf-c-nav__item--m-flyout--active__link--before--BorderWidth)
}

.pf-c-nav__item.pf-m-flyout .pf-c-menu {
    --pf-c-menu--MinWidth: 100%;
    --pf-c-menu--BoxShadow: var(--pf-c-nav__item--m-flyout--c-menu--BoxShadow);
    --pf-c-menu--BackgroundColor: var(--pf-c-nav__item--m-flyout--c-menu--BackgroundColor);
    --pf-c-menu__list--PaddingTop: 0;
    --pf-c-menu__list--PaddingBottom: 0;
    --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-c-nav__item--m-flyout--c-menu__list-item--hover--BackgroundColor);
    --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-c-nav__item--m-flyout--c-menu__list-item--focus-within--BackgroundColor);
    --pf-c-menu__list-item--active--BackgroundColor: var(--pf-c-nav__item--m-flyout--c-menu__list-item--active--BackgroundColor);
    --pf-c-menu__item--FontSize: var(--pf-c-nav__item--m-flyout--c-menu__item--FontSize);
    --pf-c-menu__item--Color: var(--pf-c-nav__item--m-flyout--c-menu__item--Color);
    --pf-c-menu__item--PaddingTop: var(--pf-c-nav__item--m-flyout--c-menu__item--PaddingTop);
    --pf-c-menu__item--PaddingRight: var(--pf-c-nav__item--m-flyout--c-menu__item--PaddingRight);
    --pf-c-menu__item--PaddingBottom: var(--pf-c-nav__item--m-flyout--c-menu__item--PaddingBottom);
    --pf-c-menu__item--PaddingLeft: var(--pf-c-nav__item--m-flyout--c-menu__item--PaddingLeft);
    --pf-c-menu__item-description--Color: var(--pf-c-nav__item--m-flyout--c-menu__item-description--Color);
    --pf-c-nav--c-menu--m-flyout--c-menu--Bottom: var(--pf-c-nav__item--m-flyout--c-menu--m-top--Bottom);
    --pf-c-nav--c-menu--m-flyout--c-menu--Right: var(--pf-c-nav__item--m-flyout--c-menu--m-left--Right);
    position: absolute;
    top: var(--pf-c-nav__item--m-flyout--c-menu--Top);
    left: var(--pf-c-nav__item--m-flyout--c-menu--Left)
}

.pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu {
    top: var(--pf-c-nav__item--m-flyout--c-menu--c-menu--Top)
}

.pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu__list-item:first-child {
    --pf-c-nav__item--m-flyout--c-menu--c-menu--Top: var(--pf-c-nav__item--m-flyout--c-menu__list-item--first-child--c-menu--Top);
    --pf-c-nav__item--m-flyout--c-menu__item--hover--after--Top: var(--pf-c-nav__item--m-flyout--c-menu__list-item--first-child__item--hover--after--Top)
}

.pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu__item {
    position: relative;
    outline-offset: var(--pf-c-nav__item--m-flyout--c-menu__item--OutlineOffset)
}

.pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu__item:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-bottom: var(--pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomWidth) solid var(--pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomColor)
}

.pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu__item:hover:after {
    position: absolute;
    top: var(--pf-c-nav__item--m-flyout--c-menu__item--hover--after--Top);
    bottom: 0;
    left: 0;
    content: "";
    border-left: var(--pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftWidth) solid var(--pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftColor)
}

.pf-c-nav__item.pf-m-drilldown.pf-m-expanded>.pf-c-nav__subnav {
    left: 0;
    z-index: var(--pf-c-nav__item--m-drilldown--m-expanded__subnav--ZIndex)
}

.pf-c-nav__link {
    position: relative;
    display: flex;
    align-items: baseline;
    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);
    font-size: var(--pf-c-nav__link--FontSize);
    font-weight: var(--pf-c-nav__link--FontWeight);
    color: var(--pf-c-nav__link--Color);
    background-color: var(--pf-c-nav__link--BackgroundColor);
    outline-offset: var(--pf-c-nav__link--OutlineOffset)
}

.pf-c-nav__link:after,.pf-c-nav__link:before {
    position: absolute;
    content: "";
    border: 0 solid
}

.pf-c-nav__link:before {
    right: 0;
    bottom: calc(var(--pf-c-nav__link--before--BorderBottomWidth)*-1);
    left: 0;
    border-color: var(--pf-c-nav__link--before--BorderColor);
    border-bottom-width: var(--pf-c-nav__link--before--BorderBottomWidth)
}

.pf-c-nav__link:after {
    top: 0;
    bottom: 0;
    left: 0;
    border: 0 solid;
    border-color: var(--pf-c-nav__link--after--BorderColor);
    border-left-width: var(--pf-c-nav__link--after--BorderLeftWidth)
}

.pf-c-nav__link.pf-m-hover,.pf-c-nav__link:hover {
    color: var(--pf-c-nav__link--hover--Color);
    background-color: var(--pf-c-nav__link--hover--BackgroundColor)
}

.pf-c-nav__link.pf-m-hover:before,.pf-c-nav__link:hover:before {
    border-bottom-width: var(--pf-c-nav__link--hover--before--BorderBottomWidth)
}

.pf-c-nav__link.pf-m-hover:after,.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 {
    color: var(--pf-c-nav__link--focus--Color);
    background-color: var(--pf-c-nav__link--focus--BackgroundColor)
}

.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 {
    color: var(--pf-c-nav__link--active--Color);
    background-color: var(--pf-c-nav__link--active--BackgroundColor)
}

.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 {
    color: var(--pf-c-nav__link--m-current--Color);
    background-color: var(--pf-c-nav__link--m-current--BackgroundColor)
}

.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 {
    width: 100%;
    text-decoration: none;
    border: none
}

.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);
    max-height: var(--pf-c-nav__subnav--MaxHeight);
    padding-bottom: var(--pf-c-nav__subnav--PaddingBottom);
    padding-left: var(--pf-c-nav__subnav--PaddingLeft);
    transition: var(--pf-c-nav--Transition);
    scrollbar-width: none;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.pf-c-nav__subnav .pf-c-nav__subnav {
    --pf-c-nav__link--FontSize: var(--pf-c-nav__subnav__subnav__link--FontSize);
    --pf-c-nav__link--PaddingLeft: var(--pf-c-nav__subnav__subnav__link--PaddingLeft);
    --pf-c-nav__subnav--PaddingLeft: var(--pf-c-nav__subnav__subnav--PaddingLeft)
}

.pf-c-nav__subnav.pf-m-flyout {
    width: 100%
}

.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);
    overflow-y: auto;
    opacity: 1
}

.pf-c-nav__subnav::-webkit-scrollbar {
    display: none
}

.pf-c-nav__toggle {
    flex: none;
    padding-right: var(--pf-c-nav__toggle--PaddingRight);
    padding-left: var(--pf-c-nav__toggle--PaddingLeft);
    margin-left: auto;
    font-size: var(--pf-c-nav__toggle--FontSize);
    line-height: 1
}

.pf-c-nav__toggle.pf-m-start {
    margin-right: var(--pf-c-nav__toggle--m-start--MarginRight);
    margin-left: calc(var(--pf-c-nav__toggle--PaddingRight)*-1)
}

.pf-c-nav__toggle-icon {
    display: inline-block;
    transition: var(--pf-c-nav__toggle-icon--Transition)
}

.pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon {
    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);
    margin-top: var(--pf-c-nav__section--MarginTop);
    --pf-c-nav--c-divider--MarginBottom: 0
}

.pf-c-nav__section+.pf-c-nav__section {
    --pf-c-nav__section--MarginTop: var(--pf-c-nav__section--section--MarginTop)
}

.pf-c-nav__section.pf-m-no-title {
    --pf-c-nav__section--MarginTop: 0
}

.pf-c-nav__section-title {
    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);
    font-size: var(--pf-c-nav__section-title--FontSize);
    color: var(--pf-c-nav__section-title--Color);
    border-bottom: var(--pf-c-nav__section-title--BorderBottomWidth) solid var(--pf-c-nav__section-title--BorderBottomColor)
}

.pf-c-nav__scroll-button {
    flex: none;
    width: var(--pf-c-nav__scroll-button--Width);
    color: var(--pf-c-nav__scroll-button--Color);
    background-color: var(--pf-c-nav__scroll-button--BackgroundColor);
    border: 0;
    outline-offset: var(--pf-c-nav__scroll-button--OutlineOffset);
    opacity: 0;
    transition: var(--pf-c-nav__scroll-button--Transition)
}

.pf-c-nav__scroll-button:before {
    position: absolute;
    top: 0;
    bottom: 0;
    content: "";
    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)
}

.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 {
    color: var(--pf-c-nav__scroll-button--disabled--Color);
    border-color: var(--pf-c-nav__scroll-button--disabled--before--BorderColor)
}

.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);
    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);
    transform: translateX(100%)
}

.pf-c-nav__scroll-button:nth-of-type(2):before {
    left: 0
}

:where(.pf-theme-dark) .pf-c-nav {
    --pf-c-nav__item--item__link--after--Top: -1px;
    --pf-c-nav__item--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-nav__link--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-nav__link--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-nav__link--active--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-nav__link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-nav__link--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-nav--m-tertiary__scroll-button--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-nav__section-title--Color: var(--pf-global--Color--200);
    --pf-c-nav__section-title--BorderBottomColor: var(--pf-global--BorderColor--100);
    --pf-c-nav__scroll-button--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-nav--c-divider--BackgroundColor: var(--pf-global--BorderColor--100);
    --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
}

:where(.pf-theme-dark) .pf-c-nav__link:before {
    bottom: 0
}

:where(.pf-theme-dark) .pf-c-nav__link:after {
    top: var(--pf-c-nav__item--item__link--after--Top)
}

:where(.pf-theme-dark) .pf-c-nav__item+.pf-c-nav__item {
    --pf-c-nav__link--after--Top: var(--pf-c-nav__item--item__link--after--Top)
}

:where(.pf-theme-dark) .pf-c-nav__section,:where(.pf-theme-dark) .pf-c-nav__subnav {
    --pf-c-nav__item--item__link--after--Top: 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-read--m-expanded--after--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --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-unread--m-expanded--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--m-attention--m-expanded--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);
    position: relative;
    display: inline-block;
    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);
    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);
    background-color: var(--pf-c-notification-badge--after--BackgroundColor);
    border-radius: var(--pf-c-notification-badge--after--BorderRadius)
}

.pf-c-notification-badge:before {
    position: absolute;
    top: var(--pf-c-notification-badge--after--Top);
    right: var(--pf-c-notification-badge--after--Right);
    bottom: 0;
    left: 0;
    width: var(--pf-c-notification-badge--after--Width);
    height: var(--pf-c-notification-badge--after--Height);
    content: "";
    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);
    transform: translate(var(--pf-c-notification-badge--after--TranslateX),var(--pf-c-notification-badge--after--TranslateY))
}

.pf-c-notification-badge>i {
    width: var(--pf-c-notification-badge__i--Width);
    height: var(--pf-c-notification-badge__i--Height)
}

.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);
    color: var(--pf-c-notification-badge--m-read--Color,inherit)
}

.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--m-attention--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--hover--after--BackgroundColor)
}

.pf-c-notification-badge.pf-m-expanded {
    --pf-c-notification-badge--m-read--Color: var(--pf-global--Color--light-100);
    --pf-c-notification-badge--m-read--after--BackgroundColor: var(--pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor);
    --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--m-expanded--after--BackgroundColor);
    --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--m-expanded--after--BackgroundColor)
}

.pf-c-notification-badge__count {
    margin-left: var(--pf-c-notification-badge__count--MarginLeft)
}

:where(.pf-theme-dark) .pf-c-notification-badge {
    --pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--primary-color--300);
    --pf-c-notification-badge--m-attention--Color: var(--pf-global--palette--black-900)
}

.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;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--pf-c-notification-drawer--BackgroundColor)
}

.pf-c-notification-drawer__header {
    position: relative;
    z-index: var(--pf-c-notification-drawer__header--ZIndex);
    display: flex;
    flex-shrink: 0;
    align-items: baseline;
    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);
    background-color: var(--pf-c-notification-drawer__header--BackgroundColor);
    box-shadow: var(--pf-c-notification-drawer__header--BoxShadow)
}

.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 {
    display: flex;
    align-items: center;
    margin-left: auto
}

.pf-c-notification-drawer__body {
    overflow-y: auto;
    box-shadow: var(--pf-c-notification-drawer__body--ZIndex)
}

.pf-c-notification-drawer__list-item {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    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);
    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);
    outline-offset: var(--pf-c-notification-drawer__list-item--OutlineOffset);
    box-shadow: var(--pf-c-notification-drawer__list-item--BoxShadow)
}

.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 {
    position: absolute;
    top: var(--pf-c-notification-drawer__list-item--before--Top);
    bottom: var(--pf-c-notification-drawer__list-item--before--Bottom);
    width: var(--pf-c-notification-drawer__list-item--before--Width);
    content: "";
    background-color: var(--pf-c-notification-drawer__list-item--before--BackgroundColor)
}

.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 {
    z-index: var(--pf-c-notification-drawer__list-item--m-hoverable--hover--ZIndex);
    box-shadow: var(--pf-c-notification-drawer__list-item--m-hoverable--hover--BoxShadow)
}

.pf-c-notification-drawer__list-item-header {
    display: flex;
    align-items: baseline;
    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 {
    margin-right: var(--pf-c-notification-drawer__list-item-header-icon--MarginRight);
    color: var(--pf-c-notification-drawer__list-item-header-icon--Color)
}

.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 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--pf-c-notification-drawer__list-item-header-title--max-lines);
    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-row: 2/3;
    grid-column: 1/2;
    margin-bottom: var(--pf-c-notification-drawer__list-item-description--MarginBottom);
    word-break: break-word
}

.pf-c-notification-drawer__list-item-timestamp {
    grid-row: 3/4;
    grid-column: 1/2;
    font-size: var(--pf-c-notification-drawer__list-item-timestamp--FontSize);
    color: var(--pf-c-notification-drawer__list-item-timestamp--Color)
}

.pf-c-notification-drawer__group-list {
    display: flex;
    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 {
    display: flex;
    align-items: baseline;
    width: 100%;
    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);
    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;
    outline-offset: var(--pf-c-notification-drawer__group-toggle--OutlineOffset)
}

.pf-c-notification-drawer__group-toggle-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--pf-c-notification-drawer__group-toggle-title--max-lines);
    overflow: hidden;
    flex: 1;
    margin-right: var(--pf-c-notification-drawer__group-toggle-title--MarginRight);
    text-align: left;
    word-break: break-word
}

.pf-c-notification-drawer__group-toggle-count {
    margin-right: var(--pf-c-notification-drawer__group-toggle-count--MarginRight);
    margin-left: auto
}

.pf-c-notification-drawer__group-toggle-icon {
    margin-right: var(--pf-c-notification-drawer__group-toggle-icon--MarginRight);
    color: var(--pf-c-notification-drawer__group-toggle-icon--Color);
    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 {
    transform: rotate(var(--pf-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate))
}

:where(.pf-theme-dark) .pf-c-notification-drawer {
    --pf-c-notification-drawer--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-notification-drawer__header--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-notification-drawer__list-item--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-notification-drawer__list-item--BoxShadow: none;
    --pf-c-notification-drawer__list-item--BorderBottomColor: var(--pf-global--BorderColor--100);
    --pf-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-notification-drawer__list-item--list-item--m-read--BoxShadow: none;
    --pf-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-global--BackgroundColor--300)
}

.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--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
    --pf-c-options-menu--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
    --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--xs);
    --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--normal);
    --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);
    position: relative;
    display: inline-block;
    max-width: 100%
}

.pf-c-options-menu .pf-c-divider {
    margin-top: var(--pf-c-options-menu--c-divider--MarginTop);
    margin-bottom: var(--pf-c-options-menu--c-divider--MarginBottom)
}

.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 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    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)
}

.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 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: var(--pf-c-options-menu__toggle--MinWidth);
    max-width: 100%;
    padding: var(--pf-c-options-menu__toggle--PaddingTop) var(--pf-c-options-menu__toggle--PaddingRight) var(--pf-c-options-menu__toggle--PaddingBottom) var(--pf-c-options-menu__toggle--PaddingLeft);
    line-height: var(--pf-c-options-menu__toggle--LineHeight);
    color: var(--pf-c-options-menu__toggle--Color);
    background-color: var(--pf-c-options-menu__toggle--BackgroundColor);
    border: none
}

.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-icon--Color: var(--pf-c-options-menu--m-plain__toggle-icon--Color)
}

.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
    --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;
    color: var(--pf-c-options-menu__toggle--m-plain--Color)
}

.pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) .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--m-plain__toggle-icon--Color: var(--pf-c-options-menu--m-plain--hover__toggle-icon--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 {
    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);
    background-color: var(--pf-c-options-menu__toggle-button--BackgroundColor);
    border: 0
}

.pf-c-options-menu__toggle-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-options-menu__toggle-button-icon,.pf-c-options-menu__toggle-icon {
    color: var(--pf-c-options-menu__toggle-icon--Color,inherit)
}

.pf-c-options-menu__toggle-icon {
    margin-right: var(--pf-c-options-menu__toggle-icon--MarginRight);
    margin-left: var(--pf-c-options-menu__toggle-icon--MarginLeft)
}

.pf-c-options-menu.pf-m-top.pf-m-expanded .pf-c-options-menu__toggle-icon {
    transform: rotate(var(--pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate))
}

.pf-c-options-menu__menu {
    position: absolute;
    top: var(--pf-c-options-menu__menu--Top);
    z-index: var(--pf-c-options-menu__menu--ZIndex);
    min-width: 100%;
    padding-top: var(--pf-c-options-menu__menu--PaddingTop);
    padding-bottom: var(--pf-c-options-menu__menu--PaddingBottom);
    background-color: var(--pf-c-options-menu__menu--BackgroundColor);
    background-clip: padding-box;
    box-shadow: var(--pf-c-options-menu__menu--BoxShadow)
}

.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);
    transform: translateY(var(--pf-c-options-menu--m-top__menu--TranslateY))
}

.pf-c-options-menu__menu.pf-m-static {
    --pf-c-options-menu--m-top__menu--TranslateY: 0;
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: auto;
    min-width: min-content
}

.pf-c-options-menu__menu-item {
    display: flex;
    align-items: baseline;
    width: 100%;
    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);
    font-size: var(--pf-c-options-menu__menu-item--FontSize);
    color: var(--pf-c-options-menu__menu-item--Color);
    white-space: nowrap;
    background-color: var(--pf-c-options-menu__menu-item--BackgroundColor);
    border: none
}

.pf-c-options-menu__menu-item:focus,.pf-c-options-menu__menu-item:hover {
    text-decoration: none;
    background-color: var(--pf-c-options-menu__menu-item--hover--BackgroundColor)
}

.pf-c-options-menu__menu-item.pf-m-disabled,.pf-c-options-menu__menu-item:disabled {
    color: var(--pf-c-options-menu__menu-item--disabled--Color);
    pointer-events: none;
    background-color: var(--pf-c-options-menu__menu-item--disabled--BackgroundColor)
}

.pf-c-options-menu__menu-item-icon {
    align-self: center;
    width: auto;
    padding-left: var(--pf-c-options-menu__menu-item-icon--PaddingLeft);
    margin-left: auto;
    font-size: var(--pf-c-options-menu__menu-item-icon--FontSize);
    color: var(--pf-c-options-menu__menu-item-icon--Color)
}

.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 {
    padding-top: var(--pf-c-options-menu__group-title--PaddingTop);
    padding-right: var(--pf-c-options-menu__group-title--PaddingRight);
    padding-bottom: var(--pf-c-options-menu__group-title--PaddingBottom);
    padding-left: var(--pf-c-options-menu__group-title--PaddingLeft);
    font-size: var(--pf-c-options-menu__group-title--FontSize);
    font-weight: var(--pf-c-options-menu__group-title--FontWeight);
    color: var(--pf-c-options-menu__group-title--Color)
}

:where(.pf-theme-dark) .pf-c-options-menu {
    --pf-c-options-menu__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-options-menu__toggle--BorderTopColor: transparent;
    --pf-c-options-menu__toggle--BorderRightColor: transparent;
    --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-global--BorderColor--400);
    --pf-c-options-menu__toggle--BorderLeftColor: transparent;
    --pf-c-options-menu__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
    --pf-c-options-menu__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-options-menu__menu--Top: 100%
}

:where(.pf-theme-dark) .pf-c-options-menu__toggle.pf-m-plain {
    background: transparent
}

.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;
    display: inline-flex;
    align-items: center
}

.pf-c-overflow-menu__content,.pf-c-overflow-menu__group {
    display: flex;
    align-items: center
}

.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: 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--m-light--BorderRightWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-page__sidebar--m-light--BorderRightColor: var(--pf-global--BorderColor--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__sidebar-body--m-menu--PaddingTop: 0;
    --pf-c-page__sidebar-body--m-menu--PaddingBottom: 0;
    --pf-c-page__sidebar-body--m-menu--BorderTopColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-global--BackgroundColor--dark-200);
    --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-light-100--BackgroundColor: var(--pf-global--BackgroundColor--150);
    --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--md);
    --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--md);
    --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-subnav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
    --pf-c-page__main-subnav--BorderTopWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-page__main-subnav--BorderTopColor: var(--pf-global--palette--black-800);
    --pf-c-page__main-subnav--BorderLeftWidth: 0;
    --pf-c-page__main-subnav--BorderLeftColor: var(--pf-global--palette--black-800);
    --pf-c-page__sidebar--main__main-subnav--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth: 0;
    --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);
    --pf-c-page__main-wizard--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
    display: grid;
    height: 100%;
    grid-template-columns: 1fr;
    grid-template-rows: max-content 1fr;
    grid-template-areas: "header" "main";
    background-color: var(--pf-c-page--BackgroundColor)
}

@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-columns:max-content 1fr;
        grid-template-areas: "header header" "nav main"
    }
}

.pf-c-page.pf-m-full-height {
    height: 100vh;
    height: 100dvh;
    max-height: 100%
}

.pf-c-page>.pf-c-masthead,.pf-c-page__header {
    grid-area: header;
    z-index: var(--pf-c-page__header--ZIndex)
}

.pf-c-page__header {
    color: var(--pf-global--Color--100);
    grid-template-columns: auto auto;
    display: grid;
    align-items: center;
    min-width: 0;
    min-height: var(--pf-c-page__header--MinHeight);
    background-color: var(--pf-c-page__header--BackgroundColor)
}

.pf-c-page__header>* {
    display: flex;
    align-items: center
}

@media screen and (min-width: 992px) {
    .pf-c-page__header {
        grid-template-columns:auto 1fr auto
    }
}

.pf-c-page__header .pf-c-masthead {
    grid-column: span 2;
    align-self: stretch
}

.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 {
    display: flex;
    flex: 1;
    align-items: center
}

.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 {
    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);
    margin-right: var(--pf-c-page__header-sidebar-toggle__c-button--MarginRight);
    margin-left: var(--pf-c-page__header-sidebar-toggle__c-button--MarginLeft);
    font-size: var(--pf-c-page__header-sidebar-toggle__c-button--FontSize);
    line-height: 1
}

.pf-c-page__header-nav {
    align-self: stretch;
    min-width: 0;
    padding-right: var(--pf-c-page__header-nav--PaddingRight);
    padding-left: var(--pf-c-page__header-nav--PaddingLeft);
    background-color: var(--pf-c-page__header-nav--BackgroundColor);
    grid-column: 1/-1;
    grid-row: 2/3
}

@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 {
    align-self: stretch
}

.pf-c-page__header-tools {
    grid-column: 2/3;
    margin-right: var(--pf-c-page__header-tools--MarginRight);
    margin-left: auto
}

.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);
    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 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: var(--pf-c-page__header-tools--c-button--m-selected--before--Width);
    height: var(--pf-c-page__header-tools--c-button--m-selected--before--Height);
    content: ""
}

.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 {
    grid-area: nav;
    grid-row-start: 2;
    grid-column-start: 1;
    z-index: var(--pf-c-page__sidebar--ZIndex);
    width: var(--pf-c-page__sidebar--Width);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: var(--pf-c-page__sidebar--BackgroundColor);
    transition: var(--pf-c-page__sidebar--Transition);
    transform: translateX(var(--pf-c-page__sidebar--TranslateX)) translateZ(var(--pf-c-page__sidebar--TranslateZ))
}

.pf-c-page__sidebar.pf-m-expanded {
    --pf-c-page__sidebar--TranslateX: var(--pf-c-page__sidebar--m-expanded--TranslateX);
    box-shadow: var(--pf-c-page__sidebar--BoxShadow)
}

@media screen and (min-width: 1200px) {
    .pf-c-page__sidebar.pf-m-expanded {
        --pf-c-page__sidebar--BoxShadow:none
    }
}

.pf-c-page__sidebar.pf-m-collapsed {
    max-width: 0;
    overflow: hidden
}

.pf-c-page__sidebar.pf-m-light {
    color: var(--pf-global--Color--100);
    --pf-c-page__sidebar--BackgroundColor: var(--pf-c-page__sidebar--m-light--BackgroundColor);
    border-right: var(--pf-c-page__sidebar--m-light--BorderRightWidth) solid var(--pf-c-page__sidebar--m-light--BorderRightColor)
}

.pf-c-page__sidebar-body {
    padding-top: var(--pf-c-page__sidebar-body--PaddingTop);
    padding-bottom: var(--pf-c-page__sidebar-body--PaddingBottom)
}

.pf-c-page__sidebar-body.pf-m-menu {
    --pf-c-page__sidebar-body--PaddingTop: var(--pf-c-page__sidebar-body--m-menu--PaddingTop);
    --pf-c-page__sidebar-body--PaddingBottom: var(--pf-c-page__sidebar-body--m-menu--PaddingBottom);
    background-color: var(--pf-global--palette--black-900);
    border-top: var(--pf-c-page__sidebar-body--m-menu--BorderTopWidth) solid var(--pf-c-page__sidebar-body--m-menu--BorderTopColor)
}

.pf-c-page__sidebar-body.pf-m-menu+.pf-c-page__sidebar-body.pf-m-menu {
    --pf-c-page__sidebar-body--m-menu--BorderTopWidth: 0
}

.pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector {
    --pf-c-context-selector__toggle--BorderTopColor: transparent;
    --pf-c-context-selector__toggle--BorderRightColor: transparent;
    --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor);
    --pf-c-context-selector__toggle--BorderLeftColor: transparent;
    --pf-c-context-selector__menu--Top: 100%;
    color: var(--pf-global--Color--100);
    width: 100%
}

.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 {
    display: flex;
    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 {
    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 {
    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-subnav,.pf-c-page__main-tabs,.pf-c-page__main-wizard {
    flex-shrink: 0
}

.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-subnav.pf-m-overflow-scroll,.pf-c-page__main-tabs.pf-m-overflow-scroll,.pf-c-page__main-wizard.pf-m-overflow-scroll {
    position: relative;
    flex-shrink: 1;
    overflow: auto
}

.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-subnav.pf-m-shadow-bottom,.pf-c-page__main-tabs.pf-m-shadow-bottom,.pf-c-page__main-wizard.pf-m-shadow-bottom {
    z-index: var(--pf-c-page--section--m-shadow-bottom--ZIndex);
    box-shadow: var(--pf-c-page--section--m-shadow-bottom--BoxShadow)
}

.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-subnav.pf-m-shadow-top,.pf-c-page__main-tabs.pf-m-shadow-top,.pf-c-page__main-wizard.pf-m-shadow-top {
    z-index: var(--pf-c-page--section--m-shadow-top--ZIndex);
    box-shadow: var(--pf-c-page--section--m-shadow-top--BoxShadow)
}

.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-subnav.pf-m-sticky-top,.pf-c-page__main-tabs.pf-m-sticky-top,.pf-c-page__main-wizard.pf-m-sticky-top {
    position: sticky;
    top: 0;
    z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
    box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow)
}

.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-subnav.pf-m-sticky-bottom,.pf-c-page__main-tabs.pf-m-sticky-bottom,.pf-c-page__main-wizard.pf-m-sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
    box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow)
}

@media (min-height: 0) {
    .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,.pf-c-page__main-group.pf-m-sticky-top-on-sm-height,.pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,.pf-c-page__main-section.pf-m-sticky-top-on-sm-height,.pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height,.pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,.pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height {
        position:sticky;
        top: 0;
        z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
        box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow)
    }

    .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,.pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,.pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,.pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,.pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height,.pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,.pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height {
        position: sticky;
        bottom: 0;
        z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
        box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow)
    }
}

@media (min-height: 40rem) {
    .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,.pf-c-page__main-group.pf-m-sticky-top-on-md-height,.pf-c-page__main-nav.pf-m-sticky-top-on-md-height,.pf-c-page__main-section.pf-m-sticky-top-on-md-height,.pf-c-page__main-subnav.pf-m-sticky-top-on-md-height,.pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,.pf-c-page__main-wizard.pf-m-sticky-top-on-md-height {
        position:sticky;
        top: 0;
        z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
        box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow)
    }

    .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,.pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,.pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,.pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,.pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height,.pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,.pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height {
        position: sticky;
        bottom: 0;
        z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
        box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow)
    }
}

@media (min-height: 48rem) {
    .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,.pf-c-page__main-group.pf-m-sticky-top-on-lg-height,.pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,.pf-c-page__main-section.pf-m-sticky-top-on-lg-height,.pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height,.pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,.pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height {
        position:sticky;
        top: 0;
        z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
        box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow)
    }

    .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,.pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,.pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,.pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,.pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height,.pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,.pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height {
        position: sticky;
        bottom: 0;
        z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
        box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow)
    }
}

@media (min-height: 60rem) {
    .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,.pf-c-page__main-group.pf-m-sticky-top-on-xl-height,.pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,.pf-c-page__main-section.pf-m-sticky-top-on-xl-height,.pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height,.pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,.pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height {
        position:sticky;
        top: 0;
        z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
        box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow)
    }

    .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,.pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,.pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,.pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,.pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height,.pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,.pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height {
        position: sticky;
        bottom: 0;
        z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
        box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow)
    }
}

@media (min-height: 80rem) {
    .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,.pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,.pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,.pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,.pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height,.pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,.pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height {
        position:sticky;
        top: 0;
        z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
        box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow)
    }

    .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,.pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,.pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,.pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,.pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height,.pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,.pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height {
        position: sticky;
        bottom: 0;
        z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
        box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow)
    }
}

.pf-c-page__drawer,.pf-c-page__main {
    grid-area: main;
    z-index: var(--pf-c-page__main--ZIndex);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.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 {
    display: flex;
    flex-direction: column
}

.pf-c-page__main-nav {
    padding-top: var(--pf-c-page__main-nav--PaddingTop);
    padding-right: var(--pf-c-page__main-nav--PaddingRight);
    padding-left: var(--pf-c-page__main-nav--PaddingLeft);
    background-color: var(--pf-c-page__main-nav--BackgroundColor)
}

.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)
}

@media (min-height: 0) {
    .pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-nav:last-child,.pf-c-page__main-nav.pf-m-sticky-top-on-sm-height {
        padding-bottom:var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom)
    }
}

@media (min-height: 40rem) {
    .pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-nav:last-child,.pf-c-page__main-nav.pf-m-sticky-top-on-md-height {
        padding-bottom:var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom)
    }
}

@media (min-height: 48rem) {
    .pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-nav:last-child,.pf-c-page__main-nav.pf-m-sticky-top-on-lg-height {
        padding-bottom:var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom)
    }
}

@media (min-height: 60rem) {
    .pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-nav:last-child,.pf-c-page__main-nav.pf-m-sticky-top-on-xl-height {
        padding-bottom:var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom)
    }
}

@media (min-height: 80rem) {
    .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-c-page__main-nav:last-child,.pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height {
        padding-bottom:var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom)
    }
}

.pf-c-page__main-subnav {
    background-color: var(--pf-c-page__main-subnav--BackgroundColor);
    border-top: var(--pf-c-page__main-subnav--BorderTopWidth) solid var(--pf-c-page__main-subnav--BorderTopColor);
    border-left: var(--pf-c-page__main-subnav--BorderLeftWidth) solid var(--pf-c-page__main-subnav--BorderLeftColor)
}

@media screen and (min-width: 1200px) {
    .pf-c-page__sidebar~.pf-c-page__main {
        --pf-c-page__main-subnav--BorderLeftWidth:var(--pf-c-page__sidebar--main__main-subnav--BorderLeftWidth)
    }
}

.pf-c-page__sidebar.pf-m-collapsed~.pf-c-page__main {
    --pf-c-page__main-subnav--BorderLeftWidth: var(--pf-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth)
}

.pf-c-page__main-breadcrumb {
    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);
    background-color: var(--pf-c-page__main-breadcrumb--BackgroundColor)
}

.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)
}

@media (min-height: 0) {
    .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,.pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-breadcrumb:last-child {
        --pf-c-page__main-breadcrumb--PaddingBottom:var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom)
    }
}

@media (min-height: 40rem) {
    .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,.pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-breadcrumb:last-child {
        --pf-c-page__main-breadcrumb--PaddingBottom:var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom)
    }
}

@media (min-height: 48rem) {
    .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,.pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-breadcrumb:last-child {
        --pf-c-page__main-breadcrumb--PaddingBottom:var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom)
    }
}

@media (min-height: 60rem) {
    .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,.pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-breadcrumb:last-child {
        --pf-c-page__main-breadcrumb--PaddingBottom:var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom)
    }
}

@media (min-height: 80rem) {
    .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,.pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .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 {
    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);
    background-color: var(--pf-c-page__main-tabs--BackgroundColor)
}

.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 {
    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 {
    flex-grow: 0
}

.pf-c-page__main-section {
    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);
    background-color: var(--pf-c-page__main-section--BackgroundColor)
}

.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.pf-m-light-100 {
    --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-light-100--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 {
    flex: 1 1;
    min-height: 0;
    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)
}

.pf-c-page__main-wizard:first-child {
    --pf-c-page__main-wizard--BorderTopWidth: 0
}

.pf-c-page__main-wizard.pf-m-light-200 {
    --pf-c-page__main-wizard--BackgroundColor: var(--pf-c-page__main-wizard--m-light-200--BackgroundColor)
}

.pf-c-page__main-wizard .pf-c-page__main-body {
    min-height: 0
}

.pf-c-page__main-group {
    flex-shrink: 0
}

.pf-c-page__main-nav .pf-c-page__main-body {
    padding-top: var(--pf-c-page__main-nav--PaddingTop);
    padding-right: var(--pf-c-page__main-nav--PaddingRight);
    padding-left: var(--pf-c-page__main-nav--PaddingLeft)
}

.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 {
    flex: 1 0 auto
}

:where(.pf-theme-dark) .pf-c-page {
    --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-page__sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-page__header--BackgroundColor: var(--pf-global--palette--black-1000)
}

:where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button {
    color: var(--pf-global--Color--100)
}

:where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge:hover:before {
    background-color: var(--pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor)
}

:where(.pf-theme-dark) .pf-c-page__sidebar {
    border-right: var(--pf-global--BorderWidth--sm) solid var(--pf-global--BorderColor--100)
}

:where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-bottom,:where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-top {
    --pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300)
}

:where(.pf-theme-dark) .pf-c-page__main-breadcrumb.pf-m-sticky-bottom,:where(.pf-theme-dark) .pf-c-page__main-breadcrumb.pf-m-sticky-top {
    --pf-c-page__main-breadcrumb--BackgroundColor: var(--pf-global--BackgroundColor--300)
}

:where(.pf-theme-dark) .pf-c-page__main-group.pf-m-sticky-bottom,:where(.pf-theme-dark) .pf-c-page__main-group.pf-m-sticky-top {
    --pf-c-page__main-section--m-light--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-page__main-breadcrumb--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300)
}

:where(.pf-theme-dark) .pf-c-page__main-section.pf-m-sticky-bottom,:where(.pf-theme-dark) .pf-c-page__main-section.pf-m-sticky-top {
    --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--300)
}

:where(.pf-theme-dark) .pf-c-page__header,:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],:where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector {
    color: var(--pf-global--Color--100)
}

.pf-c-pagination {
    --pf-c-pagination--inset: 0;
    --pf-c-pagination--PaddingRight: var(--pf-c-pagination--inset);
    --pf-c-pagination--PaddingLeft: var(--pf-c-pagination--inset);
    --pf-c-pagination--m-page-insets--inset: var(--pf-global--spacer--md);
    --pf-c-pagination--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
    --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: calc(var(--pf-global--spacer--sm)*2 + var(--pf-global--BorderWidth--sm)*2);
    --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;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding-right: var(--pf-c-pagination--PaddingRight);
    padding-left: var(--pf-c-pagination--PaddingLeft)
}

@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__scroll-button--Width: var(--pf-c-pagination__scroll-button--xl--Width);
        --pf-c-pagination--m-page-insets--inset: var(--pf-c-pagination--m-page-insets--xl--inset)
    }
}

.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;
    position: sticky;
    bottom: var(--pf-c-pagination--m-bottom--Bottom);
    justify-content: center;
    background-color: var(--pf-c-pagination--m-bottom--BackgroundColor);
    box-shadow: var(--pf-c-pagination--m-bottom--BoxShadow)
}

.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;
    position: relative;
    box-shadow: none
}

.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 {
    position: absolute;
    display: block;
    visibility: visible
}

.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
    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;
        position: relative;
        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)
    }

    .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 {
        display: inline-flex;
        flex-basis: auto
    }
}

.pf-c-pagination.pf-m-sticky {
    --pf-c-pagination--m-bottom--Bottom: 0;
    position: sticky;
    top: var(--pf-c-pagination--m-sticky--Top);
    z-index: var(--pf-c-pagination--m-sticky--ZIndex);
    padding-top: var(--pf-c-pagination--m-sticky--PaddingTop);
    padding-right: var(--pf-c-pagination--m-sticky--PaddingRight);
    padding-bottom: var(--pf-c-pagination--m-sticky--PaddingBottom);
    padding-left: var(--pf-c-pagination--m-sticky--PaddingLeft);
    background-color: var(--pf-c-pagination--m-sticky--BackgroundColor);
    box-shadow: var(--pf-c-pagination--m-sticky--BoxShadow)
}

@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.pf-m-page-insets {
    --pf-c-pagination--inset: var(--pf-c-pagination--m-page-insets--inset)
}

.pf-c-pagination__nav {
    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 {
    padding-right: var(--pf-c-pagination__nav-control--c-button--PaddingRight);
    padding-left: var(--pf-c-pagination__nav-control--c-button--PaddingLeft);
    font-size: var(--pf-c-pagination__nav-control--c-button--FontSize)
}

.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 {
    display: flex;
    align-items: center;
    padding-right: var(--pf-c-pagination__nav-page-select--PaddingRight);
    padding-left: var(--pf-c-pagination__nav-page-select--PaddingLeft)
}

.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)
}

.pf-c-pagination.pf-m-inset-none {
    --pf-c-pagination--inset: 0
}

.pf-c-pagination.pf-m-inset-sm {
    --pf-c-pagination--inset: var(--pf-global--spacer--sm)
}

.pf-c-pagination.pf-m-inset-md {
    --pf-c-pagination--inset: var(--pf-global--spacer--md)
}

.pf-c-pagination.pf-m-inset-lg {
    --pf-c-pagination--inset: var(--pf-global--spacer--lg)
}

.pf-c-pagination.pf-m-inset-xl {
    --pf-c-pagination--inset: var(--pf-global--spacer--xl)
}

.pf-c-pagination.pf-m-inset-2xl {
    --pf-c-pagination--inset: var(--pf-global--spacer--2xl)
}

@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)
    }

    .pf-c-pagination.pf-m-inset-none-on-sm {
        --pf-c-pagination--inset: 0
    }

    .pf-c-pagination.pf-m-inset-sm-on-sm {
        --pf-c-pagination--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-pagination.pf-m-inset-md-on-sm {
        --pf-c-pagination--inset: var(--pf-global--spacer--md)
    }

    .pf-c-pagination.pf-m-inset-lg-on-sm {
        --pf-c-pagination--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-pagination.pf-m-inset-xl-on-sm {
        --pf-c-pagination--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-pagination.pf-m-inset-2xl-on-sm {
        --pf-c-pagination--inset: var(--pf-global--spacer--2xl)
    }
}

@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)
    }

    .pf-c-pagination.pf-m-inset-none-on-md {
        --pf-c-pagination--inset: 0
    }

    .pf-c-pagination.pf-m-inset-sm-on-md {
        --pf-c-pagination--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-pagination.pf-m-inset-md-on-md {
        --pf-c-pagination--inset: var(--pf-global--spacer--md)
    }

    .pf-c-pagination.pf-m-inset-lg-on-md {
        --pf-c-pagination--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-pagination.pf-m-inset-xl-on-md {
        --pf-c-pagination--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-pagination.pf-m-inset-2xl-on-md {
        --pf-c-pagination--inset: var(--pf-global--spacer--2xl)
    }
}

@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)
    }

    .pf-c-pagination.pf-m-inset-none-on-lg {
        --pf-c-pagination--inset: 0
    }

    .pf-c-pagination.pf-m-inset-sm-on-lg {
        --pf-c-pagination--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-pagination.pf-m-inset-md-on-lg {
        --pf-c-pagination--inset: var(--pf-global--spacer--md)
    }

    .pf-c-pagination.pf-m-inset-lg-on-lg {
        --pf-c-pagination--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-pagination.pf-m-inset-xl-on-lg {
        --pf-c-pagination--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-pagination.pf-m-inset-2xl-on-lg {
        --pf-c-pagination--inset: var(--pf-global--spacer--2xl)
    }
}

@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)
    }

    .pf-c-pagination.pf-m-inset-none-on-xl {
        --pf-c-pagination--inset: 0
    }

    .pf-c-pagination.pf-m-inset-sm-on-xl {
        --pf-c-pagination--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-pagination.pf-m-inset-md-on-xl {
        --pf-c-pagination--inset: var(--pf-global--spacer--md)
    }

    .pf-c-pagination.pf-m-inset-lg-on-xl {
        --pf-c-pagination--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-pagination.pf-m-inset-xl-on-xl {
        --pf-c-pagination--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-pagination.pf-m-inset-2xl-on-xl {
        --pf-c-pagination--inset: var(--pf-global--spacer--2xl)
    }
}

@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-pagination.pf-m-inset-none-on-2xl {
        --pf-c-pagination--inset: 0
    }

    .pf-c-pagination.pf-m-inset-sm-on-2xl {
        --pf-c-pagination--inset: var(--pf-global--spacer--sm)
    }

    .pf-c-pagination.pf-m-inset-md-on-2xl {
        --pf-c-pagination--inset: var(--pf-global--spacer--md)
    }

    .pf-c-pagination.pf-m-inset-lg-on-2xl {
        --pf-c-pagination--inset: var(--pf-global--spacer--lg)
    }

    .pf-c-pagination.pf-m-inset-xl-on-2xl {
        --pf-c-pagination--inset: var(--pf-global--spacer--xl)
    }

    .pf-c-pagination.pf-m-inset-2xl-on-2xl {
        --pf-c-pagination--inset: var(--pf-global--spacer--2xl)
    }
}

:where(.pf-theme-dark) .pf-c-pagination {
    --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--300)
}

.pf-c-panel {
    --pf-c-panel--Width: auto;
    --pf-c-panel--MinWidth: auto;
    --pf-c-panel--MaxWidth: none;
    --pf-c-panel--ZIndex: auto;
    --pf-c-panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-panel--BoxShadow: none;
    --pf-c-panel--before--BorderWidth: 0;
    --pf-c-panel--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-panel--m-bordered--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-panel--m-raised--BoxShadow: var(--pf-global--BoxShadow--md);
    --pf-c-panel--m-raised--ZIndex: var(--pf-global--ZIndex--sm);
    --pf-c-panel__header--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-panel__header--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-panel__header--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-panel__header--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-panel__main--MaxHeight: none;
    --pf-c-panel__main--Overflow: visible;
    --pf-c-panel__main-body--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-panel__main-body--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-panel__main-body--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-panel__main-body--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-panel__footer--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-panel__footer--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-panel__footer--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-panel__footer--PaddingLeft: var(--pf-global--spacer--md);
    --pf-c-panel__footer--BoxShadow: none;
    --pf-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
    --pf-c-panel--m-scrollable__main--Overflow: auto;
    --pf-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(3,3,3,0.16);
    position: relative;
    z-index: var(--pf-c-panel--ZIndex);
    width: var(--pf-c-panel--Width);
    min-width: var(--pf-c-panel--MinWidth);
    max-width: var(--pf-c-panel--MaxWidth);
    background-color: var(--pf-c-panel--BackgroundColor);
    box-shadow: var(--pf-c-panel--BoxShadow)
}

.pf-c-panel:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: "";
    border: var(--pf-c-panel--before--BorderWidth) solid var(--pf-c-panel--before--BorderColor)
}

.pf-c-panel.pf-m-bordered {
    --pf-c-panel--before--BorderWidth: var(--pf-c-panel--m-bordered--before--BorderWidth)
}

.pf-c-panel.pf-m-raised {
    --pf-c-panel--BoxShadow: var(--pf-c-panel--m-raised--BoxShadow);
    --pf-c-panel--ZIndex: var(--pf-c-panel--m-raised--ZIndex)
}

.pf-c-panel.pf-m-scrollable {
    --pf-c-panel__main--MaxHeight: var(--pf-c-panel--m-scrollable__main--MaxHeight);
    --pf-c-panel__main--Overflow: var(--pf-c-panel--m-scrollable__main--Overflow);
    --pf-c-panel__footer--BoxShadow: var(--pf-c-panel--m-scrollable__footer--BoxShadow)
}

.pf-c-panel__header {
    padding: var(--pf-c-panel__header--PaddingTop) var(--pf-c-panel__header--PaddingRight) var(--pf-c-panel__header--PaddingBottom) var(--pf-c-panel__header--PaddingLeft)
}

.pf-c-panel__main {
    max-height: var(--pf-c-panel__main--MaxHeight);
    overflow: var(--pf-c-panel__main--Overflow)
}

.pf-c-panel__main-body {
    padding: var(--pf-c-panel__main-body--PaddingTop) var(--pf-c-panel__main-body--PaddingRight) var(--pf-c-panel__main-body--PaddingBottom) var(--pf-c-panel__main-body--PaddingLeft)
}

.pf-c-panel__footer {
    padding: var(--pf-c-panel__footer--PaddingTop) var(--pf-c-panel__footer--PaddingRight) var(--pf-c-panel__footer--PaddingBottom) var(--pf-c-panel__footer--PaddingLeft);
    box-shadow: var(--pf-c-panel__footer--BoxShadow)
}

.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--lg);
    --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
    --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
    --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
    --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
    --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
    --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
    --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
    --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
    --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
    --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
    --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--lg);
    --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: calc(var(--pf-c-popover__content--PaddingRight) - 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__title--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
    --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
    --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
    --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
    --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
    position: relative;
    min-width: var(--pf-c-popover--MinWidth);
    max-width: var(--pf-c-popover--MaxWidth);
    font-size: var(--pf-c-popover--FontSize);
    box-shadow: var(--pf-c-popover--BoxShadow)
}

.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-left .pf-c-popover__arrow,.pf-c-popover.pf-m-top-right .pf-c-popover__arrow,.pf-c-popover.pf-m-top .pf-c-popover__arrow {
    bottom: 0;
    left: 50%;
    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-left .pf-c-popover__arrow,.pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow,.pf-c-popover.pf-m-bottom .pf-c-popover__arrow {
    top: 0;
    left: 50%;
    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-bottom .pf-c-popover__arrow,.pf-c-popover.pf-m-left-top .pf-c-popover__arrow,.pf-c-popover.pf-m-left .pf-c-popover__arrow {
    top: 50%;
    right: 0;
    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-bottom .pf-c-popover__arrow,.pf-c-popover.pf-m-right-top .pf-c-popover__arrow,.pf-c-popover.pf-m-right .pf-c-popover__arrow {
    top: 50%;
    left: 0;
    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.pf-m-left-top .pf-c-popover__arrow,.pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
    top: var(--pf-c-popover__arrow--Height)
}

.pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow,.pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
    top: auto;
    bottom: 0
}

.pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow,.pf-c-popover.pf-m-top-left .pf-c-popover__arrow {
    left: var(--pf-c-popover__arrow--Width)
}

.pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow,.pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
    right: 0;
    left: auto
}

.pf-c-popover.pf-m-danger {
    --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
    --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color)
}

.pf-c-popover.pf-m-warning {
    --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
    --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color)
}

.pf-c-popover.pf-m-success {
    --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
    --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color)
}

.pf-c-popover.pf-m-default {
    --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
    --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color)
}

.pf-c-popover.pf-m-info {
    --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
    --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color)
}

.pf-c-popover__content {
    position: relative;
    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);
    background-color: var(--pf-c-popover__content--BackgroundColor)
}

.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;
    top: var(--pf-c-popover--c-button--Top);
    right: var(--pf-c-popover--c-button--Right)
}

.pf-c-popover__content>.pf-c-button+* {
    padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight)
}

.pf-c-popover__arrow {
    position: absolute;
    width: var(--pf-c-popover__arrow--Width);
    height: var(--pf-c-popover__arrow--Height);
    pointer-events: none;
    background-color: var(--pf-c-popover__arrow--BackgroundColor);
    box-shadow: var(--pf-c-popover__arrow--BoxShadow)
}

.pf-c-popover__title {
    flex: 0 0 auto;
    margin-bottom: var(--pf-c-popover__title--MarginBottom);
    font-family: var(--pf-c-popover__title--FontFamily);
    font-size: var(--pf-c-popover__title--FontSize);
    line-height: var(--pf-c-popover__title--LineHeight)
}

.pf-c-popover__title.pf-m-icon {
    display: flex
}

.pf-c-popover__title-icon {
    margin-right: var(--pf-c-popover__title-icon--MarginRight);
    color: var(--pf-c-popover__title-icon--Color)
}

.pf-c-popover__title-text {
    color: var(--pf-c-popover__title-text--Color,inherit)
}

.pf-c-popover__body {
    word-wrap: break-word
}

.pf-c-popover__footer {
    margin-top: var(--pf-c-popover__footer--MarginTop)
}

:where(.pf-theme-dark) .pf-c-popover {
    --pf-c-popover--BoxShadow: none;
    --pf-c-popover__arrow--BoxShadow: none;
    --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
    --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
    --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
    --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100)
}

:where(.pf-theme-dark) .pf-c-popover,:where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
    border: 4px solid var(--pf-global--BorderColor--400)
}

.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__helper-text--MarginTop: calc(var(--pf-global--spacer--xs) - var(--pf-c-progress--GridGap));
    --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);
    display: grid;
    align-items: end;
    grid-gap: var(--pf-c-progress--GridGap);
    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 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--pf-c-progress--m-inside__indicator--MinWidth)
}

.pf-c-progress.pf-m-inside .pf-c-progress__measure {
    font-size: var(--pf-c-progress--m-inside__measure--FontSize);
    color: var(--pf-c-progress--m-inside__measure--Color);
    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 {
    grid-column: 2/3;
    grid-row: 2/3;
    align-self: center
}

.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-row: 1/2;
    grid-column: 1/2
}

.pf-c-progress.pf-m-singleline .pf-c-progress__status {
    grid-row: 1/2;
    grid-column: 2/3
}

.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 {
    word-break: break-word;
    grid-column: 1/2
}

.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 {
    margin-left: var(--pf-c-progress__status-icon--MarginLeft);
    color: var(--pf-c-progress__status-icon--Color)
}

.pf-c-progress__bar {
    position: relative;
    grid-column: 1/3;
    grid-row: 2/3;
    align-self: center;
    height: var(--pf-c-progress__bar--Height);
    background-color: var(--pf-c-progress__bar--BackgroundColor)
}

.pf-c-progress__bar:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--pf-c-progress__bar--before--BackgroundColor);
    opacity: var(--pf-c-progress__bar--before--Opacity)
}

.pf-c-progress__indicator {
    position: absolute;
    top: 0;
    left: 0;
    height: var(--pf-c-progress__indicator--Height);
    background-color: var(--pf-c-progress__indicator--BackgroundColor)
}

.pf-c-progress__helper-text {
    grid-column: 1/3;
    grid-row: 3/4;
    margin-top: var(--pf-c-progress__helper-text--MarginTop)
}

:where(.pf-theme-dark) .pf-c-progress {
    --pf-c-progress--m-inside__measure--Color: var(--pf-global--palette--black-900);
    --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--palette--black-900);
    --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--palette--black-900)
}

.pf-c-progress-stepper {
    --pf-c-progress-stepper--m-vertical--GridAutoFlow: row;
    --pf-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
    --pf-c-progress-stepper--m-vertical__step-connector--before--Top: 0;
    --pf-c-progress-stepper--m-vertical__step-connector--before--Left: calc(var(--pf-c-progress-stepper__step-icon--Width)/2);
    --pf-c-progress-stepper--m-vertical__step-connector--before--Width: auto;
    --pf-c-progress-stepper--m-vertical__step-connector--before--Height: 100%;
    --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-global--BorderWidth--md);
    --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-global--BorderColor--100);
    --pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth: 0;
    --pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor: transparent;
    --pf-c-progress-stepper--m-vertical__step-connector--before--Transform: translateX(-50%);
    --pf-c-progress-stepper--m-vertical__step-main--MarginTop: var(--pf-global--spacer--xs);
    --pf-c-progress-stepper--m-vertical__step-main--MarginRight: 0;
    --pf-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-global--spacer--xl);
    --pf-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-global--spacer--xs);
    --pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns: 1fr;
    --pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow: auto;
    --pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight: 0;
    --pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight: 0;
    --pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft: 0;
    --pf-c-progress-stepper--m-horizontal--GridAutoFlow: column;
    --pf-c-progress-stepper--m-horizontal--GridTemplateColumns: initial;
    --pf-c-progress-stepper--m-horizontal__step-connector--before--Top: calc(var(--pf-c-progress-stepper__step-icon--Height)/2);
    --pf-c-progress-stepper--m-horizontal__step-connector--before--Left: 0;
    --pf-c-progress-stepper--m-horizontal__step-connector--before--Width: 100%;
    --pf-c-progress-stepper--m-horizontal__step-connector--before--Height: auto;
    --pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth: 0;
    --pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor: unset;
    --pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor: var(--pf-global--BorderColor--100);
    --pf-c-progress-stepper--m-horizontal__step-connector--before--Transform: translateY(-50%);
    --pf-c-progress-stepper--m-horizontal__step-main--MarginTop: var(--pf-global--spacer--sm);
    --pf-c-progress-stepper--m-horizontal__step-main--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-progress-stepper--m-horizontal__step-main--MarginBottom: 0;
    --pf-c-progress-stepper--m-horizontal__step-main--MarginLeft: 0;
    --pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns: repeat(auto-fill,1.75rem);
    --pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom: 0;
    --pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow: 2;
    --pf-c-progress-stepper--m-compact--GridAutoFlow: row;
    --pf-c-progress-stepper--m-compact__step-main--MarginTop: 0;
    --pf-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-global--spacer--sm);
    --pf-c-progress-stepper--m-compact__step-connector--MinWidth: 1.75rem;
    --pf-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
    --pf-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-global--icon--FontSize--sm);
    --pf-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
    --pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
    --pf-c-progress-stepper--m-center__step-connector--before--Left: 50%;
    --pf-c-progress-stepper--m-center--GridTemplateColumns: 1fr;
    --pf-c-progress-stepper--m-center__step-connector--JustifyContent: center;
    --pf-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-global--spacer--xs);
    --pf-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-global--spacer--xs);
    --pf-c-progress-stepper--m-center__step-main--TextAlign: center;
    --pf-c-progress-stepper--m-center__step-description--MarginRight: 0;
    --pf-c-progress-stepper--m-center__step-description--MarginLeft: 0;
    --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
    --pf-c-progress-stepper__step-connector--JustifyContent: start;
    --pf-c-progress-stepper__step-icon--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-progress-stepper__step-icon--Width: 1.75rem;
    --pf-c-progress-stepper__step-icon--Height: var(--pf-c-progress-stepper__step-icon--Width);
    --pf-c-progress-stepper__step-icon--FontSize: var(--pf-global--icon--FontSize--md);
    --pf-c-progress-stepper__step-icon--Color: var(--pf-global--Color--100);
    --pf-c-progress-stepper__step-icon--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
    --pf-c-progress-stepper__step-icon--BorderWidth: var(--pf-global--BorderWidth--md);
    --pf-c-progress-stepper__step-icon--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-progress-stepper__pficon--MarginTop: 3px;
    --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
    --pf-c-progress-stepper__step-title--Color: var(--pf-global--Color--100);
    --pf-c-progress-stepper__step-title--TextAlign: left;
    --pf-c-progress-stepper__step-title--FontSize: var(--pf-global--FontSize--md);
    --pf-c-progress-stepper__step-title--FontWeight: var(--pf-global--FontWeight--normal);
    --pf-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-global--FontWeight--bold);
    --pf-c-progress-stepper__step--m-current__step-title--Color: var(--pf-global--Color--100);
    --pf-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-global--Color--200);
    --pf-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-global--danger-color--100);
    --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
    --pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
    --pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
    --pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
    --pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
    --pf-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-global--Color--100);
    --pf-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-global--Color--100);
    --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-global--danger-color--200);
    --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color: var(--pf-global--danger-color--200);
    --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor: var(--pf-global--danger-color--100);
    --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor: var(--pf-global--danger-color--200);
    --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor: var(--pf-global--danger-color--200);
    --pf-c-progress-stepper__step-description--MarginTop: var(--pf-global--spacer--xs);
    --pf-c-progress-stepper__step-description--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
    --pf-c-progress-stepper__step-description--TextAlign: left;
    --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
    --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
    --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
    --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
    --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
    --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
    --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
    --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
    --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
    --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
    --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
    --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
    --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
    --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
    --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
    --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
    --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
    --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
    --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
    --pf-c-progress-stepper--m-center__step-main--before--Content: "";
    position: relative;
    display: grid;
    grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
    grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
    grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows);
    grid-auto-columns: 1fr
}

@media screen and (min-width: 768px) {
    .pf-c-progress-stepper {
        --pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
        --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
        --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
        --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
        --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
        --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
        --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
        --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
        --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
        --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
        --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
        --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
        --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
        --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
        --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
        --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
        --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
        --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
        --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
        --pf-c-progress-stepper--m-center__step-main--before--Content: none
    }
}

.pf-c-progress-stepper.pf-m-center {
    --pf-c-progress-stepper__step-connector--JustifyContent: var(--pf-c-progress-stepper--m-center__step-connector--JustifyContent);
    --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-center__step-main--MarginRight);
    --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-center__step-main--MarginLeft);
    --pf-c-progress-stepper--step-main--TextAlign: var(--pf-c-progress-stepper--m-center__step-main--TextAlign,auto);
    --pf-c-progress-stepper__step-title--TextAlign: var(--pf-c-progress-stepper--m-center__step-title--TextAlign,auto);
    --pf-c-progress-stepper__step-description--MarginRight: var(--pf-c-progress-stepper--m-center__step-description--MarginRight);
    --pf-c-progress-stepper__step-description--MarginLeft: var(--pf-c-progress-stepper--m-center__step-description--MarginLeft);
    --pf-c-progress-stepper__step-description--TextAlign: var(--pf-c-progress-stepper--m-center__step-description--TextAlign,auto);
    --pf-c-progress-stepper--m-vertical__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight);
    --pf-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft);
    grid-template-columns: var(--pf-c-progress-stepper--m-center--GridTemplateColumns)
}

.pf-c-progress-stepper.pf-m-center .pf-c-progress-stepper__step-main {
    position: relative
}

.pf-c-progress-stepper.pf-m-center .pf-c-progress-stepper__step:not(:last-of-type)>.pf-c-progress-stepper__step-connector:before {
    left: var(--pf-c-progress-stepper--m-center__step-connector--before--Left)
}

.pf-c-progress-stepper.pf-m-center:not(.pf-m-compact) .pf-c-progress-stepper__step:not(:last-of-type)>.pf-c-progress-stepper__step-main:before {
    content: var(--pf-c-progress-stepper--m-center__step-main--before--Content)
}

.pf-c-progress-stepper.pf-m-center:not(.pf-m-compact) .pf-c-progress-stepper__step:not(:last-of-type)>.pf-c-progress-stepper__step-connector:before {
    content: var(--pf-c-progress-stepper--m-center__step-connector--before--Content)
}

.pf-c-progress-stepper.pf-m-compact {
    --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-compact__step-main--MarginTop);
    --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom);
    --pf-c-progress-stepper__step-icon--Width: var(--pf-c-progress-stepper--m-compact__step-icon--Width);
    --pf-c-progress-stepper__step-icon--FontSize: var(--pf-c-progress-stepper--m-compact__step-icon--FontSize);
    --pf-c-progress-stepper__step-title--FontSize: var(--pf-c-progress-stepper--m-compact__step-title--FontSize);
    --pf-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-c-progress-stepper--m-compact__step-title--FontWeight);
    --pf-c-progress-stepper__pficon--MarginTop: var(--pf-c-progress-stepper--m-compact__pficon--MarginTop);
    --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);
    --pf-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginLeft);
    --pf-c-progress-stepper--m-vertical__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight);
    display: inline-grid;
    grid-template-columns: var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);
    grid-auto-flow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow)
}

.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-connector {
    min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
    grid-row: var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);
    padding-bottom: var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom)
}

.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-main {
    margin-bottom: var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom)
}

.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step:not(.pf-m-current) .pf-c-progress-stepper__step-main {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step.pf-m-current .pf-c-progress-stepper__step-main {
    grid-column: 1/-1;
    grid-row: 1/2
}

.pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-description {
    display: none
}

.pf-c-progress-stepper__step {
    display: contents
}

.pf-c-progress-stepper__step.pf-m-current {
    --pf-c-progress-stepper__step-title--FontWeight: var(--pf-c-progress-stepper__step--m-current__step-title--FontWeight);
    --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step--m-current__step-title--Color)
}

.pf-c-progress-stepper__step.pf-m-pending {
    --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step--m-pending__step-title--Color)
}

.pf-c-progress-stepper__step.pf-m-success {
    --pf-c-progress-stepper__step-icon--Color: var(--pf-global--success-color--100)
}

.pf-c-progress-stepper__step.pf-m-danger {
    --pf-c-progress-stepper__step-icon--Color: var(--pf-global--danger-color--100);
    --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step--m-danger__step-title--Color);
    --pf-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color);
    --pf-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color);
    --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor);
    --pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor);
    --pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor)
}

.pf-c-progress-stepper__step.pf-m-warning {
    --pf-c-progress-stepper__step-icon--Color: var(--pf-global--warning-color--100)
}

.pf-c-progress-stepper__step.pf-m-info {
    --pf-c-progress-stepper__step-icon--Color: var(--pf-global--info-color--100)
}

.pf-c-progress-stepper__step:last-child {
    --pf-c-progress-stepper__step-main--MarginBottom: 0
}

.pf-c-progress-stepper__step-connector {
    position: relative;
    display: flex;
    justify-content: var(--pf-c-progress-stepper__step-connector--JustifyContent);
    width: 100%
}

.pf-c-progress-stepper__step:not(:last-of-type)>.pf-c-progress-stepper__step-connector:before {
    position: absolute;
    top: var(--pf-c-progress-stepper__step-connector--before--Top);
    left: var(--pf-c-progress-stepper__step-connector--before--Left);
    width: var(--pf-c-progress-stepper__step-connector--before--Width);
    height: var(--pf-c-progress-stepper__step-connector--before--Height);
    content: "";
    border-right: var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);
    border-bottom: var(--pf-c-progress-stepper__step-connector--before--BorderBottomWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderBottomColor);
    transform: var(--pf-c-progress-stepper__step-connector--before--Transform)
}

.pf-c-progress-stepper__step-icon {
    z-index: var(--pf-c-progress-stepper__step-icon--ZIndex);
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--pf-c-progress-stepper__step-icon--Width);
    height: var(--pf-c-progress-stepper__step-icon--Height);
    font-size: var(--pf-c-progress-stepper__step-icon--FontSize);
    color: var(--pf-c-progress-stepper__step-icon--Color);
    background-color: var(--pf-c-progress-stepper__step-icon--BackgroundColor);
    border: var(--pf-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-c-progress-stepper__step-icon--BorderColor);
    border-radius: 50%
}

.pf-c-progress-stepper__step-icon .pficon {
    margin-top: var(--pf-c-progress-stepper__pficon--MarginTop)
}

.pf-c-progress-stepper__step-icon .fa-exclamation-triangle {
    margin-top: var(--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop)
}

.pf-c-progress-stepper__step-main {
    min-width: 0;
    margin: var(--pf-c-progress-stepper__step-main--MarginTop) var(--pf-c-progress-stepper__step-main--MarginRight) var(--pf-c-progress-stepper__step-main--MarginBottom) var(--pf-c-progress-stepper__step-main--MarginLeft);
    text-align: var(--pf-c-progress-stepper--step-main--TextAlign,auto);
    overflow-wrap: anywhere
}

.pf-c-progress-stepper__step:not(:last-of-type)>.pf-c-progress-stepper__step-main:before {
    position: absolute;
    top: calc(100% + var(--pf-c-progress-stepper__step-main--MarginTop));
    left: calc(50% - var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth)/2);
    width: auto;
    height: calc(var(--pf-c-progress-stepper__step-main--MarginTop) + var(--pf-c-progress-stepper__step-main--MarginBottom));
    border-right: var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor)
}

.pf-c-progress-stepper__step-title {
    font-size: var(--pf-c-progress-stepper__step-title--FontSize);
    font-weight: var(--pf-c-progress-stepper__step-title--FontWeight);
    color: var(--pf-c-progress-stepper__step-title--Color);
    text-align: var(--pf-c-progress-stepper__step-title--TextAlign);
    border: 0
}

.pf-c-progress-stepper__step-title.pf-m-help-text {
    text-decoration: underline;
    cursor: pointer;
    text-decoration-style: dashed;
    text-decoration-color: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
    text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
    text-underline-offset: var(--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset)
}

.pf-c-progress-stepper__step-title.pf-m-help-text:hover {
    --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--hover--Color);
    --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor)
}

.pf-c-progress-stepper__step-title.pf-m-help-text:focus {
    --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--focus--Color);
    --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor)
}

.pf-c-progress-stepper__step-description {
    margin-top: var(--pf-c-progress-stepper__step-description--MarginTop);
    font-size: var(--pf-c-progress-stepper__step-description--FontSize);
    color: var(--pf-c-progress-stepper__step-description--Color);
    text-align: var(--pf-c-progress-stepper__step-description--TextAlign)
}

.pf-c-progress-stepper.pf-m-horizontal {
    --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
    --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
    --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
    --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
    --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
    --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
    --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
    --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
    --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
    --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
    --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
    --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
    --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
    --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
    --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
    --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
    --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
    --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
    --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
    --pf-c-progress-stepper--m-center__step-main--before--Content: none
}

.pf-c-progress-stepper.pf-m-vertical {
    --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
    --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
    --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
    --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
    --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
    --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
    --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
    --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
    --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
    --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
    --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
    --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
    --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
    --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
    --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
    --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
    --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
    --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
    --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
    --pf-c-progress-stepper--m-center__step-main--before--Content: ""
}

@media (min-width: 576px) {
    .pf-c-progress-stepper.pf-m-horizontal-on-sm {
        --pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
        --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
        --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
        --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
        --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
        --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
        --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
        --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
        --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
        --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
        --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
        --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
        --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
        --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
        --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
        --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
        --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
        --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
        --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
        --pf-c-progress-stepper--m-center__step-main--before--Content: none
    }

    .pf-c-progress-stepper.pf-m-vertical-on-sm {
        --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
        --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
        --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
        --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
        --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
        --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
        --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
        --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
        --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
        --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
        --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
        --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
        --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
        --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
        --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
        --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
        --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
        --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
        --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
        --pf-c-progress-stepper--m-center__step-main--before--Content: ""
    }
}

@media (min-width: 768px) {
    .pf-c-progress-stepper.pf-m-horizontal-on-md {
        --pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
        --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
        --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
        --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
        --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
        --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
        --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
        --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
        --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
        --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
        --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
        --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
        --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
        --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
        --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
        --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
        --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
        --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
        --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
        --pf-c-progress-stepper--m-center__step-main--before--Content: none
    }

    .pf-c-progress-stepper.pf-m-vertical-on-md {
        --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
        --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
        --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
        --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
        --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
        --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
        --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
        --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
        --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
        --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
        --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
        --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
        --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
        --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
        --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
        --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
        --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
        --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
        --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
        --pf-c-progress-stepper--m-center__step-main--before--Content: ""
    }
}

@media (min-width: 992px) {
    .pf-c-progress-stepper.pf-m-horizontal-on-lg {
        --pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
        --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
        --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
        --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
        --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
        --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
        --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
        --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
        --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
        --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
        --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
        --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
        --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
        --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
        --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
        --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
        --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
        --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
        --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
        --pf-c-progress-stepper--m-center__step-main--before--Content: none
    }

    .pf-c-progress-stepper.pf-m-vertical-on-lg {
        --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
        --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
        --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
        --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
        --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
        --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
        --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
        --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
        --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
        --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
        --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
        --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
        --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
        --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
        --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
        --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
        --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
        --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
        --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
        --pf-c-progress-stepper--m-center__step-main--before--Content: ""
    }
}

@media (min-width: 1200px) {
    .pf-c-progress-stepper.pf-m-horizontal-on-xl {
        --pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
        --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
        --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
        --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
        --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
        --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
        --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
        --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
        --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
        --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
        --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
        --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
        --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
        --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
        --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
        --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
        --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
        --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
        --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
        --pf-c-progress-stepper--m-center__step-main--before--Content: none
    }

    .pf-c-progress-stepper.pf-m-vertical-on-xl {
        --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
        --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
        --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
        --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
        --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
        --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
        --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
        --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
        --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
        --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
        --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
        --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
        --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
        --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
        --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
        --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
        --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
        --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
        --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
        --pf-c-progress-stepper--m-center__step-main--before--Content: ""
    }
}

@media (min-width: 1450px) {
    .pf-c-progress-stepper.pf-m-horizontal-on-2xl {
        --pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
        --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
        --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
        --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
        --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
        --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
        --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
        --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
        --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
        --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
        --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
        --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
        --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
        --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
        --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
        --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
        --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
        --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
        --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
        --pf-c-progress-stepper--m-center__step-main--before--Content: none
    }

    .pf-c-progress-stepper.pf-m-vertical-on-2xl {
        --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
        --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
        --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
        --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
        --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
        --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
        --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
        --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
        --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
        --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
        --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
        --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
        --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
        --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
        --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
        --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
        --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
        --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
        --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
        --pf-c-progress-stepper--m-center__step-main--before--Content: ""
    }
}

.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: var(--pf-c-radio__label--FontSize);
    --pf-c-radio__input--MarginTop: calc(var(--pf-c-radio__label--FontSize)*var(--pf-c-radio__label--LineHeight)/2 - var(--pf-c-radio__input--Height)/2);
    --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);
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: var(--pf-c-radio--GridGap);
    align-items: start;
    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 {
    font-size: var(--pf-c-radio__label--FontSize);
    font-weight: var(--pf-c-radio__label--FontWeight);
    line-height: var(--pf-c-radio__label--LineHeight);
    color: var(--pf-c-radio__label--Color)
}

.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 {
    grid-column: 2;
    font-size: var(--pf-c-radio__description--FontSize);
    color: var(--pf-c-radio__description--Color)
}

.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;
    width: 100%
}

.pf-c-search-input__bar {
    position: relative;
    display: flex;
    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 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "text-input";
    flex: 1
}

.pf-c-search-input__text:after,.pf-c-search-input__text:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: ""
}

.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 {
    position: absolute;
    top: 50%;
    left: var(--pf-c-search-input__icon--Left);
    color: var(--pf-c-search-input__icon--Color);
    transform: translateY(var(--pf-c-search-input__icon--TranslateY))
}

.pf-c-search-input__text-input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    width: 100%;
    min-width: var(--pf-c-search-input__text-input--MinWidth);
    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);
    border: 0
}

.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: flex;
    margin-right: var(--pf-c-search-input__utilities--MarginRight);
    margin-left: var(--pf-c-search-input__utilities--MarginLeft)
}

.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__nav {
    display: flex
}

.pf-c-search-input__count {
    display: flex;
    align-items: center
}

.pf-c-search-input__menu {
    position: absolute;
    top: var(--pf-c-search-input__menu--Top);
    z-index: var(--pf-c-search-input__menu--ZIndex);
    min-width: 100%;
    background-color: var(--pf-c-search-input__menu--BackgroundColor);
    background-clip: padding-box;
    box-shadow: var(--pf-c-search-input__menu--BoxShadow)
}

.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);
    transform: translateY(var(--pf-c-search-input--m-top__menu--TranslateY))
}

.pf-c-search-input__menu.pf-m-static {
    --pf-c-search-input--m-top__menu--TranslateY: 0;
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: auto;
    min-width: min-content
}

.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-top: var(--pf-c-search-input__menu-list--PaddingTop);
    padding-bottom: var(--pf-c-search-input__menu-list--PaddingBottom)
}

.pf-c-search-input__menu-item {
    display: flex;
    width: 100%;
    min-width: 0;
    padding-top: var(--pf-c-search-input__menu-item--PaddingTop);
    padding-right: var(--pf-c-search-input__menu-item--PaddingRight);
    padding-bottom: var(--pf-c-search-input__menu-item--PaddingBottom);
    padding-left: var(--pf-c-search-input__menu-item--PaddingLeft);
    color: var(--pf-c-search-input__menu-item--Color);
    text-align: left;
    background-color: var(--pf-c-search-input__menu-item--BackgroundColor);
    border: none
}

.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 {
    flex-grow: 1
}

:where(.pf-theme-dark) .pf-c-search-input {
    --pf-c-search-input__text--before--BorderColor: transparent;
    --pf-c-search-input__text--after--BorderBottomColor: var(--pf-global--BorderColor--400);
    background-color: var(--pf-global--BackgroundColor--400)
}

:where(.pf-theme-dark) .pf-c-search-input__text:before {
    border-bottom-color: var(--pf-global--BorderColor--400)
}

.pf-c-select {
    color: var(--pf-global--Color--100);
    --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: initial;
    --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__toggle--m-placeholder--Color: 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--m-placeholder__toggle-text--Color: var(--pf-global--Color--dark-200);
    --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--m-plain__toggle-arrow--Color: var(--pf-global--Color--200);
    --pf-c-select--m-plain--hover__toggle-arrow--Color: var(--pf-global--Color--100);
    --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--Width: auto;
    --pf-c-select__menu--MinWidth: 100%;
    --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--disabled--Color: var(--pf-global--Color--dark-200);
    --pf-c-select__menu-item--Width: 100%;
    --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--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-item--m-action--disabled--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-favorite-action--Color: var(--pf-global--Color--200);
    --pf-c-select__menu-item--m-favorite-action--hover--Color: var(--pf-global--Color--100);
    --pf-c-select__menu-item--m-favorite-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-wrapper--m-favorite__menu-item--m-favorite-action--hover--Color: var(--pf-global--palette--gold-500);
    --pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--focus--Color: var(--pf-global--palette--gold-500);
    --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--xs);
    --pf-c-select__menu-group-title--FontWeight: var(--pf-global--FontWeight--normal);
    --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);
    position: relative;
    display: inline-block;
    width: 100%
}

.pf-c-select .pf-c-divider {
    margin-top: var(--pf-c-select-menu--c-divider--MarginTop);
    margin-bottom: var(--pf-c-select-menu--c-divider--MarginBottom)
}

.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 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    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);
    font-size: var(--pf-c-select__toggle--FontSize);
    font-weight: var(--pf-c-select__toggle--FontWeight);
    line-height: var(--pf-c-select__toggle--LineHeight);
    color: var(--pf-c-select__toggle--Color);
    white-space: nowrap;
    cursor: pointer;
    background-color: var(--pf-c-select__toggle--BackgroundColor);
    border: none
}

.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 {
    --pf-c-select__toggle--before--BorderWidth-base: 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);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    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,var(--pf-c-select__toggle--before--BorderWidth-base))
}

.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 {
    --pf-c-select__toggle-arrow--Color: var(--pf-c-select--m-plain__toggle-arrow--Color)
}

.pf-c-select__toggle.pf-m-plain:before {
    border-color: var(--pf-c-select__toggle--m-plain--before--BorderColor)
}

.pf-c-select.pf-m-expanded>.pf-c-select__toggle.pf-m-plain,.pf-c-select__toggle.pf-m-plain.pf-m-active,.pf-c-select__toggle.pf-m-plain:active,.pf-c-select__toggle.pf-m-plain:focus,.pf-c-select__toggle.pf-m-plain:hover {
    --pf-c-select--m-plain__toggle-arrow--Color: var(--pf-c-select--m-plain--hover__toggle-arrow--Color)
}

.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 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --pf-c-form-control--invalid--BackgroundUrl: none;
    position: relative;
    height: auto
}

.pf-c-select__toggle .pf-c-select__toggle-clear {
    padding-right: var(--pf-c-select__toggle-clear--PaddingRight);
    padding-left: var(--pf-c-select__toggle-clear--PaddingLeft);
    margin-left: auto
}

.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.pf-m-placeholder {
    --pf-c-select__toggle-text--Color: var(--pf-c-select__toggle--m-placeholder__toggle-text--Color)
}

.pf-c-select__toggle-arrow {
    color: var(--pf-c-select__toggle-arrow--Color,inherit)
}

*+.pf-c-select__toggle-arrow {
    margin-right: var(--pf-c-select__toggle-arrow--MarginRight);
    margin-left: var(--pf-c-select__toggle-arrow--MarginLeft)
}

.pf-c-select.pf-m-top.pf-m-expanded .pf-c-select__toggle-arrow {
    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;
    color: var(--pf-c-select__toggle-text--Color,inherit)
}

.pf-c-select__toggle-wrapper {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    max-width: var(--pf-c-select__toggle-wrapper--MaxWidth);
    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-top: var(--pf-c-select__toggle-wrapper--c-chip-group--MarginTop);
    margin-bottom: var(--pf-c-select__toggle-wrapper--c-chip-group--MarginBottom)
}

.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 {
    margin-left: var(--pf-c-select__toggle-status-icon--MarginLeft);
    color: var(--pf-c-select__toggle-status-icon--Color)
}

.pf-c-select__toggle-badge {
    display: flex;
    padding-left: var(--pf-c-select__toggle-badge--PaddingLeft)
}

.pf-c-select__toggle-typeahead {
    flex-basis: var(--pf-c-select__toggle-typeahead--FlexBasis);
    flex-grow: 1;
    min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
    flex-shrink: 0
}

.pf-c-select__toggle-typeahead.pf-c-form-control {
    background-color: var(--pf-c-select__toggle-typeahead--BackgroundColor);
    border-top: var(--pf-c-select__toggle-typeahead--BorderTop);
    border-right: var(--pf-c-select__toggle-typeahead--BorderRight);
    border-bottom-color: transparent;
    border-left: var(--pf-c-select__toggle-typeahead--BorderLeft)
}

.pf-c-select__toggle-typeahead.pf-c-form-control:focus {
    padding-bottom: var(--pf-c-select__toggle-typeahead--focus--PaddingBottom)
}

.pf-c-select__menu {
    position: absolute;
    top: var(--pf-c-select__menu--Top);
    z-index: var(--pf-c-select__menu--ZIndex);
    width: var(--pf-c-select__menu--Width);
    min-width: var(--pf-c-select__menu--MinWidth);
    padding-top: var(--pf-c-select__menu--PaddingTop);
    padding-bottom: var(--pf-c-select__menu--PaddingBottom);
    background-color: var(--pf-c-select__menu--BackgroundColor);
    background-clip: padding-box;
    box-shadow: var(--pf-c-select__menu--BoxShadow)
}

.pf-c-select__menu.pf-m-align-right {
    right: 0
}

.pf-c-select.pf-m-top .pf-c-select__menu {
    top: 0;
    transform: translateY(var(--pf-c-select__menu--m-top--TranslateY))
}

.pf-c-select__menu.pf-m-static {
    --pf-c-select__menu--m-top--TranslateY: 0;
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: auto;
    min-width: min-content
}

.pf-c-select__menu-fieldset {
    border: 0
}

.pf-c-select__menu-wrapper {
    display: flex
}

.pf-c-select__menu-wrapper.pf-m-favorite .pf-c-select__menu-item.pf-m-favorite-action {
    --pf-c-select__menu-item--m-favorite-action--Color: var(--pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--Color);
    --pf-c-select__menu-item--m-favorite-action--hover--Color: var(--pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--hover--Color);
    --pf-c-select__menu-item--m-favorite-action--focus--Color: var(--pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--focus--Color)
}

.pf-c-select__menu-item {
    position: relative;
    width: var(--pf-c-select__menu-item--Width);
    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);
    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);
    color: var(--pf-c-select__menu-item--Color);
    text-align: left;
    white-space: nowrap;
    background-color: transparent;
    border: none
}

.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 {
    position: relative;
    background-color: var(--pf-c-select__menu-item--focus--BackgroundColor)
}

.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);
    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);
    display: flex;
    align-items: flex-start;
    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-action:disabled {
    --pf-c-select__menu-item--disabled--Color: var(--pf-c-select__menu-item--m-action--disabled--Color)
}

.pf-c-select__menu-item.pf-m-favorite-action {
    --pf-c-select__menu-item--m-action--Color: var(--pf-c-select__menu-item--m-favorite-action--Color);
    --pf-c-select__menu-item--m-action--hover--Color: var(--pf-c-select__menu-item--m-favorite-action--hover--Color);
    --pf-c-select__menu-item--m-action--focus--Color: var(--pf-c-select__menu-item--m-favorite-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);
    color: var(--pf-c-select__menu-item--disabled--Color);
    pointer-events: none;
    background-color: var(--pf-c-select__menu-item--disabled--BackgroundColor)
}

.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 {
    position: relative;
    display: block;
    padding-right: var(--pf-c-select__menu-item-main--PaddingRight);
    white-space: nowrap
}

.pf-c-select__menu-item-row {
    display: flex
}

.pf-c-select__menu-item-text {
    flex-grow: 1
}

.pf-c-select__menu-item-count {
    align-self: center;
    margin-left: var(--pf-c-select__menu-item-count--MarginLeft);
    font-size: var(--pf-c-select__menu-item-count--FontSize);
    color: var(--pf-c-select__menu-item-count--Color)
}

.pf-c-select__menu-item-description {
    display: block;
    padding-right: var(--pf-c-select__menu-item-description--PaddingRight);
    font-size: var(--pf-c-select__menu-item-description--FontSize);
    color: var(--pf-c-select__menu-item-description--Color)
}

.pf-c-select__menu-item-icon {
    position: absolute;
    top: var(--pf-c-select__menu-item-icon--Top);
    right: var(--pf-c-select__menu-item-icon--Right);
    font-size: var(--pf-c-select__menu-item-icon--FontSize);
    color: var(--pf-c-select__menu-item-icon--Color);
    transform: translateY(var(--pf-c-select__menu-item-icon--TranslateY))
}

.pf-c-select__menu-item-action-icon {
    display: flex;
    align-items: center;
    min-height: var(--pf-c-select__menu-item-action-icon--MinHeight)
}

.pf-c-select__menu-item--match {
    font-weight: var(--pf-c-select__menu-item--match--FontWeight);
    background-color: inherit
}

.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 {
    padding-top: var(--pf-c-select__menu-group-title--PaddingTop);
    padding-right: var(--pf-c-select__menu-group-title--PaddingRight);
    padding-bottom: var(--pf-c-select__menu-group-title--PaddingBottom);
    padding-left: var(--pf-c-select__menu-group-title--PaddingLeft);
    font-size: var(--pf-c-select__menu-group-title--FontSize);
    font-weight: var(--pf-c-select__menu-group-title--FontWeight);
    color: var(--pf-c-select__menu-group-title--Color)
}

.pf-c-select__menu-footer {
    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);
    margin-top: var(--pf-c-select__menu-footer--MarginTop);
    margin-bottom: var(--pf-c-select__menu-footer--MarginBottom);
    box-shadow: var(--pf-c-select__menu-footer--BoxShadow)
}

:where(.pf-theme-dark) .pf-c-select {
    --pf-c-select__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
    --pf-c-select__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-select__toggle--before--BorderTopColor: transparent;
    --pf-c-select__toggle--before--BorderRightColor: transparent;
    --pf-c-select__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--400);
    --pf-c-select__toggle--before--BorderLeftColor: transparent;
    --pf-c-select__menu--Top: 100%;
    --pf-c-select__menu--m-top--TranslateY: -100%;
    --pf-c-select__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --pf-c-select__menu--BackgroundColor: var(--pf-global--BackgroundColor--300)
}

:where(.pf-theme-dark) .pf-c-select__toggle.pf-m-disabled,:where(.pf-theme-dark) .pf-c-select__toggle:disabled {
    color: var(--pf-global--palette--black-100)
}

.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--FlexBasis--base: auto;
    --pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3,3,3,0.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-base: auto;
    --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis-base);
    --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-top: var(--pf-c-sidebar__main--child--MarginTop);
    margin-left: var(--pf-c-sidebar__main--child--MarginLeft)
}

@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 {
    display: flex;
    flex-direction: var(--pf-c-sidebar__main--FlexDirection);
    align-items: var(--pf-c-sidebar__main--AlignItems)
}

.pf-c-sidebar__panel {
    position: var(--pf-c-sidebar__panel--Position);
    top: var(--pf-c-sidebar__panel--Top);
    z-index: var(--pf-c-sidebar__panel--ZIndex);
    flex-shrink: 0;
    flex-basis: var(--pf-c-sidebar__panel--FlexBasis);
    order: var(--pf-c-sidebar__panel--Order);
    background-color: var(--pf-c-sidebar__panel--BackgroundColor);
    box-shadow: var(--pf-c-sidebar__panel--BoxShadow)
}

.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 {
    flex-grow: 1;
    background-color: var(--pf-c-sidebar__content--BackgroundColor)
}

.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 {
    display: block;
    width: 100%;
    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);
    font-size: var(--pf-c-simple-list__item-link--FontSize);
    font-weight: var(--pf-c-simple-list__item-link--FontWeight);
    color: var(--pf-c-simple-list__item-link--Color);
    text-align: left;
    background-color: var(--pf-c-simple-list__item-link--BackgroundColor);
    border: none
}

.pf-c-simple-list__item-link:hover {
    text-decoration: none;
    --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)
}

.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 {
    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);
    font-size: var(--pf-c-simple-list__title--FontSize);
    font-weight: var(--pf-c-simple-list__title--FontWeight);
    color: var(--pf-c-simple-list__title--Color)
}

.pf-c-simple-list__section+.pf-c-simple-list__section {
    margin-top: var(--pf-c-simple-list__section--section--MarginTop)
}

:where(.pf-theme-dark) .pf-c-simple-list {
    --pf-c-simple-list__item-link--m-current--Color: var(--pf-global--active-color--100);
    --pf-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--400);
    --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--400);
    --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--400);
    --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--400)
}

.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%;
    position: relative;
    width: var(--pf-c-skeleton--Width);
    height: var(--pf-c-skeleton--Height);
    overflow: hidden;
    background-color: var(--pf-c-skeleton--BackgroundColor);
    border-radius: var(--pf-c-skeleton--BorderRadius);
    transform: translate(0)
}

.pf-c-skeleton:before {
    display: block;
    height: var(--pf-c-skeleton--before--Height);
    padding-bottom: var(--pf-c-skeleton--before--PaddingBottom);
    content: var(--pf-c-skeleton--before--Content)
}

.pf-c-skeleton:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    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));
    transform: translate3d(var(--pf-c-skeleton--after--TranslateX),0,0);
    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)
}

.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)
}

@keyframes pf-c-skeleton-loading {
    0% {
        transform: translateX(-100%)
    }

    60% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(100%)
    }
}

:where(.pf-theme-dark) .pf-c-skeleton {
    --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-600);
    --pf-c-skeleton--after--LinearGradientColorStop1: var(--pf-global--palette--black-600);
    --pf-c-skeleton--after--LinearGradientColorStop2: var(--pf-global--palette--black-500);
    --pf-c-skeleton--after--LinearGradientColorStop3: var(--pf-global--palette--black-600)
}

.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);
    position: absolute;
    top: var(--pf-c-skip-to-content--Top);
    left: -300%;
    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--value: 0;
    --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: 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 {
    position: relative;
    flex-grow: 1
}

.pf-c-slider__rail {
    padding-top: var(--pf-c-slider__rail--PaddingTop);
    padding-bottom: var(--pf-c-slider__rail--PaddingBottom)
}

.pf-c-slider__rail-track {
    position: relative;
    height: var(--pf-c-slider__rail-track--Height)
}

.pf-c-slider__rail-track:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: linear-gradient(90deg,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)
}

.pf-c-slider__steps {
    height: var(--pf-c-slider__steps--Height);
    font-size: var(--pf-c-slider__steps--FontSize);
    line-height: 1
}

.pf-c-slider__step {
    position: absolute;
    top: 0;
    left: var(--pf-c-slider__step--Left);
    content: ""
}

.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 {
    position: absolute;
    top: var(--pf-c-slider__step-tick--Top);
    left: 0;
    width: var(--pf-c-slider__step-tick--Width);
    height: var(--pf-c-slider__step-tick--Height);
    background-color: var(--pf-c-slider__step-tick--BackgroundColor);
    border-radius: var(--pf-c-slider__step-tick--BorderRadius);
    transform: translateX(var(--pf-c-slider__step-tick--TranslateX))
}

.pf-c-slider__step-label {
    position: absolute;
    top: var(--pf-c-slider__step-label--Top);
    word-break: normal;
    transform: translateX(var(--pf-c-slider__step-label--TranslateX))
}

.pf-c-slider__thumb {
    position: absolute;
    top: var(--pf-c-slider__thumb--Top);
    left: var(--pf-c-slider__thumb--Left);
    width: var(--pf-c-slider__thumb--Width);
    height: var(--pf-c-slider__thumb--Height);
    cursor: pointer;
    background-color: var(--pf-c-slider__thumb--BackgroundColor);
    border-radius: var(--pf-c-slider__thumb--BorderRadius);
    box-shadow: var(--pf-c-slider__thumb--BoxShadow);
    transform: translate(var(--pf-c-slider__thumb--TranslateX),var(--pf-c-slider__thumb--TranslateY))
}

.pf-c-slider__thumb:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--pf-c-slider__thumb--before--Width);
    height: var(--pf-c-slider__thumb--before--Height);
    content: "";
    border-radius: var(--pf-c-slider__thumb--before--BorderRadius);
    transform: translate(var(--pf-c-slider__thumb--before--TranslateX),var(--pf-c-slider__thumb--before--TranslateY))
}

.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;
    position: absolute;
    top: 0;
    left: var(--pf-c-slider__value--m-floating--Left);
    z-index: var(--pf-c-slider__value--m-floating--ZIndex);
    transform: translate(var(--pf-c-slider__value--m-floating--TranslateX),var(--pf-c-slider__value--m-floating--TranslateY))
}

.pf-c-slider__value .pf-c-form-control {
    width: var(--pf-c-slider__value--c-form-control--Width)
}

.pf-c-slider__actions {
    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);
    --pf-c-spinner--m-inline--diameter: 1em;
    width: var(--pf-c-spinner--Width);
    height: var(--pf-c-spinner--Height);
    overflow: hidden
}

.pf-c-spinner.pf-m-inline {
    --pf-c-spinner--diameter: var(--pf-c-spinner--m-inline--diameter)
}

.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);
    position: relative;
    display: inline-block;
    text-align: left;
    animation: pf-animation-spinner-parent calc(var(--pf-c-spinner--AnimationDuration)*2) var(--pf-c-spinner--AnimationTimingFunction) infinite
}

@keyframes pf-animation-spinner-parent {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(540deg)
    }

    to {
        transform: rotate(3turn)
    }
}

.pf-c-spinner__clipper {
    position: absolute;
    width: var(--pf-c-spinner__clipper--Width);
    height: var(--pf-c-spinner__clipper--Height);
    clip-path: inset(0 0 50% 50%);
    animation: pf-animation-spinner__clipper var(--pf-c-spinner--AnimationDuration) linear infinite
}

@keyframes pf-animation-spinner__clipper {
    0% {
        transform: rotate(90deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.pf-c-spinner__clipper:after {
    position: absolute;
    width: var(--pf-c-spinner__clipper--after--Width);
    height: var(--pf-c-spinner__clipper--after--Height);
    clip-path: inset(0 0 0 50%);
    content: "";
    border-radius: 50%;
    box-shadow: inset 0 0 0 var(--pf-c-spinner__clipper--after--BoxShadowSpreadRadius) var(--pf-c-spinner__clipper--after--BoxShadowColor);
    animation: pf-animation-spinner__clipper-after var(--pf-c-spinner--AnimationDuration) linear infinite
}

@keyframes pf-animation-spinner__clipper-after {
    0% {
        transform: rotate(-180deg)
    }

    to {
        transform: rotate(90deg)
    }
}

.pf-c-spinner__lead-ball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: pf-animation-spinner__lead-ball var(--pf-c-spinner--AnimationDuration) linear infinite
}

.pf-c-spinner__lead-ball:after {
    position: absolute;
    top: calc(50% - var(--pf-c-spinner__ball--after--Height)/2);
    right: 0;
    width: var(--pf-c-spinner__ball--after--Width);
    height: var(--pf-c-spinner__ball--after--Height);
    content: "";
    background-color: var(--pf-c-spinner__lead-ball--after--BackgroundColor);
    border-radius: 50%;
    transform-origin: top right
}

@keyframes pf-animation-spinner__lead-ball {
    0% {
        transform: rotate(0deg)
    }

    33% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.pf-c-spinner__tail-ball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: pf-animation-spinner__tail-ball var(--pf-c-spinner--AnimationDuration) linear infinite
}

.pf-c-spinner__tail-ball:after {
    position: absolute;
    top: calc(50% - var(--pf-c-spinner__ball--after--Height)/2);
    right: 0;
    width: var(--pf-c-spinner__ball--after--Width);
    height: var(--pf-c-spinner__ball--after--Height);
    content: "";
    background-color: var(--pf-c-spinner__tail-ball--after--BackgroundColor);
    border-radius: 50%;
    transform-origin: top right
}

@keyframes pf-animation-spinner__tail-ball {
    0% {
        transform: rotate(0deg)
    }

    66% {
        transform: rotate(180deg)
    }

    to {
        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);
    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 {
    width: 100%;
    height: 100%;
    transform-origin: 50% 50%;
    animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;
    stroke: var(--pf-c-spinner--Color);
    stroke-linecap: round;
    stroke-dasharray: 283;
    stroke-dashoffset: 280;
    stroke-width: var(--pf-c-spinner--stroke-width)
}

@keyframes pf-c-spinner-animation-rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes pf-c-spinner-animation-dash {
    0% {
        stroke-dashoffset: 280;
        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;
        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--disabled-color--200);
    --pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-global--palette--black-150);
    --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--palette--black-500);
    --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)/2 - 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);
    position: relative;
    display: inline-grid;
    grid-template-columns: auto;
    grid-auto-columns: 1fr;
    column-gap: var(--pf-c-switch--ColumnGap);
    height: var(--pf-c-switch--Height);
    font-size: var(--pf-c-switch--FontSize);
    line-height: var(--pf-c-switch--LineHeight);
    vertical-align: middle;
    cursor: pointer
}

.pf-c-switch.pf-m-reverse .pf-c-switch__label,.pf-c-switch.pf-m-reverse .pf-c-switch__toggle {
    grid-row: 1
}

.pf-c-switch.pf-m-reverse .pf-c-switch__label {
    grid-column: 1
}

.pf-c-switch__input {
    position: absolute;
    cursor: pointer;
    opacity: 0
}

.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 {
    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 {
    cursor: not-allowed;
    background-color: var(--pf-c-switch__input--disabled__toggle--BackgroundColor)
}

.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 {
    position: relative;
    display: inline-block;
    width: var(--pf-c-switch__toggle--Width);
    height: var(--pf-c-switch__toggle--Height);
    background-color: var(--pf-c-switch__toggle--BackgroundColor);
    border-radius: var(--pf-c-switch__toggle--BorderRadius)
}

.pf-c-switch__toggle:before {
    position: absolute;
    top: var(--pf-c-switch__toggle--before--Top);
    left: var(--pf-c-switch__toggle--before--Left);
    display: block;
    width: var(--pf-c-switch__toggle--before--Width);
    height: var(--pf-c-switch__toggle--before--Height);
    content: "";
    background-color: var(--pf-c-switch__toggle--before--BackgroundColor);
    border-radius: var(--pf-c-switch__toggle--before--BorderRadius);
    box-shadow: var(--pf-c-switch__toggle--before--BoxShadow);
    transition: var(--pf-c-switch__toggle--before--Transition)
}

.pf-c-switch__toggle-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--pf-c-switch__toggle-icon--Left);
    display: flex;
    align-items: center;
    font-size: var(--pf-c-switch__toggle-icon--FontSize);
    color: var(--pf-c-switch__toggle-icon--Color)
}

.pf-c-switch__label {
    display: inline-block;
    grid-column: 2;
    color: var(--pf-c-switch__label--Color);
    vertical-align: top
}

:where(.pf-theme-dark) .pf-c-switch {
    --pf-c-switch__toggle-icon--Color: var(--pf-global--BackgroundColor--100);
    --pf-c-switch__input--not-checked__label--Color: var(--pf-global--Color--100);
    --pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-global--disabled-color--100);
    --pf-c-switch__toggle--before--BoxShadow: none
}

.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;
    display: grid;
    border: none
}

.pf-m-grid.pf-c-table tr>* {
    width: auto;
    min-width: 0;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: normal
}

.pf-m-grid.pf-c-table .pf-c-table__text {
    position: relative;
    width: auto;
    min-width: 0;
    max-width: none;
    overflow: var(--pf-c-table--cell--Overflow);
    text-overflow: var(--pf-c-table--cell--TextOverflow);
    white-space: var(--pf-c-table--cell--WhiteSpace)
}

.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) {
    display: grid;
    grid-template-columns: 1fr;
    height: auto;
    grid-auto-columns: max-content;
    grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap);
    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-top: var(--pf-c-table--m-compact__action--responsive--MarginTop);
    margin-bottom: 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: 1;
    grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap);
    grid-template-columns: 1fr minmax(0,1.5fr);
    align-items: start
}

.pf-m-grid.pf-c-table [data-label]>* {
    grid-column: 2
}

.pf-m-grid.pf-c-table [data-label]:before {
    font-weight: 700;
    text-align: left;
    content: attr(data-label)
}

.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 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: 0;
    border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid var(--pf-c-table--tbody--after--BorderColor)
}

.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;
    position: static;
    width: auto;
    background-color: transparent
}

.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;
    display: block;
    max-height: var(--pf-c-table__expandable-row--MaxHeight);
    overflow-y: auto;
    border-bottom: none;
    box-shadow: none
}

.pf-m-grid.pf-c-table .pf-c-table__expandable-row>* {
    position: static;
    display: block
}

.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-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
    padding-left: var(--pf-c-table__expandable-row-content--responsive--PaddingLeft)
}

.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 {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth);
    background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor)
}

.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 {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth);
    background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor)
}

.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 {
    width: auto;
    padding: 0
}

.pf-m-grid.pf-c-table .pf-c-table__toggle {
    grid-row-start: 20;
    grid-column: -1;
    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-row-start: 1;
    grid-column-start: 2
}

.pf-m-grid.pf-c-table .pf-c-table__check {
    margin-top: var(--pf-c-table__check--responsive--MarginTop);
    margin-left: var(--pf-c-table__check--responsive--MarginLeft)
}

.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-row-start:1;
        grid-column-start: 2;
        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 {
    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 {
    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 {
    width: auto;
    white-space: normal
}

.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;
        display: grid;
        border: none
    }

    .pf-m-grid-md.pf-c-table tr>* {
        width: auto;
        min-width: 0;
        max-width: none;
        overflow: visible;
        text-overflow: clip;
        white-space: normal
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__text {
        position: relative;
        width: auto;
        min-width: 0;
        max-width: none;
        overflow: var(--pf-c-table--cell--Overflow);
        text-overflow: var(--pf-c-table--cell--TextOverflow);
        white-space: var(--pf-c-table--cell--WhiteSpace)
    }

    .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) {
        display: grid;
        grid-template-columns: 1fr;
        height: auto;
        grid-auto-columns: max-content;
        grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap);
        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-top: var(--pf-c-table--m-compact__action--responsive--MarginTop);
        margin-bottom: 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: 1;
        grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap);
        grid-template-columns: 1fr minmax(0,1.5fr);
        align-items: start
    }

    .pf-m-grid-md.pf-c-table [data-label]>* {
        grid-column: 2
    }

    .pf-m-grid-md.pf-c-table [data-label]:before {
        font-weight: 700;
        text-align: left;
        content: attr(data-label)
    }

    .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 {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        content: "";
        border: 0;
        border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid var(--pf-c-table--tbody--after--BorderColor)
    }

    .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;
        position: static;
        width: auto;
        background-color: transparent
    }

    .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;
        display: block;
        max-height: var(--pf-c-table__expandable-row--MaxHeight);
        overflow-y: auto;
        border-bottom: none;
        box-shadow: none
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row>* {
        position: static;
        display: block
    }

    .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-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
        padding-left: var(--pf-c-table__expandable-row-content--responsive--PaddingLeft)
    }

    .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 {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth);
        background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor)
    }

    .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 {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth);
        background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor)
    }

    .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 {
        width: auto;
        padding: 0
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__toggle {
        grid-row-start: 20;
        grid-column: -1;
        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-row-start: 1;
        grid-column-start: 2
    }

    .pf-m-grid-md.pf-c-table .pf-c-table__check {
        margin-top: var(--pf-c-table__check--responsive--MarginTop);
        margin-left: var(--pf-c-table__check--responsive--MarginLeft)
    }

    .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-row-start:1;
        grid-column-start: 2;
        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
    }
}

@media screen and (max-width: 768px) {
    .pf-m-grid-md.pf-c-table .pf-c-table__toggle-icon {
        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 {
        transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate))
    }
}

@media screen and (max-width: 768px) {
    .pf-m-grid-md.pf-c-table .pf-m-nowrap {
        --pf-c-table--cell--Overflow:auto
    }
}

@media screen and (max-width: 768px) {
    .pf-m-grid-md.pf-c-table .pf-m-fit-content {
        width:auto;
        white-space: normal
    }
}

@media screen and (max-width: 768px) {
    .pf-m-grid-md.pf-c-table .pf-m-truncate {
        --pf-c-table--cell--MaxWidth:100%
    }
}

@media screen and (max-width: 768px) {
    .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;
        display: grid;
        border: none
    }

    .pf-m-grid-lg.pf-c-table tr>* {
        width: auto;
        min-width: 0;
        max-width: none;
        overflow: visible;
        text-overflow: clip;
        white-space: normal
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__text {
        position: relative;
        width: auto;
        min-width: 0;
        max-width: none;
        overflow: var(--pf-c-table--cell--Overflow);
        text-overflow: var(--pf-c-table--cell--TextOverflow);
        white-space: var(--pf-c-table--cell--WhiteSpace)
    }

    .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) {
        display: grid;
        grid-template-columns: 1fr;
        height: auto;
        grid-auto-columns: max-content;
        grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap);
        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-top: var(--pf-c-table--m-compact__action--responsive--MarginTop);
        margin-bottom: 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: 1;
        grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap);
        grid-template-columns: 1fr minmax(0,1.5fr);
        align-items: start
    }

    .pf-m-grid-lg.pf-c-table [data-label]>* {
        grid-column: 2
    }

    .pf-m-grid-lg.pf-c-table [data-label]:before {
        font-weight: 700;
        text-align: left;
        content: attr(data-label)
    }

    .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 {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        content: "";
        border: 0;
        border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid var(--pf-c-table--tbody--after--BorderColor)
    }

    .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;
        position: static;
        width: auto;
        background-color: transparent
    }

    .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;
        display: block;
        max-height: var(--pf-c-table__expandable-row--MaxHeight);
        overflow-y: auto;
        border-bottom: none;
        box-shadow: none
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row>* {
        position: static;
        display: block
    }

    .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-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
        padding-left: var(--pf-c-table__expandable-row-content--responsive--PaddingLeft)
    }

    .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 {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth);
        background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor)
    }

    .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 {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth);
        background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor)
    }

    .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 {
        width: auto;
        padding: 0
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__toggle {
        grid-row-start: 20;
        grid-column: -1;
        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-row-start: 1;
        grid-column-start: 2
    }

    .pf-m-grid-lg.pf-c-table .pf-c-table__check {
        margin-top: var(--pf-c-table__check--responsive--MarginTop);
        margin-left: var(--pf-c-table__check--responsive--MarginLeft)
    }

    .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-row-start:1;
        grid-column-start: 2;
        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
    }
}

@media screen and (max-width: 992px) {
    .pf-m-grid-lg.pf-c-table .pf-c-table__toggle-icon {
        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 {
        transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate))
    }
}

@media screen and (max-width: 992px) {
    .pf-m-grid-lg.pf-c-table .pf-m-nowrap {
        --pf-c-table--cell--Overflow:auto
    }
}

@media screen and (max-width: 992px) {
    .pf-m-grid-lg.pf-c-table .pf-m-fit-content {
        width:auto;
        white-space: normal
    }
}

@media screen and (max-width: 992px) {
    .pf-m-grid-lg.pf-c-table .pf-m-truncate {
        --pf-c-table--cell--MaxWidth:100%
    }
}

@media screen and (max-width: 992px) {
    .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;
        display: grid;
        border: none
    }

    .pf-m-grid-xl.pf-c-table tr>* {
        width: auto;
        min-width: 0;
        max-width: none;
        overflow: visible;
        text-overflow: clip;
        white-space: normal
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__text {
        position: relative;
        width: auto;
        min-width: 0;
        max-width: none;
        overflow: var(--pf-c-table--cell--Overflow);
        text-overflow: var(--pf-c-table--cell--TextOverflow);
        white-space: var(--pf-c-table--cell--WhiteSpace)
    }

    .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) {
        display: grid;
        grid-template-columns: 1fr;
        height: auto;
        grid-auto-columns: max-content;
        grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap);
        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-top: var(--pf-c-table--m-compact__action--responsive--MarginTop);
        margin-bottom: 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: 1;
        grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap);
        grid-template-columns: 1fr minmax(0,1.5fr);
        align-items: start
    }

    .pf-m-grid-xl.pf-c-table [data-label]>* {
        grid-column: 2
    }

    .pf-m-grid-xl.pf-c-table [data-label]:before {
        font-weight: 700;
        text-align: left;
        content: attr(data-label)
    }

    .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 {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        content: "";
        border: 0;
        border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid var(--pf-c-table--tbody--after--BorderColor)
    }

    .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;
        position: static;
        width: auto;
        background-color: transparent
    }

    .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;
        display: block;
        max-height: var(--pf-c-table__expandable-row--MaxHeight);
        overflow-y: auto;
        border-bottom: none;
        box-shadow: none
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row>* {
        position: static;
        display: block
    }

    .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-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
        padding-left: var(--pf-c-table__expandable-row-content--responsive--PaddingLeft)
    }

    .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 {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth);
        background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor)
    }

    .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 {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth);
        background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor)
    }

    .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 {
        width: auto;
        padding: 0
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__toggle {
        grid-row-start: 20;
        grid-column: -1;
        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-row-start: 1;
        grid-column-start: 2
    }

    .pf-m-grid-xl.pf-c-table .pf-c-table__check {
        margin-top: var(--pf-c-table__check--responsive--MarginTop);
        margin-left: var(--pf-c-table__check--responsive--MarginLeft)
    }

    .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-row-start:1;
        grid-column-start: 2;
        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
    }
}

@media screen and (max-width: 1200px) {
    .pf-m-grid-xl.pf-c-table .pf-c-table__toggle-icon {
        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 {
        transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate))
    }
}

@media screen and (max-width: 1200px) {
    .pf-m-grid-xl.pf-c-table .pf-m-nowrap {
        --pf-c-table--cell--Overflow:auto
    }
}

@media screen and (max-width: 1200px) {
    .pf-m-grid-xl.pf-c-table .pf-m-fit-content {
        width:auto;
        white-space: normal
    }
}

@media screen and (max-width: 1200px) {
    .pf-m-grid-xl.pf-c-table .pf-m-truncate {
        --pf-c-table--cell--MaxWidth:100%
    }
}

@media screen and (max-width: 1200px) {
    .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;
        display: grid;
        border: none
    }

    .pf-m-grid-2xl.pf-c-table tr>* {
        width: auto;
        min-width: 0;
        max-width: none;
        overflow: visible;
        text-overflow: clip;
        white-space: normal
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__text {
        position: relative;
        width: auto;
        min-width: 0;
        max-width: none;
        overflow: var(--pf-c-table--cell--Overflow);
        text-overflow: var(--pf-c-table--cell--TextOverflow);
        white-space: var(--pf-c-table--cell--WhiteSpace)
    }

    .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) {
        display: grid;
        grid-template-columns: 1fr;
        height: auto;
        grid-auto-columns: max-content;
        grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap);
        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-top: var(--pf-c-table--m-compact__action--responsive--MarginTop);
        margin-bottom: 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: 1;
        grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap);
        grid-template-columns: 1fr minmax(0,1.5fr);
        align-items: start
    }

    .pf-m-grid-2xl.pf-c-table [data-label]>* {
        grid-column: 2
    }

    .pf-m-grid-2xl.pf-c-table [data-label]:before {
        font-weight: 700;
        text-align: left;
        content: attr(data-label)
    }

    .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 {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        content: "";
        border: 0;
        border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid var(--pf-c-table--tbody--after--BorderColor)
    }

    .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;
        position: static;
        width: auto;
        background-color: transparent
    }

    .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;
        display: block;
        max-height: var(--pf-c-table__expandable-row--MaxHeight);
        overflow-y: auto;
        border-bottom: none;
        box-shadow: none
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row>* {
        position: static;
        display: block
    }

    .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-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
        padding-left: var(--pf-c-table__expandable-row-content--responsive--PaddingLeft)
    }

    .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 {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth);
        background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor)
    }

    .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 {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth);
        background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor)
    }

    .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 {
        width: auto;
        padding: 0
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__toggle {
        grid-row-start: 20;
        grid-column: -1;
        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-row-start: 1;
        grid-column-start: 2
    }

    .pf-m-grid-2xl.pf-c-table .pf-c-table__check {
        margin-top: var(--pf-c-table__check--responsive--MarginTop);
        margin-left: var(--pf-c-table__check--responsive--MarginLeft)
    }

    .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-row-start:1;
        grid-column-start: 2;
        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
    }
}

@media screen and (max-width: 1450px) {
    .pf-m-grid-2xl.pf-c-table .pf-c-table__toggle-icon {
        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 {
        transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate))
    }
}

@media screen and (max-width: 1450px) {
    .pf-m-grid-2xl.pf-c-table .pf-m-nowrap {
        --pf-c-table--cell--Overflow:auto
    }
}

@media screen and (max-width: 1450px) {
    .pf-m-grid-2xl.pf-c-table .pf-m-fit-content {
        width:auto;
        white-space: normal
    }
}

@media screen and (max-width: 1450px) {
    .pf-m-grid-2xl.pf-c-table .pf-m-truncate {
        --pf-c-table--cell--MaxWidth:100%
    }
}

@media screen and (max-width: 1450px) {
    .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,0.08);
    --pf-c-table--cell--Padding--base: var(--pf-global--spacer--md);
    --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-c-table--cell--Padding--base);
    --pf-c-table--cell--PaddingRight: var(--pf-c-table--cell--Padding--base);
    --pf-c-table--cell--PaddingBottom: var(--pf-c-table--cell--Padding--base);
    --pf-c-table--cell--PaddingLeft: var(--pf-c-table--cell--Padding--base);
    --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--tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-c-table--cell--Padding--base);
    --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-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
    --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
    --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__draggable--c-button--MarginTop: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-table__draggable--c-button--MarginRight: calc(var(--pf-global--spacer--md)*-1);
    --pf-c-table__draggable--c-button--MarginBottom: calc(var(--pf-global--spacer--form-element)*-1);
    --pf-c-table__draggable--c-button--MarginLeft: calc(var(--pf-global--spacer--md)*-1);
    --pf-c-table__tr--m-ghost-row--Opacity: .4;
    --pf-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-global--BackgroundColor--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-c-table--m-compact--cell--first-last-child--PaddingLeft);
    --pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);
    --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);
    --pf-c-table--thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
    --pf-c-table--thead--m-nested-column-header--tr--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);
    --pf-c-table__subhead--Color: var(--pf-global--Color--200);
    --pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
    color: var(--pf-global--Color--100);
    width: 100%;
    background-color: var(--pf-c-table--BackgroundColor)
}

@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>* {
    z-index: var(--pf-global--ZIndex--xs)
}

.pf-c-table.pf-m-sticky-header>thead:not(.pf-m-nested-column-header)>tr>* {
    position: sticky;
    top: 0;
    background: var(--pf-c-table--BackgroundColor)
}

.pf-c-table.pf-m-sticky-header>thead:not(.pf-m-nested-column-header)>tr>:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor)
}

.pf-c-table.pf-m-sticky-header>.pf-m-nested-column-header {
    position: sticky;
    top: 0;
    z-index: var(--pf-global--ZIndex--xs);
    background: var(--pf-c-table--BackgroundColor)
}

.pf-c-table.pf-m-sticky-header>.pf-m-nested-column-header>.pf-m-border-row {
    height: var(--pf-c-table--border-width--base);
    background-color: var(--pf-c-table--BorderColor)
}

.pf-c-table.pf-m-sticky-header>.pf-m-nested-column-header tr:not(:nth-last-child(2)) td:not([rowspan]),.pf-c-table.pf-m-sticky-header>.pf-m-nested-column-header tr:not(:nth-last-child(2)) th:not([rowspan]) {
    --pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom)
}

.pf-c-table:not(.pf-m-sticky-header)>.pf-m-nested-column-header tr:not(:last-child) {
    border-bottom: 0
}

.pf-c-table:not(.pf-m-sticky-header)>.pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]),.pf-c-table:not(.pf-m-sticky-header)>.pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]) {
    --pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom)
}

.pf-c-table.pf-m-striped.pf-m-expandable>tbody:nth-of-type(odd)>tr:not(.pf-c-table__expandable-row),.pf-c-table.pf-m-striped:not(.pf-m-expandable)>tbody>tr:nth-child(odd),.pf-c-table>.pf-m-striped-even>tr:nth-child(2n),.pf-c-table>.pf-m-striped>tr:nth-child(odd),.pf-c-table tr.pf-m-striped {
    --pf-c-table__sticky-column--BackgroundColor: var(--pf-c-table--m-striped__tr--BackgroundColor);
    background: var(--pf-c-table--m-striped__tr--BackgroundColor)
}

.pf-c-table tr:not(.pf-c-table__expandable-row) {
    border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor)
}

.pf-c-table tr:not(.pf-c-table__expandable-row).pf-m-ghost-row {
    background-color: var(--pf-c-table__tr--m-ghost-row--BackgroundColor);
    opacity: var(--pf-c-table__tr--m-ghost-row--Opacity)
}

.pf-c-table tr>* {
    --pf-hidden-visible--visible--Display: var(--pf-c-table--cell--hidden-visible--Display);
    position: relative;
    width: var(--pf-c-table--cell--Width);
    min-width: var(--pf-c-table--cell--MinWidth);
    max-width: var(--pf-c-table--cell--MaxWidth);
    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);
    overflow: var(--pf-c-table--cell--Overflow);
    font-size: var(--pf-c-table--cell--FontSize);
    font-weight: var(--pf-c-table--cell--FontWeight);
    color: var(--pf-c-table--cell--Color);
    text-overflow: var(--pf-c-table--cell--TextOverflow);
    word-break: var(--pf-c-table--cell--WordBreak);
    white-space: var(--pf-c-table--cell--WhiteSpace)
}

.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 {
    width: auto;
    min-width: 0;
    padding: 0
}

.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 tr>.pf-m-border-left:before,.pf-c-table tr>.pf-m-border-right:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: ""
}

.pf-c-table tr>.pf-m-border-right:before {
    border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor)
}

.pf-c-table tr>.pf-m-border-left:before {
    border-left: var(--pf-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor)
}

.pf-c-table caption {
    padding-top: var(--pf-c-table-caption--PaddingTop);
    padding-bottom: var(--pf-c-table-caption--PaddingBottom);
    padding-left: var(--pf-c-table-caption--PaddingLeft);
    font-size: var(--pf-c-table-caption--FontSize);
    color: var(--pf-c-table-caption--Color);
    text-align: left;
    background-color: var(--pf-c-table--BackgroundColor)
}

.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 thead.pf-m-nested-column-header button {
    outline-offset: var(--pf-c-table--thead--m-nested-column-header--button--OutlineOffset)
}

.pf-c-table thead.pf-m-nested-column-header input,.pf-c-table thead.pf-m-nested-column-header td,.pf-c-table thead.pf-m-nested-column-header th {
    vertical-align: middle
}

.pf-c-table thead.pf-m-nested-column-header .pf-c-table__check label {
    display: flex;
    align-items: center
}

.pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]),.pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]) {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop)
}

.pf-c-table thead .pf-c-table__subhead {
    --pf-c-table__sort__button__text--Color: var(--pf-c-table__subhead--Color);
    color: var(--pf-c-table__subhead--Color)
}

.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 {
    position: absolute;
    top: var(--pf-c-table__expandable-row--after--Top);
    bottom: var(--pf-c-table__expandable-row--after--Bottom);
    left: 0;
    content: "";
    background-color: transparent;
    border-left: var(--pf-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-c-table__expandable-row--after--BorderColor)
}

.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--WhiteSpace: normal
}

.pf-c-table .pf-m-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 .pf-m-nowrap {
    --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: none;
    --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 {
    cursor: pointer;
    background-color: var(--pf-c-table--tr--m-hoverable--BackgroundColor);
    outline-offset: var(--pf-c-table--tr--m-hoverable--OutlineOffset);
    box-shadow: var(--pf-c-table--tr--m-hoverable--BoxShadow)
}

.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 {
    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);
    position: relative;
    background-color: var(--pf-c-table--tr--m-selected--BackgroundColor);
    outline-offset: var(--pf-c-table--tr--m-selected--OutlineOffset);
    box-shadow: var(--pf-c-table--tr--m-selected--BoxShadow)
}

.pf-c-table tr.pf-m-selected+tr.pf-m-selected {
    box-shadow: var(--pf-c-table--tr--m-selected--m-selected--BoxShadow)
}

.pf-c-table tr.pf-m-selected+tr.pf-m-selected:hover {
    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 {
    box-shadow: var(--pf-c-table--tr--m-selected--hover--m-selected--BoxShadow)
}

.pf-c-table tr.pf-m-first-cell-offset-reset {
    --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft)
}

.pf-c-table tbody.pf-m-hoverable {
    cursor: pointer;
    background-color: var(--pf-c-table--tbody--m-hoverable--BackgroundColor);
    outline-offset: var(--pf-c-table--tbody--m-hoverable--OutlineOffset);
    box-shadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow)
}

.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 {
    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);
    outline-offset: var(--pf-c-table--tbody--m-selected--OutlineOffset);
    box-shadow: var(--pf-c-table--tbody--m-selected--BoxShadow)
}

.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 {
    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 {
    box-shadow: var(--pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow)
}

.pf-c-table.pf-m-drag-over {
    overflow-anchor: none
}

.pf-c-table__text {
    --pf-c-table--cell--MaxWidth: 100%;
    position: relative;
    display: block;
    width: var(--pf-c-table--cell--Width);
    min-width: var(--pf-c-table--cell--MinWidth);
    max-width: var(--pf-c-table--cell--MaxWidth);
    overflow: var(--pf-c-table--cell--Overflow);
    text-overflow: var(--pf-c-table--cell--TextOverflow);
    word-break: var(--pf-c-table--cell--WordBreak);
    white-space: var(--pf-c-table--cell--WhiteSpace)
}

.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 {
    position: static;
    width: 100%;
    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);
    font-size: inherit;
    font-weight: inherit;
    color: var(--pf-c-table__button--Color);
    text-align: left;
    white-space: inherit;
    user-select: text;
    background-color: var(--pf-c-table__button--BackgroundColor);
    border: 0
}

.pf-c-table__button:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    content: ""
}

.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;
    width: auto;
    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__sort .pf-c-table__text {
    --pf-c-table--cell--MinWidth: 0
}

.pf-c-table__button-content,.pf-c-table__column-help {
    display: grid;
    align-items: end;
    justify-content: start;
    grid-template-columns: auto max-content
}

.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: 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: 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 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__draggable,.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-top: var(--pf-c-table__toggle--c-button--MarginTop);
    margin-bottom: var(--pf-c-table__toggle--c-button--MarginBottom)
}

.pf-c-table__toggle .pf-c-button.pf-m-expanded .pf-c-table__toggle-icon {
    transform: rotate(var(--pf-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate))
}

.pf-c-table__toggle .pf-c-table__toggle-icon {
    transition: var(--pf-c-table__toggle--c-button__toggle-icon--Transition);
    transform: rotate(var(--pf-c-table__toggle--c-button__toggle-icon--Rotate))
}

.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:not([disabled]),.pf-c-table__check label:not([disabled]) {
    cursor: pointer
}

.pf-c-table__check label {
    display: block;
    padding: inherit;
    margin: calc(var(--pf-c-table--cell--PaddingTop)*-1) calc(var(--pf-c-table--cell--PaddingRight)*-1) calc(var(--pf-c-table--cell--PaddingBottom)*-1) calc(var(--pf-c-table--cell--PaddingLeft)*-1)
}

.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__draggable .pf-c-button {
    margin: var(--pf-c-table__draggable--c-button--MarginTop) var(--pf-c-table__draggable--c-button--MarginRight) var(--pf-c-table__draggable--c-button--MarginBottom) var(--pf-c-table__draggable--c-button--MarginLeft);
    cursor: grab
}

.pf-c-table__draggable .pf-c-button:active {
    cursor: grabbing
}

.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-top: 0;
    padding-bottom: 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 {
    position: absolute;
    right: 0;
    content: "";
    border-style: solid;
    border-width: 0
}

.pf-c-table__compound-expansion-toggle .pf-c-table__button:before {
    top: 0;
    bottom: var(--pf-c-table__compound-expansion-toggle__button--before--Bottom);
    left: var(--pf-c-table__compound-expansion-toggle__button--before--Left);
    border-color: var(--pf-c-table__compound-expansion-toggle__button--before--BorderColor);
    border-right-width: var(--pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth);
    border-left-width: var(--pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth)
}

.pf-c-table__compound-expansion-toggle .pf-c-table__button:after {
    top: var(--pf-c-table__compound-expansion-toggle__button--after--Top);
    left: var(--pf-c-table__compound-expansion-toggle__button--after--Left);
    pointer-events: none;
    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)
}

.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-style:auto;
        outline-color: -webkit-focus-ring-color
    }
}

.pf-c-table__column-help-action {
    margin-left: var(--pf-c-table__column-help--MarginLeft);
    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);
    margin-top: var(--pf-c-table__column-help--c-button--MarginTop);
    margin-bottom: var(--pf-c-table__column-help--c-button--MarginBottom);
    font-size: inherit;
    line-height: 1
}

.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: flex;
    width: auto;
    margin-top: var(--pf-c-table__sort__button--MarginTop);
    margin-bottom: var(--pf-c-table__sort__button--MarginBottom);
    margin-left: var(--pf-c-table__sort__button--MarginLeft)
}

.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 {
    grid-column: 2;
    margin-left: var(--pf-c-table__sort-indicator--MarginLeft);
    color: var(--pf-c-table__sort-indicator--Color);
    pointer-events: none
}

.pf-c-table__expandable-row {
    --pf-c-table--cell--PaddingTop: 0;
    --pf-c-table--cell--PaddingBottom: 0;
    position: relative;
    border-bottom: 0 solid transparent;
    box-shadow: 0 0 0 0 transparent
}

.pf-c-table__expandable-row,.pf-c-table__expandable-row td:first-child:after {
    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-top: var(--pf-c-table__expandable-row-content--PaddingTop);
    padding-bottom: var(--pf-c-table__expandable-row-content--PaddingBottom)
}

.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);
    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__compound-expansion-toggle.pf-m-expanded:first-child,.pf-c-table__expandable-row.pf-m-expanded>:first-child,.pf-c-table tbody.pf-m-expanded>tr>:not(.pf-c-table__compound-expansion-toggle) {
    --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--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 .pf-c-table__toggle,.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 {
    width: auto;
    min-width: 0;
    text-align: center
}

.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 {
    display: flex;
    align-items: center
}

.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%
}

:where(.pf-theme-dark) .pf-c-table {
    --pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--150)
}

:where(.pf-theme-dark) .pf-c-table__favorite .pf-c-button:focus,:where(.pf-theme-dark) .pf-c-table__favorite .pf-c-button:hover {
    --pf-c-button--m-plain--Color: var(--pf-global--palette--gold-100)
}

.pf-c-table {
    --pf-c-table__sticky-column--cell-min-width--base: 12.5rem;
    --pf-c-table__sticky-column--MinWidth: var(--pf-c-table__sticky-column--cell-min-width--base);
    --pf-c-table__sticky-column--Left: 0;
    --pf-c-table__sticky-column--ZIndex: var(--pf-global--ZIndex--md);
    --pf-c-table__sticky-column--Top: 0;
    --pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-table__sticky-column--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
    --pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-table__sticky-column--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
    --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1)
}

.pf-c-table .pf-c-table__sticky-column {
    position: sticky;
    left: var(--pf-c-table__sticky-column--Left);
    z-index: var(--pf-c-table__sticky-column--ZIndex);
    min-width: var(--pf-c-table__sticky-column--MinWidth);
    background-color: var(--pf-c-table__sticky-column--BackgroundColor);
    background-clip: padding-box
}

.pf-c-table .pf-c-table__sticky-column.pf-m-border-right:before {
    --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightWidth);
    --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightColor)
}

.pf-c-table .pf-c-table__sticky-column.pf-m-border-left:before {
    --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth);
    --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftColor)
}

.pf-c-table.pf-m-sticky-header {
    --pf-c-table--cell--Overflow: visible
}

.pf-c-table.pf-m-sticky-header thead .pf-c-table__sticky-column {
    z-index: var(--pf-c-table--m-sticky-header--thead__sticky-column--ZIndex)
}

.pf-c-scroll-outer-wrapper {
    --pf-c-scroll-outer-wrapper--MinHeight: 25rem;
    --pf-c-scroll-outer-wrapper--MaxHeight: 100%;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    min-height: var(--pf-c-scroll-outer-wrapper--MinHeight);
    max-height: var(--pf-c-scroll-outer-wrapper--MaxHeight);
    overflow: hidden
}

.pf-c-scroll-inner-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    max-height: 100%;
    overflow: auto
}

.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--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-global--spacer--sm);
    --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 {
    position: relative;
    display: flex;
    align-items: baseline;
    min-width: 0;
    padding-left: var(--pf-c-table__tree-view-main--PaddingLeft);
    margin-left: var(--pf-c-table__tree-view-main--MarginLeft);
    text-align: left;
    cursor: pointer
}

.pf-c-table__tree-view-main>.pf-c-table__toggle {
    position: var(--pf-c-table--m-tree-view__toggle--Position);
    left: var(--pf-c-table--m-tree-view__toggle--Left);
    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-main>.pf-c-table__check label {
    padding-right: var(--pf-c-table__tree-view-main--c-table__check--PaddingRight);
    padding-left: var(--pf-c-table__tree-view-main--c-table__check--PaddingLeft);
    margin: 0 calc(var(--pf-c-table__tree-view-main--c-table__check--MarginRight)*-1) 0 0
}

.pf-c-table__tree-view-text {
    display: flex
}

.pf-c-table__tree-view-icon {
    min-width: var(--pf-c-table__tree-view-icon--MinWidth);
    margin-right: var(--pf-c-table__tree-view-icon--MarginRight)
}

.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--c-table__action--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
    --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);
    --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__tr--expanded__tree-view-title-cell--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--Order: 4;
    --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);
    --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-c-table--m-tree-view-grid--c-dropdown--MarginTop: -0.375rem;
    --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: -0.375rem
}

.pf-m-tree-view-grid.pf-c-table tbody tr {
    position: relative;
    outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);
    border: none
}

.pf-m-tree-view-grid.pf-c-table tbody tr:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
    border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
    content: ""
}

.pf-m-tree-view-grid.pf-c-table tr:not([hidden]) {
    display: grid;
    grid-template-columns: 1fr max-content
}

.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__tr--expanded__tree-view-title-cell--PaddingTop)
}

.pf-m-tree-view-grid.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell~.pf-c-table__action {
    --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--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 {
    padding-right: var(--pf-c-table__tree-view-text--PaddingRight)
}

.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: 1;
    grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
    grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
    align-items: start
}

.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 {
    font-weight: 700;
    text-align: left;
    content: attr(data-label)
}

.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-header-cell {
    display: block;
    visibility: visible
}

.pf-m-tree-view-grid.pf-c-table .pf-c-table__action,.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__action {
    --pf-c-table--cell--Width: auto;
    --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);
    --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
    grid-column: 2;
    grid-row: 1
}

.pf-m-tree-view-grid.pf-c-table .pf-c-table__action>.pf-c-dropdown {
    margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);
    margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom)
}

.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-main>.pf-c-table__check {
    margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);
    margin-left: auto;
    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-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);
    margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom)
}

.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--c-table__action--PaddingTop: var(--pf-global--spacer--md);
        --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);
        --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
        --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);
        --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__tr--expanded__tree-view-title-cell--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--Order: 4;
        --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);
        --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-c-table--m-tree-view-grid--c-dropdown--MarginTop: -0.375rem;
        --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: -0.375rem
    }

    .pf-m-tree-view-grid-md.pf-c-table tbody tr {
        position: relative;
        outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);
        border: none
    }

    .pf-m-tree-view-grid-md.pf-c-table tbody tr:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
        border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
        content: ""
    }

    .pf-m-tree-view-grid-md.pf-c-table tr:not([hidden]) {
        display: grid;
        grid-template-columns: 1fr max-content
    }

    .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__tr--expanded__tree-view-title-cell--PaddingTop)
    }

    .pf-m-tree-view-grid-md.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell~.pf-c-table__action {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--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 {
        padding-right: var(--pf-c-table__tree-view-text--PaddingRight)
    }

    .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: 1;
        grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
        grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
        align-items: start
    }

    .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 {
        font-weight: 700;
        text-align: left;
        content: attr(data-label)
    }

    .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-header-cell {
        display: block;
        visibility: visible
    }

    .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action,.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__action {
        --pf-c-table--cell--Width: auto;
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
        --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);
        --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
        grid-column: 2;
        grid-row: 1
    }

    .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action>.pf-c-dropdown {
        margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);
        margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom)
    }

    .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-main>.pf-c-table__check {
        margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);
        margin-left: auto;
        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-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);
        margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom)
    }

    .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--c-table__action--PaddingTop: var(--pf-global--spacer--md);
        --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);
        --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
        --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);
        --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__tr--expanded__tree-view-title-cell--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--Order: 4;
        --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);
        --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-c-table--m-tree-view-grid--c-dropdown--MarginTop: -0.375rem;
        --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: -0.375rem
    }

    .pf-m-tree-view-grid-lg.pf-c-table tbody tr {
        position: relative;
        outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);
        border: none
    }

    .pf-m-tree-view-grid-lg.pf-c-table tbody tr:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
        border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
        content: ""
    }

    .pf-m-tree-view-grid-lg.pf-c-table tr:not([hidden]) {
        display: grid;
        grid-template-columns: 1fr max-content
    }

    .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__tr--expanded__tree-view-title-cell--PaddingTop)
    }

    .pf-m-tree-view-grid-lg.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell~.pf-c-table__action {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--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 {
        padding-right: var(--pf-c-table__tree-view-text--PaddingRight)
    }

    .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: 1;
        grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
        grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
        align-items: start
    }

    .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 {
        font-weight: 700;
        text-align: left;
        content: attr(data-label)
    }

    .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-header-cell {
        display: block;
        visibility: visible
    }

    .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action,.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__action {
        --pf-c-table--cell--Width: auto;
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
        --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);
        --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
        grid-column: 2;
        grid-row: 1
    }

    .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action>.pf-c-dropdown {
        margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);
        margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom)
    }

    .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-main>.pf-c-table__check {
        margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);
        margin-left: auto;
        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-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);
        margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom)
    }

    .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--c-table__action--PaddingTop: var(--pf-global--spacer--md);
        --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);
        --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
        --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);
        --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__tr--expanded__tree-view-title-cell--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--Order: 4;
        --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);
        --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-c-table--m-tree-view-grid--c-dropdown--MarginTop: -0.375rem;
        --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: -0.375rem
    }

    .pf-m-tree-view-grid-xl.pf-c-table tbody tr {
        position: relative;
        outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);
        border: none
    }

    .pf-m-tree-view-grid-xl.pf-c-table tbody tr:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
        border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
        content: ""
    }

    .pf-m-tree-view-grid-xl.pf-c-table tr:not([hidden]) {
        display: grid;
        grid-template-columns: 1fr max-content
    }

    .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__tr--expanded__tree-view-title-cell--PaddingTop)
    }

    .pf-m-tree-view-grid-xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell~.pf-c-table__action {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--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 {
        padding-right: var(--pf-c-table__tree-view-text--PaddingRight)
    }

    .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: 1;
        grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
        grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
        align-items: start
    }

    .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 {
        font-weight: 700;
        text-align: left;
        content: attr(data-label)
    }

    .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-header-cell {
        display: block;
        visibility: visible
    }

    .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action,.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__action {
        --pf-c-table--cell--Width: auto;
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
        --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);
        --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
        grid-column: 2;
        grid-row: 1
    }

    .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action>.pf-c-dropdown {
        margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);
        margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom)
    }

    .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-main>.pf-c-table__check {
        margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);
        margin-left: auto;
        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-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);
        margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom)
    }

    .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--c-table__action--PaddingTop: var(--pf-global--spacer--md);
        --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-global--spacer--md);
        --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
        --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-global--spacer--xl);
        --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__tr--expanded__tree-view-title-cell--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--Order: 4;
        --pf-c-table__tree-view-text--PaddingRight: var(--pf-global--spacer--sm);
        --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-c-table--m-tree-view-grid--c-dropdown--MarginTop: -0.375rem;
        --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom: -0.375rem
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tbody tr {
        position: relative;
        outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset);
        border: none
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tbody tr:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft);
        border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
        content: ""
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tr:not([hidden]) {
        display: grid;
        grid-template-columns: 1fr max-content
    }

    .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__tr--expanded__tree-view-title-cell--PaddingTop)
    }

    .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell~.pf-c-table__action {
        --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--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 {
        padding-right: var(--pf-c-table__tree-view-text--PaddingRight)
    }

    .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: 1;
        grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap);
        grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns);
        align-items: start
    }

    .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 {
        font-weight: 700;
        text-align: left;
        content: attr(data-label)
    }

    .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-header-cell {
        display: block;
        visibility: visible
    }

    .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action,.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__action {
        --pf-c-table--cell--Width: auto;
        --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
        --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop);
        --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
        grid-column: 2;
        grid-row: 1
    }

    .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action>.pf-c-dropdown {
        margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop);
        margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom)
    }

    .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-main>.pf-c-table__check {
        margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);
        margin-left: auto;
        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-top: var(--pf-c-table__tree-view-details-toggle--MarginTop);
        margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom)
    }

    .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--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
    --pf-c-tabs__list--Display: flex;
    --pf-c-tabs__list--Visibility: visible;
    --pf-c-tabs__item--m-action--before--ZIndex: var(--pf-global--ZIndex--xs);
    --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__link--disabled--Color: var(--pf-global--disabled-color--100);
    --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
    --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-box__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
    --pf-c-tabs--m-box__item-action--c-button--disabled--BackgroundColor: var(--pf-global--palette--black-400);
    --pf-c-tabs--m-secondary__link--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-tabs__item--m-action__link--PaddingRight: var(--pf-global--spacer--xs);
    --pf-c-tabs__link--before--border-color--base: var(--pf-global--BorderColor--100);
    --pf-c-tabs__link--before--border-width--base: var(--pf-global--BorderWidth--sm);
    --pf-c-tabs__link--before--BorderTopColor: var(--pf-c-tabs__link--before--border-color--base);
    --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--BorderLeftColor: var(--pf-c-tabs__link--before--border-color--base);
    --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--disabled--before--BorderRightWidth: 0;
    --pf-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
    --pf-c-tabs__link--disabled--before--BorderLeftWidth: 0;
    --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-text--MarginLeft: 0;
    --pf-c-tabs__toggle-button__toggle-text--MarginLeft: var(--pf-global--spacer--md);
    --pf-c-tabs__toggle-button__toggle-text--Color: var(--pf-global--Color--100);
    --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;
    --pf-c-tabs__item-action--c-button--FontSize: var(--pf-global--FontSize--xs);
    --pf-c-tabs--m-secondary__item-action--c-button--FontSize: var(--pf-global--icon--FontSize--sm);
    --pf-c-tabs__item-action--c-button--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-tabs__item-action--c-button--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-global--spacer--md);
    --pf-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
    --pf-c-tabs__item-action-icon--MarginTop: 0.125rem;
    --pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
    --pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
    --pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-tabs--m-secondary__add--c-button--FontSize: var(--pf-global--FontSize--xs);
    --pf-c-tabs__add--c-button--PaddingTop: var(--pf-c-tabs__link--PaddingTop);
    --pf-c-tabs__add--c-button--PaddingBottom: var(--pf-c-tabs__link--PaddingBottom);
    --pf-c-tabs__add--c-button--OutlineOffset: calc(var(--pf-global--spacer--xs)*-1);
    --pf-c-tabs__link-toggle-icon--Color: var(--pf-global--Color--200);
    --pf-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
    --pf-c-tabs__link-toggle-icon--Rotate: 0;
    --pf-c-tabs__link-toggle-icon--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-tabs__link--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
    --pf-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
    --pf-c-tabs__link--hover__toggle-icon--Color: var(--pf-global--Color--100);
    --pf-c-tabs__link--active__toggle-icon--Color: var(--pf-global--Color--100);
    --pf-c-tabs__link--focus__toggle-icon--Color: var(--pf-global--Color--100);
    position: relative;
    display: flex;
    width: var(--pf-c-tabs--Width);
    padding-right: var(--pf-c-tabs--inset);
    padding-left: var(--pf-c-tabs--inset);
    overflow: hidden
}

@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 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    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)
}

.pf-c-tabs.pf-m-fill .pf-c-tabs__list {
    flex-basis: 100%
}

.pf-c-tabs.pf-m-fill .pf-c-tabs__item {
    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 {
    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;
    transform: translateX(0)
}

.pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button:nth-of-type(2) {
    margin-left: 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__link--disabled--before--BorderBottomWidth: 0
}

.pf-c-tabs.pf-m-border-bottom {
    --pf-c-tabs--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
    --pf-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base)
}

.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--disabled--BackgroundColor: var(--pf-c-tabs--m-box__link--disabled--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--disabled--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__link--disabled--BackgroundColor: var(--pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor)
}

.pf-c-tabs.pf-m-box .pf-c-tabs__item-action .pf-c-button {
    --pf-c-button--m-plain--disabled--Color: var(--pf-c-tabs--m-box__item-action--c-button--disabled--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--disabled--before--BorderBottomWidth: 0;
    --pf-c-tabs__link--disabled--before--BorderLeftWidth: var(--pf-c-tabs--before--border-width--base);
    --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: inline-flex;
    flex-direction: column;
    height: 100%;
    padding: 0;
    overflow: visible
}

.pf-c-tabs.pf-m-vertical .pf-c-tabs__list {
    position: relative;
    flex-direction: column;
    flex-grow: 1;
    max-width: var(--pf-c-tabs--m-vertical--MaxWidth)
}

.pf-c-tabs.pf-m-vertical .pf-c-tabs__list:before {
    position: absolute;
    right: auto;
    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)
}

.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__link--disabled--before--BorderRightWidth: var(--pf-c-tabs--before--border-width--base);
    --pf-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
    --pf-c-tabs__link--disabled--before--BorderLeftWidth: 0
}

.pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__list:before {
    right: 0;
    left: auto
}

.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__item-action--c-button--FontSize: var(--pf-c-tabs--m-secondary__item-action--c-button--FontSize);
    --pf-c-tabs__add--c-button--FontSize: var(--pf-c-tabs--m-secondary__add--c-button--FontSize)
}

.pf-c-tabs.pf-m-page-insets {
    --pf-c-tabs--inset: var(--pf-c-tabs--m-page-insets--inset)
}

.pf-c-tabs.pf-m-overflow,.pf-c-tabs.pf-m-overflow .pf-c-tabs__list {
    overflow: visible
}

.pf-c-tabs__toggle {
    display: var(--pf-c-tabs__toggle--Display);
    align-items: center;
    margin-bottom: var(--pf-c-tabs__toggle--MarginBottom);
    visibility: var(--pf-c-tabs__toggle--Visibility)
}

.pf-c-tabs__toggle-button {
    --pf-c-tabs__toggle-text--MarginLeft: var(--pf-c-tabs__toggle-button__toggle-text--MarginLeft);
    --pf-c-tabs__toggle-text--Color: var(--pf-c-tabs__toggle-button__toggle-text--Color);
    margin-top: var(--pf-c-tabs__toggle-button--MarginTop);
    margin-bottom: var(--pf-c-tabs__toggle-button--MarginBottom);
    margin-left: var(--pf-c-tabs__toggle-button--MarginLeft)
}

.pf-c-tabs__toggle-button .pf-c-button {
    display: flex;
    text-align: left;
    white-space: normal
}

.pf-c-tabs__toggle-icon {
    display: inline-block;
    color: var(--pf-c-tabs__toggle-icon--Color);
    transition: var(--pf-c-tabs__toggle-icon--Transition);
    transform: rotate(var(--pf-c-tabs__toggle-icon--Rotate))
}

.pf-c-tabs__toggle-text {
    margin-left: var(--pf-c-tabs__toggle-text--MarginLeft);
    color: var(--pf-c-tabs__toggle-text--Color,inherit)
}

.pf-c-tabs__list {
    scrollbar-width: none;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    position: relative;
    display: var(--pf-c-tabs__list--Display);
    max-width: 100%;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: var(--pf-c-tabs__list--ScrollSnapType);
    visibility: var(--pf-c-tabs__list--Visibility);
    -webkit-overflow-scrolling: touch
}

.pf-c-tabs__list::-webkit-scrollbar {
    display: none
}

.pf-c-tabs__item {
    display: flex;
    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__item.pf-m-action {
    --pf-c-tabs__link--PaddingRight: var(--pf-c-tabs__item--m-action__link--PaddingRight);
    position: relative
}

.pf-c-tabs__item.pf-m-action:before {
    z-index: var(--pf-c-tabs__item--m-action--before--ZIndex)
}

.pf-c-tabs__item.pf-m-action .pf-c-tabs__link:after,.pf-c-tabs__item.pf-m-action .pf-c-tabs__link:before {
    content: revert
}

.pf-c-tabs:before,.pf-c-tabs__add:before,.pf-c-tabs__item.pf-m-action:after,.pf-c-tabs__item.pf-m-action:before,.pf-c-tabs__link:after,.pf-c-tabs__link:before,.pf-c-tabs__list:before,.pf-c-tabs__scroll-button:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-style: solid
}

.pf-c-tabs__add:before,.pf-c-tabs__item.pf-m-action:after,.pf-c-tabs__item.pf-m-action:before,.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__add:before,.pf-c-tabs__link,.pf-c-tabs__list:before,.pf-c-tabs__scroll-button {
    border: 0
}

.pf-c-tabs__link {
    position: relative;
    display: flex;
    flex: 1;
    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);
    font-size: var(--pf-c-tabs__link--FontSize);
    color: var(--pf-c-tabs__link--Color);
    text-decoration: none;
    outline-offset: var(--pf-c-tabs__link--OutlineOffset)
}

.pf-c-tabs__item.pf-m-action,.pf-c-tabs__link {
    --pf-c-tabs__link--after--BorderBottomWidth: var(--pf-c-tabs__link--after--BorderWidth);
    background-color: var(--pf-c-tabs__link--BackgroundColor)
}

.pf-c-tabs__item.pf-m-action:before,.pf-c-tabs__link:before {
    pointer-events: none;
    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);
    border-top-color: var(--pf-c-tabs__link--before--BorderTopColor);
    border-right-color: var(--pf-c-tabs__link--before--BorderRightColor);
    border-bottom-color: var(--pf-c-tabs__link--before--BorderBottomColor);
    border-left-color: var(--pf-c-tabs__link--before--BorderLeftColor)
}

.pf-c-tabs__item.pf-m-action:after,.pf-c-tabs__link:after {
    top: var(--pf-c-tabs__link--after--Top);
    right: var(--pf-c-tabs__link--after--Right);
    bottom: var(--pf-c-tabs__link--after--Bottom);
    left: var(--pf-c-tabs__link--before--Left);
    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)
}

.pf-c-tabs__item.pf-m-action:hover,.pf-c-tabs__link:hover {
    --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__link--hover--after--BorderWidth)
}

.pf-c-tabs__item.pf-m-action:focus-within,.pf-c-tabs__link:focus {
    --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__link--focus--after--BorderWidth)
}

.pf-c-tabs__item.pf-m-action:active,.pf-c-tabs__link:active {
    --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__link--active--after--BorderWidth)
}

.pf-c-tabs__link:hover {
    --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--hover__toggle-icon--Color)
}

.pf-c-tabs__link:focus {
    --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--focus__toggle-icon--Color)
}

.pf-c-tabs__link.pf-m-active,.pf-c-tabs__link:active {
    --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--active__toggle-icon--Color)
}

.pf-c-tabs__link.pf-m-disabled,.pf-c-tabs__link:disabled {
    pointer-events: none
}

.pf-c-tabs__item.pf-m-action.pf-m-disabled,.pf-c-tabs__link.pf-m-aria-disabled,.pf-c-tabs__link.pf-m-disabled,.pf-c-tabs__link:disabled {
    --pf-c-tabs__link--Color: var(--pf-c-tabs__link--disabled--Color);
    --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs__link--disabled--BackgroundColor);
    --pf-c-tabs__link--before--BorderRightWidth: var(--pf-c-tabs__link--disabled--before--BorderRightWidth);
    --pf-c-tabs__link--before--BorderBottomWidth: var(--pf-c-tabs__link--disabled--before--BorderBottomWidth);
    --pf-c-tabs__link--before--BorderLeftWidth: var(--pf-c-tabs__link--disabled--before--BorderLeftWidth);
    --pf-c-tabs__link--after--BorderWidth: 0
}

.pf-c-tabs__link.pf-m-aria-disabled {
    cursor: default
}

.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__link.pf-m-expanded {
    --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--m-expanded__toggle-icon--Color);
    --pf-c-tabs__link-toggle-icon--Rotate: var(--pf-c-tabs__link--m-expanded__toggle-icon--Rotate)
}

.pf-c-tabs__link-toggle-icon {
    align-self: end;
    font-size: var(--pf-c-tabs__link-toggle-icon--FontSize);
    color: var(--pf-c-tabs__link-toggle-icon--Color);
    transition: var(--pf-c-tabs__link-toggle-icon--Transition);
    transform: rotate(var(--pf-c-tabs__link-toggle-icon--Rotate))
}

.pf-c-tabs__item-action {
    display: flex
}

.pf-c-tabs__item-action .pf-c-button {
    --pf-c-button--FontSize: var(--pf-c-tabs__item-action--c-button--FontSize);
    --pf-c-button--PaddingTop: var(--pf-c-tabs__item-action--c-button--PaddingTop);
    --pf-c-button--PaddingRight: var(--pf-c-tabs__item-action--c-button--PaddingRight);
    --pf-c-button--PaddingBottom: var(--pf-c-tabs__item-action--c-button--PaddingBottom);
    --pf-c-button--PaddingLeft: var(--pf-c-tabs__item-action--c-button--PaddingLeft);
    outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset)
}

.pf-c-tabs__item-action:last-child {
    --pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight)
}

.pf-c-tabs__item-action-icon {
    display: inline-block;
    margin-top: var(--pf-c-tabs__item-action-icon--MarginTop)
}

.pf-c-tabs__scroll-button {
    flex: none;
    width: var(--pf-c-tabs__scroll-button--Width);
    line-height: 1;
    color: var(--pf-c-tabs__scroll-button--Color);
    background-color: var(--pf-c-tabs__scroll-button--BackgroundColor);
    outline-offset: var(--pf-c-tabs__scroll-button--OutlineOffset);
    opacity: 0;
    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)
}

.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);
    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);
    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__add {
    position: relative;
    display: flex
}

.pf-c-tabs__add:before {
    border-left: var(--pf-c-tabs__add--before--BorderLeftWidth) solid var(--pf-c-tabs__add--before--BorderColor)
}

.pf-c-tabs__add .pf-c-button {
    --pf-c-button--FontSize: var(--pf-c-tabs__add--c-button--FontSize);
    --pf-c-button--PaddingTop: var(--pf-c-tabs__add--c-button--PaddingTop);
    --pf-c-button--PaddingBottom: var(--pf-c-tabs__add--c-button--PaddingBottom);
    outline-offset: var(--pf-c-tabs__add--c-button--OutlineOffset)
}

.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)
    }
}

:where(.pf-theme-dark) .pf-c-tabs {
    --pf-c-tabs__scroll-button--BackgroundColor: transparent;
    --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
    --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200)
}

.pf-c-text-input-group {
    --pf-c-text-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-text-input-group__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-text-input-group__text--before--BorderColor: var(--pf-global--BorderColor--300);
    --pf-c-text-input-group__text--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-text-input-group__text--after--BorderBottomColor: var(--pf-global--BorderColor--200);
    --pf-c-text-input-group--hover__text--after--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-c-text-input-group__text--focus-within--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
    --pf-c-text-input-group__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-global--spacer--sm);
    --pf-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
    --pf-c-text-input-group__main--RowGap: var(--pf-global--spacer--xs);
    --pf-c-text-input-group__main--ColumnGap: var(--pf-global--spacer--sm);
    --pf-c-text-input-group--c-chip-group__main--PaddingTop: var(--pf-global--spacer--xs);
    --pf-c-text-input-group--c-chip-group__main--PaddingRight: var(--pf-global--spacer--xs);
    --pf-c-text-input-group--c-chip-group__main--PaddingBottom: var(--pf-global--spacer--xs);
    --pf-c-text-input-group__text-input--PaddingTop: var(--pf-global--spacer--form-element);
    --pf-c-text-input-group__text-input--PaddingRight: var(--pf-global--spacer--sm);
    --pf-c-text-input-group__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
    --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
    --pf-c-text-input-group__text-input--MinWidth: 12ch;
    --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
    --pf-c-text-input-group--placeholder--Color: var(--pf-global--Color--dark-200);
    --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
    --pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
    --pf-c-text-input-group__text--hover__icon--Color: var(--pf-global--Color--100);
    --pf-c-text-input-group__icon--TranslateY: -50%;
    --pf-c-text-input-group__utilities--MarginRight: var(--pf-global--spacer--sm);
    --pf-c-text-input-group__utilities--MarginLeft: var(--pf-global--spacer--xs);
    --pf-c-text-input-group__utilities--child--MarginLeft: var(--pf-global--spacer--xs);
    --pf-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-global--spacer--xs);
    --pf-c-text-input-group__utilities--c-button--PaddingLeft: var(--pf-global--spacer--xs);
    --pf-c-text-input-group--m-disabled--Color: var(--pf-global--disabled-color--100);
    --pf-c-text-input-group--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
    position: relative;
    display: flex;
    width: 100%;
    color: var(--pf-c-text-input-group--Color,inherit);
    background-color: var(--pf-c-text-input-group--BackgroundColor)
}

.pf-c-text-input-group:hover {
    --pf-c-text-input-group__text--after--BorderBottomColor: var(--pf-c-text-input-group--hover__text--after--BorderBottomColor)
}

.pf-c-text-input-group.pf-m-disabled {
    --pf-c-text-input-group__text--before--BorderWidth: 0;
    --pf-c-text-input-group__text--after--BorderBottomWidth: 0;
    --pf-c-text-input-group--Color: var(--pf-c-text-input-group--m-disabled--Color);
    --pf-c-text-input-group__icon--Color: var(--pf-c-text-input-group--m-disabled--Color);
    --pf-c-text-input-group--BackgroundColor: var(--pf-c-text-input-group--m-disabled--BackgroundColor);
    pointer-events: none
}

.pf-c-text-input-group.pf-m-plain {
    --pf-c-text-input-group--BackgroundColor: transparent
}

.pf-c-text-input-group.pf-m-plain .pf-c-text-input-group__text:after,.pf-c-text-input-group.pf-m-plain .pf-c-text-input-group__text:before {
    border: 0
}

.pf-c-text-input-group__main {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: var(--pf-c-text-input-group__main--RowGap) var(--pf-c-text-input-group__main--ColumnGap);
    min-width: 0
}

.pf-c-text-input-group__main.pf-m-icon {
    --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-c-text-input-group__main--m-icon__text-input--PaddingLeft)
}

.pf-c-text-input-group__main>:first-child:not(.pf-c-text-input-group__text) {
    margin-left: var(--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft)
}

.pf-c-text-input-group__main .pf-c-chip-group__main {
    padding-top: var(--pf-c-text-input-group--c-chip-group__main--PaddingTop);
    padding-right: var(--pf-c-text-input-group--c-chip-group__main--PaddingRight);
    padding-bottom: var(--pf-c-text-input-group--c-chip-group__main--PaddingBottom)
}

.pf-c-text-input-group__text {
    display: inline-grid;
    grid-template-columns: 1fr;
    grid-template-areas: "text-input";
    flex: 1
}

.pf-c-text-input-group__text:after,.pf-c-text-input-group__text:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: ""
}

.pf-c-text-input-group__text:before {
    border: var(--pf-c-text-input-group__text--before--BorderWidth) solid var(--pf-c-text-input-group__text--before--BorderColor)
}

.pf-c-text-input-group__text:after {
    border-bottom: var(--pf-c-text-input-group__text--after--BorderBottomWidth) solid var(--pf-c-text-input-group__text--after--BorderBottomColor)
}

.pf-c-text-input-group__text:focus-within,.pf-c-text-input-group__text:hover {
    --pf-c-text-input-group__icon--Color: var(--pf-c-text-input-group__text--hover__icon--Color)
}

.pf-c-text-input-group__text:focus-within {
    --pf-c-text-input-group__text--after--BorderBottomWidth: var(--pf-c-text-input-group__text--focus-within--after--BorderBottomWidth);
    --pf-c-text-input-group__text--after--BorderBottomColor: var(--pf-c-text-input-group__text--focus-within--after--BorderBottomColor)
}

.pf-c-text-input-group__icon {
    position: absolute;
    top: 50%;
    left: var(--pf-c-text-input-group__icon--Left);
    color: var(--pf-c-text-input-group__icon--Color);
    transform: translateY(var(--pf-c-text-input-group__icon--TranslateY))
}

.pf-c-text-input-group__text-input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    width: 100%;
    min-width: var(--pf-c-text-input-group__text-input--MinWidth);
    padding: var(--pf-c-text-input-group__text-input--PaddingTop) var(--pf-c-text-input-group__text-input--PaddingRight) var(--pf-c-text-input-group__text-input--PaddingBottom) var(--pf-c-text-input-group__text-input--PaddingLeft);
    border: 0
}

.pf-c-text-input-group__text-input,.pf-c-text-input-group__text-input.pf-m-hint {
    grid-area: text-input
}

.pf-c-text-input-group__text-input.pf-m-hint {
    color: var(--pf-c-text-input-group__text-input--m-hint--Color)
}

.pf-c-text-input-group__text-input::placeholder {
    color: var(--pf-c-text-input-group--placeholder--Color)
}

.pf-c-text-input-group__utilities {
    display: flex;
    align-items: center;
    margin-right: var(--pf-c-text-input-group__utilities--MarginRight);
    margin-left: var(--pf-c-text-input-group__utilities--MarginLeft)
}

.pf-c-text-input-group__utilities>*+* {
    margin-left: var(--pf-c-text-input-group__utilities--child--MarginLeft)
}

.pf-c-text-input-group__utilities .pf-c-button {
    --pf-c-button--PaddingRight: var(--pf-c-text-input-group__utilities--c-button--PaddingRight);
    --pf-c-button--PaddingLeft: var(--pf-c-text-input-group__utilities--c-button--PaddingLeft)
}

.pf-c-text-input-group__group {
    display: flex
}

.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--Transition: none;
    --pf-c-tile--TranslateY: 0;
    --pf-c-tile--before--BorderColor: var(--pf-global--BorderColor--100);
    --pf-c-tile--before--BorderWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-tile--after--Height: var(--pf-global--BorderWidth--lg);
    --pf-c-tile--after--BackgroundColor: transparent;
    --pf-c-tile--after--Transition: none;
    --pf-c-tile--after--ScaleY: 1;
    --pf-c-tile--after--TranslateY: 0;
    --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__title--Color: var(--pf-global--Color--100);
    --pf-c-tile__body--Color: var(--pf-global--Color--100);
    --pf-c-tile__body--FontSize: var(--pf-global--FontSize--xs);
    --pf-c-tile--hover--after--BackgroundColor: var(--pf-global--active-color--400);
    --pf-c-tile--hover__icon--Color: var(--pf-global--primary-color--100);
    --pf-c-tile--hover__title--Color: var(--pf-global--primary-color--100);
    --pf-c-tile--focus--after--BackgroundColor: var(--pf-global--active-color--400);
    --pf-c-tile--focus__icon--Color: var(--pf-global--primary-color--100);
    --pf-c-tile--focus__title--Color: var(--pf-global--primary-color--100);
    --pf-c-tile--m-selected--TranslateY: calc(var(--pf-c-tile--m-selected--after--ScaleY)*-1*var(--pf-c-tile--m-selected--after--Height));
    --pf-c-tile--m-selected--Transition: var(--pf-global--Transition);
    --pf-c-tile--m-selected--after--Height: var(--pf-global--BorderWidth--lg);
    --pf-c-tile--m-selected--after--BackgroundColor: var(--pf-global--active-color--100);
    --pf-c-tile--m-selected--after--Transition: var(--pf-global--Transition);
    --pf-c-tile--m-selected--after--ScaleY: 2;
    --pf-c-tile--m-selected__icon--Color: var(--pf-global--primary-color--100);
    --pf-c-tile--m-selected__title--Color: var(--pf-global--primary-color--100);
    --pf-c-tile--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
    --pf-c-tile--m-disabled__icon--Color: var(--pf-global--disabled-color--100);
    --pf-c-tile--m-disabled__title--Color: var(--pf-global--disabled-color--100);
    --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-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);
    position: relative;
    display: inline-grid;
    padding: var(--pf-c-tile--PaddingTop) var(--pf-c-tile--PaddingRight) var(--pf-c-tile--PaddingBottom) var(--pf-c-tile--PaddingLeft);
    text-align: center;
    cursor: pointer;
    background-color: var(--pf-c-tile--BackgroundColor);
    grid-template-rows: min-content;
    transition: var(--pf-c-tile--Transition);
    transform: translateY(var(--pf-c-tile--TranslateY))
}

.pf-c-tile:after,.pf-c-tile:before {
    position: absolute;
    pointer-events: none;
    content: ""
}

.pf-c-tile:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: var(--pf-c-tile--before--BorderWidth) solid var(--pf-c-tile--before--BorderColor)
}

.pf-c-tile:after {
    right: 0;
    bottom: 0;
    left: 0;
    height: var(--pf-c-tile--after--Height);
    background-color: var(--pf-c-tile--after--BackgroundColor);
    transition: var(--pf-c-tile--after--Transition);
    transform: scaleY(var(--pf-c-tile--after--ScaleY)) translateY(var(--pf-c-tile--after--TranslateY))
}

.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--after--BackgroundColor: var(--pf-c-tile--hover--after--BackgroundColor)
}

.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--after--BackgroundColor: var(--pf-c-tile--focus--after--BackgroundColor)
}

.pf-c-tile.pf-m-selected,.pf-c-tile:active {
    --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--TranslateY: var(--pf-c-tile--m-selected--TranslateY);
    --pf-c-tile--Transition: var(--pf-c-tile--m-selected--Transition);
    --pf-c-tile--after--Height: var(--pf-c-tile--m-selected--after--Height);
    --pf-c-tile--after--BackgroundColor: var(--pf-c-tile--m-selected--after--BackgroundColor);
    --pf-c-tile--after--Transition: var(--pf-c-tile--m-selected--after--Transition);
    --pf-c-tile--after--ScaleY: var(--pf-c-tile--m-selected--after--ScaleY)
}

.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 {
    display: flex;
    align-items: center;
    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);
    flex-direction: column;
    justify-content: normal
}

.pf-c-tile__header.pf-m-stacked .pf-c-tile__icon {
    display: flex;
    align-items: center;
    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 {
    font-size: var(--pf-c-tile__body--FontSize);
    color: var(--pf-c-tile__body--Color)
}

.pf-c-tile__icon {
    margin-right: var(--pf-c-tile__icon--MarginRight);
    font-size: var(--pf-c-tile__icon--FontSize);
    color: var(--pf-c-tile__icon--Color)
}

:where(.pf-theme-dark) .pf-c-tile {
    --pf-c-tile--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
    --pf-c-tile--m-disabled__title--Color: var(--pf-global--disabled-color--300);
    --pf-c-tile--m-disabled__icon--Color: var(--pf-global--disabled-color--300);
    --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300)
}

.pf-c-timestamp {
    --pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
    --pf-c-timestamp--Color: var(--pf-global--Color--200);
    --pf-c-timestamp--OutlineOffset: 0.1875rem;
    --pf-c-timestamp--m-help-text--TextDecorationLine: underline;
    --pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
    --pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
    --pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
    --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
    --pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
    --pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
    --pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
    --pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
    display: inline-block;
    font-size: var(--pf-c-timestamp--FontSize);
    color: var(--pf-c-timestamp--Color);
    outline-offset: var(--pf-c-timestamp--OutlineOffset)
}

.pf-c-timestamp.pf-m-help-text {
    cursor: pointer;
    text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
    text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
    text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
    text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
    text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor)
}

.pf-c-timestamp.pf-m-help-text:hover {
    --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
    --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor)
}

.pf-c-timestamp.pf-m-help-text:focus {
    --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
    --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor)
}

.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: 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-top-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius);
    border-bottom-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius)
}

.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-top-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderTopRightRadius);
    border-bottom-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius)
}

.pf-c-toggle-group__button {
    position: relative;
    z-index: var(--pf-c-toggle-group__button--ZIndex);
    display: inline-flex;
    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);
    font-size: var(--pf-c-toggle-group__button--FontSize);
    line-height: var(--pf-c-toggle-group__button--LineHeight);
    color: var(--pf-c-toggle-group__button--Color);
    background-color: var(--pf-c-toggle-group__button--BackgroundColor);
    border: 0
}

.pf-c-toggle-group__button:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: "";
    border: var(--pf-c-toggle-group__button--before--BorderWidth) solid var(--pf-c-toggle-group__button--before--BorderColor)
}

.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)
}

:where(.pf-theme-dark) .pf-c-toggle-group {
    --pf-c-toggle-group__button--hover--BackgroundColor: var(--pf-global--palette--black-700);
    --pf-c-toggle-group__button--focus--BackgroundColor: var(--pf-global--palette--black-700);
    --pf-c-toggle-group__button--disabled--BackgroundColor: var(--pf-global--palette--black-600);
    --pf-c-toggle-group__button--disabled--Color: var(--pf-global--palette--black-100);
    --pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--primary-color--300)
}

.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--sm);
    --pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--sm);
    --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: 0.5rem;
    --pf-c-tooltip__arrow--Height: 0.5rem;
    --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;
    position: relative;
    max-width: var(--pf-c-tooltip--MaxWidth);
    box-shadow: var(--pf-c-tooltip--BoxShadow)
}

.pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow,.pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow,.pf-c-tooltip.pf-m-top .pf-c-tooltip__arrow {
    bottom: 0;
    left: 50%;
    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-left .pf-c-tooltip__arrow,.pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow,.pf-c-tooltip.pf-m-bottom .pf-c-tooltip__arrow {
    top: 0;
    left: 50%;
    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-bottom .pf-c-tooltip__arrow,.pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow,.pf-c-tooltip.pf-m-left .pf-c-tooltip__arrow {
    top: 50%;
    right: 0;
    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-bottom .pf-c-tooltip__arrow,.pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow,.pf-c-tooltip.pf-m-right .pf-c-tooltip__arrow {
    top: 50%;
    left: 0;
    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.pf-m-left-top .pf-c-tooltip__arrow,.pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow {
    top: var(--pf-c-tooltip__arrow--Height)
}

.pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow,.pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
    top: auto;
    bottom: 0
}

.pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow,.pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow {
    left: var(--pf-c-tooltip__arrow--Width)
}

.pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow,.pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow {
    right: 0;
    left: auto
}

.pf-c-tooltip__content {
    position: relative;
    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);
    font-size: var(--pf-c-tooltip__content--FontSize);
    color: var(--pf-c-tooltip__content--Color);
    text-align: center;
    word-break: break-word;
    background-color: var(--pf-c-tooltip__content--BackgroundColor)
}

.pf-c-tooltip__content.pf-m-text-align-left {
    text-align: left
}

.pf-c-tooltip__arrow {
    position: absolute;
    width: var(--pf-c-tooltip__arrow--Width);
    height: var(--pf-c-tooltip__arrow--Height);
    pointer-events: none;
    background-color: var(--pf-c-tooltip__content--BackgroundColor)
}

:where(.pf-theme-dark) .pf-c-tooltip {
    --pf-c-tooltip--BoxShadow: none;
    --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300)
}

:where(.pf-theme-dark) .pf-c-tooltip,:where(.pf-theme-dark) .pf-c-tooltip__arrow {
    border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300)
}

:where(.pf-theme-dark) .pf-c-tooltip__arrow {
    --pf-c-tooltip__arrow--Width: 0.9375rem;
    --pf-c-tooltip__arrow--Height: 0.9375rem
}

.pf-c-truncate {
    --pf-c-truncate--MinWidth: 12ch;
    --pf-c-truncate__start--MinWidth: 6ch;
    display: inline-grid;
    grid-auto-flow: column;
    align-items: baseline;
    min-width: var(--pf-c-truncate--MinWidth)
}

.pf-c-truncate__end,.pf-c-truncate__start {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-truncate__start {
    min-width: var(--pf-c-truncate__start--MinWidth)
}

.pf-c-truncate__end {
    direction: rtl
}

.pf-c-truncate__start+.pf-c-truncate__end {
    overflow: visible;
    direction: ltr
}

@supports (-webkit-hyphens: none) {
    .pf-c-truncate__end {
        direction:ltr
    }
}

.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 + var(--pf-global--BorderWidth--sm)*2);
    --pf-c-number-input--c-form-control--width-icon: 0px;
    --pf-c-number-input--m-status--c-form-control--width-icon: var(--pf-global--spacer--xl);
    --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 + var(--pf-c-number-input--c-form-control--width-icon));
    display: inline-flex;
    align-items: center
}

.pf-c-number-input.pf-m-status {
    --pf-c-number-input--c-form-control--width-icon: var(--pf-c-number-input--m-status--c-form-control--width-icon)
}

.pf-c-number-input .pf-c-form-control {
    display: inline-flex;
    width: var(--pf-c-number-input--c-form-control--Width);
    text-align: right
}

.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 {
    display: flex;
    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--base: var(--pf-global--spacer--sm);
    --pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view__node--PaddingTop--base);
    --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-container--Display: contents;
    --pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
    --pf-c-tree-view__node-content--Overflow: visible;
    --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--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__list-item__node-toggle--TranslateX: -100%;
    --pf-c-tree-view__node-toggle--Position: absolute;
    --pf-c-tree-view__node-toggle--Color--base: var(--pf-global--Color--200);
    --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
    --pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
    --pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
    --pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
    --pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
    --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
    --pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
    --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__node-toggle-icon--base--Rotate: 0;
    --pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__node-toggle-icon--base--Rotate);
    --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__node-title--FontWeight: var(--pf-global--FontWeight--bold);
    --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);
    --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
    --pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
    --pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
    --pf-c-tree-view--m-guides--guide-left--base: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides__list-node--guide-width--base));
    --pf-c-tree-view--m-guides--guide-left--base--offset: calc(var(--pf-c-tree-view__list-item__list-item__node-toggle--Left) + var(--pf-c-tree-view__node-toggle-icon--MinWidth)/2);
    --pf-c-tree-view--m-guides__list-node--guide-width--base: var(--pf-global--spacer--lg);
    --pf-c-tree-view--m-guides__list-item--before--Top: 0;
    --pf-c-tree-view--m-guides__list-item--before--Width: var(--pf-c-tree-view--m-guides--guide-width--base);
    --pf-c-tree-view--m-guides__list-item--before--Height: 100%;
    --pf-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
    --pf-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-c-tree-view--m-guides__node--before--Top);
    --pf-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-c-tree-view--m-guides__list-item--last-child--before--Top);
    --pf-c-tree-view--m-guides__list-item--ZIndex: var(--pf-global--ZIndex--xs);
    --pf-c-tree-view--m-guides__node--before--Width: 1rem;
    --pf-c-tree-view--m-guides__node--before--Height: var(--pf-c-tree-view--m-guides--guide-width--base);
    --pf-c-tree-view--m-guides__node--before--Top: 1.125rem;
    --pf-c-tree-view--m-guides__node--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
    --pf-c-tree-view--m-compact--base-border--Left--offset: var(--pf-global--spacer--md);
    --pf-c-tree-view--m-compact--base-border--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
    --pf-c-tree-view--m-compact__node--indent--base: var(--pf-c-tree-view__node--indent--base);
    --pf-c-tree-view--m-compact__node--nested-indent--base: var(--pf-global--spacer--lg);
    --pf-c-tree-view--m-compact--border--Left: var(--pf-c-tree-view--m-compact--base-border--Left);
    --pf-c-tree-view--m-compact__node--PaddingTop: 0;
    --pf-c-tree-view--m-compact__node--PaddingBottom: 0;
    --pf-c-tree-view--m-compact__node--nested--PaddingTop: var(--pf-global--spacer--sm);
    --pf-c-tree-view--m-compact__node--nested--PaddingBottom: var(--pf-global--spacer--sm);
    --pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top: calc(var(--pf-c-tree-view--m-compact__node-container--PaddingTop));
    --pf-c-tree-view--m-compact__list-item--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
    --pf-c-tree-view--m-compact__list-item--BorderBottomColor: var(--pf-global--BorderColor--100);
    --pf-c-tree-view--m-compact__list-item--before--Top: 0;
    --pf-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-c-tree-view--m-compact__node--before--Top);
    --pf-c-tree-view--m-compact__list-item--nested--before--Top: calc(var(--pf-c-tree-view__node--PaddingTop--base)*-1);
    --pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height: calc(var(--pf-c-tree-view--m-compact__node--before--Top) + var(--pf-c-tree-view__node--PaddingTop--base));
    --pf-c-tree-view--m-compact__node--PaddingLeft: var(--pf-c-tree-view--m-compact__node--indent--base);
    --pf-c-tree-view--m-compact__node--before--Top: calc(var(--pf-c-tree-view--m-compact__node-container--PaddingTop) + var(--pf-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
    --pf-c-tree-view--m-compact__node--level-2--PaddingLeft: var(--pf-c-tree-view--m-compact__node--indent--base);
    --pf-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(var(--pf-c-tree-view__node-toggle-button--PaddingLeft)*-0.5);
    --pf-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(var(--pf-c-tree-view__node-toggle-button--PaddingLeft)*-1.5);
    --pf-c-tree-view--m-compact__node-container--Display: flex;
    --pf-c-tree-view--m-compact__node-container--PaddingBottom--base: var(--pf-global--spacer--lg);
    --pf-c-tree-view--m-compact__node-container--PaddingTop: var(--pf-global--spacer--lg);
    --pf-c-tree-view--m-compact__node-container--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-c-tree-view--m-compact__node-container--PaddingBottom--base);
    --pf-c-tree-view--m-compact__node-container--PaddingLeft: var(--pf-global--spacer--xs);
    --pf-c-tree-view--m-compact__node-container--nested--PaddingTop: var(--pf-global--spacer--md);
    --pf-c-tree-view--m-compact__node-container--nested--PaddingRight: var(--pf-global--spacer--lg);
    --pf-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(--pf-global--spacer--md);
    --pf-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(--pf-global--spacer--lg);
    --pf-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-global--BackgroundColor--200);
    --pf-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom: 0;
    --pf-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
    --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(--pf-global--spacer--sm);
    --pf-c-tree-view--m-compact--m-no-background--base-border--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
    --pf-c-tree-view--m-compact--m-no-background__node--indent--base: var(--pf-c-tree-view__node--indent--base);
    --pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(--pf-global--spacer--2xl);
    --pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop: 0;
    --pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom: 0;
    --pf-c-tree-view--m-compact--m-no-background__node--before--Top: calc(var(--pf-c-tree-view--m-compact__node-container--nested--PaddingTop) + var(--pf-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
    padding-top: var(--pf-c-tree-view--PaddingTop);
    padding-bottom: var(--pf-c-tree-view--PaddingBottom)
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item,.pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item {
    position: relative
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node:before,.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:before,.pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node:before,.pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item:before {
    position: absolute;
    left: var(--pf-c-tree-view--m-guides--guide--Left);
    content: ""
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:before,.pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item:before {
    top: var(--pf-c-tree-view--m-guides__list-item--before--Top);
    z-index: var(--pf-c-tree-view--m-guides__list-item--ZIndex);
    width: var(--pf-c-tree-view--m-guides__list-item--before--Width);
    height: var(--pf-c-tree-view--m-guides__list-item--before--Height);
    background-color: var(--pf-c-tree-view--m-guides__list-item--before--BackgroundColor)
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node:before,.pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node:before {
    top: var(--pf-c-tree-view--m-guides__node--before--Top);
    width: var(--pf-c-tree-view--m-guides__node--before--Width);
    height: var(--pf-c-tree-view--m-guides__node--before--Height);
    background-color: var(--pf-c-tree-view--m-guides__node--before--BackgroundColor)
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:last-child:before,.pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item:last-child:before {
    height: var(--pf-c-tree-view--m-guides__list-item--last-child--before--Height)
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item,.pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
    --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--border--nested--Left)
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item:last-child,.pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item:last-child {
    --pf-c-tree-view--m-compact__list-item--BorderBottomWidth: 0
}

.pf-c-tree-view.pf-m-compact {
    --pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view--m-compact__node--PaddingTop);
    --pf-c-tree-view__node--PaddingBottom: var(--pf-c-tree-view--m-compact__node--PaddingBottom);
    --pf-c-tree-view__node-container--Display: var(--pf-c-tree-view--m-compact__node-container--Display);
    --pf-c-tree-view__node--hover--BackgroundColor: transparent;
    --pf-c-tree-view__node--focus--BackgroundColor: transparent;
    --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top)
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item {
    border-bottom: var(--pf-c-tree-view--m-compact__list-item--BorderBottomWidth) solid var(--pf-c-tree-view--m-compact__list-item--BorderBottomColor)
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item.pf-m-expanded {
    --pf-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom)
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
    --pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view--m-compact__node--nested--PaddingTop);
    --pf-c-tree-view__node--PaddingBottom: var(--pf-c-tree-view--m-compact__node--nested--PaddingBottom);
    --pf-c-tree-view__node-toggle--Position: static;
    --pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view--m-compact__node--level-2--PaddingLeft);
    --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: 0;
    --pf-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
    --pf-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-c-tree-view--m-compact__node-container--PaddingBottom--base)
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node:before,.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:before {
    left: var(--pf-c-tree-view--m-compact--border--Left)
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:before {
    top: var(--pf-c-tree-view--m-compact__list-item--before--Top)
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node:before {
    top: var(--pf-c-tree-view--m-compact__node--before--Top)
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:last-child:before {
    height: var(--pf-c-tree-view--m-compact__list-item--last-child--before--Height)
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
    --pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view--m-compact__node--PaddingLeft);
    --pf-c-tree-view--m-compact--border--Left: var(--pf-c-tree-view--m-compact--border--nested--Left);
    --pf-c-tree-view--m-compact__list-item--before--Top: var(--pf-c-tree-view--m-compact__list-item--nested--before--Top);
    --pf-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height)
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node-container {
    padding: var(--pf-c-tree-view--m-compact__node-container--nested--PaddingTop) var(--pf-c-tree-view--m-compact__node-container--nested--PaddingRight) var(--pf-c-tree-view--m-compact__node-container--nested--PaddingBottom) var(--pf-c-tree-view--m-compact__node-container--nested--PaddingLeft);
    background-color: var(--pf-c-tree-view--m-compact__node-container--nested--BackgroundColor)
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node-toggle {
    margin-right: var(--pf-c-tree-view--m-compact__node-toggle--nested--MarginRight);
    margin-left: var(--pf-c-tree-view--m-compact__node-toggle--nested--MarginLeft)
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__node-container {
    padding: var(--pf-c-tree-view--m-compact__node-container--PaddingTop) var(--pf-c-tree-view--m-compact__node-container--PaddingRight) var(--pf-c-tree-view--m-compact__node-container--PaddingBottom) var(--pf-c-tree-view--m-compact__node-container--PaddingLeft)
}

.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item:not([aria-expanded])>.pf-c-tree-view__content>.pf-c-tree-view__node,.pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item:not([aria-expanded])>.pf-c-tree-view__content>.pf-c-tree-view__node>.pf-c-tree-view__node-container {
    cursor: default
}

.pf-c-tree-view.pf-m-compact.pf-m-no-background {
    --pf-c-tree-view--m-compact__node--before--Top: var(--pf-c-tree-view--m-compact--m-no-background__node--before--Top)
}

.pf-c-tree-view.pf-m-compact.pf-m-no-background .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
    --pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop);
    --pf-c-tree-view__node--PaddingBottom: var(--pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom)
}

.pf-c-tree-view.pf-m-compact.pf-m-no-background .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
    --pf-c-tree-view--m-compact--border--Left: var(--pf-c-tree-view--m-compact--m-no-background--border--nested--Left);
    --pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft)
}

.pf-c-tree-view.pf-m-no-background {
    --pf-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-c-tree-view--m-no-background__node-container--BackgroundColor)
}

.pf-c-tree-view__node-toggle-icon {
    display: inline-block;
    min-width: var(--pf-c-tree-view__node-toggle-icon--MinWidth);
    text-align: center;
    transition: var(--pf-c-tree-view__node-toggle-icon--Transition);
    transform: rotate(var(--pf-c-tree-view__node-toggle-icon--Rotate))
}

.pf-c-tree-view__list-item .pf-c-tree-view__list-item {
    --pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__node-toggle-icon--base--Rotate);
    --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base)
}

.pf-c-tree-view__list-item.pf-m-expanded {
    --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__list-item--m-expanded__node-toggle--Color);
    --pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate)
}

.pf-c-tree-view__node,.pf-c-tree-view__node-container {
    flex: 1 1;
    align-items: flex-start;
    min-width: 0;
    text-align: left;
    cursor: pointer;
    border: 0
}

.pf-c-tree-view__node {
    position: relative;
    display: flex;
    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);
    color: var(--pf-c-tree-view__node--Color)
}

.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.pf-m-selectable .pf-c-tree-view__node-toggle:hover,.pf-c-tree-view__node:not(.pf-m-selectable):hover {
    --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover--Color)
}

.pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:focus,.pf-c-tree-view__node:not(.pf-m-selectable):focus {
    --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus--Color)
}

.pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:active,.pf-c-tree-view__node:not(.pf-m-selectable):active {
    --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active--Color)
}

.pf-c-tree-view__node-container {
    display: var(--pf-c-tree-view__node-container--Display);
    flex-grow: 1
}

.pf-c-tree-view__node-content {
    display: flex;
    flex-direction: column;
    overflow: var(--pf-c-tree-view__node-content--Overflow)
}

.pf-c-tree-view__node-content>*+* {
    margin-top: var(--pf-c-tree-view__node-content--RowGap)
}

.pf-c-tree-view__node-check {
    margin-right: var(--pf-c-tree-view__node-check--MarginRight)
}

.pf-c-tree-view__node-toggle {
    position: var(--pf-c-tree-view__node-toggle--Position);
    top: var(--pf-c-tree-view__list-item__list-item__node-toggle--Top);
    left: var(--pf-c-tree-view__list-item__list-item__node-toggle--Left);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    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);
    margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
    margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
    color: var(--pf-c-tree-view__node-toggle--Color);
    border: 0;
    transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX))
}

.pf-c-tree-view.pf-m-truncate .pf-c-tree-view__node-text,.pf-c-tree-view.pf-m-truncate .pf-c-tree-view__node-title,.pf-c-tree-view__node-text.pf-m-truncate,.pf-c-tree-view__node-title.pf-m-truncate {
    --pf-c-tree-view__node-content--Overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pf-c-tree-view__node-text {
    font-weight: inherit;
    color: inherit;
    text-align: left;
    border: 0
}

label.pf-c-tree-view__node-text {
    cursor: pointer
}

.pf-c-tree-view__node-title {
    font-weight: var(--pf-c-tree-view__node-title--FontWeight)
}

.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 {
    padding-right: var(--pf-c-tree-view__node-icon--PaddingRight);
    color: var(--pf-c-tree-view__node-icon--Color)
}

.pf-c-tree-view__content {
    display: flex;
    align-items: center
}

.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 {
    margin-left: var(--pf-c-tree-view__action--MarginLeft);
    color: var(--pf-c-tree-view__action--Color);
    border: 0
}

.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__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
    --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--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset))
}

.pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
    --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
    --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--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
    --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*1 + var(--pf-c-tree-view--m-compact__node--indent--base));
    --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
    --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*1 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
    --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset))
}

.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__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
    --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--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
    --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*2 + var(--pf-c-tree-view--m-compact__node--indent--base));
    --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
    --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*2 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
    --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset))
}

.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__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
    --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--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
    --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*3 + var(--pf-c-tree-view--m-compact__node--indent--base));
    --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
    --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*3 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
    --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset))
}

.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__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
    --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--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
    --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*4 + var(--pf-c-tree-view--m-compact__node--indent--base));
    --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
    --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*4 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
    --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset))
}

.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__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
    --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--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
    --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*5 + var(--pf-c-tree-view--m-compact__node--indent--base));
    --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
    --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*5 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
    --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset))
}

.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__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
    --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--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
    --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*6 + var(--pf-c-tree-view--m-compact__node--indent--base));
    --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
    --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*6 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
    --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset))
}

.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__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
    --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--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
    --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*7 + var(--pf-c-tree-view--m-compact__node--indent--base));
    --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
    --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*7 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
    --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset))
}

.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__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
    --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--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
    --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*8 + var(--pf-c-tree-view--m-compact__node--indent--base));
    --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
    --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*8 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
    --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset))
}

.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__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
    --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--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
    --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*9 + var(--pf-c-tree-view--m-compact__node--indent--base));
    --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
    --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*9 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
    --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset))
}

:where(.pf-theme-dark) .pf-c-tree-view {
    --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
    --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--300)
}

.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));
    position: relative;
    display: flex;
    flex-direction: column;
    height: var(--pf-c-wizard--Height)
}

@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 {
    flex: 1 1 var(--pf-c-modal-box--c-wizard--FlexBasis);
    min-height: 0
}

.pf-c-wizard>:not(.pf-c-wizard__outer-wrap):not(.pf-c-drawer) {
    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 {
    color: var(--pf-global--Color--100);
    position: relative;
    z-index: var(--pf-c-wizard__header--ZIndex);
    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);
    background-color: var(--pf-c-wizard__header--BackgroundColor)
}

.pf-c-wizard__header .pf-c-wizard__close {
    position: absolute;
    top: var(--pf-c-wizard__close--Top);
    right: var(--pf-c-wizard__close--Right);
    font-size: var(--pf-c-wizard__close--FontSize)
}

.pf-c-wizard__title {
    padding-right: var(--pf-c-wizard__title--PaddingRight);
    word-wrap: break-word
}

.pf-c-wizard__description {
    display: none;
    padding-top: var(--pf-c-wizard__description--PaddingTop);
    color: var(--pf-c-wizard__description--Color);
    visibility: hidden
}

@media screen and (min-width: 992px) {
    .pf-c-wizard__description {
        display:block;
        visibility: visible
    }
}

.pf-c-wizard__toggle {
    position: relative;
    z-index: var(--pf-c-wizard__toggle--ZIndex);
    display: flex;
    justify-content: space-between;
    width: 100%;
    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);
    background-color: var(--pf-c-wizard__toggle--BackgroundColor);
    border: 0;
    box-shadow: var(--pf-c-wizard__toggle--BoxShadow)
}

@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 {
    transform: rotate(var(--pf-c-wizard__toggle--m-expanded__toggle-icon--Rotate))
}

.pf-c-wizard__toggle-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-right: var(--pf-c-wizard__toggle-list--MarginRight);
    margin-bottom: var(--pf-c-wizard__toggle-list--MarginBottom);
    list-style: none
}

.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 {
    margin-left: var(--pf-c-wizard__toggle-separator--MarginLeft);
    color: var(--pf-c-wizard__toggle-separator--Color)
}

.pf-c-wizard__toggle-icon {
    line-height: var(--pf-c-wizard__toggle-icon--LineHeight)
}

.pf-c-wizard__outer-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: var(--pf-c-wizard__outer-wrap--MinHeight);
    background-color: var(--pf-c-wizard__outer-wrap--BackgroundColor)
}

@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 {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0
}

@media screen and (min-width: 992px) {
    .pf-c-wizard__inner-wrap {
        position:static
    }
}

.pf-c-wizard__nav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: var(--pf-c-wizard__nav--ZIndex);
    display: none;
    width: var(--pf-c-wizard__nav--Width);
    max-height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    background-color: var(--pf-c-wizard__nav--BackgroundColor);
    box-shadow: var(--pf-c-wizard__nav--BoxShadow)
}

.pf-c-wizard__nav.pf-m-expanded {
    display: block;
    visibility: visible
}

@media screen and (min-width: 992px) {
    .pf-c-wizard__nav {
        display:block;
        height: 100%;
        visibility: visible;
        border-right: var(--pf-c-wizard__nav--lg--BorderRightWidth) solid var(--pf-c-wizard__nav--lg--BorderRightColor)
    }
}

.pf-c-wizard__nav-list {
    padding-top: var(--pf-c-wizard__nav-list--PaddingTop);
    padding-right: var(--pf-c-wizard__nav-list--PaddingRight);
    padding-bottom: var(--pf-c-wizard__nav-list--PaddingBottom);
    padding-left: var(--pf-c-wizard__nav-list--PaddingLeft);
    list-style: none;
    counter-reset: wizard-nav-count
}

.pf-c-wizard__nav-list .pf-c-wizard__nav-list {
    padding: 0;
    margin-top: var(--pf-c-wizard__nav-list--nested--MarginTop);
    margin-left: var(--pf-c-wizard__nav-list--nested--MarginLeft)
}

.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: 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 {
    position: relative;
    display: inline-block;
    width: 100%;
    color: var(--pf-c-wizard__nav-link--Color);
    text-align: left;
    text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
    word-break: break-word;
    border: 0
}

.pf-c-wizard__nav-link:before,.pf-c-wizard__toggle-num {
    position: absolute;
    top: var(--pf-c-wizard__nav-link--before--Top);
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--pf-c-wizard__nav-link--before--Width);
    height: var(--pf-c-wizard__nav-link--before--Height);
    font-size: var(--pf-c-wizard__nav-link--before--FontSize);
    line-height: 1;
    color: var(--pf-c-wizard__nav-link--before--Color);
    background-color: var(--pf-c-wizard__nav-link--before--BackgroundColor);
    border-radius: var(--pf-c-wizard__nav-link--before--BorderRadius);
    transform: translateX(var(--pf-c-wizard__nav-link--before--TranslateX))
}

.pf-c-wizard__nav-link:before {
    top: 0;
    content: counter(wizard-nav-count);
    counter-increment: wizard-nav-count
}

.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 {
    flex-grow: 1
}

.pf-c-wizard__nav-link-toggle {
    padding-right: var(--pf-c-wizard__nav-link-toggle--PaddingRight);
    padding-left: var(--pf-c-wizard__nav-link-toggle--PaddingLeft);
    color: var(--pf-c-wizard__nav-link-toggle--Color)
}

.pf-c-wizard__nav-link-toggle-icon {
    display: inline-block;
    transition: var(--pf-c-wizard__nav-link-toggle-icon--Transition);
    transform: rotate(var(--pf-c-wizard__nav-link-toggle-icon--Rotate))
}

.pf-c-wizard__main {
    z-index: var(--pf-c-wizard__main--ZIndex);
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    word-break: break-word
}

.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 {
    position: relative;
    z-index: var(--pf-c-wizard__footer--ZIndex);
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    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);
    background-color: var(--pf-c-wizard__footer--BackgroundColor)
}

.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-drawer>.pf-c-wizard__footer,.pf-c-modal-box .pf-c-wizard__footer,.pf-c-page__main-wizard .pf-c-wizard__footer {
    box-shadow: var(--pf-c-wizard__footer--BoxShadow)
}

.pf-c-wizard__footer-cancel {
    margin-left: var(--pf-c-wizard__footer-cancel--MarginLeft)
}

:where(.pf-theme-dark) .pf-c-about-modal-box,:where(.pf-theme-dark) .pf-c-banner,:where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main,:where(.pf-theme-dark) .pf-c-login__footer,:where(.pf-theme-dark) .pf-c-login__header,:where(.pf-theme-dark) .pf-c-masthead,:where(.pf-theme-dark) .pf-c-page__header,:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],:where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,:where(.pf-theme-dark) .pf-c-wizard__header {
    --pf-global--Color--100: #e0e0e0;
    --pf-global--Color--200: #aaabac;
    --pf-global--BorderColor--100: #444548;
    --pf-global--primary-color--100: #1fa7f8;
    --pf-global--link--Color: #1fa7f8;
    --pf-global--link--Color--hover: #73bcf7;
    --pf-global--BackgroundColor--100: #1b1d21
}

:where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-card,:where(.pf-theme-dark) .pf-c-banner .pf-c-card,:where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card,:where(.pf-theme-dark) .pf-c-login__footer .pf-c-card,:where(.pf-theme-dark) .pf-c-login__header .pf-c-card,:where(.pf-theme-dark) .pf-c-masthead .pf-c-card,:where(.pf-theme-dark) .pf-c-page__header .pf-c-card,:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card,:where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card,:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-card {
    --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100)
}

:where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button,:where(.pf-theme-dark) .pf-c-banner .pf-c-button,:where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button,:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button,:where(.pf-theme-dark) .pf-c-login__header .pf-c-button,:where(.pf-theme-dark) .pf-c-masthead .pf-c-button,:where(.pf-theme-dark) .pf-c-page__header .pf-c-button,:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,:where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button {
    --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
    --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
    --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
    --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
    --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
    --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
    --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
    --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
    --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100)
}

:where(.pf-theme-dark) .pf-c-wizard {
    --pf-c-wizard__header--BackgroundColor: var(--pf-global--palette--black-1000);
    --pf-c-wizard__nav-link--before--BackgroundColor: var(--pf-global--palette--black-500);
    --pf-c-wizard__nav-link--m-disabled--Color: var(--pf-global--disabled-color--300);
    --pf-c-wizard__nav-link--m-disabled--before--Color: var(--pf-global--disabled-color--300)
}

:where(.pf-theme-dark) .pf-c-wizard__header {
    color: var(--pf-global--Color--100)
}

.pf-l-bullseye {
    --pf-l-bullseye--Padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: var(--pf-l-bullseye--Padding);
    margin: 0
}

.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);
    display: var(--pf-l-flex--Display);
    flex-wrap: var(--pf-l-flex--FlexWrap);
    align-items: var(--pf-l-flex--AlignItems)
}

.pf-l-flex:last-child {
    --pf-l-flex--spacer: 0
}

.pf-l-flex>* {
    --pf-l-flex--spacer: var(--pf-l-flex--spacer-base);
    order: var(--pf-l-flex--item--Order);
    max-width: 100%;
    margin-right: var(--pf-l-flex--spacer)
}

@media screen and (min-width: 576px) {
    .pf-l-flex>* {
        order:var(--pf-l-flex--item--Order-on-sm,var(--pf-l-flex--item--Order))
    }
}

@media screen and (min-width: 768px) {
    .pf-l-flex>* {
        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>* {
        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>* {
        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>* {
        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 {
    flex-direction: column;
    align-items: normal
}

.pf-l-flex.pf-m-column>* {
    margin: 0 0 var(--pf-l-flex--spacer) 0
}

.pf-l-flex.pf-m-column-reverse {
    flex-direction: column-reverse;
    align-items: normal
}

.pf-l-flex.pf-m-column-reverse>* {
    margin: var(--pf-l-flex--spacer) 0 0 0
}

.pf-l-flex.pf-m-row {
    flex-direction: row;
    align-items: var(--pf-l-flex--m-row--AlignItems)
}

.pf-l-flex.pf-m-row>* {
    margin: 0 var(--pf-l-flex--spacer) 0 0
}

.pf-l-flex.pf-m-row-reverse {
    flex-direction: row-reverse;
    align-items: var(--pf-l-flex--m-row-reverse--AlignItems)
}

.pf-l-flex.pf-m-row-reverse>* {
    margin: 0 0 0 var(--pf-l-flex--spacer)
}

.pf-l-flex.pf-m-wrap {
    flex-wrap: wrap
}

.pf-l-flex.pf-m-wrap-reverse {
    flex-wrap: wrap-reverse
}

.pf-l-flex.pf-m-nowrap {
    flex-wrap: nowrap
}

.pf-l-flex.pf-m-justify-content-flex-start {
    justify-content: flex-start
}

.pf-l-flex.pf-m-justify-content-flex-end {
    justify-content: flex-end
}

.pf-l-flex.pf-m-justify-content-center {
    justify-content: center
}

.pf-l-flex.pf-m-justify-content-space-between {
    justify-content: space-between
}

.pf-l-flex.pf-m-justify-content-space-around {
    justify-content: space-around
}

.pf-l-flex.pf-m-justify-content-space-evenly {
    justify-content: space-evenly
}

.pf-l-flex.pf-m-align-items-flex-start {
    align-items: flex-start
}

.pf-l-flex.pf-m-align-items-flex-end {
    align-items: flex-end
}

.pf-l-flex.pf-m-align-items-center {
    align-items: center
}

.pf-l-flex.pf-m-align-items-stretch {
    align-items: stretch
}

.pf-l-flex.pf-m-align-items-baseline {
    align-items: baseline
}

.pf-l-flex.pf-m-align-content-flex-start {
    align-content: flex-start
}

.pf-l-flex.pf-m-align-content-flex-end {
    align-content: flex-end
}

.pf-l-flex.pf-m-align-content-center {
    align-content: center
}

.pf-l-flex.pf-m-align-content-stretch {
    align-content: stretch
}

.pf-l-flex.pf-m-align-content-space-between {
    align-content: space-between
}

.pf-l-flex.pf-m-align-content-space-around {
    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 {
    flex-grow: 1
}

.pf-l-flex>.pf-m-shrink {
    flex-shrink: 1
}

.pf-l-flex>.pf-m-full-width {
    width: 100%;
    margin-right: 0
}

.pf-l-flex>.pf-m-flex-1 {
    flex: 1 0 0
}

.pf-l-flex>.pf-m-flex-2 {
    flex: 2 0 0
}

.pf-l-flex>.pf-m-flex-3 {
    flex: 3 0 0
}

.pf-l-flex>.pf-m-flex-4 {
    flex: 4 0 0
}

.pf-l-flex>.pf-m-flex-default {
    flex: 0 1 auto
}

.pf-l-flex>.pf-m-flex-none {
    flex: none
}

.pf-l-flex>.pf-m-align-self-flex-start {
    align-self: flex-start
}

.pf-l-flex>.pf-m-align-self-flex-end {
    align-self: flex-end
}

.pf-l-flex>.pf-m-align-self-center {
    align-self: center
}

.pf-l-flex>.pf-m-align-self-baseline {
    align-self: baseline
}

.pf-l-flex>.pf-m-align-self-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 {
        flex-direction: column;
        align-items: normal
    }

    .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 {
        flex-direction: column-reverse;
        align-items: normal
    }

    .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 {
        flex-direction: row;
        align-items: var(--pf-l-flex--m-row--AlignItems)
    }

    .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 {
        flex-direction: row-reverse;
        align-items: var(--pf-l-flex--m-row-reverse--AlignItems)
    }

    .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 {
        flex-wrap: wrap
    }

    .pf-l-flex.pf-m-wrap-reverse-on-sm {
        flex-wrap: wrap-reverse
    }

    .pf-l-flex.pf-m-nowrap-on-sm {
        flex-wrap: nowrap
    }

    .pf-l-flex.pf-m-justify-content-flex-start-on-sm {
        justify-content: flex-start
    }

    .pf-l-flex.pf-m-justify-content-flex-end-on-sm {
        justify-content: flex-end
    }

    .pf-l-flex.pf-m-justify-content-center-on-sm {
        justify-content: center
    }

    .pf-l-flex.pf-m-justify-content-space-between-on-sm {
        justify-content: space-between
    }

    .pf-l-flex.pf-m-justify-content-space-around-on-sm {
        justify-content: space-around
    }

    .pf-l-flex.pf-m-justify-content-space-evenly-on-sm {
        justify-content: space-evenly
    }

    .pf-l-flex.pf-m-align-items-flex-start-on-sm {
        align-items: flex-start
    }

    .pf-l-flex.pf-m-align-items-flex-end-on-sm {
        align-items: flex-end
    }

    .pf-l-flex.pf-m-align-items-center-on-sm {
        align-items: center
    }

    .pf-l-flex.pf-m-align-items-stretch-on-sm {
        align-items: stretch
    }

    .pf-l-flex.pf-m-align-items-baseline-on-sm {
        align-items: baseline
    }

    .pf-l-flex.pf-m-align-content-flex-start-on-sm {
        align-content: flex-start
    }

    .pf-l-flex.pf-m-align-content-flex-end-on-sm {
        align-content: flex-end
    }

    .pf-l-flex.pf-m-align-content-center-on-sm {
        align-content: center
    }

    .pf-l-flex.pf-m-align-content-stretch-on-sm {
        align-content: stretch
    }

    .pf-l-flex.pf-m-align-content-space-between-on-sm {
        align-content: space-between
    }

    .pf-l-flex.pf-m-align-content-space-around-on-sm {
        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 {
        flex-grow: 1
    }

    .pf-l-flex>.pf-m-shrink-on-sm {
        flex-shrink: 1
    }

    .pf-l-flex>.pf-m-full-width-on-sm {
        width: 100%;
        margin-right: 0
    }

    .pf-l-flex>.pf-m-flex-1-on-sm {
        flex: 1 0 0
    }

    .pf-l-flex>.pf-m-flex-2-on-sm {
        flex: 2 0 0
    }

    .pf-l-flex>.pf-m-flex-3-on-sm {
        flex: 3 0 0
    }

    .pf-l-flex>.pf-m-flex-4-on-sm {
        flex: 4 0 0
    }

    .pf-l-flex>.pf-m-flex-default-on-sm {
        flex: 0 1 auto
    }

    .pf-l-flex>.pf-m-flex-none-on-sm {
        flex: none
    }

    .pf-l-flex>.pf-m-align-self-flex-start-on-sm {
        align-self: flex-start
    }

    .pf-l-flex>.pf-m-align-self-flex-end-on-sm {
        align-self: flex-end
    }

    .pf-l-flex>.pf-m-align-self-center-on-sm {
        align-self: center
    }

    .pf-l-flex>.pf-m-align-self-baseline-on-sm {
        align-self: baseline
    }

    .pf-l-flex>.pf-m-align-self-stretch-on-sm {
        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 {
        flex-direction: column;
        align-items: normal
    }

    .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 {
        flex-direction: column-reverse;
        align-items: normal
    }

    .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 {
        flex-direction: row;
        align-items: var(--pf-l-flex--m-row--AlignItems)
    }

    .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 {
        flex-direction: row-reverse;
        align-items: var(--pf-l-flex--m-row-reverse--AlignItems)
    }

    .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 {
        flex-wrap: wrap
    }

    .pf-l-flex.pf-m-wrap-reverse-on-md {
        flex-wrap: wrap-reverse
    }

    .pf-l-flex.pf-m-nowrap-on-md {
        flex-wrap: nowrap
    }

    .pf-l-flex.pf-m-justify-content-flex-start-on-md {
        justify-content: flex-start
    }

    .pf-l-flex.pf-m-justify-content-flex-end-on-md {
        justify-content: flex-end
    }

    .pf-l-flex.pf-m-justify-content-center-on-md {
        justify-content: center
    }

    .pf-l-flex.pf-m-justify-content-space-between-on-md {
        justify-content: space-between
    }

    .pf-l-flex.pf-m-justify-content-space-around-on-md {
        justify-content: space-around
    }

    .pf-l-flex.pf-m-justify-content-space-evenly-on-md {
        justify-content: space-evenly
    }

    .pf-l-flex.pf-m-align-items-flex-start-on-md {
        align-items: flex-start
    }

    .pf-l-flex.pf-m-align-items-flex-end-on-md {
        align-items: flex-end
    }

    .pf-l-flex.pf-m-align-items-center-on-md {
        align-items: center
    }

    .pf-l-flex.pf-m-align-items-stretch-on-md {
        align-items: stretch
    }

    .pf-l-flex.pf-m-align-items-baseline-on-md {
        align-items: baseline
    }

    .pf-l-flex.pf-m-align-content-flex-start-on-md {
        align-content: flex-start
    }

    .pf-l-flex.pf-m-align-content-flex-end-on-md {
        align-content: flex-end
    }

    .pf-l-flex.pf-m-align-content-center-on-md {
        align-content: center
    }

    .pf-l-flex.pf-m-align-content-stretch-on-md {
        align-content: stretch
    }

    .pf-l-flex.pf-m-align-content-space-between-on-md {
        align-content: space-between
    }

    .pf-l-flex.pf-m-align-content-space-around-on-md {
        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 {
        flex-grow: 1
    }

    .pf-l-flex>.pf-m-shrink-on-md {
        flex-shrink: 1
    }

    .pf-l-flex>.pf-m-full-width-on-md {
        width: 100%;
        margin-right: 0
    }

    .pf-l-flex>.pf-m-flex-1-on-md {
        flex: 1 0 0
    }

    .pf-l-flex>.pf-m-flex-2-on-md {
        flex: 2 0 0
    }

    .pf-l-flex>.pf-m-flex-3-on-md {
        flex: 3 0 0
    }

    .pf-l-flex>.pf-m-flex-4-on-md {
        flex: 4 0 0
    }

    .pf-l-flex>.pf-m-flex-default-on-md {
        flex: 0 1 auto
    }

    .pf-l-flex>.pf-m-flex-none-on-md {
        flex: none
    }

    .pf-l-flex>.pf-m-align-self-flex-start-on-md {
        align-self: flex-start
    }

    .pf-l-flex>.pf-m-align-self-flex-end-on-md {
        align-self: flex-end
    }

    .pf-l-flex>.pf-m-align-self-center-on-md {
        align-self: center
    }

    .pf-l-flex>.pf-m-align-self-baseline-on-md {
        align-self: baseline
    }

    .pf-l-flex>.pf-m-align-self-stretch-on-md {
        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 {
        flex-direction: column;
        align-items: normal
    }

    .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 {
        flex-direction: column-reverse;
        align-items: normal
    }

    .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 {
        flex-direction: row;
        align-items: var(--pf-l-flex--m-row--AlignItems)
    }

    .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 {
        flex-direction: row-reverse;
        align-items: var(--pf-l-flex--m-row-reverse--AlignItems)
    }

    .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 {
        flex-wrap: wrap
    }

    .pf-l-flex.pf-m-wrap-reverse-on-lg {
        flex-wrap: wrap-reverse
    }

    .pf-l-flex.pf-m-nowrap-on-lg {
        flex-wrap: nowrap
    }

    .pf-l-flex.pf-m-justify-content-flex-start-on-lg {
        justify-content: flex-start
    }

    .pf-l-flex.pf-m-justify-content-flex-end-on-lg {
        justify-content: flex-end
    }

    .pf-l-flex.pf-m-justify-content-center-on-lg {
        justify-content: center
    }

    .pf-l-flex.pf-m-justify-content-space-between-on-lg {
        justify-content: space-between
    }

    .pf-l-flex.pf-m-justify-content-space-around-on-lg {
        justify-content: space-around
    }

    .pf-l-flex.pf-m-justify-content-space-evenly-on-lg {
        justify-content: space-evenly
    }

    .pf-l-flex.pf-m-align-items-flex-start-on-lg {
        align-items: flex-start
    }

    .pf-l-flex.pf-m-align-items-flex-end-on-lg {
        align-items: flex-end
    }

    .pf-l-flex.pf-m-align-items-center-on-lg {
        align-items: center
    }

    .pf-l-flex.pf-m-align-items-stretch-on-lg {
        align-items: stretch
    }

    .pf-l-flex.pf-m-align-items-baseline-on-lg {
        align-items: baseline
    }

    .pf-l-flex.pf-m-align-content-flex-start-on-lg {
        align-content: flex-start
    }

    .pf-l-flex.pf-m-align-content-flex-end-on-lg {
        align-content: flex-end
    }

    .pf-l-flex.pf-m-align-content-center-on-lg {
        align-content: center
    }

    .pf-l-flex.pf-m-align-content-stretch-on-lg {
        align-content: stretch
    }

    .pf-l-flex.pf-m-align-content-space-between-on-lg {
        align-content: space-between
    }

    .pf-l-flex.pf-m-align-content-space-around-on-lg {
        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 {
        flex-grow: 1
    }

    .pf-l-flex>.pf-m-shrink-on-lg {
        flex-shrink: 1
    }

    .pf-l-flex>.pf-m-full-width-on-lg {
        width: 100%;
        margin-right: 0
    }

    .pf-l-flex>.pf-m-flex-1-on-lg {
        flex: 1 0 0
    }

    .pf-l-flex>.pf-m-flex-2-on-lg {
        flex: 2 0 0
    }

    .pf-l-flex>.pf-m-flex-3-on-lg {
        flex: 3 0 0
    }

    .pf-l-flex>.pf-m-flex-4-on-lg {
        flex: 4 0 0
    }

    .pf-l-flex>.pf-m-flex-default-on-lg {
        flex: 0 1 auto
    }

    .pf-l-flex>.pf-m-flex-none-on-lg {
        flex: none
    }

    .pf-l-flex>.pf-m-align-self-flex-start-on-lg {
        align-self: flex-start
    }

    .pf-l-flex>.pf-m-align-self-flex-end-on-lg {
        align-self: flex-end
    }

    .pf-l-flex>.pf-m-align-self-center-on-lg {
        align-self: center
    }

    .pf-l-flex>.pf-m-align-self-baseline-on-lg {
        align-self: baseline
    }

    .pf-l-flex>.pf-m-align-self-stretch-on-lg {
        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 {
        flex-direction: column;
        align-items: normal
    }

    .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 {
        flex-direction: column-reverse;
        align-items: normal
    }

    .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 {
        flex-direction: row;
        align-items: var(--pf-l-flex--m-row--AlignItems)
    }

    .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 {
        flex-direction: row-reverse;
        align-items: var(--pf-l-flex--m-row-reverse--AlignItems)
    }

    .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 {
        flex-wrap: wrap
    }

    .pf-l-flex.pf-m-wrap-reverse-on-xl {
        flex-wrap: wrap-reverse
    }

    .pf-l-flex.pf-m-nowrap-on-xl {
        flex-wrap: nowrap
    }

    .pf-l-flex.pf-m-justify-content-flex-start-on-xl {
        justify-content: flex-start
    }

    .pf-l-flex.pf-m-justify-content-flex-end-on-xl {
        justify-content: flex-end
    }

    .pf-l-flex.pf-m-justify-content-center-on-xl {
        justify-content: center
    }

    .pf-l-flex.pf-m-justify-content-space-between-on-xl {
        justify-content: space-between
    }

    .pf-l-flex.pf-m-justify-content-space-around-on-xl {
        justify-content: space-around
    }

    .pf-l-flex.pf-m-justify-content-space-evenly-on-xl {
        justify-content: space-evenly
    }

    .pf-l-flex.pf-m-align-items-flex-start-on-xl {
        align-items: flex-start
    }

    .pf-l-flex.pf-m-align-items-flex-end-on-xl {
        align-items: flex-end
    }

    .pf-l-flex.pf-m-align-items-center-on-xl {
        align-items: center
    }

    .pf-l-flex.pf-m-align-items-stretch-on-xl {
        align-items: stretch
    }

    .pf-l-flex.pf-m-align-items-baseline-on-xl {
        align-items: baseline
    }

    .pf-l-flex.pf-m-align-content-flex-start-on-xl {
        align-content: flex-start
    }

    .pf-l-flex.pf-m-align-content-flex-end-on-xl {
        align-content: flex-end
    }

    .pf-l-flex.pf-m-align-content-center-on-xl {
        align-content: center
    }

    .pf-l-flex.pf-m-align-content-stretch-on-xl {
        align-content: stretch
    }

    .pf-l-flex.pf-m-align-content-space-between-on-xl {
        align-content: space-between
    }

    .pf-l-flex.pf-m-align-content-space-around-on-xl {
        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 {
        flex-grow: 1
    }

    .pf-l-flex>.pf-m-shrink-on-xl {
        flex-shrink: 1
    }

    .pf-l-flex>.pf-m-full-width-on-xl {
        width: 100%;
        margin-right: 0
    }

    .pf-l-flex>.pf-m-flex-1-on-xl {
        flex: 1 0 0
    }

    .pf-l-flex>.pf-m-flex-2-on-xl {
        flex: 2 0 0
    }

    .pf-l-flex>.pf-m-flex-3-on-xl {
        flex: 3 0 0
    }

    .pf-l-flex>.pf-m-flex-4-on-xl {
        flex: 4 0 0
    }

    .pf-l-flex>.pf-m-flex-default-on-xl {
        flex: 0 1 auto
    }

    .pf-l-flex>.pf-m-flex-none-on-xl {
        flex: none
    }

    .pf-l-flex>.pf-m-align-self-flex-start-on-xl {
        align-self: flex-start
    }

    .pf-l-flex>.pf-m-align-self-flex-end-on-xl {
        align-self: flex-end
    }

    .pf-l-flex>.pf-m-align-self-center-on-xl {
        align-self: center
    }

    .pf-l-flex>.pf-m-align-self-baseline-on-xl {
        align-self: baseline
    }

    .pf-l-flex>.pf-m-align-self-stretch-on-xl {
        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 {
        flex-direction: column;
        align-items: normal
    }

    .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 {
        flex-direction: column-reverse;
        align-items: normal
    }

    .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 {
        flex-direction: row;
        align-items: var(--pf-l-flex--m-row--AlignItems)
    }

    .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 {
        flex-direction: row-reverse;
        align-items: var(--pf-l-flex--m-row-reverse--AlignItems)
    }

    .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 {
        flex-wrap: wrap
    }

    .pf-l-flex.pf-m-wrap-reverse-on-2xl {
        flex-wrap: wrap-reverse
    }

    .pf-l-flex.pf-m-nowrap-on-2xl {
        flex-wrap: nowrap
    }

    .pf-l-flex.pf-m-justify-content-flex-start-on-2xl {
        justify-content: flex-start
    }

    .pf-l-flex.pf-m-justify-content-flex-end-on-2xl {
        justify-content: flex-end
    }

    .pf-l-flex.pf-m-justify-content-center-on-2xl {
        justify-content: center
    }

    .pf-l-flex.pf-m-justify-content-space-between-on-2xl {
        justify-content: space-between
    }

    .pf-l-flex.pf-m-justify-content-space-around-on-2xl {
        justify-content: space-around
    }

    .pf-l-flex.pf-m-justify-content-space-evenly-on-2xl {
        justify-content: space-evenly
    }

    .pf-l-flex.pf-m-align-items-flex-start-on-2xl {
        align-items: flex-start
    }

    .pf-l-flex.pf-m-align-items-flex-end-on-2xl {
        align-items: flex-end
    }

    .pf-l-flex.pf-m-align-items-center-on-2xl {
        align-items: center
    }

    .pf-l-flex.pf-m-align-items-stretch-on-2xl {
        align-items: stretch
    }

    .pf-l-flex.pf-m-align-items-baseline-on-2xl {
        align-items: baseline
    }

    .pf-l-flex.pf-m-align-content-flex-start-on-2xl {
        align-content: flex-start
    }

    .pf-l-flex.pf-m-align-content-flex-end-on-2xl {
        align-content: flex-end
    }

    .pf-l-flex.pf-m-align-content-center-on-2xl {
        align-content: center
    }

    .pf-l-flex.pf-m-align-content-stretch-on-2xl {
        align-content: stretch
    }

    .pf-l-flex.pf-m-align-content-space-between-on-2xl {
        align-content: space-between
    }

    .pf-l-flex.pf-m-align-content-space-around-on-2xl {
        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 {
        flex-grow: 1
    }

    .pf-l-flex>.pf-m-shrink-on-2xl {
        flex-shrink: 1
    }

    .pf-l-flex>.pf-m-full-width-on-2xl {
        width: 100%;
        margin-right: 0
    }

    .pf-l-flex>.pf-m-flex-1-on-2xl {
        flex: 1 0 0
    }

    .pf-l-flex>.pf-m-flex-2-on-2xl {
        flex: 2 0 0
    }

    .pf-l-flex>.pf-m-flex-3-on-2xl {
        flex: 3 0 0
    }

    .pf-l-flex>.pf-m-flex-4-on-2xl {
        flex: 4 0 0
    }

    .pf-l-flex>.pf-m-flex-default-on-2xl {
        flex: 0 1 auto
    }

    .pf-l-flex>.pf-m-flex-none-on-2xl {
        flex: none
    }

    .pf-l-flex>.pf-m-align-self-flex-start-on-2xl {
        align-self: flex-start
    }

    .pf-l-flex>.pf-m-align-self-flex-end-on-2xl {
        align-self: flex-end
    }

    .pf-l-flex>.pf-m-align-self-center-on-2xl {
        align-self: center
    }

    .pf-l-flex>.pf-m-align-self-baseline-on-2xl {
        align-self: baseline
    }

    .pf-l-flex>.pf-m-align-self-stretch-on-2xl {
        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;
    display: grid;
    grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
    grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max)
}

.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>* {
    min-width: 0;
    min-height: 0;
    grid-column-start: var(--pf-l-grid__item--GridColumnStart);
    grid-column-end: var(--pf-l-grid__item--GridColumnEnd);
    order: var(--pf-l-grid--item--Order)
}

@media (min-width: 576px) {
    .pf-l-grid .pf-l-grid__item,.pf-l-grid>* {
        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>* {
        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>* {
        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>* {
        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>* {
        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);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    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: flex;
    padding: 0;
    margin: 0
}

.pf-l-split.pf-m-wrap {
    flex-wrap: wrap
}

.pf-l-split__item.pf-m-fill {
    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);
    display: flex;
    flex-direction: column;
    height: 100%
}

.pf-l-stack__item.pf-m-fill {
    flex-grow: 1
}

.pf-l-stack.pf-m-gutter>:not(:last-child) {
    margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom)
}

/*# sourceMappingURL=patternfly.min.css.map */