/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  

  --pswp-root-z-index: 100000;
  
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
	display: block;
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}

.pswp__hidden {
	display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */

/**
 *  Default styles for xterm.js
 */

.xterm {
    cursor: text;
    position: relative;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.xterm.focus,
.xterm:focus {
    outline: none;
}

.xterm .xterm-helpers {
    position: absolute;
    top: 0;
    /**
     * The z-index of the helpers must be higher than the canvases in order for
     * IMEs to appear on top.
     */
    z-index: 5;
}

.xterm .xterm-helper-textarea {
    padding: 0;
    border: 0;
    margin: 0;
    /* Move textarea out of the screen to the far left, so that the cursor is not visible */
    position: absolute;
    opacity: 0;
    left: -9999em;
    top: 0;
    width: 0;
    height: 0;
    z-index: -5;
    /** Prevent wrapping so the IME appears against the textarea at the correct position */
    white-space: nowrap;
    overflow: hidden;
    resize: none;
}

.xterm .composition-view {
    /* TODO: Composition position got messed up somewhere */
    background: #000;
    color: #FFF;
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

.xterm .composition-view.active {
    display: block;
}

.xterm .xterm-viewport {
    /* On OS X this is required in order for the scroll bar to appear fully opaque */
    background-color: #000;
    overflow-y: scroll;
    cursor: default;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.xterm .xterm-screen {
    position: relative;
}

.xterm .xterm-screen canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.xterm .xterm-scroll-area {
    visibility: hidden;
}

.xterm-char-measure-element {
    display: inline-block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -9999em;
    line-height: normal;
}

.xterm.enable-mouse-events {
    /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
    cursor: default;
}

.xterm.xterm-cursor-pointer,
.xterm .xterm-cursor-pointer {
    cursor: pointer;
}

.xterm.column-select.focus {
    /* Column selection mode */
    cursor: crosshair;
}

.xterm .xterm-accessibility:not(.debug),
.xterm .xterm-message {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    color: transparent;
    pointer-events: none;
}

.xterm .xterm-accessibility-tree:not(.debug) *::selection {
  color: transparent;
}

.xterm .xterm-accessibility-tree {
  user-select: text;
  white-space: pre;
}

.xterm .live-region {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.xterm-dim {
    /* Dim should not apply to background, so the opacity of the foreground color is applied
     * explicitly in the generated class and reset to 1 here */
    opacity: 1 !important;
}

.xterm-underline-1 { text-decoration: underline; }
.xterm-underline-2 { text-decoration: double underline; }
.xterm-underline-3 { text-decoration: wavy underline; }
.xterm-underline-4 { text-decoration: dotted underline; }
.xterm-underline-5 { text-decoration: dashed underline; }

.xterm-overline {
    text-decoration: overline;
}

.xterm-overline.xterm-underline-1 { text-decoration: overline underline; }
.xterm-overline.xterm-underline-2 { text-decoration: overline double underline; }
.xterm-overline.xterm-underline-3 { text-decoration: overline wavy underline; }
.xterm-overline.xterm-underline-4 { text-decoration: overline dotted underline; }
.xterm-overline.xterm-underline-5 { text-decoration: overline dashed underline; }

.xterm-strikethrough {
    text-decoration: line-through;
}

.xterm-screen .xterm-decoration-container .xterm-decoration {
	z-index: 6;
	position: absolute;
}

.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer {
	z-index: 7;
}

.xterm-decoration-overview-ruler {
    z-index: 8;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

.xterm-decoration-top {
    z-index: 2;
    position: relative;
}

.pf-v6-c-drawer {
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
  --pf-v6-c-drawer__content--FlexBasis: 100%;
  --pf-v6-c-drawer__content--BackgroundColor: transparent;
  --pf-v6-c-drawer__content--m-primary--BackgroundColor: var(--pf-t--global--background--color--primary--default);
  --pf-v6-c-drawer__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
  --pf-v6-c-drawer__content--ZIndex: var(--pf-t--global--z-index--xs);
  --pf-v6-c-drawer__panel--MinWidth: 50%;
  --pf-v6-c-drawer__panel--MaxHeight: auto;
  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
  --pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
  --pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-drawer__panel--TransitionDelay: 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus), var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
  --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--fade);
  --pf-v6-c-drawer__panel--TransitionDelay--expand--focus: 0s;
  --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
  --pf-v6-c-drawer__panel--TransitionDuration--fade: var(--pf-t--global--motion--duration--fade--default);
  --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-v6-c-drawer__panel--TransitionDuration--fade), 0s, 0s;
  --pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
  --pf-v6-c-drawer__panel--Opacity: 0;
  --pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
  --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
  --pf-v6-c-drawer__panel--md--FlexBasis--max: 100%;
  --pf-v6-c-drawer__panel--xl--MinWidth: 28.125rem;
  --pf-v6-c-drawer__panel--xl--FlexBasis: 28.125rem;
  --pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight: 50%;
  --pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight: 18.75rem;
  --pf-v6-c-drawer--m-panel-bottom__panel--xl--FlexBasis: 18.75rem;
  --pf-v6-c-drawer__panel--m-resizable--FlexDirection: row;
  --pf-v6-c-drawer__panel--m-resizable--md--FlexBasis--min: var(--pf-v6-c-drawer__splitter--m-vertical--Width);
  --pf-v6-c-drawer__panel--m-resizable--MinWidth: 1.5rem;
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
  --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
  --pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
  --pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-drawer__head--PaddingInlineStart: var(--pf-t--global--spacer--md);
  --pf-v6-c-drawer__head--PaddingInlineEnd: var(--pf-t--global--spacer--md);
  --pf-v6-c-drawer__description--PaddingInlineStart: var(--pf-t--global--spacer--md);
  --pf-v6-c-drawer__description--PaddingInlineEnd: var(--pf-t--global--spacer--md);
  --pf-v6-c-drawer__body--PaddingBlockStart--base: var(--pf-t--global--spacer--md);
  --pf-v6-c-drawer__body--PaddingInlineEnd--base: var(--pf-t--global--spacer--md);
  --pf-v6-c-drawer__body--PaddingBlockEnd--base: var(--pf-t--global--spacer--md);
  --pf-v6-c-drawer__body--PaddingInlineStart--base: var(--pf-t--global--spacer--md);
  --pf-v6-c-drawer__content__body--PaddingBlockStart: 0;
  --pf-v6-c-drawer__content__body--PaddingInlineEnd: 0;
  --pf-v6-c-drawer__content__body--PaddingBlockEnd: 0;
  --pf-v6-c-drawer__content__body--PaddingInlineStart: 0;
  --pf-v6-c-drawer__panel__body--PaddingBlockStart: var(--pf-v6-c-drawer__body--PaddingBlockStart--base);
  --pf-v6-c-drawer__panel__body--PaddingInlineEnd: var(--pf-v6-c-drawer__body--PaddingInlineEnd--base);
  --pf-v6-c-drawer__panel__body--PaddingBlockEnd: var(--pf-v6-c-drawer__body--PaddingBlockEnd--base);
  --pf-v6-c-drawer__panel__body--PaddingInlineStart: var(--pf-v6-c-drawer__body--PaddingInlineStart--base);
  --pf-v6-c-drawer__body--m-padding--PaddingBlockStart: var(--pf-t--global--spacer--md);
  --pf-v6-c-drawer__body--m-padding--PaddingInlineEnd: var(--pf-t--global--spacer--md);
  --pf-v6-c-drawer__body--m-padding--PaddingBlockEnd: var(--pf-t--global--spacer--md);
  --pf-v6-c-drawer__body--m-padding--PaddingInlineStart: var(--pf-t--global--spacer--md);
  --pf-v6-c-drawer__splitter--Height: 0.5625rem;
  --pf-v6-c-drawer__splitter--Width: 100%;
  --pf-v6-c-drawer__splitter--BackgroundColor: var(--pf-t--global--background--color--primary--default);
  --pf-v6-c-drawer__splitter--Cursor: row-resize;
  --pf-v6-c-drawer__splitter--m-vertical--Height: 100%;
  --pf-v6-c-drawer__splitter--m-vertical--Width: 0.5625rem;
  --pf-v6-c-drawer__splitter--m-vertical--Cursor: col-resize;
  --pf-v6-c-drawer--m-inline__splitter--focus--OutlineOffset: -0.0625rem;
  --pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-t--global--border--color--default);
  --pf-v6-c-drawer__splitter--after--border-width--base: var(--pf-t--global--border--width--divider--default);
  --pf-v6-c-drawer__splitter--after--BorderBlockStartWidth: 0;
  --pf-v6-c-drawer__splitter--after--BorderInlineEndWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
  --pf-v6-c-drawer__splitter--after--BorderBlockEndWidth: 0;
  --pf-v6-c-drawer__splitter--after--BorderInlineStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
  --pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
  --pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockEndWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
  --pf-v6-c-drawer--m-inline__splitter--m-vertical--Width: 0.625rem;
  --pf-v6-c-drawer--m-inline__splitter-handle--InsetInlineStart: 50%;
  --pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--Height: 0.625rem;
  --pf-v6-c-drawer--m-inline--m-panel-bottom__splitter-handle--InsetBlockStart: 50%;
  --pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
  --pf-v6-c-drawer__splitter-handle--InsetBlockStart: 50%;
  --pf-v6-c-drawer__splitter-handle--InsetInlineStart: calc(50% - var(--pf-v6-c-drawer__splitter--after--border-width--base));
  --pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart: 50%;
  --pf-v6-c-drawer--m-panel-bottom__splitter-handle--InsetBlockStart: calc(50% - var(--pf-v6-c-drawer__splitter--after--border-width--base));
  --pf-v6-c-drawer__splitter-handle--after--BorderColor: var(--pf-t--global--border--color--default);
  --pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
  --pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth: 0;
  --pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
  --pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth: 0;
  --pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor: var(--pf-t--global--border--color--hover);
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockStartWidth: 0;
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockEndWidth: 0;
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
  --pf-v6-c-drawer__splitter-handle--after--Width: 0.75rem;
  --pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
  --pf-v6-c-drawer__panel--BoxShadow: none;
  --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
  --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
  --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
  --pf-v6-c-drawer__panel--after--BackgroundColor: transparent;
  --pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
  --pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: var(--pf-v6-c-drawer__panel--after--Width);
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: var(--pf-v6-c-drawer__panel--after--Width);
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
}
@media screen and (prefers-reduced-motion: no-preference) {
  .pf-v6-c-drawer {
    --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
    --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
    --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
    --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
    --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
    --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
    --pf-v6-c-drawer__panel--Opacity: 1;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-c-drawer {
    --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
  }
  .pf-v6-c-drawer.pf-m-panel-bottom {
    --pf-v6-c-drawer__panel--MinWidth: auto;
    --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
  }
}

.pf-v6-c-drawer {
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
  --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: hidden;
}
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
}

:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
  --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
}

.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
}
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
}
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
  order: 0;
  margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
  transform: translateX(-100%);
}
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
  transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
}

.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
  order: 1;
}
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main {
  flex-direction: column;
}
.pf-v6-c-drawer.pf-m-expanded {
  --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
}
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
  transform: translateX(-100%);
  --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
  visibility: visible;
}
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
  transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
}

.pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
  transform: translateX(0);
}
.pf-v6-c-drawer.pf-m-expanded.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
  transform: translate(0, -100%);
}
.pf-v6-c-drawer.pf-m-resizing {
  --pf-v6-c-drawer__panel--TransitionProperty: none;
  pointer-events: none;
}
.pf-v6-c-drawer.pf-m-resizing .pf-v6-c-drawer__splitter {
  pointer-events: auto;
}

.pf-v6-c-drawer__section {
  flex-grow: 0;
  background-color: var(--pf-v6-c-drawer__section--BackgroundColor);
}
.pf-v6-c-drawer__section.pf-m-secondary {
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-v6-c-drawer__section--m-secondary--BackgroundColor);
}
.pf-v6-c-drawer__section.pf-m-no-background {
  --pf-v6-c-drawer__section--BackgroundColor: transparent;
}

.pf-v6-c-drawer__main {
  display: flex;
  flex: 1;
  overflow: hidden;
}

.pf-v6-c-drawer__content,
.pf-v6-c-drawer__panel,
.pf-v6-c-drawer__panel-main {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  overflow: auto;
}

.pf-v6-c-drawer__content {
  z-index: var(--pf-v6-c-drawer__content--ZIndex);
  flex-basis: var(--pf-v6-c-drawer__content--FlexBasis);
  order: 0;
  background-color: var(--pf-v6-c-drawer__content--BackgroundColor);
}
.pf-v6-c-drawer__content.pf-m-primary {
  --pf-v6-c-drawer__content--BackgroundColor: var(--pf-v6-c-drawer__content--m-primary--BackgroundColor);
}
.pf-v6-c-drawer__content.pf-m-secondary {
  --pf-v6-c-drawer__content--BackgroundColor: var(--pf-v6-c-drawer__content--m-secondary--BackgroundColor);
}
.pf-v6-c-drawer__content > .pf-v6-c-drawer__body {
  padding-block-start: var(--pf-v6-c-drawer__content__body--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-drawer__content__body--PaddingBlockEnd);
  padding-inline-start: var(--pf-v6-c-drawer__content__body--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-drawer__content__body--PaddingInlineEnd);
}

.pf-v6-c-drawer__panel {
  position: relative;
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
  order: 1;
  max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
  overflow: auto;
  visibility: hidden;
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
  opacity: var(--pf-v6-c-drawer__panel--Opacity);
  transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
  transition-timing-function: var(--pf-v6-c-drawer__panel--TransitionTimingFunction);
  transition-duration: var(--pf-v6-c-drawer__panel--TransitionDuration);
  transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
  -webkit-overflow-scrolling: touch;
}
.pf-v6-c-drawer__panel::after {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: var(--pf-v6-c-drawer__panel--after--Width);
  height: 100%;
  content: "";
  background-color: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
}
.pf-v6-c-drawer__panel:not(.pf-m-resizable) {
  padding-block-start: var(--pf-v6-c-drawer__panel--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
}
.pf-v6-c-drawer__panel.pf-m-secondary {
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-secondary--BackgroundColor);
}
.pf-v6-c-drawer__panel.pf-m-no-background {
  --pf-v6-c-drawer__panel--BackgroundColor: transparent;
}
@media screen and (min-width: 48rem) {
  .pf-v6-c-drawer__panel {
    --pf-v6-c-drawer__panel--FlexBasis:
      max(
        var(--pf-v6-c-drawer__panel--md--FlexBasis--min),
        min(var(--pf-v6-c-drawer__panel--md--FlexBasis), var(--pf-v6-c-drawer__panel--md--FlexBasis--max))
      );
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-c-drawer__panel {
    --pf-v6-c-drawer__panel--md--FlexBasis: var(--pf-v6-c-drawer__panel--xl--FlexBasis);
  }
  .pf-v6-c-drawer.pf-m-panel-bottom .pf-v6-c-drawer__panel {
    --pf-v6-c-drawer__panel--md--FlexBasis: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--FlexBasis);
  }
}

.pf-v6-c-drawer__panel > .pf-v6-c-drawer__body,
.pf-v6-c-drawer__panel-main > .pf-v6-c-drawer__body {
  padding-block-start: var(--pf-v6-c-drawer__panel__body--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-drawer__panel__body--PaddingBlockEnd);
  padding-inline-start: var(--pf-v6-c-drawer__panel__body--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-drawer__panel__body--PaddingInlineEnd);
}

.pf-v6-c-drawer__panel-main {
  flex-grow: 1;
  padding-block-start: var(--pf-v6-c-drawer__panel--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
}

.pf-v6-c-drawer__head {
  display: grid;
  grid-template-columns: auto;
  grid-auto-columns: max-content;
  column-gap: var(--pf-v6-c-drawer__head--ColumnGap);
  padding-block-start: var(--pf-v6-c-drawer__head--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-drawer__head--PaddingBlockEnd);
  padding-inline-start: var(--pf-v6-c-drawer__head--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-drawer__head--PaddingInlineEnd);
}
.pf-v6-c-drawer__head > * {
  grid-column: 1;
}

.pf-v6-c-drawer__actions {
  display: flex;
  grid-row: 1;
  grid-column: 2;
  align-self: baseline;
  margin-block-start: var(--pf-v6-c-drawer__actions--MarginBlockStart);
  margin-inline-end: var(--pf-v6-c-drawer__actions--MarginInlineEnd);
}

.pf-v6-c-drawer__description {
  padding-inline-start: var(--pf-v6-c-drawer__description--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-drawer__description--PaddingInlineEnd);
}

.pf-v6-c-drawer__body.pf-m-no-padding {
  padding: 0;
}
.pf-v6-c-drawer__body.pf-m-padding {
  padding-block-start: var(--pf-v6-c-drawer__body--m-padding--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-drawer__body--m-padding--PaddingBlockEnd);
  padding-inline-start: var(--pf-v6-c-drawer__body--m-padding--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-drawer__body--m-padding--PaddingInlineEnd);
}
.pf-v6-c-drawer__body:not(.pf-m-no-padding) + * {
  padding-block-start: 0;
}
.pf-v6-c-drawer__body:last-child {
  flex: 1 1;
}

.pf-v6-c-drawer__splitter {
  position: relative;
  display: none;
  width: var(--pf-v6-c-drawer__splitter--Width);
  height: var(--pf-v6-c-drawer__splitter--Height);
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
  background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
}
.pf-v6-c-drawer__splitter.pf-m-vertical {
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
  --pf-v6-c-drawer__splitter--Width: var(--pf-v6-c-drawer__splitter--m-vertical--Width);
  --pf-v6-c-drawer__splitter--Cursor: var(--pf-v6-c-drawer__splitter--m-vertical--Cursor);
  --pf-v6-c-drawer__splitter-handle--after--Width: var(--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width);
  --pf-v6-c-drawer__splitter-handle--after--Height: var(--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height);
  --pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockStartWidth);
  --pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth: var(--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineEndWidth);
  --pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth: var(--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockEndWidth);
  --pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth: var(--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineStartWidth);
}
.pf-v6-c-drawer__splitter:hover, .pf-v6-c-drawer__splitter:focus {
  --pf-v6-c-drawer__splitter-handle--after--BorderColor: var(--pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor);
}
.pf-v6-c-drawer__splitter::after {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  content: "";
  border: solid var(--pf-v6-c-drawer__splitter--after--BorderColor);
  border-block-start-width: var(--pf-v6-c-drawer__splitter--after--BorderBlockStartWidth);
  border-block-end-width: var(--pf-v6-c-drawer__splitter--after--BorderBlockEndWidth);
  border-inline-start-width: var(--pf-v6-c-drawer__splitter--after--BorderInlineStartWidth);
  border-inline-end-width: var(--pf-v6-c-drawer__splitter--after--BorderInlineEndWidth);
}

.pf-v6-c-drawer__splitter-handle {
  position: absolute;
  inset-block-start: var(--pf-v6-c-drawer__splitter-handle--InsetBlockStart);
  inset-inline-start: var(--pf-v6-c-drawer__splitter-handle--InsetInlineStart);
  transform: translate(-50%, -50%);
}
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer__splitter-handle {
  transform: translate(calc(-50% * var(--pf-v6-global--inverse--multiplier)), -50%);
}

.pf-v6-c-drawer__splitter-handle::after {
  display: block;
  width: var(--pf-v6-c-drawer__splitter-handle--after--Width);
  height: var(--pf-v6-c-drawer__splitter-handle--after--Height);
  content: "";
  border-color: var(--pf-v6-c-drawer__splitter-handle--after--BorderColor);
  border-style: solid;
  border-block-start-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth);
  border-block-end-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth);
  border-inline-start-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth);
  border-inline-end-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth);
}

@media screen and (min-width: 48rem) {
  .pf-v6-c-drawer {
    min-width: var(--pf-v6-c-drawer__panel--MinWidth);
  }
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
  }
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
    --pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer__panel--m-resizable--md--FlexBasis--min);
    flex-direction: var(--pf-v6-c-drawer__panel--m-resizable--FlexDirection);
    min-width: var(--pf-v6-c-drawer__panel--m-resizable--MinWidth);
  }
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable::after {
    width: 0;
    height: 0;
  }
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
    flex-shrink: 0;
  }
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__panel-main {
    flex-shrink: 1;
  }
  .pf-v6-c-drawer.pf-m-panel-left {
    --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
  }
  .pf-v6-c-drawer.pf-m-panel-left.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-panel-left.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
    padding-inline-start: 0;
    padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
  }
  .pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
    inset-inline-start: auto;
    inset-inline-end: 0;
  }
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
    --pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
    order: 1;
  }
  .pf-v6-c-drawer.pf-m-panel-bottom {
    --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
    --pf-v6-c-drawer__panel--MaxHeight: 100%;
    --pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
    min-width: auto;
    min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
  }
  .pf-v6-c-drawer.pf-m-panel-bottom.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-panel-bottom.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
    padding-block-start: var(--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart);
    padding-inline-start: 0;
  }
  .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
    inset-block-start: 0;
    inset-inline-start: auto;
    width: 100%;
    height: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
  }
  .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
    --pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min);
    --pf-v6-c-drawer__panel--m-resizable--FlexDirection: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection);
    --pf-v6-c-drawer__panel--m-resizable--MinWidth: 0;
    min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight);
  }
  .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
    --pf-v6-c-drawer__splitter-handle--InsetBlockStart: var(--pf-v6-c-drawer--m-panel-bottom__splitter-handle--InsetBlockStart);
    --pf-v6-c-drawer__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockStartWidth);
    --pf-v6-c-drawer__splitter--after--BorderInlineEndWidth: 0;
    --pf-v6-c-drawer__splitter--after--BorderBlockEndWidth: var(--pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockEndWidth);
    --pf-v6-c-drawer__splitter--after--BorderInlineStartWidth: 0;
  }
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
    --pf-v6-c-drawer__splitter--m-vertical--Width: var(--pf-v6-c-drawer--m-inline__splitter--m-vertical--Width);
    --pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-inline__splitter-handle--InsetInlineStart);
    outline-offset: var(--pf-v6-c-drawer--m-inline__splitter--focus--OutlineOffset);
  }
  .pf-v6-c-drawer.pf-m-inline.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
    --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--Height);
    --pf-v6-c-drawer__splitter-handle--InsetBlockStart: var(--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter-handle--InsetBlockStart);
    --pf-v6-c-drawer__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderBlockStartWidth);
    --pf-v6-c-drawer__splitter--after--BorderInlineEndWidth: 0;
    --pf-v6-c-drawer__splitter--after--BorderInlineStartWidth: 0;
  }
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border,
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border {
    --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
  }
  .pf-v6-c-drawer__splitter {
    display: block;
  }
}
@media (min-width: 48rem) {
  .pf-v6-c-drawer__panel.pf-m-width-25 {
    --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-33 {
    --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-50 {
    --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-66 {
    --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-75 {
    --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-100 {
    --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
  }
}
@media (min-width: 62rem) {
  .pf-v6-c-drawer__panel.pf-m-width-25-on-lg {
    --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-33-on-lg {
    --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-50-on-lg {
    --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-66-on-lg {
    --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-75-on-lg {
    --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-100-on-lg {
    --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
  }
}
@media (min-width: 75rem) {
  .pf-v6-c-drawer__panel.pf-m-width-25-on-xl {
    --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-33-on-xl {
    --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-50-on-xl {
    --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-66-on-xl {
    --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-75-on-xl {
    --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-100-on-xl {
    --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
  }
}
@media (min-width: 90.625rem) {
  .pf-v6-c-drawer__panel.pf-m-width-25-on-2xl {
    --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-33-on-2xl {
    --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-50-on-2xl {
    --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-66-on-2xl {
    --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-75-on-2xl {
    --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
  }
  .pf-v6-c-drawer__panel.pf-m-width-100-on-2xl {
    --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
  }
}
@media (min-width: 48rem) {
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
  .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
    flex-shrink: 1;
  }
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel,
  .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
  }
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
  .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
    background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
  }
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
    overflow-x: auto;
  }
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-start: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
    transform: translateX(100%);
  }
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
  }
  .pf-v6-c-drawer.pf-m-inline.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-start: 0;
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
    display: unset;
  }
  .pf-v6-c-drawer.pf-m-inline.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-start: 0;
    margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
    transform: translateX(-100%);
  }
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
  }
  .pf-v6-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-end: 0;
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-inline.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
    display: unset;
  }
  .pf-v6-c-drawer.pf-m-inline.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
    transform: translateY(100%);
  }
  .pf-v6-c-drawer.pf-m-inline.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-block-end: 0;
    transform: translateY(0);
  }
  .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-static.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-end: 0;
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-static.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
    display: none;
  }
}
@media (min-width: 62rem) {
  .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
  .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
    flex-shrink: 1;
  }
  .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel,
  .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
  }
  .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
  .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
    background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
  }
  .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
    overflow-x: auto;
  }
  .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-start: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
    transform: translateX(100%);
  }
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
  }
  .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-start: 0;
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
    display: unset;
  }
  .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-start: 0;
    margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
    transform: translateX(-100%);
  }
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
  }
  .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-end: 0;
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
    display: unset;
  }
  .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
    transform: translateY(100%);
  }
  .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-block-end: 0;
    transform: translateY(0);
  }
  .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-static-on-lg.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-end: 0;
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-static-on-lg.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
    display: none;
  }
}
@media (min-width: 75rem) {
  .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
  .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
    flex-shrink: 1;
  }
  .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel,
  .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
  }
  .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
  .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
    background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
  }
  .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
    overflow-x: auto;
  }
  .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-start: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
    transform: translateX(100%);
  }
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
  }
  .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-start: 0;
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
    display: unset;
  }
  .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-start: 0;
    margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
    transform: translateX(-100%);
  }
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
  }
  .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-end: 0;
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
    display: unset;
  }
  .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
    transform: translateY(100%);
  }
  .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-block-end: 0;
    transform: translateY(0);
  }
  .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-static-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-end: 0;
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-static-on-xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
    display: none;
  }
}
@media (min-width: 90.625rem) {
  .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
  .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
    flex-shrink: 1;
  }
  .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel,
  .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
  }
  .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
  .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
    background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
  }
  .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
    overflow-x: auto;
  }
  .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-start: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
    transform: translateX(100%);
  }
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
  }
  .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-start: 0;
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
    display: unset;
  }
  .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-start: 0;
    margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
    transform: translateX(-100%);
  }
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
  }
  .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-end: 0;
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
    display: unset;
  }
  .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
    transform: translateY(100%);
  }
  .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-block-end: 0;
    transform: translateY(0);
  }
  .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-static-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    margin-inline-end: 0;
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
    transform: translateX(0);
  }
  .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
    display: none;
  }
}
.pf-v6-l-stack {
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
}

.pf-v6-l-stack {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pf-v6-l-stack__item.pf-m-fill, .pf-v6-l-stack > .pf-m-fill {
  flex-grow: 1;
}

.pf-v6-l-stack.pf-m-gutter {
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
}
.pf-v6-c-toolbar {
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
  --pf-v6-c-toolbar--PaddingBlockEnd: var(--pf-t--global--spacer--md);
  --pf-v6-c-toolbar--PaddingInlineStart: 0;
  --pf-v6-c-toolbar--PaddingInlineEnd: 0;
  --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
  --pf-v6-c-toolbar--FontSize: var(--pf-t--global--font--size--body--default);
  --pf-v6-c-toolbar--BackgroundColor: transparent;
  --pf-v6-c-toolbar--m-primary--BackgroundColor: var(--pf-t--global--background--color--primary--default);
  --pf-v6-c-toolbar--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
  --pf-v6-c-toolbar--m-no-background--BackgroundColor: transparent;
  --pf-v6-c-toolbar__item--Width: auto;
  --pf-v6-c-toolbar__item--MinWidth: auto;
  --pf-v6-c-toolbar__item--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
  --pf-v6-c-toolbar__item--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
  --pf-v6-c-toolbar__item--m-overflow-container--MinWidth: 0;
  --pf-v6-c-toolbar__group--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
  --pf-v6-c-toolbar__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
  --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--md);
  --pf-v6-c-toolbar__content--PaddingInlineStart: 0;
  --pf-v6-c-toolbar__content--PaddingInlineEnd: 0;
  --pf-v6-c-toolbar__content-section--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
  --pf-v6-c-toolbar__content-section--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
  --pf-v6-c-toolbar__expandable-content--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
  --pf-v6-c-toolbar__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
  --pf-v6-c-toolbar__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
  --pf-v6-c-toolbar__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
  --pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
  --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
  --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
  --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
  --pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
  --pf-v6-c-toolbar__group--m-label-group--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
  --pf-v6-c-toolbar__group--m-action-group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
  --pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
  --pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
}

.pf-v6-c-toolbar__content-section,
.pf-v6-c-toolbar__group,
.pf-v6-c-toolbar__item {
  --pf-v6-hidden-visible--visible--Display: flex;
  --pf-v6-hidden-visible--hidden--Display: none;
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  display: var(--pf-v6-hidden-visible--Display);
}
.pf-v6-c-toolbar__content-section.pf-m-hidden,
.pf-v6-c-toolbar__group.pf-m-hidden,
.pf-v6-c-toolbar__item.pf-m-hidden {
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
@media screen and (min-width: 36rem) {
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
  .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
  .pf-v6-c-toolbar__item.pf-m-hidden-on-sm {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-sm,
  .pf-v6-c-toolbar__group.pf-m-visible-on-sm,
  .pf-v6-c-toolbar__item.pf-m-visible-on-sm {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-md,
  .pf-v6-c-toolbar__group.pf-m-hidden-on-md,
  .pf-v6-c-toolbar__item.pf-m-hidden-on-md {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-md,
  .pf-v6-c-toolbar__group.pf-m-visible-on-md,
  .pf-v6-c-toolbar__item.pf-m-visible-on-md {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg,
  .pf-v6-c-toolbar__group.pf-m-hidden-on-lg,
  .pf-v6-c-toolbar__item.pf-m-hidden-on-lg {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-lg,
  .pf-v6-c-toolbar__group.pf-m-visible-on-lg,
  .pf-v6-c-toolbar__item.pf-m-visible-on-lg {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl,
  .pf-v6-c-toolbar__group.pf-m-hidden-on-xl,
  .pf-v6-c-toolbar__item.pf-m-hidden-on-xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-xl,
  .pf-v6-c-toolbar__group.pf-m-visible-on-xl,
  .pf-v6-c-toolbar__item.pf-m-visible-on-xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl,
  .pf-v6-c-toolbar__group.pf-m-hidden-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-hidden-on-2xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-2xl,
  .pf-v6-c-toolbar__group.pf-m-visible-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-visible-on-2xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}

.pf-v6-c-toolbar,
.pf-v6-c-toolbar__content {
  position: relative;
}

.pf-v6-c-toolbar__content {
  --pf-v6-hidden-visible--visible--Display: grid;
  --pf-v6-hidden-visible--hidden--Display: none;
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  display: var(--pf-v6-hidden-visible--Display);
  row-gap: var(--pf-v6-c-toolbar__content--RowGap);
  padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
}
.pf-v6-c-toolbar__content.pf-m-hidden {
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
@media screen and (min-width: 36rem) {
  .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-toolbar__content.pf-m-visible-on-sm {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-c-toolbar__content.pf-m-hidden-on-md {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-toolbar__content.pf-m-visible-on-md {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-c-toolbar__content.pf-m-hidden-on-lg {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-toolbar__content.pf-m-visible-on-lg {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-c-toolbar__content.pf-m-hidden-on-xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-toolbar__content.pf-m-visible-on-xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-c-toolbar__content.pf-m-hidden-on-2xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-toolbar__content.pf-m-visible-on-2xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}

.pf-v6-c-toolbar__content-section {
  flex-wrap: wrap;
  row-gap: var(--pf-v6-c-toolbar__content-section--RowGap);
  column-gap: var(--pf-v6-c-toolbar__content-section--ColumnGap);
  align-items: start;
}

.pf-v6-c-toolbar {
  display: grid;
  row-gap: var(--pf-v6-c-toolbar--RowGap);
  width: var(--pf-v6-c-toolbar--Width, auto);
  padding-block-start: var(--pf-v6-c-toolbar--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-toolbar--PaddingBlockEnd);
  padding-inline-start: var(--pf-v6-c-toolbar--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-toolbar--PaddingInlineEnd);
  font-size: var(--pf-v6-c-toolbar--FontSize);
  line-height: var(--pf-v6-c-toolbar--LineHeight);
  background-color: var(--pf-v6-c-toolbar--BackgroundColor);
}
.pf-v6-c-toolbar.pf-m-sticky {
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-sticky--BackgroundColor);
  position: sticky;
  inset-block-start: 0;
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
  padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
}
.pf-v6-c-toolbar.pf-m-static,
.pf-v6-c-toolbar.pf-m-static .pf-v6-c-toolbar__content {
  position: static;
}
.pf-v6-c-toolbar.pf-m-static .pf-v6-c-toolbar__expandable-content {
  position: absolute;
}
.pf-v6-c-toolbar.pf-m-full-height {
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
  --pf-v6-c-toolbar--PaddingBlockEnd: 0;
}
.pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__group,
.pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__item {
  align-items: stretch;
  align-self: stretch;
}
.pf-v6-c-toolbar.pf-m-no-padding {
  --pf-v6-c-toolbar--PaddingBlockEnd: 0;
  --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: 0;
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: 0;
}
.pf-v6-c-toolbar.pf-m-primary {
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
}
.pf-v6-c-toolbar.pf-m-secondary {
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-secondary--BackgroundColor);
}
.pf-v6-c-toolbar.pf-m-no-background {
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
}

.pf-v6-c-toolbar__item {
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
  row-gap: var(--pf-v6-c-toolbar__item--RowGap);
  column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
  width: var(--pf-v6-c-toolbar__item--Width--base);
  min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
}
@media (min-width: 36rem) {
  .pf-v6-c-toolbar__item {
    --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width));
  }
}
@media (min-width: 48rem) {
  .pf-v6-c-toolbar__item {
    --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)));
  }
}
@media (min-width: 62rem) {
  .pf-v6-c-toolbar__item {
    --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))));
  }
}
@media (min-width: 75rem) {
  .pf-v6-c-toolbar__item {
    --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)))));
  }
}
@media (min-width: 90.625rem) {
  .pf-v6-c-toolbar__item {
    --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
  }
}
@media (min-width: 36rem) {
  .pf-v6-c-toolbar__item {
    --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
  }
}
@media (min-width: 48rem) {
  .pf-v6-c-toolbar__item {
    --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)));
  }
}
@media (min-width: 62rem) {
  .pf-v6-c-toolbar__item {
    --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))));
  }
}
@media (min-width: 75rem) {
  .pf-v6-c-toolbar__item {
    --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)))));
  }
}
@media (min-width: 90.625rem) {
  .pf-v6-c-toolbar__item {
    --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
  }
}
.pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
}
.pf-v6-c-toolbar__item.pf-m-label {
  font-weight: var(--pf-v6-c-toolbar__item--m-label--FontWeight);
}
.pf-v6-c-toolbar__item.pf-m-pagination {
  margin-inline-start: auto;
}
.pf-v6-c-toolbar__item.pf-m-pagination.pf-v6-c-pagination {
  flex-wrap: nowrap;
}
.pf-v6-c-toolbar__item.pf-m-overflow-container {
  min-width: var(--pf-v6-c-toolbar__item--m-overflow-container--MinWidth);
}

.pf-v6-c-toolbar__group {
  row-gap: var(--pf-v6-c-toolbar__group--RowGap);
  column-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
}
.pf-v6-c-toolbar__group.pf-m-filter-group {
  column-gap: var(--pf-v6-c-toolbar__group--m-filter-group--ColumnGap);
}
.pf-v6-c-toolbar__group.pf-m-label-group {
  flex: 1;
  flex-wrap: wrap;
  column-gap: var(--pf-v6-c-toolbar__group--m-label-group--ColumnGap);
}
.pf-v6-c-toolbar__group.pf-m-action-group {
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
}
.pf-v6-c-toolbar__group.pf-m-action-group-plain {
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
}
.pf-v6-c-toolbar__group.pf-m-action-group-inline {
  flex-wrap: wrap;
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
}
.pf-v6-c-toolbar__group.pf-m-overflow-container {
  min-width: var(--pf-v6-c-toolbar__group--m-overflow-container--MinWidth);
}

.pf-v6-c-toolbar__expandable-content {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  z-index: var(--pf-v6-c-toolbar__expandable-content--ZIndex);
  display: none;
  row-gap: var(--pf-v6-c-toolbar__expandable-content--RowGap);
  width: 100%;
  padding-block-start: var(--pf-v6-c-toolbar__expandable-content--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-toolbar__expandable-content--PaddingBlockEnd);
  padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
  background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
}
@media screen and (min-width: 62rem) {
  .pf-v6-c-toolbar__expandable-content {
    position: static;
    padding: 0;
    box-shadow: none;
  }
}
.pf-v6-c-toolbar__expandable-content.pf-m-expanded,
.pf-v6-c-toolbar__expandable-content .pf-v6-c-toolbar__group {
  display: grid;
}
.pf-v6-c-toolbar__expandable-content .pf-v6-c-toolbar__item > * {
  flex-basis: 100%;
}
.pf-v6-c-toolbar__expandable-content .pf-v6-c-toolbar__group.pf-m-action-group-inline {
  display: flex;
  justify-content: center;
}

.pf-v6-c-toolbar__expand-all-icon {
  display: inline-flex;
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
  transition-property: transform;
  transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
}
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
  scale: -1 1;
}

.pf-v6-c-toolbar__group,
.pf-v6-c-toolbar__item {
  align-items: baseline;
}
.pf-v6-c-toolbar__group.pf-m-overflow-container,
.pf-v6-c-toolbar__item.pf-m-overflow-container {
  flex: 1;
  overflow: auto;
}

.pf-v6-c-toolbar__group.pf-m-align-start,
.pf-v6-c-toolbar__item.pf-m-align-start {
  margin-inline-start: 0;
}
.pf-v6-c-toolbar__group.pf-m-align-center,
.pf-v6-c-toolbar__item.pf-m-align-center {
  margin-inline-start: auto;
  margin-inline-end: auto;
}
.pf-v6-c-toolbar__group.pf-m-align-end,
.pf-v6-c-toolbar__item.pf-m-align-end {
  margin-inline-start: auto;
}
.pf-v6-c-toolbar__group.pf-m-flex-grow,
.pf-v6-c-toolbar__item.pf-m-flex-grow {
  flex-grow: 1;
}
.pf-v6-c-toolbar__group.pf-m-align-self-stretch,
.pf-v6-c-toolbar__item.pf-m-align-self-stretch {
  align-self: stretch;
}
.pf-v6-c-toolbar__group.pf-m-align-self-baseline,
.pf-v6-c-toolbar__item.pf-m-align-self-baseline {
  align-self: baseline;
}
.pf-v6-c-toolbar__group.pf-m-align-self-start,
.pf-v6-c-toolbar__item.pf-m-align-self-start {
  align-self: start;
}
.pf-v6-c-toolbar__group.pf-m-align-self-center,
.pf-v6-c-toolbar__item.pf-m-align-self-center {
  align-self: center;
}
.pf-v6-c-toolbar__group.pf-m-align-self-end,
.pf-v6-c-toolbar__item.pf-m-align-self-end {
  align-self: end;
}

.pf-v6-c-toolbar.pf-m-inset-none {
  padding-inline: 0;
}
.pf-v6-c-toolbar.pf-m-inset-xs {
  padding-inline: var(--pf-t--global--spacer--xs);
}
.pf-v6-c-toolbar.pf-m-inset-sm {
  padding-inline: var(--pf-t--global--spacer--sm);
}
.pf-v6-c-toolbar.pf-m-inset-md {
  padding-inline: var(--pf-t--global--spacer--md);
}
.pf-v6-c-toolbar.pf-m-inset-lg {
  padding-inline: var(--pf-t--global--spacer--lg);
}
.pf-v6-c-toolbar.pf-m-inset-xl {
  padding-inline: var(--pf-t--global--spacer--xl);
}
.pf-v6-c-toolbar.pf-m-inset-2xl {
  padding-inline: var(--pf-t--global--spacer--2xl);
}
.pf-v6-c-toolbar.pf-m-inset-3xl {
  padding-inline: var(--pf-t--global--spacer--3xl);
}
.pf-v6-c-toolbar.pf-m-inset-4xl {
  padding-inline: var(--pf-t--global--spacer--4xl);
}

.pf-v6-c-toolbar__group.pf-m-wrap,
.pf-v6-c-toolbar__item.pf-m-wrap,
.pf-v6-c-toolbar__content-section.pf-m-wrap {
  flex-wrap: wrap;
}
.pf-v6-c-toolbar__group.pf-m-nowrap,
.pf-v6-c-toolbar__item.pf-m-nowrap,
.pf-v6-c-toolbar__content-section.pf-m-nowrap {
  flex-wrap: nowrap;
}
.pf-v6-c-toolbar__group.pf-m-align-items-stretch,
.pf-v6-c-toolbar__item.pf-m-align-items-stretch,
.pf-v6-c-toolbar__content-section.pf-m-align-items-stretch {
  align-items: stretch;
}
.pf-v6-c-toolbar__group.pf-m-align-items-baseline,
.pf-v6-c-toolbar__item.pf-m-align-items-baseline,
.pf-v6-c-toolbar__content-section.pf-m-align-items-baseline {
  align-items: baseline;
}
.pf-v6-c-toolbar__group.pf-m-align-items-start,
.pf-v6-c-toolbar__item.pf-m-align-items-start,
.pf-v6-c-toolbar__content-section.pf-m-align-items-start {
  align-items: start;
}
.pf-v6-c-toolbar__group.pf-m-align-items-center,
.pf-v6-c-toolbar__item.pf-m-align-items-center,
.pf-v6-c-toolbar__content-section.pf-m-align-items-center {
  align-items: center;
}
.pf-v6-c-toolbar__group.pf-m-align-items-end,
.pf-v6-c-toolbar__item.pf-m-align-items-end,
.pf-v6-c-toolbar__content-section.pf-m-align-items-end {
  align-items: end;
}
.pf-v6-c-toolbar__group.pf-m-gap-none,
.pf-v6-c-toolbar__item.pf-m-gap-none,
.pf-v6-c-toolbar__content-section.pf-m-gap-none {
  gap: 0;
}
.pf-v6-c-toolbar__group.pf-m-gap-xs,
.pf-v6-c-toolbar__item.pf-m-gap-xs,
.pf-v6-c-toolbar__content-section.pf-m-gap-xs {
  gap: var(--pf-t--global--spacer--xs);
}
.pf-v6-c-toolbar__group.pf-m-gap-sm,
.pf-v6-c-toolbar__item.pf-m-gap-sm,
.pf-v6-c-toolbar__content-section.pf-m-gap-sm {
  gap: var(--pf-t--global--spacer--sm);
}
.pf-v6-c-toolbar__group.pf-m-gap-md,
.pf-v6-c-toolbar__item.pf-m-gap-md,
.pf-v6-c-toolbar__content-section.pf-m-gap-md {
  gap: var(--pf-t--global--spacer--md);
}
.pf-v6-c-toolbar__group.pf-m-gap-lg,
.pf-v6-c-toolbar__item.pf-m-gap-lg,
.pf-v6-c-toolbar__content-section.pf-m-gap-lg {
  gap: var(--pf-t--global--spacer--lg);
}
.pf-v6-c-toolbar__group.pf-m-gap-xl,
.pf-v6-c-toolbar__item.pf-m-gap-xl,
.pf-v6-c-toolbar__content-section.pf-m-gap-xl {
  gap: var(--pf-t--global--spacer--xl);
}
.pf-v6-c-toolbar__group.pf-m-gap-2xl,
.pf-v6-c-toolbar__item.pf-m-gap-2xl,
.pf-v6-c-toolbar__content-section.pf-m-gap-2xl {
  gap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-c-toolbar__group.pf-m-gap-3xl,
.pf-v6-c-toolbar__item.pf-m-gap-3xl,
.pf-v6-c-toolbar__content-section.pf-m-gap-3xl {
  gap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-c-toolbar__group.pf-m-gap-4xl,
.pf-v6-c-toolbar__item.pf-m-gap-4xl,
.pf-v6-c-toolbar__content-section.pf-m-gap-4xl {
  gap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-c-toolbar__group.pf-m-column-gap-none,
.pf-v6-c-toolbar__item.pf-m-column-gap-none,
.pf-v6-c-toolbar__content-section.pf-m-column-gap-none {
  column-gap: 0;
}
.pf-v6-c-toolbar__group.pf-m-row-gap-none,
.pf-v6-c-toolbar__item.pf-m-row-gap-none,
.pf-v6-c-toolbar__content-section.pf-m-row-gap-none {
  row-gap: 0;
}
.pf-v6-c-toolbar__group.pf-m-column-gap-xs,
.pf-v6-c-toolbar__item.pf-m-column-gap-xs,
.pf-v6-c-toolbar__content-section.pf-m-column-gap-xs {
  column-gap: var(--pf-t--global--spacer--xs);
}
.pf-v6-c-toolbar__group.pf-m-row-gap-xs,
.pf-v6-c-toolbar__item.pf-m-row-gap-xs,
.pf-v6-c-toolbar__content-section.pf-m-row-gap-xs {
  row-gap: var(--pf-t--global--spacer--xs);
}
.pf-v6-c-toolbar__group.pf-m-column-gap-sm,
.pf-v6-c-toolbar__item.pf-m-column-gap-sm,
.pf-v6-c-toolbar__content-section.pf-m-column-gap-sm {
  column-gap: var(--pf-t--global--spacer--sm);
}
.pf-v6-c-toolbar__group.pf-m-row-gap-sm,
.pf-v6-c-toolbar__item.pf-m-row-gap-sm,
.pf-v6-c-toolbar__content-section.pf-m-row-gap-sm {
  row-gap: var(--pf-t--global--spacer--sm);
}
.pf-v6-c-toolbar__group.pf-m-column-gap-md,
.pf-v6-c-toolbar__item.pf-m-column-gap-md,
.pf-v6-c-toolbar__content-section.pf-m-column-gap-md {
  column-gap: var(--pf-t--global--spacer--md);
}
.pf-v6-c-toolbar__group.pf-m-row-gap-md,
.pf-v6-c-toolbar__item.pf-m-row-gap-md,
.pf-v6-c-toolbar__content-section.pf-m-row-gap-md {
  row-gap: var(--pf-t--global--spacer--md);
}
.pf-v6-c-toolbar__group.pf-m-column-gap-lg,
.pf-v6-c-toolbar__item.pf-m-column-gap-lg,
.pf-v6-c-toolbar__content-section.pf-m-column-gap-lg {
  column-gap: var(--pf-t--global--spacer--lg);
}
.pf-v6-c-toolbar__group.pf-m-row-gap-lg,
.pf-v6-c-toolbar__item.pf-m-row-gap-lg,
.pf-v6-c-toolbar__content-section.pf-m-row-gap-lg {
  row-gap: var(--pf-t--global--spacer--lg);
}
.pf-v6-c-toolbar__group.pf-m-column-gap-xl,
.pf-v6-c-toolbar__item.pf-m-column-gap-xl,
.pf-v6-c-toolbar__content-section.pf-m-column-gap-xl {
  column-gap: var(--pf-t--global--spacer--xl);
}
.pf-v6-c-toolbar__group.pf-m-row-gap-xl,
.pf-v6-c-toolbar__item.pf-m-row-gap-xl,
.pf-v6-c-toolbar__content-section.pf-m-row-gap-xl {
  row-gap: var(--pf-t--global--spacer--xl);
}
.pf-v6-c-toolbar__group.pf-m-column-gap-2xl,
.pf-v6-c-toolbar__item.pf-m-column-gap-2xl,
.pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl {
  column-gap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-c-toolbar__group.pf-m-row-gap-2xl,
.pf-v6-c-toolbar__item.pf-m-row-gap-2xl,
.pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl {
  row-gap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-c-toolbar__group.pf-m-column-gap-3xl,
.pf-v6-c-toolbar__item.pf-m-column-gap-3xl,
.pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl {
  column-gap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-c-toolbar__group.pf-m-row-gap-3xl,
.pf-v6-c-toolbar__item.pf-m-row-gap-3xl,
.pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl {
  row-gap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-c-toolbar__group.pf-m-column-gap-4xl,
.pf-v6-c-toolbar__item.pf-m-column-gap-4xl,
.pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl {
  column-gap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-c-toolbar__group.pf-m-row-gap-4xl,
.pf-v6-c-toolbar__item.pf-m-row-gap-4xl,
.pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl {
  row-gap: var(--pf-t--global--spacer--4xl);
}

.pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show .pf-v6-c-toolbar__group,
.pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show .pf-v6-c-toolbar__item {
  display: flex;
  flex: 0 1 auto;
}
.pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show .pf-v6-c-toolbar__toggle {
  display: none;
}
.pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__group,
.pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide .pf-v6-c-toolbar__group,
.pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide .pf-v6-c-toolbar__item {
  display: none;
}
.pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide .pf-v6-c-toolbar__toggle {
  display: inline-flex;
}

@media (min-width: 36rem) {
  .pf-v6-c-toolbar__group.pf-m-align-start-on-sm,
  .pf-v6-c-toolbar__item.pf-m-align-start-on-sm {
    margin-inline-start: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-align-center-on-sm,
  .pf-v6-c-toolbar__item.pf-m-align-center-on-sm {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
  .pf-v6-c-toolbar__group.pf-m-align-end-on-sm,
  .pf-v6-c-toolbar__item.pf-m-align-end-on-sm {
    margin-inline-start: auto;
  }
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-sm,
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-sm {
    flex-grow: 1;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-stretch-on-sm,
  .pf-v6-c-toolbar__item.pf-m-align-self-stretch-on-sm {
    align-self: stretch;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-baseline-on-sm,
  .pf-v6-c-toolbar__item.pf-m-align-self-baseline-on-sm {
    align-self: baseline;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-start-on-sm,
  .pf-v6-c-toolbar__item.pf-m-align-self-start-on-sm {
    align-self: start;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-center-on-sm,
  .pf-v6-c-toolbar__item.pf-m-align-self-center-on-sm {
    align-self: center;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-end-on-sm,
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-sm {
    align-self: end;
  }
  .pf-v6-c-toolbar.pf-m-inset-none-on-sm {
    padding-inline: 0;
  }
  .pf-v6-c-toolbar.pf-m-inset-xs-on-sm {
    padding-inline: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar.pf-m-inset-sm-on-sm {
    padding-inline: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar.pf-m-inset-md-on-sm {
    padding-inline: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar.pf-m-inset-lg-on-sm {
    padding-inline: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar.pf-m-inset-xl-on-sm {
    padding-inline: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar.pf-m-inset-2xl-on-sm {
    padding-inline: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar.pf-m-inset-3xl-on-sm {
    padding-inline: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar.pf-m-inset-4xl-on-sm {
    padding-inline: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group.pf-m-wrap-on-sm,
  .pf-v6-c-toolbar__item.pf-m-wrap-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-sm {
    flex-wrap: wrap;
  }
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-sm,
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-sm {
    flex-wrap: nowrap;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-sm,
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-sm {
    align-items: stretch;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-sm,
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-sm {
    align-items: baseline;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-sm,
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-sm {
    align-items: start;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-sm,
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-sm {
    align-items: center;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-sm,
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-sm {
    align-items: end;
  }
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-sm,
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-sm {
    gap: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-sm,
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-sm {
    gap: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-sm,
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-sm {
    gap: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-sm,
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-sm {
    gap: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-sm,
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-sm {
    gap: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-sm,
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-sm {
    gap: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-sm,
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-sm {
    gap: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-sm,
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-sm {
    gap: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-sm,
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-sm {
    gap: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-sm,
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-sm {
    column-gap: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-sm,
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-sm {
    row-gap: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-sm,
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-sm {
    column-gap: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-sm,
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-sm {
    row-gap: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-sm,
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-sm {
    column-gap: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-sm,
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-sm {
    row-gap: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-sm,
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-sm {
    column-gap: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-sm,
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-sm {
    row-gap: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-sm,
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-sm {
    column-gap: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-sm,
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-sm {
    row-gap: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-sm,
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-sm {
    column-gap: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-sm,
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-sm {
    row-gap: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-sm,
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-sm {
    column-gap: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-sm,
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-sm {
    row-gap: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-sm,
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-sm {
    column-gap: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-sm,
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-sm {
    row-gap: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-sm,
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-sm {
    column-gap: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-sm,
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-sm,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-sm {
    row-gap: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-sm .pf-v6-c-toolbar__group,
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-sm .pf-v6-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-sm .pf-v6-c-toolbar__toggle {
    display: none;
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__group,
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-sm .pf-v6-c-toolbar__group,
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-sm .pf-v6-c-toolbar__item {
    display: none;
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-sm .pf-v6-c-toolbar__toggle {
    display: inline-flex;
  }
}
@media (min-width: 48rem) {
  .pf-v6-c-toolbar__group.pf-m-align-start-on-md,
  .pf-v6-c-toolbar__item.pf-m-align-start-on-md {
    margin-inline-start: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-align-center-on-md,
  .pf-v6-c-toolbar__item.pf-m-align-center-on-md {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
  .pf-v6-c-toolbar__group.pf-m-align-end-on-md,
  .pf-v6-c-toolbar__item.pf-m-align-end-on-md {
    margin-inline-start: auto;
  }
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-md,
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-md {
    flex-grow: 1;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-stretch-on-md,
  .pf-v6-c-toolbar__item.pf-m-align-self-stretch-on-md {
    align-self: stretch;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-baseline-on-md,
  .pf-v6-c-toolbar__item.pf-m-align-self-baseline-on-md {
    align-self: baseline;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-start-on-md,
  .pf-v6-c-toolbar__item.pf-m-align-self-start-on-md {
    align-self: start;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-center-on-md,
  .pf-v6-c-toolbar__item.pf-m-align-self-center-on-md {
    align-self: center;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-end-on-md,
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-md {
    align-self: end;
  }
  .pf-v6-c-toolbar.pf-m-inset-none-on-md {
    padding-inline: 0;
  }
  .pf-v6-c-toolbar.pf-m-inset-xs-on-md {
    padding-inline: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar.pf-m-inset-sm-on-md {
    padding-inline: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar.pf-m-inset-md-on-md {
    padding-inline: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar.pf-m-inset-lg-on-md {
    padding-inline: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar.pf-m-inset-xl-on-md {
    padding-inline: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar.pf-m-inset-2xl-on-md {
    padding-inline: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar.pf-m-inset-3xl-on-md {
    padding-inline: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar.pf-m-inset-4xl-on-md {
    padding-inline: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group.pf-m-wrap-on-md,
  .pf-v6-c-toolbar__item.pf-m-wrap-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-md {
    flex-wrap: wrap;
  }
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-md,
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-md {
    flex-wrap: nowrap;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-md,
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-md {
    align-items: stretch;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-md,
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-md {
    align-items: baseline;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-md,
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-md {
    align-items: start;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-md,
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-md {
    align-items: center;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-md,
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-md {
    align-items: end;
  }
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-md,
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-md {
    gap: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-md,
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-md {
    gap: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-md,
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-md {
    gap: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-md,
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-md {
    gap: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-md,
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-md {
    gap: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-md,
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-md {
    gap: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-md,
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-md {
    gap: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-md,
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-md {
    gap: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-md,
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-md {
    gap: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-md,
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-md {
    column-gap: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-md,
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-md {
    row-gap: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-md,
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-md {
    column-gap: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-md,
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-md {
    row-gap: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-md,
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-md {
    column-gap: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-md,
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-md {
    row-gap: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-md,
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-md {
    column-gap: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-md,
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-md {
    row-gap: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-md,
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-md {
    column-gap: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-md,
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-md {
    row-gap: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-md,
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-md {
    column-gap: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-md,
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-md {
    row-gap: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-md,
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-md {
    column-gap: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-md,
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-md {
    row-gap: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-md,
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-md {
    column-gap: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-md,
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-md {
    row-gap: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-md,
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-md {
    column-gap: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-md,
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-md,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-md {
    row-gap: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-md .pf-v6-c-toolbar__group,
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-md .pf-v6-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-md .pf-v6-c-toolbar__toggle {
    display: none;
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__group,
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-md .pf-v6-c-toolbar__group,
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-md .pf-v6-c-toolbar__item {
    display: none;
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-md .pf-v6-c-toolbar__toggle {
    display: inline-flex;
  }
}
@media (min-width: 62rem) {
  .pf-v6-c-toolbar__group.pf-m-align-start-on-lg,
  .pf-v6-c-toolbar__item.pf-m-align-start-on-lg {
    margin-inline-start: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-align-center-on-lg,
  .pf-v6-c-toolbar__item.pf-m-align-center-on-lg {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
  .pf-v6-c-toolbar__group.pf-m-align-end-on-lg,
  .pf-v6-c-toolbar__item.pf-m-align-end-on-lg {
    margin-inline-start: auto;
  }
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-lg,
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-lg {
    flex-grow: 1;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-stretch-on-lg,
  .pf-v6-c-toolbar__item.pf-m-align-self-stretch-on-lg {
    align-self: stretch;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-baseline-on-lg,
  .pf-v6-c-toolbar__item.pf-m-align-self-baseline-on-lg {
    align-self: baseline;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-start-on-lg,
  .pf-v6-c-toolbar__item.pf-m-align-self-start-on-lg {
    align-self: start;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-center-on-lg,
  .pf-v6-c-toolbar__item.pf-m-align-self-center-on-lg {
    align-self: center;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-end-on-lg,
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-lg {
    align-self: end;
  }
  .pf-v6-c-toolbar.pf-m-inset-none-on-lg {
    padding-inline: 0;
  }
  .pf-v6-c-toolbar.pf-m-inset-xs-on-lg {
    padding-inline: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar.pf-m-inset-sm-on-lg {
    padding-inline: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar.pf-m-inset-md-on-lg {
    padding-inline: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar.pf-m-inset-lg-on-lg {
    padding-inline: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar.pf-m-inset-xl-on-lg {
    padding-inline: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar.pf-m-inset-2xl-on-lg {
    padding-inline: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar.pf-m-inset-3xl-on-lg {
    padding-inline: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar.pf-m-inset-4xl-on-lg {
    padding-inline: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group.pf-m-wrap-on-lg,
  .pf-v6-c-toolbar__item.pf-m-wrap-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-lg {
    flex-wrap: wrap;
  }
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-lg,
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-lg {
    flex-wrap: nowrap;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-lg,
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-lg {
    align-items: stretch;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-lg,
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-lg {
    align-items: baseline;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-lg,
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-lg {
    align-items: start;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-lg,
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-lg {
    align-items: center;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-lg,
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-lg {
    align-items: end;
  }
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-lg,
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-lg {
    gap: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-lg,
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-lg {
    gap: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-lg,
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-lg {
    gap: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-lg,
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-lg {
    gap: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-lg,
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-lg {
    gap: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-lg,
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-lg {
    gap: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-lg,
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-lg {
    gap: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-lg,
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-lg {
    gap: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-lg,
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-lg {
    gap: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-lg,
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-lg {
    column-gap: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-lg,
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-lg {
    row-gap: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-lg,
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-lg {
    column-gap: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-lg,
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-lg {
    row-gap: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-lg,
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-lg {
    column-gap: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-lg,
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-lg {
    row-gap: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-lg,
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-lg {
    column-gap: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-lg,
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-lg {
    row-gap: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-lg,
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-lg {
    column-gap: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-lg,
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-lg {
    row-gap: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-lg,
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-lg {
    column-gap: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-lg,
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-lg {
    row-gap: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-lg,
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-lg {
    column-gap: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-lg,
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-lg {
    row-gap: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-lg,
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-lg {
    column-gap: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-lg,
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-lg {
    row-gap: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-lg,
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-lg {
    column-gap: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-lg,
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-lg,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-lg {
    row-gap: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-lg .pf-v6-c-toolbar__group,
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-lg .pf-v6-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-lg .pf-v6-c-toolbar__toggle {
    display: none;
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__group,
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-lg .pf-v6-c-toolbar__group,
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-lg .pf-v6-c-toolbar__item {
    display: none;
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-lg .pf-v6-c-toolbar__toggle {
    display: inline-flex;
  }
}
@media (min-width: 75rem) {
  .pf-v6-c-toolbar__group.pf-m-align-start-on-xl,
  .pf-v6-c-toolbar__item.pf-m-align-start-on-xl {
    margin-inline-start: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-align-center-on-xl,
  .pf-v6-c-toolbar__item.pf-m-align-center-on-xl {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
  .pf-v6-c-toolbar__group.pf-m-align-end-on-xl,
  .pf-v6-c-toolbar__item.pf-m-align-end-on-xl {
    margin-inline-start: auto;
  }
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-xl,
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-xl {
    flex-grow: 1;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-stretch-on-xl,
  .pf-v6-c-toolbar__item.pf-m-align-self-stretch-on-xl {
    align-self: stretch;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-baseline-on-xl,
  .pf-v6-c-toolbar__item.pf-m-align-self-baseline-on-xl {
    align-self: baseline;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-start-on-xl,
  .pf-v6-c-toolbar__item.pf-m-align-self-start-on-xl {
    align-self: start;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-center-on-xl,
  .pf-v6-c-toolbar__item.pf-m-align-self-center-on-xl {
    align-self: center;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-end-on-xl,
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-xl {
    align-self: end;
  }
  .pf-v6-c-toolbar.pf-m-inset-none-on-xl {
    padding-inline: 0;
  }
  .pf-v6-c-toolbar.pf-m-inset-xs-on-xl {
    padding-inline: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar.pf-m-inset-sm-on-xl {
    padding-inline: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar.pf-m-inset-md-on-xl {
    padding-inline: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar.pf-m-inset-lg-on-xl {
    padding-inline: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar.pf-m-inset-xl-on-xl {
    padding-inline: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar.pf-m-inset-2xl-on-xl {
    padding-inline: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar.pf-m-inset-3xl-on-xl {
    padding-inline: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar.pf-m-inset-4xl-on-xl {
    padding-inline: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group.pf-m-wrap-on-xl,
  .pf-v6-c-toolbar__item.pf-m-wrap-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-xl {
    flex-wrap: wrap;
  }
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-xl,
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-xl {
    flex-wrap: nowrap;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-xl,
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-xl {
    align-items: stretch;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-xl,
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-xl {
    align-items: baseline;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-xl,
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-xl {
    align-items: start;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-xl,
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-xl {
    align-items: center;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-xl,
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-xl {
    align-items: end;
  }
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-xl,
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-xl {
    gap: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-xl,
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-xl {
    gap: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-xl,
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-xl {
    gap: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-xl,
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-xl {
    gap: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-xl,
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-xl {
    gap: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-xl,
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-xl {
    gap: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-xl,
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-xl {
    gap: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-xl,
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-xl {
    gap: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-xl,
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-xl {
    gap: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-xl {
    column-gap: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-xl {
    row-gap: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-xl {
    column-gap: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-xl {
    row-gap: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-xl {
    column-gap: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-xl {
    row-gap: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-xl {
    column-gap: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-xl {
    row-gap: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-xl {
    column-gap: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-xl {
    row-gap: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-xl {
    column-gap: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-xl {
    row-gap: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-xl {
    column-gap: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-xl {
    row-gap: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-xl {
    column-gap: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-xl {
    row-gap: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-xl {
    column-gap: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-xl {
    row-gap: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-xl .pf-v6-c-toolbar__group,
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-xl .pf-v6-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-xl .pf-v6-c-toolbar__toggle {
    display: none;
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__group,
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-xl .pf-v6-c-toolbar__group,
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-xl .pf-v6-c-toolbar__item {
    display: none;
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-xl .pf-v6-c-toolbar__toggle {
    display: inline-flex;
  }
}
@media (min-width: 90.625rem) {
  .pf-v6-c-toolbar__group.pf-m-align-start-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-align-start-on-2xl {
    margin-inline-start: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-align-center-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-align-center-on-2xl {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
  .pf-v6-c-toolbar__group.pf-m-align-end-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-align-end-on-2xl {
    margin-inline-start: auto;
  }
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-2xl {
    flex-grow: 1;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-stretch-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-align-self-stretch-on-2xl {
    align-self: stretch;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-baseline-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-align-self-baseline-on-2xl {
    align-self: baseline;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-start-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-align-self-start-on-2xl {
    align-self: start;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-center-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-align-self-center-on-2xl {
    align-self: center;
  }
  .pf-v6-c-toolbar__group.pf-m-align-self-end-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-2xl {
    align-self: end;
  }
  .pf-v6-c-toolbar.pf-m-inset-none-on-2xl {
    padding-inline: 0;
  }
  .pf-v6-c-toolbar.pf-m-inset-xs-on-2xl {
    padding-inline: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar.pf-m-inset-sm-on-2xl {
    padding-inline: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar.pf-m-inset-md-on-2xl {
    padding-inline: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar.pf-m-inset-lg-on-2xl {
    padding-inline: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar.pf-m-inset-xl-on-2xl {
    padding-inline: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl {
    padding-inline: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl {
    padding-inline: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl {
    padding-inline: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group.pf-m-wrap-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-wrap-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-2xl {
    flex-wrap: wrap;
  }
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-2xl {
    flex-wrap: nowrap;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-2xl {
    align-items: stretch;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-2xl {
    align-items: baseline;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-2xl {
    align-items: start;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-2xl {
    align-items: center;
  }
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-2xl {
    align-items: end;
  }
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-2xl {
    gap: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-2xl {
    gap: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-2xl {
    gap: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-2xl {
    gap: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-2xl {
    gap: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-2xl {
    gap: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-2xl {
    gap: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-2xl {
    gap: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-2xl {
    gap: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-2xl {
    column-gap: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-2xl {
    row-gap: 0;
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-2xl {
    column-gap: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-2xl {
    row-gap: var(--pf-t--global--spacer--xs);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-2xl {
    column-gap: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-2xl {
    row-gap: var(--pf-t--global--spacer--sm);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-2xl {
    column-gap: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-2xl {
    row-gap: var(--pf-t--global--spacer--md);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-2xl {
    column-gap: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-2xl {
    row-gap: var(--pf-t--global--spacer--lg);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-2xl {
    column-gap: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-2xl {
    row-gap: var(--pf-t--global--spacer--xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-2xl {
    column-gap: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-2xl {
    row-gap: var(--pf-t--global--spacer--2xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-2xl {
    column-gap: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-2xl {
    row-gap: var(--pf-t--global--spacer--3xl);
  }
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-2xl {
    column-gap: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-2xl,
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-2xl,
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-2xl {
    row-gap: var(--pf-t--global--spacer--4xl);
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v6-c-toolbar__group,
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v6-c-toolbar__item {
    display: flex;
    flex: 0 1 auto;
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v6-c-toolbar__toggle {
    display: none;
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__group,
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v6-c-toolbar__group,
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v6-c-toolbar__item {
    display: none;
  }
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v6-c-toolbar__toggle {
    display: inline-flex;
  }
}
.pf-v6-c-divider {
  --pf-v6-c-divider--Display: flex;
  --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
  --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
  --pf-v6-c-divider--before--FlexBasis: 100%;
}

.pf-v6-c-divider {
  flex-direction: row;
  width: 100%;
  height: var(--pf-v6-c-divider--Size);
  --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
  --pf-v6-hidden-visible--hidden--Display: none;
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  display: var(--pf-v6-hidden-visible--Display);
  flex-shrink: 0;
  align-items: stretch;
  align-self: stretch;
  justify-content: center;
  border: 0;
}
.pf-v6-c-divider.pf-m-hidden {
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
@media screen and (min-width: 36rem) {
  .pf-v6-c-divider.pf-m-hidden-on-sm {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-divider.pf-m-visible-on-sm {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-c-divider.pf-m-hidden-on-md {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-divider.pf-m-visible-on-md {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-c-divider.pf-m-hidden-on-lg {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-divider.pf-m-visible-on-lg {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-c-divider.pf-m-hidden-on-xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-divider.pf-m-visible-on-xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-c-divider.pf-m-hidden-on-2xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-divider.pf-m-visible-on-2xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
.pf-v6-c-divider::before {
  flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
  content: "";
  background-color: var(--pf-v6-c-divider--Color);
}
.pf-v6-c-divider.pf-m-horizontal {
  flex-direction: row;
  width: 100%;
  height: var(--pf-v6-c-divider--Size);
}
.pf-v6-c-divider.pf-m-vertical {
  flex-direction: column;
  width: var(--pf-v6-c-divider--Size);
  height: inherit;
}
.pf-v6-c-divider.pf-m-inset-none {
  --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
}
.pf-v6-c-divider.pf-m-inset-xs {
  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
}
.pf-v6-c-divider.pf-m-inset-sm {
  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
}
.pf-v6-c-divider.pf-m-inset-md {
  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
}
.pf-v6-c-divider.pf-m-inset-lg {
  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
}
.pf-v6-c-divider.pf-m-inset-xl {
  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
}
.pf-v6-c-divider.pf-m-inset-2xl {
  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
}
.pf-v6-c-divider.pf-m-inset-3xl {
  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
}

@media (min-width: 36rem) {
  .pf-v6-c-divider.pf-m-horizontal-on-sm {
    flex-direction: row;
    width: 100%;
    height: var(--pf-v6-c-divider--Size);
  }
}
@media (min-width: 36rem) {
  .pf-v6-c-divider.pf-m-vertical-on-sm {
    flex-direction: column;
    width: var(--pf-v6-c-divider--Size);
    height: inherit;
  }
}
@media (min-width: 36rem) {
  .pf-v6-c-divider.pf-m-inset-none-on-sm {
    --pf-v6-c-divider--before--FlexBasis: 100%;
  }
  .pf-v6-c-divider.pf-m-inset-xs-on-sm {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-sm-on-sm {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-md-on-sm {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-lg-on-sm {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-xl-on-sm {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
  }
}
@media (min-width: 48rem) {
  .pf-v6-c-divider.pf-m-horizontal-on-md {
    flex-direction: row;
    width: 100%;
    height: var(--pf-v6-c-divider--Size);
  }
}
@media (min-width: 48rem) {
  .pf-v6-c-divider.pf-m-vertical-on-md {
    flex-direction: column;
    width: var(--pf-v6-c-divider--Size);
    height: inherit;
  }
}
@media (min-width: 48rem) {
  .pf-v6-c-divider.pf-m-inset-none-on-md {
    --pf-v6-c-divider--before--FlexBasis: 100%;
  }
  .pf-v6-c-divider.pf-m-inset-xs-on-md {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-sm-on-md {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-md-on-md {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-lg-on-md {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-xl-on-md {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-2xl-on-md {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-3xl-on-md {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
  }
}
@media (min-width: 62rem) {
  .pf-v6-c-divider.pf-m-horizontal-on-lg {
    flex-direction: row;
    width: 100%;
    height: var(--pf-v6-c-divider--Size);
  }
}
@media (min-width: 62rem) {
  .pf-v6-c-divider.pf-m-vertical-on-lg {
    flex-direction: column;
    width: var(--pf-v6-c-divider--Size);
    height: inherit;
  }
}
@media (min-width: 62rem) {
  .pf-v6-c-divider.pf-m-inset-none-on-lg {
    --pf-v6-c-divider--before--FlexBasis: 100%;
  }
  .pf-v6-c-divider.pf-m-inset-xs-on-lg {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-sm-on-lg {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-md-on-lg {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-lg-on-lg {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-xl-on-lg {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
  }
}
@media (min-width: 75rem) {
  .pf-v6-c-divider.pf-m-horizontal-on-xl {
    flex-direction: row;
    width: 100%;
    height: var(--pf-v6-c-divider--Size);
  }
}
@media (min-width: 75rem) {
  .pf-v6-c-divider.pf-m-vertical-on-xl {
    flex-direction: column;
    width: var(--pf-v6-c-divider--Size);
    height: inherit;
  }
}
@media (min-width: 75rem) {
  .pf-v6-c-divider.pf-m-inset-none-on-xl {
    --pf-v6-c-divider--before--FlexBasis: 100%;
  }
  .pf-v6-c-divider.pf-m-inset-xs-on-xl {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-sm-on-xl {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-md-on-xl {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-lg-on-xl {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-xl-on-xl {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
  }
}
@media (min-width: 90.625rem) {
  .pf-v6-c-divider.pf-m-horizontal-on-2xl {
    flex-direction: row;
    width: 100%;
    height: var(--pf-v6-c-divider--Size);
  }
}
@media (min-width: 90.625rem) {
  .pf-v6-c-divider.pf-m-vertical-on-2xl {
    flex-direction: column;
    width: var(--pf-v6-c-divider--Size);
    height: inherit;
  }
}
@media (min-width: 90.625rem) {
  .pf-v6-c-divider.pf-m-inset-none-on-2xl {
    --pf-v6-c-divider--before--FlexBasis: 100%;
  }
  .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-md-on-2xl {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
  }
  .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
    --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
  }
}
.pf-v6-c-button {
  --pf-v6-c-button--Display: inline-flex;
  --pf-v6-c-button--AlignItems: baseline;
  --pf-v6-c-button--JustifyContent: center;
  --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
  --pf-v6-c-button--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
  --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
  --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
  --pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
  --pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
  --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
  --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
  --pf-v6-c-button--BackgroundColor: transparent;
  --pf-v6-c-button--BorderColor: transparent;
  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
  --pf-v6-c-button--TextDecorationLine: none;
  --pf-v6-c-button--TextDecorationStyle: none;
  --pf-v6-c-button--TextDecorationColor: currentcolor;
  --pf-v6-c-button--TransitionDelay: 0s;
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
  --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
  --pf-v6-c-button--ScaleX: 1;
  --pf-v6-c-button--ScaleY: 1;
  --pf-v6-c-button--hover--BackgroundColor: transparent;
  --pf-v6-c-button--hover--BorderColor: transparent;
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
  --pf-v6-c-button--hover--TextDecorationLine: none;
  --pf-v6-c-button--hover--TextDecorationStyle: none;
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
  --pf-v6-c-button--hover--ScaleX: 1;
  --pf-v6-c-button--hover--ScaleY: 1;
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
  --pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
  --pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
  --pf-v6-c-button--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
  --pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
  --pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
  --pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--clicked);
  --pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--clicked);
  --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
  --pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
  --pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
  --pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
  --pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
  --pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
  --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
  --pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
  --pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
  --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--clicked);
  --pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
  --pf-v6-c-button--m-secondary--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
  --pf-v6-c-button--m-secondary--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
  --pf-v6-c-button--m-secondary--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
  --pf-v6-c-button--m-secondary--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
  --pf-v6-c-button--m-secondary--m-danger--hover--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
  --pf-v6-c-button--m-secondary--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--danger--hover);
  --pf-v6-c-button--m-secondary--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
  --pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor: var(--pf-t--global--border--color--status--danger--clicked);
  --pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
  --pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
  --pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
  --pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
  --pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
  --pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
  --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
  --pf-v6-c-button--m-tertiary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
  --pf-v6-c-button--m-tertiary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
  --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
  --pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
  --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
  --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
  --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
  --pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
  --pf-v6-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
  --pf-v6-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
  --pf-v6-c-button--m-link--hover--Color: var(--pf-t--global--text--color--brand--hover);
  --pf-v6-c-button--m-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-t--global--text--color--brand--hover);
  --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
  --pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
  --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
  --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
  --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
  --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
  --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
  --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
  --pf-v6-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
  --pf-v6-c-button--m-link--m-danger--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
  --pf-v6-c-button--m-link--m-danger--hover__icon--Color: var(--pf-t--global--text--color--status--danger--hover);
  --pf-v6-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
  --pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
  --pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
  --pf-v6-c-button--m-link--m-inline--Display: inline-flex;
  --pf-v6-c-button--m-link--m-inline--JustifyContent: flex-start;
  --pf-v6-c-button--m-link--m-inline--FontSize: initial;
  --pf-v6-c-button--m-link--m-inline--LineHeight: initial;
  --pf-v6-c-button--m-link--m-inline--FontWeight: initial;
  --pf-v6-c-button--m-link--m-inline--PaddingBlockStart: 0;
  --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
  --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
  --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
  --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
  --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
  --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
  --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
  --pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
  --pf-v6-c-button--span--m-link--m-inline--Display: inline;
  --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
  --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
  --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
  --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
  --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
  --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
  --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
  --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
  --pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
  --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
  --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
  --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
  --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
  --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
  --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
  --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
  --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
  --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
  --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
  --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
  --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
  --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
  --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
  --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
  --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
  --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
  --pf-v6-c-button--m-control--BorderWidth: var(--pf-t--global--border--width--control--default);
  --pf-v6-c-button--m-control__icon--Color: var(--pf-t--global--icon--color--regular);
  --pf-v6-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
  --pf-v6-c-button--m-control--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
  --pf-v6-c-button--m-control--hover--BorderColor: var(--pf-t--global--border--color--hover);
  --pf-v6-c-button--m-control--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
  --pf-v6-c-button--m-control--hover__icon--Color: var(--pf-t--global--icon--color--regular);
  --pf-v6-c-button--m-control--m-clicked--Color: var(--pf-t--global--text--color--regular);
  --pf-v6-c-button--m-control--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
  --pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
  --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
  --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
  --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
  --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
  --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
  --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
  --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
  --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
  --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
  --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
  --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
  --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
  --pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
  --pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
  --pf-v6-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
  --pf-v6-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
  --pf-v6-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default);
  --pf-v6-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
  --pf-v6-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
  --pf-v6-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--hover);
  --pf-v6-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
  --pf-v6-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
  --pf-v6-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--clicked);
  --pf-v6-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
  --pf-v6-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
  --pf-v6-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
  --pf-v6-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--default);
  --pf-v6-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--unread--on-attention--hover);
  --pf-v6-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--unread--attention--hover);
  --pf-v6-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--hover);
  --pf-v6-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-attention--clicked);
  --pf-v6-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--attention--clicked);
  --pf-v6-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--clicked);
  --pf-v6-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
  --pf-v6-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
  --pf-v6-c-button--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
  --pf-v6-c-button--m-warning--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
  --pf-v6-c-button--m-warning--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
  --pf-v6-c-button--m-warning--hover__icon--Color: var(--pf-t--global--icon--color--status--on-warning--hover);
  --pf-v6-c-button--m-warning--m-clicked--Color: var(--pf-t--global--text--color--status--on-warning--clicked);
  --pf-v6-c-button--m-warning--m-clicked--BackgroundColor: var(--pf-t--global--color--status--warning--clicked);
  --pf-v6-c-button--m-warning--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-warning--clicked);
  --pf-v6-c-button--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
  --pf-v6-c-button--m-danger__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
  --pf-v6-c-button--m-danger--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
  --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
  --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
  --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
  --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
  --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
  --pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--spacious);
  --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
  --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
  --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
  --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
  --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
  --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
  --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
  --pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
  --pf-v6-c-button--disabled--BorderColor: transparent;
  --pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
  --pf-v6-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
  --pf-v6-c-button__icon--MarginInlineStart: 0;
  --pf-v6-c-button__icon--MarginInlineEnd: 0;
  --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
  --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
  --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
  --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
  --pf-v6-c-button__icon--TransitionDelay: 0s;
  --pf-v6-c-button__icon--TransitionTimingFunction: auto;
  --pf-v6-c-button__icon--TransitionDuration: 0s;
  --pf-v6-c-button__icon--TransitionProperty: none;
  --pf-v6-c-button__icon--Rotate: 0deg;
  --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
  --pf-v6-c-button--hover__icon--TransitionProperty: none;
  --pf-v6-c-button--hover__icon--Rotate: 0deg;
  --pf-v6-c-button__icon--ScaleX: 1;
  --pf-v6-c-button__icon--ScaleY: 1;
  --pf-v6-c-button--hover__icon--ScaleX: 1;
  --pf-v6-c-button--hover__icon--ScaleY: 1;
  --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
  --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
  --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
  --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
  --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
  --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
  --pf-v6-c-button__icon--favorite--Opacity: 1;
  --pf-v6-c-button__icon--favorited--Opacity: 0;
  --pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
  --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
  --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
  --pf-v6-c-button__progress--Opacity: 0;
  --pf-v6-c-button__progress--TranslateY: -50%;
  --pf-v6-c-button__progress--TranslateX: 0;
  --pf-v6-c-button__progress--InsetBlockStart: 50%;
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
  --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
  --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
  --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
  --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
  --pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
  --pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
  --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
  --pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
  --pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
  --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
  --pf-v6-c-button--m-block--Display: flex;
  --pf-v6-c-button--m-block--Width: 100%;
  --pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
  --pf-v6-c-button--hamburger-icon--TransitionDuration: var(--pf-t--global--motion--duration--md);
  --pf-v6-c-button--hamburger-icon--top--path--base: path("M1,1 L9,1");
  --pf-v6-c-button--hamburger-icon--middle--path--base: path("M1,5 L9,5");
  --pf-v6-c-button--hamburger-icon--arrow--path--base: path("M1,5 L1,5 L1,5");
  --pf-v6-c-button--hamburger-icon--bottom--path--base: path("M9,9 L1,9");
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
  --pf-v6-c-button--hamburger-icon--middle--path: var(--pf-v6-c-button--hamburger-icon--middle--path--base);
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
  --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
  --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
  --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
  --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
}

.pf-v6-c-button {
  position: relative;
  display: var(--pf-v6-c-button--Display);
  gap: var(--pf-v6-c-button--Gap);
  align-items: var(--pf-v6-c-button--AlignItems);
  justify-content: var(--pf-v6-c-button--JustifyContent);
  min-width: var(--pf-v6-c-button--MinWidth);
  padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
  padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-button--PaddingInlineEnd);
  font-size: var(--pf-v6-c-button--FontSize, inherit);
  font-weight: var(--pf-v6-c-button--FontWeight, inherit);
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
  color: var(--pf-v6-c-button--Color);
  text-align: center;
  text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
  text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
  border: 0;
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
  transition-delay: var(--pf-v6-c-button--TransitionDelay);
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
  transition-property: var(--pf-v6-c-button--TransitionProperty);
  scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
}
.pf-v6-c-button::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  border: var(--pf-v6-c-button--BorderWidth) solid;
  border-color: var(--pf-v6-c-button--BorderColor);
  border-radius: inherit;
  transition: inherit;
}
.pf-v6-c-button.pf-m-primary {
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-primary--Color);
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-primary--BackgroundColor);
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-primary__icon--Color);
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-primary--hover--Color);
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-primary--hover--BackgroundColor);
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-primary--hover__icon--Color);
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-primary--m-clicked--Color);
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-primary--m-clicked--BackgroundColor);
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-primary--m-clicked__icon--Color);
}
.pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread {
  --pf-v6-c-badge--BorderColor: var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
}
.pf-v6-c-button.pf-m-secondary {
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
  --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-secondary--hover__icon--Color);
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-clicked--Color);
  --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-clicked--BorderColor);
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-clicked__icon--Color);
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-secondary--m-danger--Color);
  --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger__icon--Color);
  --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover--Color);
  --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover__icon--Color);
  --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--Color);
  --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color);
}
.pf-v6-c-button.pf-m-secondary.pf-m-danger {
  --pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--BorderColor);
  --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--hover--BorderColor);
  --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor);
  --pf-v6-c-button--m-danger--BackgroundColor: transparent;
  --pf-v6-c-button--m-danger--hover--BackgroundColor: transparent;
  --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: transparent;
}
.pf-v6-c-button.pf-m-tertiary {
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
  --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-tertiary--hover__icon--Color);
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-tertiary--m-clicked--Color);
  --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-tertiary--m-clicked--BorderColor);
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-tertiary--m-clicked__icon--Color);
}
.pf-v6-c-button.pf-m-link {
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-link--hover--Color);
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-link--hover--BackgroundColor);
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-link--hover__icon--Color);
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
}
.pf-v6-c-button.pf-m-link.pf-m-inline {
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
  --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
  --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
  --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockStart);
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
  --pf-v6-c-button--BackgroundColor: transparent;
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
  --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
  --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
  --pf-v6-c-button--hover--BackgroundColor: transparent;
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
  --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
  --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
  --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
  --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
  text-align: start;
  white-space: normal;
  background: transparent;
  outline-offset: 0.125rem;
}
span.pf-v6-c-button.pf-m-link.pf-m-inline {
  --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
  --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
  --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
}

.pf-v6-c-button.pf-m-link.pf-m-danger {
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
  --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-link--m-danger__icon--Color);
  --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-link--m-danger--hover--Color);
  --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--hover--BackgroundColor);
  --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-link--m-danger--hover__icon--Color);
  --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked--Color);
  --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor);
  --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color);
}
.pf-v6-c-button.pf-m-link.pf-m-display-lg {
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-display-lg--FontSize);
}
.pf-v6-c-button.pf-m-warning {
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-warning--Color);
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-warning--BackgroundColor);
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-warning__icon--Color);
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-warning--hover--Color);
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-warning--hover--BackgroundColor);
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-warning--hover__icon--Color);
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-warning--m-clicked--Color);
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-warning--m-clicked--BackgroundColor);
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-warning--m-clicked__icon--Color);
}
.pf-v6-c-button.pf-m-danger {
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-danger--Color);
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-danger--BackgroundColor);
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-danger__icon--Color);
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-danger--hover--Color);
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-danger--hover--BackgroundColor);
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-danger--hover__icon--Color);
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-danger--m-clicked--Color);
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-danger--m-clicked--BackgroundColor);
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-danger--m-clicked__icon--Color);
}
.pf-v6-c-button.pf-m-control {
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-control--BorderRadius);
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-control--PaddingInlineStart);
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-control--PaddingInlineEnd);
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-control--Color);
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-control--BackgroundColor);
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-control--BorderColor);
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-control--BorderWidth);
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-control__icon--Color);
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-control--hover--Color);
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-control--hover--BackgroundColor);
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-control--hover--BorderColor);
  --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-control--hover--BorderWidth);
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-control--hover__icon--Color);
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-control--m-clicked--Color);
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-control--m-clicked--BackgroundColor);
  --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
}
.pf-v6-c-button.pf-m-stateful {
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
}
.pf-v6-c-button.pf-m-read {
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-read--BorderColor);
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-read--hover--BackgroundColor);
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-read--hover--BorderColor);
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-read--m-clicked--BackgroundColor);
  --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-read--m-clicked--BorderColor);
}
.pf-v6-c-button.pf-m-unread {
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-unread--Color);
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-unread--BackgroundColor);
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-unread__icon--Color);
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-unread--hover--Color);
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-unread--hover--BackgroundColor);
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-unread--hover__icon--Color);
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-unread--m-clicked--Color);
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-unread--m-clicked--BackgroundColor);
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-unread--m-clicked__icon--Color);
}
.pf-v6-c-button.pf-m-attention {
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-attention--Color);
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-attention--BackgroundColor);
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-attention__icon--Color);
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-attention--hover--Color);
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-attention--hover--BackgroundColor);
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-attention--hover__icon--Color);
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-attention--m-clicked--Color);
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-attention--m-clicked--BackgroundColor);
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
}
.pf-v6-c-button.pf-m-plain {
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--hover--BackgroundColor);
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-plain--m-clicked--Color);
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-clicked--BackgroundColor);
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
  --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
}
.pf-v6-c-button.pf-m-plain.pf-m-no-padding {
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
  background: var(--pf-v6-c-button--BackgroundColor);
}
.pf-v6-c-button.pf-m-block {
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
  width: var(--pf-v6-c-button--m-block--Width);
}
.pf-v6-c-button.pf-m-small {
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-small--PaddingInlineEnd);
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-small--PaddingBlockEnd);
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-small--PaddingInlineStart);
}
.pf-v6-c-button.pf-m-display-lg {
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-display-lg--PaddingBlockStart);
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-display-lg--PaddingInlineEnd);
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
}
.pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
  display: grid;
  transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
  transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
  transition-property: color;
}
.pf-v6-c-button.pf-m-favorited {
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
  --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
  --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
  --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
}
.pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
  animation-name: pf-v6-c-button-icon-favorited;
  animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
  animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
}
.pf-v6-c-button.pf-m-settings {
  --pf-v6-c-button__icon--TransitionProperty: rotate;
  --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
  --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
  --pf-v6-c-button--hover__icon--TransitionProperty: rotate;
  --pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
  --pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
  --pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
}
.pf-v6-c-button.pf-m-hamburger {
  --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
  --pf-v6-c-button__icon--TransitionDuration: 0s;
  --pf-v6-c-button__icon--TransitionProperty: scale;
  --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
  --pf-v6-c-button--hover__icon--TransitionProperty: scale;
}
.pf-v6-c-button.pf-m-hamburger.pf-m-expand {
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
  --pf-v6-c-button__icon--TransitionDelay: 0s;
  --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
}
.pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
  --pf-v6-c-button__icon--TransitionDelay: 0s;
  --pf-v6-c-button__icon--ScaleX: 1;
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
  --pf-v6-c-button--hover__icon--ScaleX: 1;
}
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
  --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
  --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
  --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
  --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
  --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
  --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
  --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
  --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
}
.pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
}
.pf-v6-c-button:active {
  background-size: 100% 100%;
  transition-duration: 0s;
}
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
  pointer-events: none;
}
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
  color: var(--pf-v6-c-button--disabled--Color);
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
  background: var(--pf-v6-c-button--disabled--BackgroundColor);
}
.pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
  border-color: transparent;
}
.pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
  color: var(--pf-v6-c-button--disabled__icon--Color);
}
.pf-v6-c-button.pf-m-aria-disabled {
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
  cursor: default;
}
.pf-v6-c-button.pf-m-progress {
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
}
.pf-v6-c-button.pf-m-in-progress {
  --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
}
.pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
}
.pf-v6-c-button.pf-m-in-progress.pf-m-plain {
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
  --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
}
.pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
  opacity: 0;
}
.pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
  animation-name: pf-v6-c-button-icon-notify;
  animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
  animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
}

.pf-v6-c-button__icon {
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
  color: var(--pf-v6-c-button__icon--Color);
  transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
  transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
  rotate: var(--pf-v6-c-button__icon--Rotate);
  scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
}
.pf-v6-c-button__icon.pf-m-start {
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
}
.pf-v6-c-button__icon.pf-m-end {
  --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
}

.pf-v6-c-button__icon-favorite,
.pf-v6-c-button__icon-favorited {
  grid-area: 1/1/1/1;
  transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
  transition-property: opacity;
}

.pf-v6-c-button__icon-favorite {
  opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
}

.pf-v6-c-button__icon-favorited {
  opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
}

.pf-v6-c-button__progress {
  position: absolute;
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
  inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
  line-height: 1;
  color: var(--pf-v6-c-button__progress--Color);
  transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
}
.pf-v6-c-button__progress .pf-v6-c-spinner {
  --pf-v6-c-spinner--Color: currentcolor;
}

.pf-v6-c-button__text {
  text-decoration: inherit;
}

.pf-v6-c-button__count {
  display: inline-flex;
  align-items: center;
}

.pf-v6-c-button--hamburger-icon path {
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
}

.pf-v6-c-button--hamburger-icon--top {
  d: var(--pf-v6-c-button--hamburger-icon--top--path);
}

.pf-v6-c-button--hamburger-icon--middle {
  d: var(--pf-v6-c-button--hamburger-icon--middle--path);
}

.pf-v6-c-button--hamburger-icon--arrow {
  d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
}

.pf-v6-c-button--hamburger-icon--bottom {
  d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
}

@keyframes pf-v6-c-button-icon-notify {
  33% {
    transform: rotate(30deg);
  }
  66% {
    transform: rotate(-60deg);
  }
}
@keyframes pf-v6-c-button-icon-favorited {
  50% {
    scale: 1.5;
  }
}
.pf-v6-c-spinner {
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
  --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
  --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
  --pf-v6-c-spinner--AnimationDuration: 1.4s;
  --pf-v6-c-spinner--AnimationTimingFunction: linear;
  --pf-v6-c-spinner--StrokeWidth: 10;
  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
  --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
  --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
  --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
  --pf-v6-c-spinner--m-inline--diameter: 1em;
}

.pf-v6-c-spinner {
  width: var(--pf-v6-c-spinner--Width);
  height: var(--pf-v6-c-spinner--Height);
  overflow: hidden;
  animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
}
.pf-v6-c-spinner.pf-m-inline {
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
}
.pf-v6-c-spinner.pf-m-xs {
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
  --pf-v6-c-spinner--StrokeWidth: 15;
}
.pf-v6-c-spinner.pf-m-sm {
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
}
.pf-v6-c-spinner.pf-m-md {
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
}
.pf-v6-c-spinner.pf-m-lg {
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
}
.pf-v6-c-spinner.pf-m-xl {
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
}

.pf-v6-c-spinner__path {
  width: 100%;
  height: 100%;
  stroke: var(--pf-v6-c-spinner--Color);
  stroke-dasharray: 283;
  stroke-dashoffset: 280;
  stroke-linecap: round;
  stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
  transform-origin: 50% 50%;
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
}

@keyframes pf-v6-c-spinner-animation-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pf-v6-c-spinner-animation-dash {
  0% {
    stroke-dashoffset: 280;
    transform: rotate(0);
  }
  15% {
    stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
  }
  40% {
    stroke-dasharray: 220;
    stroke-dashoffset: 150;
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(720deg);
  }
}
.pf-v6-c-badge {
  --pf-v6-c-badge--BorderColor: transparent;
  --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
  --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
  --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
  --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
  --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
  --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
  --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
  --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
  --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
  --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
  --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
  --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
  --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
  --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
  --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
  --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
  --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
  --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
}

.pf-v6-c-badge {
  position: relative;
  display: inline-block;
  min-width: var(--pf-v6-c-badge--MinWidth);
  padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
  font-size: var(--pf-v6-c-badge--FontSize);
  font-weight: var(--pf-v6-c-badge--FontWeight);
  color: var(--pf-v6-c-badge--Color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--pf-v6-c-badge--BackgroundColor);
  border-radius: var(--pf-v6-c-badge--BorderRadius);
}
.pf-v6-c-badge::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
  border-radius: inherit;
}
.pf-v6-c-badge.pf-m-read {
  --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
  --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
  --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
}
.pf-v6-c-badge.pf-m-unread {
  --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
  --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
  --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
}
.pf-v6-c-badge.pf-m-disabled {
  --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
  --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
}
.pf-v6-c-badge.pf-m-disabled::after {
  border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
}

.pf-v6-c-badge__toggle-icon {
  margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
  color: var(--pf-v6-c-badge__toggle-icon--Color);
}
.pf-topology-content {
  background-color: var(--pf-t--global--background--color--secondary--default);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.pf-topology-container {
  flex: 1;
}

.pf-topology-container__with-sidebar {
  position: relative;
}

.pf-topology-side-bar {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  max-width: 100%;
  height: 100%;
  background-color: var(--pf-t--global--background--color--primary--default);
  overflow-x: hidden;
  opacity: 0;
  z-index: 5;
  -webkit-transition: opacity 0.15s linear, transform 0.15s linear;
  -o-transition: opacity 0.15s linear, transform 0.15s linear;
  transition: opacity 0.15s linear, transform 0.15s linear;
}
.pf-topology-side-bar.in {
  opacity: 1;
}
.pf-topology-side-bar.shown {
  width: 100%;
}
.pf-topology-side-bar__dismiss.pf-v6-c-button {
  position: absolute;
  top: calc(2rem - 0.375rem + 0.0625rem);
  right: 1rem;
}
.pf-topology-side-bar:not(.in) {
  -webkit-transform: translate3d(-25%, 0, 0);
  transform: translate3d(25%, 0, 0);
}

.pf-topology-resizable-side-bar {
  width: 100%;
  height: 100%;
  background-color: var(--pf-t--global--background--color--primary--default);
  overflow-x: hidden;
}

.pf-topology-side-bar > .pf-topology-side-bar__dismiss + * {
  margin-right: 2rem;
}
.pf-topology-side-bar > .pf-topology-side-bar__header + * {
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .pf-topology-container__with-sidebar {
    overflow-x: hidden;
    background-color: var(--pf-t--global--background--color--secondary--default) !important;
  }
  .pf-topology-container__with-sidebar .pf-topology-content {
    -webkit-transition: width 0.15s linear;
    -o-transition: width 0.15s linear;
    transition: width 0.15s linear;
    position: absolute;
    left: 0;
    min-width: 100%;
  }
  .pf-topology-container__with-sidebar.pf-topology-container__with-sidebar--open .pf-topology-content {
    width: 180px;
    min-width: calc(100% - 550px);
  }

  .pf-topology-side-bar.shown {
    box-shadow: var(--pf-t--global--box-shadow--md);
    width: calc(100% - 180px);
    max-width: 550px;
  }
}

.pf-topology-control-bar {
  position: absolute;
  bottom: 0;
  left: var(--pf-t--global--spacer--lg);
}
.pf-topology-control-bar__button.pf-v6-c-button.pf-m-tertiary {
  margin-right: var(--pf-t--global--spacer--gap--control-to-control--default);
  margin-top: var(--pf-t--global--spacer--xs);
  padding: var(--pf-t--global--spacer--control--vertical--plain) var(--pf-t--global--spacer--control--horizontal--default);
  border: none;
  border-radius: var(--pf-t--global--border--radius--small);
  box-shadow: var(--pf-t--global--box-shadow--sm);
}
.pf-topology-control-bar__button.pf-v6-c-button.pf-m-tertiary:not(.pf-m-disabled) {
  background-color: var(--pf-t--global--background--color--primary--default);
}
.pf-topology-control-bar__button.pf-v6-c-button.pf-m-tertiary:after {
  display: none;
}
.pf-topology-control-bar__button.pf-v6-c-button.pf-m-tertiary:hover {
  border: none;
  box-shadow: var(--pf-t--global--box-shadow--md);
}

.pf-v6-c-tooltip {
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
  --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
  --pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
  --pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
  --pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
  --pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
  --pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
  --pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
  --pf-v6-c-tooltip__arrow--Width: 0.9375rem;
  --pf-v6-c-tooltip__arrow--Height: 0.9375rem;
  --pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
  --pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
  --pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
  --pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
  --pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
  --pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
  --pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
  --pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
  --pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
  --pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
  --pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
  --pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
  --pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
  --pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
}

.pf-v6-c-tooltip {
  position: relative;
  max-width: var(--pf-v6-c-tooltip--MaxWidth);
  box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
}
.pf-v6-c-tooltip:is(.pf-m-top,
.pf-m-top-left,
.pf-m-top-right) {
  --pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
  --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
}
.pf-v6-c-tooltip:is(.pf-m-bottom,
.pf-m-bottom-left,
.pf-m-bottom-right) {
  --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0);
  --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%);
  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateX);
  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateY);
  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-bottom--Rotate);
}
.pf-v6-c-tooltip:is(.pf-m-left,
.pf-m-left-top,
.pf-m-left-bottom) {
  --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%);
  --pf-v6-c-tooltip__arrow--InsetInlineEnd: var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0);
  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-left--TranslateY);
  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
}
.pf-v6-c-tooltip:is(.pf-m-right,
.pf-m-right-top,
.pf-m-right-bottom) {
  --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
  --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
}
.pf-v6-c-tooltip:is(.pf-m-left-top,
.pf-m-right-top) {
  --pf-v6-c-tooltip__arrow--InsetBlockStart: 0;
  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
}
.pf-v6-c-tooltip:is(.pf-m-left-bottom,
.pf-m-right-bottom) {
  --pf-v6-c-tooltip__arrow--InsetBlockStart: auto;
  --pf-v6-c-tooltip__arrow--InsetBlockEnd: 0;
}
.pf-v6-c-tooltip:is(.pf-m-top-left,
.pf-m-bottom-left) {
  --pf-v6-c-tooltip__arrow--InsetInlineStart: 0;
  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
}
.pf-v6-c-tooltip:is(.pf-m-top-right,
.pf-m-bottom-right) {
  --pf-v6-c-tooltip__arrow--InsetInlineEnd: 0;
  --pf-v6-c-tooltip__arrow--InsetInlineStart: auto;
}

.pf-v6-c-tooltip__content {
  position: relative;
  padding-block-start: var(--pf-v6-c-tooltip__content--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-tooltip__content--PaddingBlockEnd);
  padding-inline-start: var(--pf-v6-c-tooltip__content--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-tooltip__content--PaddingInlineEnd);
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
  color: var(--pf-v6-c-tooltip__content--Color);
  text-align: center;
  word-break: break-word;
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
}
.pf-v6-c-tooltip__content.pf-m-text-align-left {
  text-align: start;
}

.pf-v6-c-tooltip__arrow {
  position: absolute;
  top: var(--pf-v6-c-tooltip__arrow--InsetBlockStart, auto);
  right: var(--pf-v6-c-tooltip__arrow--InsetInlineEnd, auto);
  bottom: var(--pf-v6-c-tooltip__arrow--InsetBlockEnd, auto);
  left: var(--pf-v6-c-tooltip__arrow--InsetInlineStart, auto);
  width: var(--pf-v6-c-tooltip__arrow--Width);
  height: var(--pf-v6-c-tooltip__arrow--Height);
  pointer-events: none;
  background-color: var(--pf-v6-c-tooltip__arrow--BackgroundColor);
  box-shadow: var(--pf-v6-c-tooltip__arrow--BoxShadow);
  transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
}
.pf-v6-c-popover[data-popper-reference-hidden="true"] {
    visibility: hidden;
    pointer-events: none;
}


:root {
  --pf-topology-visualization-surface--BackgroundColor: transparent;

  /* Create connector */
  /* Remove --pf-topology-create-connector-color at a breaking change */
  --pf-topology-create-connector-color: var(--pf-t--global--border--color--on-secondary);
  --pf-topology__create-connector-color--Stroke: var(--pf-topology-create-connector-color, var(--pf-t--global--border--color--on-secondary));
  --pf-topology__create-connector-color--Fill: var(--pf-topology-create-connector-color, var(--pf-t--global--border--color--on-secondary));

  /* node */
  --pf-topology__node--Color: var(--pf-t--global--icon--color--regular);
  --pf-topology__node__background--Fill: var(--pf-t--global--background--color--floating--default);
  --pf-topology__node__background--Stroke: var(--pf-t--global--border--color--default);
  --pf-topology__node__background--StrokeWidth: var(--pf-t--global--border--width--regular);
  --pf-topology__node--m-dragging--background--StrokeWidth: var(--pf-t--global--border--width--regular);

  /* Status changes */
  --pf-topology__node--m-disabled--Background--Fill: var(--pf-t--global--background--color--disabled--default);
  --pf-topology__node--m-disabled--Background--Stroke: var(--pf-t--global--border--color--disabled);

  --pf-topology__node--m-info--Background--Fill: var(--pf-t--global--color--nonstatus--blue--default);
  --pf-topology__node--m-info--Background--Stroke: var(--pf-t--global--border--color--nonstatus--blue--default);

  --pf-topology__node--m-success--Background--Fill: var(--pf-t--global--color--status--success--default);
  --pf-topology__node--m-success--Background--Stroke: var(--pf-t--global--border--color--status--success--default);

  --pf-topology__node--m-warning--Background--Fill: var(--pf-t--global--color--status--warning--default);
  --pf-topology__node--m-warning--Background--Stroke: var(--pf-t--global--border--color--status--warning--default);

  --pf-topology__node--m-danger--Background--Fill: var(--pf-t--global--color--status--danger--default);
  --pf-topology__node--m-danger--Background--Stroke: var(--pf-t--global--border--color--status--danger--default);

  --pf-topology__node--m-selected--Background--Fill: var(--pf-t--global--border--color--brand--default);
  --pf-topology__node--m-selected--Background--Stroke: var(--pf-t--global--border--color--brand--default);


  /* Hover changes */
  --pf-topology__node--m-hover--background--Stroke: var(--pf-t--global--border--color--default);
  --pf-topology__node--m--hover--m-info--node__background--Stroke: var(--pf-t--global--border--color--nonstatus--blue--hover);
  --pf-topology__node--m--hover--m-success--node__background--Stroke: var(--pf-t--global--border--color--status--success--hover);
  --pf-topology__node--m--hover--m-warning--node__background--Stroke: var(--pf-t--global--border--color--status--warning--hover);
  --pf-topology__node--m--hover--m-danger--node__background--Stroke: var(--pf-t--global--border--color--status--danger--hover);

  /* Selection changes */
  --pf-topology__node--m-selected__background--StrokeWidth: var(--pf-t--global--border--width--strong);

  /* node decorators */
  --pf-topology__node_decorator--Color: var(--pf-t--global--icon--color--regular);
  --pf-topology__node__decorator__bg--Fill: var(--pf-t--global--background--color--floating--default);
  --pf-topology__node__decorator__bg--Stroke: var(--pf-t--global--border--color--default);
  --pf-topology__node__decorator__bg--StrokeWidth: var(--pf-t--global--border--width--regular);

  --pf-topology__node__decorator__status--m-info--Color: var(--pf-t--global--icon--color--brand--default);
  --pf-topology__node__decorator__status--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
  --pf-topology__node__decorator__status--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
  --pf-topology__node__decorator__status--m-success--Color: var(--pf-t--global--icon--color--status--success--default);

  /* node labels */
  --pf-topology__node__label__text--Fill: var(--pf-t--global--text--color--regular);
  --pf-topology__node__label__text--m-secondary--Fill: var(--pf-t--global--text--color--subtle);

  --pf-topology__node--m-hover--node__label__text--Fill: var(--pf-t--global--text--color--on-brand--default);
  --pf-topology__node--m-selected--node__label__text--Fill: var(--pf-t--global--text--color--on-brand--default);
  --pf-topology__node--m-selected--m-info--node__label__text--Fill: var(--pf-t--global--text--color--nonstatus--on-blue--default);
  --pf-topology__node--m-selected--m-danger--node__label__text--Fill: var(--pf-t--global--text--color--status--on-danger--default);
  --pf-topology__node--m-selected--m-warning--node__label__text--Fill: var(--pf-t--global--text--color--regular);
  --pf-topology__node--m-selected--m-success--node__label__text--Fill: var(--pf-t--global--text--color--status--on-success--default);

  --pf-topology__node--m-selected--node__label__text--m-secondary--Fill: var(--pf-t--global--text--color--on-brand--default);
  --pf-topology__node--m-selected--m-info--node__label__text--m-secondary--Fill: var(--pf-t--global--text--color--nonstatus--on-blue--default);
  --pf-topology__node--m-selected--m-warning--node__label__text--m-secondary--Fill: var(--pf-t--global--text--color--status--on-warning--default);
  --pf-topology__node--m-selected--m-success--node__label__text--m-secondary--Fill: var(--pf-t--global--text--color--status--on-success--default);
  --pf-topology__node--m-selected--m-danger--node__label__text--m-secondary--Fill: var(--pf-t--global--text--color--status--on-danger--default);

  --pf-topology__node__label__background--Fill: var(--pf-t--global--background--color--floating--default);
  --pf-topology__node__label__background--Stroke: var(--pf-t--global--border--color--default);

  --pf-topology__node--m-hover--label__background--Stroke: var(--pf-t--global--border--color--default);

  --pf-topology__node--m-selected--node__label__background--Stroke: var(--pf-t--global--border--color--brand--default);
  --pf-topology__node--m-info--node__label__background--Stroke: var(--pf-t--global--border--color--nonstatus--blue--default);
  --pf-topology__node--m-success--node__label__background--Stroke: var(--pf-t--global--border--color--status--success--default);
  --pf-topology__node--m-warning--node__label__background--Stroke: var(--pf-t--global--border--color--status--warning--default);
  --pf-topology__node--m-danger--node__label__background--Stroke: var(--pf-t--global--border--color--status--danger--default);
  --pf-topology__node__label__background--StrokeWidth: var(--pf-t--global--border--width--regular);
  --pf-topology__node__label--m-dragging--background--StrokeWidth: var(--pf-t--global--border--width--regular);

  --pf-topology__node--m--hover--m-info--node__label__background--Stroke: var(--pf-t--global--border--color--nonstatus--blue--hover);
  --pf-topology__node--m--hover--m-success--node__label__background--Stroke: var(--pf-t--global--border--color--status--success--hover);
  --pf-topology__node--m--hover--m-warning--node__label__background--Stroke: var(--pf-t--global--border--color--status--warning--hover);
  --pf-topology__node--m--hover--m-danger--node__label__background--Stroke: var(--pf-t--global--border--color--status--danger--hover);

  --pf-topology__node--m-selected--node__label__background--Fill: var(--pf-t--global--color--brand--default);
  --pf-topology__node--m-selected--m-info--node__label__background--Fill: var(--pf-t--global--color--nonstatus--blue--default);
  --pf-topology__node--m-selected--m-danger--node__label__background--Fill: var(--pf-t--global--color--status--danger--default);
  --pf-topology__node--m-selected--m-warning--node__label__background--Fill: var(--pf-t--global--color--status--warning--default);
  --pf-topology__node--m-selected--m-success--node__label__background--Fill: var(--pf-t--global--color--status--success--default);

  /* node label icon */
  --pf-topology__node__label__icon--Color: var(--pf-t--global--icon--color--regular);

  --pf-topology__node__label__icon__background--Fill: var(--pf-t--global--background--color--floating--default);
  --pf-topology__node__label__icon__background--StrokeWidth: var(--pf-t--global--border--width--regular);
  --pf-topology__node__label__icon__background--Stroke: var(--pf-t--global--border--color--default);

  --pf-topology__node--m-selected--label__icon__background--Stroke: var(--pf-t--global--border--color--brand--default);
  --pf-topology__node--m-selected--label__icon__background--StrokeWidth: var(--pf-t--global--border--width--strong);
  --pf-topology__node--m-info--label__icon__background--Stroke: var(--pf-t--global--border--color--nonstatus--blue--default);
  --pf-topology__node--m-success--label__icon__background--Stroke: var(--pf-t--global--border--color--status--success--default);
  --pf-topology__node--m-warning--label__icon__background--Stroke: var(--pf-t--global--border--color--status--warning--default);
  --pf-topology__node--m-danger--label__icon__background--Stroke: var(--pf-t--global--border--color--status--danger--default);

  --pf-topology__node__label__badge__rect--StrokeWidth: var(--pf-t--global--border--width--regular);

  --pf-topology__node__separator--Stroke: var(--pf-t--global--border--color--default);
  --pf-topology__node__separator--StrokeWidth: var(--pf-t--global--border--width--regular);
  --pf-topology__node--m-selected--separator--Stroke: var(--pf-t--global--border--color--default);

  --pf-topology__node__action-icon__icon--Color: var(--pf-t--global--icon--color--regular);
  --pf-topology__node--m-selected--action-icon__icon--Color: var(--pf-t--global--icon--color--on-brand--default);

  /* group */
  --pf-topology__group--m-selected--topology__node__action-icon__icon--Color: var(--pf-t--global--icon--color--inverse);

  --pf-topology__group--m-selected--topology__group__background--Fill: var(--pf-t--global--background--color--secondary--default);

  --pf-topology__group__background--Fill: var(--pf-t--global--background--color--secondary--default);
  --pf-topology__group__background--Stroke: var(--pf-t--global--border--color--default);
  --pf-topology__group__background--StrokeWidth: 5px;

  --pf-topology__group--m-alt-group--topology__group__background--Fill: var(--pf-t--global--background--color--primary--default);
  --pf-topology__group--m-alt-group--topology__group__background--Stroke: var(--pf-t--global--border--color--default);

  --pf-topology__group--m-selected--topology__group__background--Stroke: var(--pf-t--global--border--color--clicked);
  --pf-topology__group--m-hover--topology__group__background--Stroke: var(--pf-t--global--border--color--hover);
  --pf-topology__group--m-selected--m-hover--topology__group__background--Stroke: var(--pf-t--global--border--color--hover);
  --pf-topology__group--m-drop-target--topology__group__background--Fill: var(--pf-t--global--color--nonstatus--blue--default);
  --pf-topology__group--m-drop-target--topology__group__background--Stroke: var(--pf-t--global--border--color--brand--default);
  --pf-topology__group__collapsed-badge__node__label__badge__rect--Fill: var(--pf-t--global--background--color--floating--default);
  --pf-topology__group__collapsed-badge__node__label__badge__rect--Stroke: var(--pf-t--global--border--color--default);
  --pf-topology__group__collapsed-badge__node__label__badge__text--Fill: var(--pf-t--global--text--color--regular);

  --pf-topology__group__label__node__label__background--Fill: var(--pf-t--global--background--color--inverse--default);
  --pf-topology__group__label__node__label__background--StrokeWidth: var(--pf-t--global--border--width--regular);
  --pf-topology__group__label__text--Fill: var(--pf-t--global--text--color--inverse);
  --pf-topology__group__label__node__action-icon__icon--Color: var(--pf-t--global--icon--color--inverse);
  --pf-topology__group--m-selected--group__label__node__label__background--Fill: var(--pf-t--global--color--brand--default);

  /* edge */
  --pf-topology__edge--Stroke: #707070;
  --pf-topology__edge--StrokeWidth: var(--pf-t--global--border--width--regular);
  --pf-topology__edge--HoverStroke: var(--pf-topology__edge--Stroke);
  --pf-topology__edge--ActiveStroke: var(--pf-t--global--border--color--clicked);
  --pf-topology__edge--ActiveStrokeWidth: var(--pf-t--global--border--width--strong);
  --pf-topology__edge--InteractiveStroke: var(--pf-t--global--border--color--brand--default);
  --pf-topology__edge--m-selected--background--Stroke: var(--pf-topology__edge--ActiveStroke);
  --pf-topology__edge--m-selected--background--Opacity: 0.3;
  --pf-topology__edge--m-drop-target--Stroke: var(--pf-t--global--border--color--brand--default);
  --pf-topology__edge--m-drop-target--StrokeWidth: var(--pf-t--global--border--width--strong);

  --pf-topology__edge--m-info--EdgeStroke: var(--pf-t--global--border--color--brand--default);
  --pf-topology__edge--m-success--EdgeStroke: var(--pf-t--global--border--color--status--success--default);
  --pf-topology__edge--m-warning--EdgeStroke: var(--pf-t--global--border--color--status--warning--default);
  --pf-topology__edge--m-danger--EdgeStroke: var(--pf-t--global--border--color--status--danger--default);

  --pf-topology__edge--m-info--EdgeFill: var(--pf-t--global--border--color--brand--default);
  --pf-topology__edge--m-success--EdgeFill: var(--pf-t--global--border--color--status--success--default);
  --pf-topology__edge--m-warning--EdgeFill: var(--pf-t--global--border--color--status--warning--default);
  --pf-topology__edge--m-danger--EdgeFill: var(--pf-t--global--border--color--status--danger--default);

  --pf-topology__edge--m-hover--background--Stroke: var(--pf-t--global--border--color--default);

  --pf-topology__edge__tag__text--Fill: var(--pf-t--global--text--color--inverse);
  --pf-topology__edge__tag__text--Stroke: var(--pf-t--global--text--color--inverse);

  --pf-topology__edge__tag__background--Fill: var(--pf-t--global--background--color--inverse--default);
  --pf-topology__edge__tag--m-info--background--Fill: var(--pf-t--global--color--nonstatus--blue--default);

  --pf-topology__edge__tag--m-info--text--Fill: var(--pf-t--global--text--color--nonstatus--on-blue--default);
  --pf-topology__edge__tag--m-info--text--Stroke: var(--pf-t--global--text--color--nonstatus--on-blue--default);

  --pf-topology__edge__tag--m-success--background--Fill: var(--pf-t--global--color--status--success--default);

  --pf-topology__edge__tag--m-success--text--Fill: var(--pf-t--global--text--color--status--on-success--default);
  --pf-topology__edge__tag--m-success--text--Stroke: var(--pf-t--global--text--color--status--on-success--default);

  --pf-topology__edge__tag--m-warning--background--Fill: var(--pf-t--global--color--status--warning--default);

  --pf-topology__edge__tag--m-warning--text--Fill: var(--pf-t--global--text--color--status--on-warning--default);
  --pf-topology__edge__tag--m-warning--text--Stroke: var(--pf-t--global--text--color--status--on-warning--default);

  --pf-topology__edge__tag--m-danger--background--Fill: var(--pf-t--global--color--status--danger--default);

  --pf-topology__edge__tag--m-danger--text--Fill: var(--pf-t--global--text--color--status--on-danger--default);
  --pf-topology__edge__tag--m-danger--text--Stroke: var(--pf-t--global--text--color--status--on-danger--default);

  /* connectors */
  --pf-topology-connector-arrow--m-alt-connector-arrow--Fill: var(--pf-t--global--icon--color--regular);

  --pf-topology__connector-square--m-source--Fill: var(--pf-t--global--background--color--secondary--default);

  --pf-topology-default-create-connector__arrow--Fill: var(--pf-t--global--background--color--secondary--default);

  --pf-topology-default-create-connector--m-hover--line--Stroke: var(--pf-t--global--border--color--default);
  --pf-topology-default-create-connector--m-hover--arrow--Fill: var(--pf-t--global--border--color--default);
  --pf-topology-default-create-connector--m-hover--arrow--Stroke: var(--pf-t--global--border--color--default);

  --pf-topology__area-select-rect--Fill: var(--pf-t--global--border--color--clicked);
  --pf-topology__area-select-rect--Stroke: var(--pf-t--global--color--brand--clicked);
  --pf-topology__area-select-rect--StrokeWidth: var(--pf-t--global--border--width--regular);
  --pf-topology__area-select-rect--Opacity: 0.3;
}

.pf-topology-visualization-surface {
  background-color: var(--pf-topology-visualization-surface--BackgroundColor);
  height: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  position: relative;
}

.pf-topology-visualization-surface__svg {
  display: block;
  width: 100%;
  height: 100%;
}

.pf-topology-visualization-surface__svg g:focus {
  outline: none;
}

.pf-topology-context-menu__c-dropdown__menu {
  position: initial !important;
}

.pf-topology-context-sub-menu {
  position: relative;
  padding-right: var(--pf-t--global--spacer--lg) !important;
}

.pf-topology-context-sub-menu__arrow {
  position: absolute;
  right: var(--pf-t--global--spacer--xs);
  top: 50%;
  transform: translateY(-50%);
}

/* Node */
.pf-topology__node {
  outline: none;
  color: var(--pf-topology__node--Color);
}

/* Color is defined in the svg but fill will override it */
.pf-topology__node svg,
.pf-topology__group svg {
  fill: var(--pf-topology__node--Color);
}

.pf-topology__node__background {
  fill: var(--pf-topology__node__background--Fill);
  stroke-width: var(--pf-topology__node__background--StrokeWidth);
  stroke: var(--pf-topology__node__background--Stroke);
}

.pf-topology__node__background.pf-m-hover {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m--hover--m-info--node__background--Stroke);
}

.pf-topology__node__background.pf-m-disabled {
  --pf-topology__node__background--Fill: var(--pf-topology__node--m-disabled--Background--Fill);
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m-disabled--Background--Stroke);
}

.pf-topology__node__background.pf-m-info {
  --pf-topology__node__background--Fill: var(--pf-topology__node--m-info--Background--Fill);
}

.pf-topology__node__background.pf-m-hover.pf-m-info {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m--hover--m-info--node__background--Stroke);
}

.pf-topology__node__background.pf-m-success {
  --pf-topology__node__background--Fill: var(--pf-topology__node--m-success--Background--Fill);
}

.pf-topology__node__background.pf-m-success.pf-m-hover {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m--hover--m-success--node__background--Stroke);
}

.pf-topology__node__background.pf-m-warning {
  --pf-topology__node__background--Fill: var(--pf-topology__node--m-warning--Background--Fill);
}

.pf-topology__node__background.pf-m-danger {
  --pf-topology__node__background--Fill: var(--pf-topology__node--m-danger--Background--Fill);
}

.pf-topology__node__background.pf-m-selected {
  --pf-topology__node__background--Fill: var(--pf-topology__node--m-selected--Background--Fill);
}

.pf-topology__node.pf-m-dragging {
  --pf-topology__node__background--StrokeWidth: var(--pf-topology__node--m-dragging--background--StrokeWidth);
  --pf-topology__node__label__background--StrokeWidth: var(--pf-topology__node__label--m-dragging--background--StrokeWidth);
}

.pf-topology__node.pf-m-dragging .pf-topology__node__background {
  cursor: grab;
}

.pf-topology__node.pf-m-selected .pf-topology__node__background {
  stroke-width: var(--pf-topology__node--m-selected__background--StrokeWidth);
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m-selected--Background--Stroke);
}

.pf-topology__node.pf-m-info .pf-topology__node__background {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m-info--Background--Stroke);
}

.pf-topology__node.pf-m-hover .pf-topology__node__background {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m-hover--background--Stroke);
}

.pf-topology__node.pf-m-hover.pf-m-selected .pf-topology__node__background {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m-selected--Background--Stroke);
}

.pf-topology__node.pf-m-hover.pf-m-info .pf-topology__node__background {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m-info--Background--Stroke);
}

.pf-topology__node.pf-m-success .pf-topology__node__background {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m-success--Background--Stroke);
}

.pf-topology__node.pf-m-hover.pf-m-success .pf-topology__node__background {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m--hover--m-success--node__label__background--Stroke);
}

.pf-topology__node.pf-m-warning .pf-topology__node__background {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m-warning--Background--Stroke);
}

.pf-topology__node.pf-m-hover.pf-m-warning .pf-topology__node__background {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m--hover--m-warning--node__label__background--Stroke);
}

.pf-topology__node.pf-m-danger .pf-topology__node__background {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m-danger--Background--Stroke);
}

.pf-topology__node.pf-m-hover.pf-m-danger .pf-topology__node__background {
  --pf-topology__node__background--Stroke: var(--pf-topology__node--m--hover--m-danger--node__label__background--Stroke);
}

/* Node decorator */
.pf-topology__node__decorator {
  --pf-topology__node--Color: var(--pf-topology__node_decorator--Color);
  transition: color 0.2s ease;
  outline: none;
}

.pf-topology__node__decorator svg {
  fill: var(--pf-topology__node_decorator--Color);
}

.pf-topology__node__decorator__bg {
  fill: var(--pf-topology__node__decorator__bg--Fill);
  stroke: var(--pf-topology__node__decorator__bg--Stroke);
  stroke-width: var(--pf-topology__node__decorator__bg--StrokeWidth);
}

.pf-topology__node__decorator__icon {
  font-size: var(--pf-t--global--icon--size--font--body--sm);
  color: var(--pf-topology__node_decorator--Color);
}

.pf-topology__node__decorator__status {
  color: var(--pf-topology__node_decorator--Color);
}

.pf-topology__node__decorator__status .pf-m-info {
  --pf-topology__node_decorator--Color: var(--pf-topology__node__decorator__status--m-info--Color);
}
.pf-topology__node__decorator__status .pf-m-danger {
  --pf-topology__node_decorator--Color: var(--pf-topology__node__decorator__status--m-danger--Color);
}
.pf-topology__node__decorator__status .pf-m-warning {
  --pf-topology__node_decorator--Color: var(--pf-topology__node__decorator__status--m-warning--Color);
}
.pf-topology__node__decorator__status .pf-m-success {
  --pf-topology__node_decorator--Color: var(--pf-topology__node__decorator__status--m-success--Color);
}

/* Node label */
.pf-topology__node.pf-m-selected {
  --pf-topology__node__label__text--Fill: var(--pf-topology__node--m-selected--node__label__text--Fill);
  --pf-topology__node__label__text--m-secondary--Fill: var(--pf-topology__node--m-selected--node__label__text--m-secondary--Fill);
}

.pf-topology__node__label > text {
  fill: var(--pf-topology__node__label__text--Fill);
  font-size: var(--pf-t--global--font--size--body--sm);
  pointer-events: none;
}

.pf-topology__node__label > text.pf-m-secondary {
  fill: var(--pf-topology__node__label__text--m-secondary--Fill);
  font-size: var(--pf-t--global--font--size--body--sm);
}

.pf-topology__node__label__background {
  fill: var(--pf-topology__node__label__background--Fill);
  stroke-width: var(--pf-topology__node__label__background--StrokeWidth);
  stroke: var(--pf-topology__node__label__background--Stroke);
}

.pf-topology__node.pf-m-selected  {
  --pf-topology__node__label__background--Stroke: var(--pf-topology__node--m-selected--node__label__background--Stroke);
  --pf-topology__node__label__background--Fill: var(--pf-topology__node--m-selected--node__label__background--Fill);
  --pf-topology__node__separator--Stroke: var(--pf-topology__node--m-selected--node__label__text--m-secondary--Fill);
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology__node--m-selected--action-icon__icon--Color);
}

.pf-topology__node.pf-m-info {
  --pf-topology__node__label__background--Stroke: var(--pf-topology__node--m-info--node__label__background--Stroke);
}

.pf-topology__node.pf-m-hover.pf-m-info {
  --pf-topology__node__label__background--Stroke: var(--pf-topology__node--m--hover--m-info--node__label__background--Stroke);
}

.pf-topology__node.pf-m-success {
  --pf-topology__node__label__background--Stroke: var(--pf-topology__node--m-success--node__label__background--Stroke);
}
.pf-topology__node.pf-m-hover.pf-m-success {
  --pf-topology__node__label__background--Stroke: var(--pf-topology__node--m--hover--m-success--node__label__background--Stroke);
}

.pf-topology__node.pf-m-warning {
  --pf-topology__node__label__background--Stroke: var(--pf-topology__node--m-warning--node__label__background--Stroke);
}

.pf-topology__node.pf-m-hover.pf-m-warning {
  --pf-topology__node__label__background--Stroke: var(--pf-topology__node--m--hover--m-warning--node__label__background--Stroke);
}

.pf-topology__node.pf-m-danger {
  --pf-topology__node__label__background--Stroke: var(--pf-topology__node--m-danger--node__label__background--Stroke);
}

.pf-topology__node.pf-m-hover.pf-m-danger {
  --pf-topology__node__label__background--Stroke: var(--pf-topology__node--m--hover--m-danger--node__label__background--Stroke);
}


.pf-topology__node.pf-m-selected.pf-m-info {
  --pf-topology__node__label__background--Fill: var(--pf-topology__node--m-selected--m-info--node__label__background--Fill);
  --pf-topology__node--m-selected--node__label__text--Fill: var(--pf-topology__node--m-selected--m-info--node__label__text--Fill);
  --pf-topology__node--m-selected--node__label__text--m-secondary--Fill: var(--pf-topology__node--m-selected--m-info--node__label__text--m-secondary--Fill);
}

.pf-topology__node.pf-m-selected.pf-m-danger  {
  --pf-topology__node__label__background--Fill: var(--pf-topology__node--m-selected--m-danger--node__label__background--Fill);
  --pf-topology__node--m-selected--node__label__text--Fill: var(--pf-topology__node--m-selected--m-danger--node__label__text--Fill);
  --pf-topology__node--m-selected--node__label__text--m-secondary--Fill: var(--pf-topology__node--m-selected--m-danger--node__label__text--m-secondary--Fill);
}

.pf-topology__node.pf-m-selected.pf-m-warning {
  --pf-topology__node__label__background--Fill: var(--pf-topology__node--m-selected--m-warning--node__label__background--Fill);
  --pf-topology__node--m-selected--node__label__text--Fill: var(--pf-topology__node--m-selected--m-warning--node__label__text--Fill);
  --pf-topology__node--m-selected--node__label__text--m-secondary--Fill: var(--pf-topology__node--m-selected--m-warning--node__label__text--m-secondary--Fill);
}

.pf-topology__node.pf-m-selected.pf-m-success {
  --pf-topology__node__label__background--Fill: var(--pf-topology__node--m-selected--m-success--node__label__background--Fill);
  --pf-topology__node--m-selected--node__label__text--Fill: var(--pf-topology__node--m-selected--m-success--node__label__text--Fill);
  --pf-topology__node--m-selected--node__label__text--m-secondary--Fill: var(--pf-topology__node--m-selected--m-success--node__label__text--m-secondary--Fill);
}

/* Node label badge */
.pf-topology__node__label__badge > rect {
  /* TODO Color is hard coded in the badge. */
  stroke-width: var(--pf-topology__node__label__badge__rect--StrokeWidth);
}

.pf-topology__node__label__badge > text {
  font-size: var(--pf-t--global--font--size--body--sm);
  pointer-events: none;
}

.pf-topology__node__label__icon {
  color: var(--pf-topology__node__label__icon--Color);
}

.pf-topology__node__label__icon > svg {
  height: 100%;
  width: 100%;
  fill: currentColor;
}

.pf-topology__node__label__icon__background {
  fill: var(--pf-topology__node__label__icon__background--Fill);
  stroke-width: var(--pf-topology__node__label__icon__background--StrokeWidth);
  stroke: var(--pf-topology__node__label__icon__background--Stroke);
}

.pf-topology__node.pf-m-selected .pf-topology__node__label__icon__background {
  stroke-width: var(--pf-topology__node--m-selected--label__icon__background--StrokeWidth);
  stroke: var(--pf-topology__node--m-selected--label__icon__background--Stroke);
}

.pf-topology__node.pf-m-info .pf-topology__node__label__icon__background {
  stroke: var(--pf-topology__node--m-info--label__icon__background--Stroke);
}

.pf-topology__node.pf-m-success .pf-topology__node__label__icon__background {
  stroke: var(--pf-topology__node--m-success--label__icon__background--Stroke);
}

.pf-topology__node.pf-m-warning .pf-topology__node__label__icon__background {
  stroke: var(--pf-topology__node--m-warning--label__icon__background--Stroke);
}

.pf-topology__node.pf-m-danger .pf-topology__node__label__icon__background {
  stroke: var(--pf-topology__node--m-danger--label__icon__background--Stroke);
}

.pf-topology__node__separator {
  stroke: var(--pf-topology__node__separator--Stroke);
  stroke-width: var(--pf-topology__node__separator--StrokeWidth);
}

.pf-topology__node__action-icon {
  cursor: pointer;
}

.pf-topology__node__action-icon__background {
  stroke-width: 0;
  fill: transparent;
}

.pf-topology__node__action-icon__icon {
  color: var(--pf-topology__node__action-icon__icon--Color);
}

.pf-topology__node__action-icon__icon svg {
  fill: currentColor;
}

.pf-topology__group.pf-m-selected .pf-topology__node__action-icon__icon {
  color: var(--pf-topology__group--m-selected--topology__node__action-icon__icon--Color);
}

.pf-topology__group {
  outline: none;
}

/* Group background */
.pf-topology__group__background {
  fill: var(--pf-topology__group__background--Fill);
  stroke: var(--pf-topology__group__background--Stroke);
  stroke-width: var(--pf-topology__group__background--StrokeWidth);
}

.pf-topology__group.pf-m-alt-group .pf-topology__group__background {
  --pf-topology__group__background--Fill: var(--pf-topology__group--m-alt-group--topology__group__background--Fill);
  --pf-topology__group__background--Stroke: var(--pf-topology__group--m-alt-group--topology__group__background--Stroke);
}

.pf-topology__group.pf-m-selected .pf-topology__group__background {
  --pf-topology__group__background--Fill: var(--pf-topology__group--m-selected--topology__group__background--Fill);
  --pf-topology__group__background--Stroke: var(--pf-topology__group--m-selected--topology__group__background--Stroke);
}

.pf-topology__group.pf-m-hover .pf-topology__group__background {
  --pf-topology__group__background--Stroke: var(--pf-topology__group--m-hover--topology__group__background--Stroke);
  --pf-topology__group__label__node__label__background--Stroke: var(--pf-topology__group--m-hover--topology__group__background--Stroke);
}

.pf-topology__group.pf-m-hover.pf-m-selected .pf-topology__group__background {
  --pf-topology__group__background--Fill: var(--pf-topology__group--m-selected--topology__group__background--Fill);
  --pf-topology__group__background--Stroke: var(--pf-topology__group--m-selected--m-hover--topology__group__background--Stroke);
  --pf-topology__group__label__node__label__background--Stroke: var(--pf-topology__group--m-selected--m-hover--topology__group__background--Stroke);
}

.pf-topology__group.pf-m-drop-target .pf-topology__group__background {
  --pf-topology__group__background--Stroke: var(--pf-topology__group--m-drop-target--topology__group__background--Stroke);
  stroke-dasharray: 12;
}

/* Collapsed group badge */
.pf-topology__group__collapsed-badge.pf-topology__node__label__badge > rect {
  fill: var(--pf-topology__group__collapsed-badge__node__label__badge__rect--Fill);
  stroke: var(--pf-topology__group__collapsed-badge__node__label__badge__rect--Stroke);
}

.pf-topology__group__collapsed-badge.pf-topology__node__label__badge > text {
  font-size: var(--pf-t--global--font--size--body--sm);
  pointer-events: none;
  fill: var(--pf-topology__group__collapsed-badge__node__label__badge__text--Fill);
}

/*  Group label */
.pf-topology__group__label .pf-topology__node__label__background {
  fill: var(--pf-topology__group__label__node__label__background--Fill);
  --pf-topology__node__label__background--Stroke: var(--pf-topology__group__label__node__label__background--Stroke);
  --pf-topology__node__label__background--StrokeWidth: var(--pf-topology__group__label__node__label__background--StrokeWidth);
}

.pf-topology__group__label > text {
  fill: var(--pf-topology__group__label__text--Fill);
  font-size: var(--pf-t--global--font--size--body--sm);
  pointer-events: none;
}

.pf-topology__group__label .pf-topology__node__action-icon__icon {
  color: var(--pf-topology__group__label__node__action-icon__icon--Color);
}

.pf-topology__group.pf-m-selected .pf-topology__group__label .pf-topology__node__label__background {
  fill: var(--pf-topology__group--m-selected--group__label__node__label__background--Fill);
  --pf-topology__group__label__node__label__background--Stroke: var(--pf-topology__group--m-hover--topology__group__background--Stroke);
}

/* Edge */
.pf-topology__edge {
  --edge--stroke-width: var(--pf-topology__edge--StrokeWidth);
  --edge--stroke-dasharray: 0;
  --edge--stroke: var(--pf-topology__edge--Stroke);
  --edge--fill: var(--edge--stroke);
  --edge--opacity: 1;
  --edge--cursor: pointer;
  --edge--hover--stroke: var(--pf-topology__edge--HoverStroke);
  --edge--hover--fill: var(--edge--hover--stroke);
  --edge--active--stroke: var(--pf-topology__edge--ActiveStroke);
  --edge--active--stroke-width: var(--pf-topology__edge--ActiveStrokeWidth);
  --edge--active--fill: var(--edge--active--stroke);
  --edge--drag-active--opacity: 0.4;
  --edge__arrow--cursor: default;
  --edge--interactive--stroke: var(--pf-topology__edge--InteractiveStroke);
  --edge--interactive--fill: var(--edge--interactive--stroke);

  cursor: var(--edge--cursor);
  stroke: var(--edge--stroke);
  fill: var(--edge--fill);
  opacity: var(--edge--opacity);
}

.pf-topology__edge.pf-m-info {
  --edge--stroke: var(--pf-topology__edge--m-info--EdgeStroke);
  --edge--fill: var(--pf-topology__edge--m-info--EdgeFill);
}

.pf-topology__edge.pf-m-success {
  --edge--stroke: var(--pf-topology__edge--m-success--EdgeStroke);
  --edge--fill: var(--pf-topology__edge--m-success--EdgeFill);
}
.pf-topology__edge.pf-m-warning {
  --edge--stroke: var(--pf-topology__edge--m-warning--EdgeStroke);
  --edge--fill: var(--pf-topology__edge--m-warning--EdgeFill);
}

.pf-topology__edge.pf-m-danger {
  --edge--stroke: var(--pf-topology__edge--m-danger--EdgeStroke);
  --edge--file: var(--pf-topology__edge--m-danger--EdgeFill);
}

.pf-topology__edge__background {
  stroke-width: 10px;
  stroke: transparent;
  fill: none;
}
.pf-topology__edge.pf-m-selected .pf-topology__edge__background {
  stroke: var(--pf-topology__edge--m-selected--background--Stroke);
  opacity: var(--pf-topology__edge--m-selected--background--Opacity);
}
.pf-topology__edge.pf-m-hover .pf-topology__edge__background {
  stroke: var(--pf-topology__edge--m-hover--background--Stroke);
}

.pf-topology__edge__link {
  stroke-width: var(--edge--stroke-width);
  stroke-dasharray: var(--edge--stroke-dasharray);
  fill-opacity: 0;
  animation: pf-topology__edge__dash 0s linear infinite forwards;
}

.pf-topology__edge__link.pf-m-dotted {
  stroke-dasharray: 2;
  stroke-dashoffset: 2;
}
.pf-topology__edge__link.pf-m-dashed {
  stroke-dasharray: 4 2;
  stroke-dashoffset: 6;
}
.pf-topology__edge__link.pf-m-dashed-md {
  stroke-dasharray: 8 2;
  stroke-dashoffset: 10;
}
.pf-topology__edge__link.pf-m-dashed-lg {
  stroke-dasharray: 16 2;
  stroke-dashoffset: 18;
}
.pf-topology__edge__link.pf-m-dashed-xl {
  stroke-dasharray: 32 2;
  stroke-dashoffset: 34;
}

.pf-topology__edge__link.pf-m-drop-target {
  stroke-dasharray: 2;
  stroke-dashoffset: 2;
  stroke: var(--pf-t--global--border--color--hover);
  stroke-width: var(--pf-t--global--border--width--strong);

}

@keyframes pf-topology__edge__dash {
  to {
    stroke-dashoffset: 0;
  }
}

.pf-topology__edge.pf-m-selected .pf-topology__edge__link,
.pf-topology__edge.pf-m-selected .pf-topology-connector-arrow {
  fill: var(--edge--active--fill);
  stroke: var(--edge--active--stroke);
  stroke-width: var(--edge--active--stroke-width);
}

.pf-topology__edge.pf-m-selected.pf-m-hover .pf-topology__edge__link,
.pf-topology__edge.pf-m-selected.pf-m-hover .pf-topology-connector-arrow {
  fill: var(--edge--active--fill);
  stroke: var(--edge--active--stroke);
}

.pf-topology__edge.pf-m-dragging {
  pointer-events: none;
}
.pf-topology__edge.pf-m-hover .pf-topology__edge__link,
.pf-topology__edge.pf-m-hover .pf-topology-connector-arrow {
  fill: var(--edge--hover--fill);
  stroke: var(--edge--hover--stroke);
}

.pf-topology__edge.pf-m-dragging .pf-topology__edge__link,
.pf-topology__edge.pf-m-dragging .pf-topology-connector-arrow {
  fill: var(--edge--interactive--fill);
  stroke: var(--edge--interactive--stroke);
}

.pf-topology__edge .pf-topology-connector-arrow {
  cursor: var(--edge__arrow--cursor);
  stroke: var(--edge--stroke);
}

.pf-topology__edge .pf-topology-connector-arrow.pf-m-draggable {
  cursor: pointer;
}

.pf-topology__edge__tag__background {
  fill: var(--pf-topology__edge__tag__background--Fill);
  stroke-width: 0;
}

.pf-topology__edge__tag > text {
  fill: var(--pf-topology__edge__tag__text--Fill);
  stroke: var(--pf-topology__edge__tag__text--Stroke);
  stroke-width: 0.5;
  font-size: 10px;
  pointer-events: none;
}

.pf-topology__edge__tag.pf-m-info .pf-topology__edge__tag__background {
  fill: var(--pf-topology__edge__tag--m-info--background--Fill);
}

.pf-topology__edge__tag.pf-m-info > text {
  fill: var(--pf-topology__edge__tag--m-info--text--Fill);
  stroke: var(--pf-topology__edge__tag--m-info--text--Stroke);
}


.pf-topology__edge__tag.pf-m-success .pf-topology__edge__tag__background {
  fill: var(--pf-topology__edge__tag--m-success--background--Fill);
}

.pf-topology__edge__tag.pf-m-success > text {
  fill: var(--pf-topology__edge__tag--m-success--text--Fill);
  stroke: var(--pf-topology__edge__tag--m-success--text--Stroke);
}

.pf-topology__edge__tag.pf-m-warning .pf-topology__edge__tag__background {
  fill: var(--pf-topology__edge__tag--m-warning--background--Fill);
}

.pf-topology__edge__tag.pf-m-warning > text {
  fill: var(--pf-topology__edge__tag--m-warning--text--Fill);
  stroke: var(--pf-topology__edge__tag--m-warning--text--Stroke);
}

.pf-topology__edge__tag.pf-m-danger .pf-topology__edge__tag__background {
  fill: var(--pf-topology__edge__tag--m-danger--background--Fill);
}

.pf-topology__edge__tag.pf-m-danger > text {
  fill: var(--pf-topology__edge__tag--m-danger--text--Fill);
  stroke: var(--pf-topology__edge__tag--m-danger--text--Stroke);
}


/* Connectors */
.pf-topology-connector-arrow {
  stroke-width: 1;
  stroke: var(--edge--stroke);
}

.pf-topology-connector-arrow.pf-m-alt-connector-arrow {
  fill: var(--pf-topology-connector-arrow--m-alt-connector-arrow--Fill);
}

.pf-topology__connector-cross {
  stroke-width: 1;
  stroke: var(--edge--stroke);
}
.pf-topology__connector-cross.pf-m-source {
  fill: var(--edge--stroke);
}

.pf-topology__connector-square, .pf-topology__connector-circle {
  stroke-width: 1;
  stroke: var(--edge--stroke);
  fill: var(--edge--stroke);
}

.pf-topology__connector-square.pf-m-source, .pf-topology__connector-circle.pf-m-source {
  fill: var(--pf-topology__connector-square--m-source--Fill);
}

.pf-topology__connector-x {
  stroke-width: 1;
  stroke: var(--edge--stroke);
}

.pf-topology-default-create-connector {
  cursor: pointer;
}

.pf-topology-default-create-connector__line {
  stroke: var(--pf-topology__create-connector-color--Stroke);
  stroke-width: 2px;
  stroke-dasharray: 3px, 3px;
}

.pf-topology-default-create-connector__arrow {
  fill: var(--pf-topology-default-create-connector__arrow--Fill);
  stroke: var(--pf-topology__create-connector-color--Stroke);
}

.pf-topology-default-create-connector.pf-m-hover .pf-topology-default-create-connector__line {
  stroke: var(--pf-topology-default-create-connector--m-hover--line--Stroke);
}

.pf-topology-default-create-connector.pf-m-hover .pf-topology-default-create-connector__arrow {
  fill: var(--pf-topology-default-create-connector--m-hover--arrow--Fill);
  stroke: var(--pf-topology-default-create-connector--m-hover--arrow--Stroke);
}

.pf-topology-default-create-connector__create {
}

.pf-topology-default-create-connector__create__bg {
  stroke-width: 10px;
  stroke: transparent;
  fill-opacity: 0;
}

.pf-topology-default-create-connector__create__cursor {
  fill: var(--pf-topology__create-connector-color--Fill);
}

.pf-topology-area-select-rect {
  fill: var(--pf-topology__area-select-rect--Fill);
  opacity: var(--pf-topology__area-select-rect--Opacity);
  stroke: var(--pf-topology__area-select-rect--Stroke);
  stroke-width: var(--pf-topology__area-select-rect--StrokeWidth);
  border: 1px dashed;
}

.pf-v6-c-menu {
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
  --pf-v6-c-menu--Width: auto;
  --pf-v6-c-menu--MinWidth: auto;
  --pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--sm);
  --pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
  --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
  --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
  --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
  --pf-v6-c-menu--TransitionDuration: 0s;
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
  --pf-v6-c-menu--m-plain--BoxShadow: none;
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
  --pf-v6-c-menu__content--Height: auto;
  --pf-v6-c-menu__content--MaxHeight: none;
  --pf-v6-c-menu--m-scrollable__content--MaxHeight: 18.75rem;
  --pf-v6-c-menu__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
  --pf-v6-c-menu__search--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
  --pf-v6-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
  --pf-v6-c-menu__footer--BoxShadow: none;
  --pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
  --pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
  --pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
  --pf-v6-c-menu__list-item--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
  --pf-v6-c-menu__list-item--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
  --pf-v6-c-menu__list-item--TransitionProperty: background-color;
  --pf-v6-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
  --pf-v6-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
  --pf-v6-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
  --pf-v6-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
  --pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--sm);
  --pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
  --pf-v6-c-menu__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--lg);
  --pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
  --pf-v6-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
  --pf-v6-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
  --pf-v6-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body--default);
  --pf-v6-c-menu__item--Color: var(--pf-t--global--text--color--regular);
  --pf-v6-c-menu__item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
  --pf-v6-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
  --pf-v6-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
  --pf-v6-c-menu__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
  --pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
  --pf-v6-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
  --pf-v6-c-menu__group-title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--lg);
  --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
  --pf-v6-c-menu__breadcrumb--PaddingBlockStart: 0;
  --pf-v6-c-menu__breadcrumb--PaddingBlockEnd: 0;
  --pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--lg);
  --pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
  --pf-v6-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
  --pf-v6-c-menu__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
  --pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
  --pf-v6-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
  --pf-v6-c-menu__group-title--Color: var(--pf-t--global--text--color--subtle);
  --pf-v6-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
  --pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
  --pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
  --pf-v6-c-menu__item-action--icon--size: var(--pf-v6-c-menu__item-action--FontSize, var(--pf-t--global--icon--size--md));
  --pf-v6-c-menu__item-action--m-favorited--Color: var(--pf-t--global--icon--color--favorite--clicked);
  --pf-v6-c-menu__item-action--button--MinWidth: calc(var(--pf-v6-c-menu__item-action--icon--size) + var(--pf-t--global--spacer--sm) * 2);
  --pf-v6-c-menu__item-select-icon--Color: var(--pf-t--global--icon--color--subtle);
  --pf-v6-c-menu__item--m-selected__item-select-icon--Color: var(--pf-t--global--icon--color--brand--default);
  --pf-v6-c-menu__item-external--Color: var(--pf-t--global--icon--color--brand--default);
  --pf-v6-c-menu--m-flyout__menu--top-offset: 0px;
  --pf-v6-c-menu--m-flyout__menu--left-offset: 0px;
  --pf-v6-c-menu--m-flyout__menu--m-left--right-offset: 0px;
  --pf-v6-c-menu--m-flyout__Zindex: var(--pf-t--global--z-index--sm);
  --pf-v6-c-menu--m-flyout__menu--InsetBlockStart: calc(var(--pf-v6-c-menu__list--PaddingBlockStart) * -1 + var(--pf-v6-c-menu--m-flyout__menu--top-offset));
  --pf-v6-c-menu--m-flyout__menu--InsetInlineEnd: auto;
  --pf-v6-c-menu--m-flyout__menu--InsetBlockEnd: auto;
  --pf-v6-c-menu--m-flyout__menu--InsetInlineStart: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--left-offset));
  --pf-v6-c-menu--m-flyout__menu--m-top--InsetBlockEnd: calc(var(--pf-v6-c-menu__list--PaddingBlockStart) * -1);
  --pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
  --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
  --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
  --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
  --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
}
@media (prefers-reduced-motion: no-preference) {
  .pf-v6-c-menu {
    --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .pf-v6-c-menu {
    --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .pf-v6-c-menu {
    --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .pf-v6-c-menu {
    --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
  }
}

.pf-v6-c-menu__content,
.pf-v6-c-menu__list-item,
.pf-v6-c-menu__item-main,
.pf-v6-c-menu__breadcrumb,
.pf-v6-c-menu__item-check,
.pf-v6-c-menu__item-action,
.pf-v6-c-menu__item-action-icon {
  display: flex;
}

.pf-v6-c-menu__list,
.pf-v6-c-menu__group {
  --pf-v6-hidden-visible--visible--Display: grid;
  --pf-v6-hidden-visible--hidden--Display: none;
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  display: var(--pf-v6-hidden-visible--Display);
}
.pf-v6-c-menu__list.pf-m-hidden,
.pf-v6-c-menu__group.pf-m-hidden {
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
@media screen and (min-width: 36rem) {
  .pf-v6-c-menu__list.pf-m-hidden-on-sm,
  .pf-v6-c-menu__group.pf-m-hidden-on-sm {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-menu__list.pf-m-visible-on-sm,
  .pf-v6-c-menu__group.pf-m-visible-on-sm {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-c-menu__list.pf-m-hidden-on-md,
  .pf-v6-c-menu__group.pf-m-hidden-on-md {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-menu__list.pf-m-visible-on-md,
  .pf-v6-c-menu__group.pf-m-visible-on-md {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-c-menu__list.pf-m-hidden-on-lg,
  .pf-v6-c-menu__group.pf-m-hidden-on-lg {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-menu__list.pf-m-visible-on-lg,
  .pf-v6-c-menu__group.pf-m-visible-on-lg {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-c-menu__list.pf-m-hidden-on-xl,
  .pf-v6-c-menu__group.pf-m-hidden-on-xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-menu__list.pf-m-visible-on-xl,
  .pf-v6-c-menu__group.pf-m-visible-on-xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-c-menu__list.pf-m-hidden-on-2xl,
  .pf-v6-c-menu__group.pf-m-hidden-on-2xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-menu__list.pf-m-visible-on-2xl,
  .pf-v6-c-menu__group.pf-m-visible-on-2xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}

.pf-v6-c-menu__list,
.pf-v6-c-menu__list-item,
.pf-v6-c-menu__breadcrumb,
.pf-v6-c-menu__footer {
  position: relative;
}

.pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]),
.pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
  --pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
  --pf-v6-c-menu__item-external--Color: transparent;
  --pf-v6-c-menu__item-select-icon--Color: transparent;
  --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
}
.pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
.pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
  pointer-events: none;
}
.pf-v6-c-menu__list-item.pf-m-aria-disabled .pf-v6-c-menu__item,
.pf-v6-c-menu__item-action.pf-m-aria-disabled .pf-v6-c-menu__item {
  cursor: default;
}

[class*=pf-v6-c-menu]:is([hidden]) {
  display: none;
}

.pf-v6-c-menu {
  display: grid;
  row-gap: var(--pf-v6-c-menu--RowGap);
  width: var(--pf-v6-c-menu--Width);
  min-width: var(--pf-v6-c-menu--MinWidth);
  padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-menu--PaddingBlockEnd);
  overflow: hidden;
  color: var(--pf-v6-c-menu--Color);
  background-color: var(--pf-v6-c-menu--BackgroundColor);
  border-radius: var(--pf-v6-c-menu--BorderRadius);
  box-shadow: var(--pf-v6-c-menu--BoxShadow);
  transition-timing-function: var(--pf-v6-c-menu--TransitionTimingFunction) !important;
  transition-duration: var(--pf-v6-c-menu--TransitionDuration) !important;
}
.pf-v6-c-menu .pf-v6-c-menu {
  min-width: 100%;
}
.pf-v6-c-menu .pf-v6-c-menu__content .pf-v6-c-menu .pf-v6-c-menu__content {
  overflow: visible;
}
.pf-v6-c-menu .pf-v6-c-menu__content .pf-v6-c-menu {
  min-width: 100%;
  border-radius: 0;
}
.pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu, .pf-v6-c-menu .pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu__content {
  overflow: visible;
}
.pf-v6-c-menu .pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu {
  position: absolute;
  inset-block-start: var(--pf-v6-c-menu--m-flyout__menu--InsetBlockStart);
  inset-block-end: var(--pf-v6-c-menu--m-flyout__menu--InsetBlockEnd);
  inset-inline-start: var(--pf-v6-c-menu--m-flyout__menu--InsetInlineStart);
  inset-inline-end: var(--pf-v6-c-menu--m-flyout__menu--InsetInlineEnd);
  z-index: var(--pf-v6-c-menu--m-flyout__Zindex);
  border-radius: var(--pf-v6-c-menu--BorderRadius);
}
.pf-v6-c-menu .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu__content, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu .pf-v6-c-menu__content {
  overflow-y: visible;
}
.pf-v6-c-menu.pf-m-top {
  --pf-v6-c-menu--m-flyout__menu--InsetBlockStart: auto;
  --pf-v6-c-menu--m-flyout__menu--InsetBlockEnd: var(--pf-v6-c-menu--m-flyout__menu--m-top--InsetBlockEnd);
}
.pf-v6-c-menu.pf-m-left {
  --pf-v6-c-menu--m-flyout__menu--InsetInlineEnd: var(--pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd);
  --pf-v6-c-menu--m-flyout__menu--InsetInlineStart: auto;
}
.pf-v6-c-menu.pf-m-drilldown > .pf-v6-c-menu__content {
  overflow: hidden;
  transition: var(--pf-v6-c-menu--m-drilldown__content--Transition);
}
.pf-v6-c-menu.pf-m-drilldown :where(.pf-v6-c-menu) {
  padding: 0;
}
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list,
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__list {
  transform: translateX(-100%);
}
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list, .pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__list {
  transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
}

.pf-v6-c-menu.pf-m-drilldown > .pf-v6-c-menu__content .pf-v6-c-menu {
  position: absolute;
  inset-block-start: var(--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart);
  inset-inline-start: 100%;
  width: 100%;
  box-shadow: none;
  transition: var(--pf-v6-c-menu--m-drilldown--c-menu--Transition);
}
.pf-v6-c-menu.pf-m-drilldown > .pf-v6-c-menu__content .pf-v6-c-menu.pf-m-drilled-in {
  transform: translateX(-100%);
}
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu.pf-m-drilldown > .pf-v6-c-menu__content .pf-v6-c-menu.pf-m-drilled-in {
  transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
}

.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
  overflow: hidden;
  visibility: visible;
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
}
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
  --pf-v6-c-menu__list--PaddingBlockStart: 0;
  --pf-v6-c-menu__list--PaddingBlockEnd: 0;
}
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list-item.pf-m-current-path .pf-v6-c-menu {
  z-index: var(--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex);
}
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list-item.pf-m-current-path > .pf-v6-c-menu {
  overflow: visible;
}
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list-item.pf-m-static > .pf-v6-c-menu {
  position: static;
}
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list-item.pf-m-static:hover {
  background-color: transparent;
}
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list-item:not(.pf-m-current-path) .pf-v6-c-menu {
  display: none;
}
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__item {
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
}
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
  overflow: visible;
  visibility: hidden;
}
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
  display: none;
}
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item.pf-m-current-path {
  visibility: hidden;
}
.pf-v6-c-menu.pf-m-plain {
  --pf-v6-c-menu--BoxShadow: var(--pf-v6-c-menu--m-plain--BoxShadow);
}
.pf-v6-c-menu.pf-m-scrollable {
  --pf-v6-c-menu__content--MaxHeight: var(--pf-v6-c-menu--m-scrollable__content--MaxHeight);
  --pf-v6-c-menu__footer--BoxShadow: var(--pf-v6-c-menu--m-scrollable__footer--BoxShadow);
  --pf-v6-c-menu__footer--PaddingBlockStart: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
  --pf-v6-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
  overflow: hidden;
}
.pf-v6-c-menu.pf-m-scrollable:has(.pf-v6-c-menu__footer) {
  --pf-v6-c-menu--PaddingBlockEnd: 0;
}
.pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__content,
.pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__list {
  overflow-y: auto;
}
.pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__content {
  position: relative;
  z-index: var(--pf-v6-c-menu--ZIndex);
  margin-block-start: calc(var(--pf-v6-c-menu--RowGap) * -1);
  margin-block-end: calc(var(--pf-v6-c-menu--RowGap) * -1);
}
.pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__list {
  padding-block-start: var(--pf-v6-c-menu--RowGap);
  padding-block-end: var(--pf-v6-c-menu--RowGap);
}

.pf-v6-c-menu__header {
  padding-block-start: var(--pf-v6-c-menu__header--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-menu__header--PaddingBlockEnd);
  padding-inline-start: var(--pf-v6-c-menu__header--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-menu__header--PaddingInlineEnd);
}

.pf-v6-c-menu__search {
  padding-block-start: var(--pf-v6-c-menu__search--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-menu__search--PaddingBlockEnd);
  padding-inline-start: var(--pf-v6-c-menu__search--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-menu__search--PaddingInlineEnd);
}

.pf-v6-c-menu__footer {
  padding-block-start: var(--pf-v6-c-menu__footer--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-menu__footer--PaddingBlockEnd);
  padding-inline-start: var(--pf-v6-c-menu__footer--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-menu__footer--PaddingInlineEnd);
  box-shadow: var(--pf-v6-c-menu__footer--BoxShadow);
}

.pf-v6-c-menu__content {
  flex-direction: column;
  row-gap: var(--pf-v6-c-menu__content--RowGap);
  height: var(--pf-v6-c-menu__content--Height);
  max-height: var(--pf-v6-c-menu__content--MaxHeight);
}
.pf-v6-c-menu__content .pf-v6-c-menu__content {
  --pf-v6-c-menu__content--Height: auto;
}

.pf-v6-c-menu__list :where(.pf-v6-c-divider:is(li)) {
  margin-block-start: var(--pf-v6-c-menu__list--divider--MarginBlockStart);
  margin-block-end: var(--pf-v6-c-menu__list--divider--MarginBlockEnd);
}

.pf-v6-c-menu__list-item {
  align-items: baseline;
  min-width: 0;
  transition-timing-function: var(--pf-v6-c-menu__list-item--TransitionTimingFunction);
  transition-duration: var(--pf-v6-c-menu__list-item--TransitionDuration);
  transition-property: var(--pf-v6-c-menu__list-item--TransitionProperty);
}
.pf-v6-c-menu__list-item > * {
  position: relative;
}
.pf-v6-c-menu__list-item::before {
  position: absolute;
  inset: 0;
  content: "";
  background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
  transition: inherit;
}
.pf-v6-c-menu__list-item.pf-m-load {
  --pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__list-item--m-load__item--Color);
}
.pf-v6-c-menu__list-item.pf-m-loading {
  justify-content: center;
  overflow: hidden;
  pointer-events: none;
}
.pf-v6-c-menu__list-item.pf-m-loading .pf-v6-c-menu__item-text {
  text-align: center;
}
.pf-v6-c-menu__list-item.pf-m-danger {
  --pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__list-item--m-danger--Color);
}
.pf-v6-c-menu__list-item.pf-m-danger:is(:hover, :focus) {
  --pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__list-item--m-danger--hover--Color, var(--pf-v6-c-menu__list-item--m-danger--Color));
}
.pf-v6-c-menu__list-item:has(.pf-v6-c-menu__item-action) {
  padding-inline-end: var(--pf-v6-c-menu__list-item--has--menu-action--PaddingInlineEnd);
}
.pf-v6-c-menu__list-item.pf-m-focus, .pf-v6-c-menu__list-item:focus-within, .pf-v6-c-menu__list-item:has(> :hover) {
  --pf-v6-c-menu__list-item--BackgroundColor: var(--pf-v6-c-menu__list-item--hover--BackgroundColor);
}
.pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-select-icon,
.pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-external-icon, .pf-v6-c-menu__list-item:focus-within .pf-v6-c-menu__item-select-icon,
.pf-v6-c-menu__list-item:focus-within .pf-v6-c-menu__item-external-icon, .pf-v6-c-menu__list-item:has(> :hover) .pf-v6-c-menu__item-select-icon,
.pf-v6-c-menu__list-item:has(> :hover) .pf-v6-c-menu__item-external-icon {
  opacity: 1;
}

.pf-v6-c-menu__item {
  flex-basis: 100%;
  flex-direction: column;
  min-width: 0;
  padding-block-start: var(--pf-v6-c-menu__item--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-menu__item--PaddingBlockEnd);
  padding-inline-start: var(--pf-v6-c-menu__item--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-menu__item--PaddingInlineEnd);
  font-size: var(--pf-v6-c-menu__item--FontSize);
  font-weight: var(--pf-v6-c-menu__item--FontWeight);
  line-height: var(--pf-v6-c-menu__item--LineHeight);
  color: var(--pf-v6-c-menu__item--Color);
  text-align: start;
  text-decoration-line: none;
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
  border: 0;
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
  --pf-v6-hidden-visible--visible--Display: flex;
  --pf-v6-hidden-visible--hidden--Display: none;
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  display: var(--pf-v6-hidden-visible--Display);
}
.pf-v6-c-menu__item.pf-m-hidden {
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
}
@media screen and (min-width: 36rem) {
  .pf-v6-c-menu__item.pf-m-hidden-on-sm {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-menu__item.pf-m-visible-on-sm {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-c-menu__item.pf-m-hidden-on-md {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-menu__item.pf-m-visible-on-md {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-c-menu__item.pf-m-hidden-on-lg {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-menu__item.pf-m-visible-on-lg {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-c-menu__item.pf-m-hidden-on-xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-menu__item.pf-m-visible-on-xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-c-menu__item.pf-m-hidden-on-2xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
  }
  .pf-v6-c-menu__item.pf-m-visible-on-2xl {
    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
  }
}
:where(label).pf-v6-c-menu__item {
  cursor: pointer;
}

.pf-v6-c-menu__item.pf-m-selected {
  --pf-v6-c-menu__item-select-icon--Color: var(--pf-v6-c-menu__item--m-selected__item-select-icon--Color);
}
.pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-select-icon,
.pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-external-icon {
  opacity: 1;
}
.pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-external-icon {
  color: var(--pf-v6-c-menu__item-external--Color);
}

.pf-v6-c-menu__item-select-icon {
  color: var(--pf-v6-c-menu__item-select-icon--Color);
}

.pf-v6-c-menu__item-main {
  column-gap: var(--pf-v6-c-menu__item-main--ColumnGap);
  align-items: center;
  width: 100%;
}

.pf-v6-c-menu__item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
}

.pf-v6-c-menu__group-title {
  padding-block-start: var(--pf-v6-c-menu__group-title--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-menu__group-title--PaddingBlockEnd);
  padding-inline-start: var(--pf-v6-c-menu__group-title--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-menu__group-title--PaddingInlineEnd);
  font-size: var(--pf-v6-c-menu__group-title--FontSize, inherit);
  font-weight: var(--pf-v6-c-menu__group-title--FontWeight, inherit);
  color: var(--pf-v6-c-menu__group-title--Color);
}

.pf-v6-c-menu__item-description {
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
  color: var(--pf-v6-c-menu__item-description--Color);
  word-break: break-word;
}

.pf-v6-c-menu__item-check .pf-v6-c-check {
  --pf-v6-c-check__input--TranslateY: none;
}

.pf-v6-c-menu__item-toggle-icon {
  color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
}
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
  scale: -1 1;
}

.pf-v6-c-menu__item-icon {
  color: var(--pf-v6-c-menu__item--icon--Color, inherit);
}

.pf-v6-c-menu__item-select-icon,
.pf-v6-c-menu__item-external-icon {
  opacity: 0;
}

.pf-v6-c-menu__item-toggle-icon.pf-m-favorited, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited),
.pf-v6-c-menu__item-action.pf-m-favorited,
.pf-v6-c-menu__item-action.pf-m-favorited:hover,
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
}
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus),
.pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
.pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
}

.pf-v6-c-menu__breadcrumb {
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-v6-c-menu__breadcrumb--FontSize);
  padding-block-start: var(--pf-v6-c-menu__breadcrumb--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-menu__breadcrumb--PaddingBlockEnd);
  padding-inline-start: var(--pf-v6-c-menu__breadcrumb--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-menu__breadcrumb--PaddingInlineEnd);
}
.pf-v6-c-menu__breadcrumb .pf-v6-c-menu {
  min-width: auto;
  padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-menu--PaddingBlockEnd);
}
.pf-v6-c-menu__breadcrumb .pf-v6-c-menu__content {
  height: auto;
}
.pf-v6-c-menu__breadcrumb .pf-v6-c-menu-toggle {
  --pf-v6-c-menu-toggle--BorderWidth: 0;
  --pf-v6-c-menu-toggle--BorderColor: transparent;
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
}
.pf-v6-c-breadcrumb {
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
  --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
  --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
  --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
  --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
  --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
  --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
  --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
  --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
  --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
  --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
}

.pf-v6-c-breadcrumb {
  display: inline-flex;
}

.pf-v6-c-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.pf-v6-c-breadcrumb__item {
  display: flex;
  align-items: baseline;
  font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
  font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
  line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
  white-space: nowrap;
  list-style: none;
}
.pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
  --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
}
.pf-v6-c-breadcrumb__item:not(:last-child) {
  margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
}

.pf-v6-c-breadcrumb__item-divider {
  margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
  font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
  line-height: 1;
  color: var(--pf-v6-c-breadcrumb__item-divider--Color);
}
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
  scale: -1 1;
}

.pf-v6-c-breadcrumb__link {
  padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
  font-size: inherit;
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
  line-height: inherit;
  color: var(--pf-v6-c-breadcrumb__link--Color);
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
  word-break: break-word;
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
}
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
  --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
  --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
  --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
}
.pf-v6-c-breadcrumb__link.pf-m-current {
  cursor: default;
}
.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
  color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
  text-decoration-line: none;
}
button.pf-v6-c-breadcrumb__link {
  border: none;
}

.pf-v6-c-breadcrumb__dropdown {
  margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
  margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
  margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
  margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
}

.pf-v6-c-breadcrumb__heading {
  display: inline;
  font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
}

.pf-v6-c-breadcrumb__link,
.pf-v6-c-breadcrumb__heading {
  white-space: normal;
}

.pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
  display: none;
}
.pf-v6-c-check {
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
  --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
  --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
  --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
  --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
  --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
  --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
  --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
  --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
  --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
  --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
  --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
  --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
}

.pf-v6-c-check {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: var(--pf-v6-c-check--GridGap);
  accent-color: var(--pf-v6-c-check--AccentColor);
}
.pf-v6-c-check.pf-m-standalone {
  display: inline-grid;
  grid-template-columns: auto;
  min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
}
.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
  align-self: center;
  transform: none;
}

.pf-v6-c-check__input {
  align-self: start;
  font-size: var(--pf-v6-c-check__label--FontSize);
  line-height: var(--pf-v6-c-check__label--LineHeight);
  transform: translateY(var(--pf-v6-c-check__input--TranslateY));
}

.pf-v6-c-check__label {
  font-size: var(--pf-v6-c-check__label--FontSize);
  font-weight: var(--pf-v6-c-check__label--FontWeight);
  line-height: var(--pf-v6-c-check__label--LineHeight);
  color: var(--pf-v6-c-check__label--Color);
}

.pf-v6-c-check__description {
  grid-column: 2;
  font-size: var(--pf-v6-c-check__description--FontSize);
  color: var(--pf-v6-c-check__description--Color);
}

.pf-v6-c-check__body {
  grid-column: 2;
}

.pf-v6-c-check__label,
.pf-v6-c-check__input {
  justify-self: start;
}
label.pf-v6-c-check, .pf-v6-c-check__label,
.pf-v6-c-check__input {
  cursor: pointer;
}

.pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
.pf-v6-c-check__input:disabled,
.pf-v6-c-check__input.pf-m-disabled {
  --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
  cursor: not-allowed;
}

.pf-v6-c-check__label-required {
  margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
  font-size: var(--pf-v6-c-check__label-required--FontSize);
  color: var(--pf-v6-c-check__label-required--Color);
}
:root {

  /* pill */
  --pf-topology-pipelines__pill--Color: var(--pf-t--global--text--color--regular);
  --pf-topology-pipelines__pill-text--FontSize: var(--pf-t--global--font--size--body--sm);
  --pf-topology-pipelines__pill-text--FontFamily: var(--pf-t--global--font--family--body);
  --pf-topology-pipelines__pill-background--Fill: var(--pf-t--global--background--color--floating--default);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-t--global--border--color--default);
  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-t--global--border--width--regular);

  /* pill with status */
  --pf-topology-pipelines__pill-background--m-danger--Fill: var(--pf-t--global--color--status--danger--default);
  --pf-topology-pipelines__pill-background--m-success--Fill: var(--pf-t--global--color--status--success--default);
  --pf-topology-pipelines__pill-background--m-warning--Fill: var(--pf-t--global--color--status--warning--default);
  --pf-topology-pipelines__pill-background--m-skipped--Fill: var(--pf-t--global--color--nonstatus--gray--default);
  --pf-topology-pipelines__pill-background--m-in-progress--Fill: var(--pf-t--global--color--nonstatus--blue--default);
  --pf-topology-pipelines__pill-background--m-pending--Fill: var(--pf-t--global--background--color--floating--default);
  --pf-topology-pipelines__pill-background--m-running--Fill: var(--pf-t--global--icon--color--on-brand--default);
  --pf-topology-pipelines__pill-background--m-idle--Fill: var(--pf-t--global--background--color--floating--default);

  --pf-topology-pipelines__pill-background--m-danger--Stroke: var(--pf-t--global--border--color--status--danger--default);
  --pf-topology-pipelines__pill-background--m-success--Stroke: var(--pf-t--global--border--color--status--success--default);
  --pf-topology-pipelines__pill-background--m-warning--Stroke: var(--pf-t--global--border--color--status--warning--default);
  --pf-topology-pipelines__pill-background--m-skipped--Stroke: var(--pf-t--global--border--color--nonstatus--gray--default);
  --pf-topology-pipelines__pill-background--m-in-progress--Stroke: var(--pf-t--global--border--color--nonstatus--blue--default);
  --pf-topology-pipelines__pill-background--m-pending--Stroke: var(--pf-t--global--border--color--default);
  --pf-topology-pipelines__pill-background--m-running--Stroke: var(--pf-t--global--border--color--nonstatus--blue--default);
  --pf-topology-pipelines__pill-background--m-idle--Stroke: var(--pf-t--global--border--color--default);

  /* selected pill */
  --pf-topology-pipelines__pill-background--m-selected--Fill: var(--pf-t--global--color--brand--default);
  --pf-topology-pipelines__pill-background--m-selected--Stroke: var(--pf-t--global--border--color--brand--default);
  --pf-topology-pipelines__pill-background--m-selected__text--Color: var(--pf-t--global--text--color--on-brand--default);

  /* selected pill with status */
  --pf-topology-pipelines__pill-background--m-selected--m-danger--Fill: var(--pf-t--global--color--status--danger--default);
  --pf-topology-pipelines__pill-background--m-selected--m-success--Fill: var(--pf-t--global--color--status--success--default);
  --pf-topology-pipelines__pill-background--m-selected--m-warning--Fill: var(--pf-t--global--color--status--warning--default);
  --pf-topology-pipelines__pill-background--m-selected--m-skipped--Fill: var(--pf-t--global--color--nonstatus--gray--clicked);
  --pf-topology-pipelines__pill-background--m-selected--m-in-progress--Fill: var(--pf-t--global--color--nonstatus--blue--default);
  --pf-topology-pipelines__pill-background--m-selected--m-pending--Fill: var(--pf-t--global--color--brand--default);
  --pf-topology-pipelines__pill-background--m-selected--m-running--Fill: var(--pf-t--global--color--nonstatus--blue--default);
  --pf-topology-pipelines__pill-background--m-selected--m-idle--Fill: var(--pf-t--global--color--brand--default);

  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill--Color);

  --pf-topology-pipelines__pill-text--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
  --pf-topology-pipelines__pill-text--m-selected--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
  --pf-topology-pipelines__pill-text--m-selected--m-success--Color: var(--pf-t--global--text--color--status--on-success--default);
  --pf-topology-pipelines__pill-text--m-selected--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
  --pf-topology-pipelines__pill-text--m-selected--m-skipped--Color: var(--pf-t--global--text--color--nonstatus--on-gray--clicked);
  --pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
  --pf-topology-pipelines__pill-text--m-selected--m-pending--Color: var(--pf-t--global--text--color--on-brand--default);
  --pf-topology-pipelines__pill-text--m-selected--m-running--Color: var(--pf-t--global--text--color--on-brand--default);
  --pf-topology-pipelines__pill-text--m-selected--m-idle--Color: var(--pf-t--global--text--color--on-brand--default);

  /* pill status icon */
  --pf-topology-pipelines__pill-status--color: var(--pf-t--global--icon--color--regular);
  --pf-topology-pipelines__pill-status--m-danger--color: var(--pf-t--global--icon--color--status--danger--default);
  --pf-topology-pipelines__pill-status--m-success--color: var(--pf-t--global--icon--color--status--success--default);
  --pf-topology-pipelines__pill-status--m-warning--color: var(--pf-t--global--icon--color--status--warning--default);
  --pf-topology-pipelines__pill-status--m-skipped--color: var(--pf-t--global--icon--color--subtle);
  --pf-topology-pipelines__pill-status--m-in-progress--color: var(--pf-t--global--icon--color--brand--default);
  --pf-topology-pipelines__pill-status--m-pending--color: var(--pf-t--global--icon--color--regular);
  --pf-topology-pipelines__pill-status--m-running--color: var(--pf-t--global--icon--color--brand--default);
  --pf-topology-pipelines__pill-status--m-idle--color: var(--pf-t--global--icon--color--regular);

  /* selected pill status icon */
  --pf-topology-pipelines__pill-status--m-selected--color: var(--pf-t--global--color--brand--clicked);
  --pf-topology-pipelines__pill-status--m-selected--m-danger--color: var(--pf-t--global--icon--color--status--on-danger--default);
  --pf-topology-pipelines__pill-status--m-selected--m-success--color: var(--pf-t--global--icon--color--status--on-success--default);
  --pf-topology-pipelines__pill-status--m-selected--m-warning--color: var(--pf-t--global--icon--color--status--on-warning--default);
  --pf-topology-pipelines__pill-status--m-selected--m-skipped--color: var(--pf-t--global--icon--color--nonstatus--on-gray--clicked);
  --pf-topology-pipelines__pill-status--m-selected--m-in-progress--color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
  --pf-topology-pipelines__pill-status--m-selected--m-pending--color: var(--pf-t--global--icon--color--on-brand--default);
  --pf-topology-pipelines__pill-status--m-selected--m-running--color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
  --pf-topology-pipelines__pill-status--m-selected--m-idle--color: var(--pf-t--global--icon--color--on-brand--default);

  --pf-topology-pipelines__pill-badge--fill: var(--pf-t--global--color--nonstatus--gray--default);
  --pf-topology-pipelines__pill-badge--text--fill: var(--pf-t--global--text--color--nonstatus--on-gray--default);

  /* status icon, (hidden details) */
  --pf-topology-pipelines__status-icon--color: var(--pf-t--global--border--color--default);
  --pf-topology-pipelines__status-icon--fill: var(--pf-t--global--background--color--floating--default);
  --pf-topology-pipelines__status-icon--m-danger--color: var(--pf-t--global--icon--color--status--danger--default);
  --pf-topology-pipelines__status-icon--m-success--color: var(--pf-t--global--icon--color--status--success--default);
  --pf-topology-pipelines__status-icon--m-warning--color: var(--pf-t--global--icon--color--status--warning--default);
  --pf-topology-pipelines__status-icon--m-skipped--color: var(--pf-t--global--icon--color--regular);
  --pf-topology-pipelines__status-icon--m-in-progress--color: var(--pf-t--global--icon--color--regular);
  --pf-topology-pipelines__status-icon--m-pending--color: var(--pf-t--global--icon--color--regular);
  --pf-topology-pipelines__status-icon--m-running--color: var(--pf-t--global--icon--color--brand--default);
  --pf-topology-pipelines__status-icon--m-idle--color: var(--pf-t--global--icon--color--regular);

  --pf-topology-pipelines__status-icon--m-selected--color: var(--pf-t--global--icon--color--brand--default);
  --pf-topology-pipelines__status-icon--m-selected--m-danger--color: var(--pf-t--global--icon--color--status--on-danger--default);
  --pf-topology-pipelines__status-icon--m-selected--m-success--color: var(--pf-t--global--icon--color--status--on-success--default);
  --pf-topology-pipelines__status-icon--m-selected--m-warning--color: var(--pf-t--global--icon--color--status--on-warning--default);
  --pf-topology-pipelines__status-icon--m-selected--m-skipped--color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
  --pf-topology-pipelines__status-icon--m-selected--m-in-progress--color: var(--pf-t--global--icon--color--on-brand--default);
  --pf-topology-pipelines__status-icon--m-selected--m-pending--color: var(--pf-t--global--icon--color--on-brand--default);
  --pf-topology-pipelines__status-icon--m-selected--m-running--color: var(--pf-t--global--icon--color--on-brand--default);
  --pf-topology-pipelines__status-icon--m-selected--m-idle--color: var(--pf-t--global--icon--color--on-brand--default);


  /* when expression */
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-t--global--border--color--default);
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-t--global--color--nonstatus--gray--clicked);
  --pf-topology-pipelines__when-expression--connector--Stroke: var(--pf-t--global--border--color--default);

  /* when expression with status */
  --pf-topology-pipelines__when-expression--m-danger--color: var(--pf-t--global--icon--color--status--danger--default);
  --pf-topology-pipelines__when-expression--m-success--color: var(--pf-t--global--icon--color--status--success--default);
  --pf-topology-pipelines__when-expression--m-warning--color: var(--pf-t--global--icon--color--status--warning--default);
  --pf-topology-pipelines__when-expression--m-skipped--color: var(--pf-t--global--icon--color--regular);
  --pf-topology-pipelines__when-expression--m-in-progress--color: var(--pf-t--global--icon--color--regular);

  /* selected when expression */
  --pf-topology-pipelines__when-expression--m-selected--color: var(--pf-t--global--color--brand--default);
}

.pf-topology-pipelines__pill {
  fill: var(--pf-topology-pipelines__pill--Color);
}

.pf-topology-pipelines__pill-background {
  fill: var(--pf-topology-pipelines__pill-background--Fill);
  stroke-width: var(--pf-topology-pipelines__pill-background--StrokeWidth);
  stroke: var(--pf-topology-pipelines__pill-background--Stroke);
}

.pf-topology-pipelines__pill.pf-m-danger .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-danger--Fill);
}

.pf-topology-pipelines__pill.pf-m-success .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-success--Fill);
}

.pf-topology-pipelines__pill.pf-m-warning .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-warning--Fill);
}

.pf-topology-pipelines__pill.pf-m-skipped .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-skipped--Fill);
}

.pf-topology-pipelines__pill.pf-m-in-progress .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-in-progress--Fill);
}

.pf-topology-pipelines__pill.pf-m-running .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-in-progress--Stroke);
}

.pf-topology-pipelines__pill.pf-m-idle .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-t--global--border--color--default);
}

.pf-topology-pipelines__pill.pf-m-pending .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-t--global--border--color--default);
}

.pf-topology-pipelines__pill.pf-m-selected .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-selected--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-selected--Stroke);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-danger .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-danger--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-danger--Stroke);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-success .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-success--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-success--Stroke);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-warning .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-warning--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-warning--Stroke);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-skipped .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-selected--m-skipped--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-skipped--Stroke);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-in-progress .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-in-progress--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-in-progress--Stroke);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-pending .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-selected--m-pending--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-pending--Stroke);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-running .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-selected--m-running--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-running--Stroke);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-idle .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-selected--m-idle--Fill);
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-idle--Stroke);
}

.pf-topology-pipelines__pill.pf-m-hover.pf-m-danger .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-t--global--border--width--strong);
}
.pf-topology-pipelines__pill.pf-m-hover.pf-m-success .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-t--global--border--width--strong);
}
.pf-topology-pipelines__pill.pf-m-hover.pf-m-warning .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-t--global--border--width--strong);
}
.pf-topology-pipelines__pill.pf-m-hover.pf-m-skipped .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-t--global--border--width--strong);
}

.pf-topology-pipelines__pill.pf-m-hover.pf-m-in-progress .pf-topology-pipelines__pill-background {
  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-t--global--border--width--strong);
}

/* Node label */
.pf-topology-pipelines__pill-text {
  font-size: var(--pf-topology-pipelines__pill-text--FontSize);
  font-family: var(--pf-topology-pipelines__pill-text--FontFamily);
  fill: var(--pf-topology-pipelines__pill-text--Color);
}

.pf-topology-pipelines__pill.pf-m-selected .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--Color);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-danger .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-danger--Color);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-success .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-success--Color);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-warning .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-warning--Color);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-skipped .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-skipped--Color);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-in-progress .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-pending .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-pending--Color);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-running .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-running--Color);
}

.pf-topology-pipelines__pill.pf-m-selected.pf-m-idle .pf-topology-pipelines__pill-text {
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-idle--Color);
}

.pf-topology-pipelines__pill-status {
  color: var(--pf-topology-pipelines__pill-status--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--color);
}
.pf-topology-pipelines__pill-status.pf-m-danger {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-danger--color);
}
.pf-topology-pipelines__pill-status.pf-m-success {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-success--color);
}
.pf-topology-pipelines__pill-status.pf-m-warning {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-warning--color);
}
.pf-topology-pipelines__pill-status.pf-m-skipped {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-skipped--color);
}
.pf-topology-pipelines__pill-status.pf-m-in-progress {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-in-progress--color);
}
.pf-topology-pipelines__pill-status.pf-m-pending {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-pending--color);
}
.pf-topology-pipelines__pill-status.pf-m-running {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-running--color);
}
.pf-topology-pipelines__pill-status.pf-m-idle {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-idle--color);
}

.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-danger {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-danger--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-success {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-success--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-warning {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-warning--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-skipped {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-skipped--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-in-progress {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-in-progress--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-pending {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-pending--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-running {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-running--color);
}
.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-idle {
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-idle--color);
}
.pf-topology-pipelines__pill-status.pf-m-spin {
  filter: blur(0);
  -webkit-filter: blur(0);
  transform-box: fill-box;
  transform-origin: center;
  animation: status-spin 2s infinite linear;
}
@keyframes status-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.pf-topology-pipelines__pill-badge {
  fill: var(--pf-topology-pipelines__pill-badge--fill);
  stroke-width: 0;
}
.pf-topology-pipelines__pill-badge text {
  fill: var(--pf-topology-pipelines__pill-badge--text--fill);
  color: var(--pf-topology__node--Color);
}
.pf-topology-pipelines__pill.pf-m-selectable {
  cursor: pointer;
}
.pf-topology-pipelines__pill.pf-m-selected .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--Color);
}
.pf-topology-pipelines__pill.pf-m-selected.pf-m-danger .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-danger--Color);
}
.pf-topology-pipelines__pill.pf-m-selected.pf-m-success .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-success--Color);
}
.pf-topology-pipelines__pill.pf-m-selected.pf-m-warning .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-warning--Color);
}
.pf-topology-pipelines__pill.pf-m-selected.pf-m-skipped .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-skipped--Color);
}
.pf-topology-pipelines__pill.pf-m-selected.pf-m-in-progress .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color);
}
.pf-topology-pipelines__pill.pf-m-selected.pf-m-pending .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-pending--Color);
}
.pf-topology-pipelines__pill.pf-m-selected.pf-m-running .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-running--Color);
}
.pf-topology-pipelines__pill.pf-m-selected.pf-m-idle .pf-topology__node__action-icon__icon {
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-idle--Color);
}

.pf-topology-pipelines__when-expression-background {
  stroke: var(--pf-topology-pipelines__when-expression-background--Stroke);
  fill: var(--pf-topology-pipelines__when-expression-background--Fill);
}
.pf-topology-pipelines__pill.pf-m-selected .pf-topology-pipelines__when-expression-background {
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-selected--color);
}
.pf-topology-pipelines__when-expression-background.pf-m-success {
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-success--color);
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-success--color);
}
.pf-topology-pipelines__when-expression-background.pf-m-unmet {
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-warning--color);
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-warning--color);
}
.pf-topology-pipelines__when-expression-background.pf-m-skipped {
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-skipped--color);
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-skipped--color);
}
.pf-topology-pipelines__when-expression-background.pf-m-in-progress {
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-in-progress--color);
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-in-progress--color);
}

.pf-topology-pipelines__pill.pf-m-selected .pf-topology-pipelines__when-expression-edge {
  stroke: var(--pf-topology-pipelines__when-expression--m-selected--color);
}

.pf-topology-pipelines__status-icon {
  color: var(--pf-topology-pipelines__status-icon--color);
}
.pf-topology-pipelines__status-icon.pf-m-selected {
  fill: var(--pf-topology-pipelines__status-icon--fill);
}
.pf-topology-pipelines__status-icon.pf-m-selected {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--color);
}
.pf-topology-pipelines__status-icon.pf-m-danger {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-danger--color);
}
.pf-topology-pipelines__status-icon.pf-m-success {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-success--color);
}
.pf-topology-pipelines__status-icon.pf-m-warning {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-warning--color);
}
.pf-topology-pipelines__status-icon.pf-m-skipped {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-skipped--color);
}
.pf-topology-pipelines__status-icon.pf-m-in-progress {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-in-progress--color);
}
.pf-topology-pipelines__status-icon.pf-m-pending {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-pending--color);
}
.pf-topology-pipelines__status-icon.pf-m-running {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-running--color);
}
.pf-topology-pipelines__status-icon.pf-m-idle {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-idle--color);
}

.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-danger {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-danger--color);
}
.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-success {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-success--color);
}
.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-warning {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-warning--color);
}
.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-skipped {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-skipped--color);
}
.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-in-progress {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-in-progress--color);
}
.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-pending {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-pending--color);
}
.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-running {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-running--color);
}
.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-idle {
  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-idle--color);
}

.pf-topology-pipelines__status-icon-background {
  fill: var(--pf-topology-pipelines__pill-background--Fill);
  stroke: var(--pf-topology-pipelines__pill-background--Stroke);
}

.pf-topology-pipelines__status-icon-background.pf-m-danger {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-danger--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-success {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-success--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-warning {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-warning--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-skipped {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-skipped--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-in-progress {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-in-progress--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-pending {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-pending--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-running {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-running--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-idle {
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-idle--Stroke);
}

.pf-topology-pipelines__status-icon-background.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__status-icon--m-selected--color);
}
.pf-topology-pipelines__status-icon-background.pf-m-danger.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-danger--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-success.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-success--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-warning.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-warning--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-skipped.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-skipped--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-in-progress.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-in-progress--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-pending.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-pending--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-running.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-running--Stroke);
}
.pf-topology-pipelines__status-icon-background.pf-m-idle.pf-m-selected {
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-idle--Stroke);
}
.pf-v6-c-popover {
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
  --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
  --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
  --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
  --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
  --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
  --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
  --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
  --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
  --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
  --pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
  --pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
  --pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
  --pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
  --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
  --pf-v6-c-popover__arrow--Width: 0.9375rem;
  --pf-v6-c-popover__arrow--Height: 0.9375rem;
  --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
  --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
  --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
  --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
  --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
  --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
  --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
  --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
  --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
  --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
  --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
  --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
  --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
  --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
  --pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
  --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
  --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
  --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
  --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
  --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
  --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
  --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
}

.pf-v6-c-popover {
  position: relative;
  min-width: var(--pf-v6-c-popover--MinWidth);
  max-width: var(--pf-v6-c-popover--MaxWidth);
  font-size: var(--pf-v6-c-popover--FontSize);
  border-radius: var(--pf-v6-c-popover--BorderRadius);
  box-shadow: var(--pf-v6-c-popover--BoxShadow);
}
.pf-v6-c-popover.pf-m-no-padding {
  --pf-v6-c-popover__content--PaddingBlockStart: 0px;
  --pf-v6-c-popover__content--PaddingInlineEnd: 0px;
  --pf-v6-c-popover__content--PaddingBlockEnd: 0px;
  --pf-v6-c-popover__content--PaddingInlineStart: 0px;
}
.pf-v6-c-popover.pf-m-width-auto {
  --pf-v6-c-popover--MinWidth: auto;
  --pf-v6-c-popover--MaxWidth: none;
}
.pf-v6-c-popover:is(.pf-m-top,
.pf-m-top-left,
.pf-m-top-right) {
  --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0);
  --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%);
  --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
  --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
  --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
}
.pf-v6-c-popover:is(.pf-m-bottom,
.pf-m-bottom-left,
.pf-m-bottom-right) {
  --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0);
  --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%);
  --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
  --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
  --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
}
.pf-v6-c-popover:is(.pf-m-left,
.pf-m-left-top,
.pf-m-left-bottom) {
  --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%);
  --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0);
  --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
  --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
  --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
}
.pf-v6-c-popover:is(.pf-m-right,
.pf-m-right-top,
.pf-m-right-bottom) {
  --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%);
  --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-right--InsetInlineStart, 0);
  --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
  --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
  --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
}
.pf-v6-c-popover:is(.pf-m-left-top,
.pf-m-right-top) {
  --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart);
  --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
}
.pf-v6-c-popover:is(.pf-m-left-bottom,
.pf-m-right-bottom) {
  --pf-v6-c-popover__arrow--InsetBlockStart: auto;
  --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd);
}
.pf-v6-c-popover:is(.pf-m-top-left,
.pf-m-bottom-left) {
  --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
  --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
}
.pf-v6-c-popover:is(.pf-m-top-right,
.pf-m-bottom-right) {
  --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
  --pf-v6-c-popover__arrow--InsetInlineStart: auto;
}
.pf-v6-c-popover.pf-m-danger {
  --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
}
.pf-v6-c-popover.pf-m-warning {
  --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
}
.pf-v6-c-popover.pf-m-success {
  --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
}
.pf-v6-c-popover.pf-m-custom {
  --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
}
.pf-v6-c-popover.pf-m-info {
  --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
}

.pf-v6-c-popover__content {
  position: relative;
  padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
  padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
  background-color: var(--pf-v6-c-popover__content--BackgroundColor);
  border-radius: var(--pf-v6-c-popover__content--BorderRadius);
}

.pf-v6-c-popover__close {
  position: absolute;
  inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
  inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
}
.pf-v6-c-popover__close + * {
  padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
}

.pf-v6-c-popover__arrow {
  position: absolute;
  top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
  right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
  bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
  left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
  width: var(--pf-v6-c-popover__arrow--Width);
  height: var(--pf-v6-c-popover__arrow--Height);
  pointer-events: none;
  background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
  box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
  transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
}

.pf-v6-c-popover__header {
  margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
}

.pf-v6-c-popover__title {
  display: flex;
  flex: 0 0 auto;
}

.pf-v6-c-popover__title-icon {
  margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
  font-size: var(--pf-v6-c-popover__title-icon--FontSize);
  color: var(--pf-v6-c-popover__title-icon--Color);
}

.pf-v6-c-popover__title-text {
  min-width: 0;
  font-size: var(--pf-v6-c-popover__title-text--FontSize);
  font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
  color: var(--pf-v6-c-popover__title-text--Color);
  overflow-wrap: break-word;
}

.pf-v6-c-popover__body {
  word-wrap: break-word;
}

.pf-v6-c-popover__footer {
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
}
.pf-v6-c-tooltip {
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
  --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
  --pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
  --pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
  --pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
  --pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
  --pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
  --pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
  --pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
  --pf-v6-c-tooltip__arrow--Width: 0.9375rem;
  --pf-v6-c-tooltip__arrow--Height: 0.9375rem;
  --pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
  --pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
  --pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
  --pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
  --pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
  --pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
  --pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
  --pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
  --pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
  --pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
  --pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
  --pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
  --pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
  --pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
}

.pf-v6-c-tooltip {
  position: relative;
  max-width: var(--pf-v6-c-tooltip--MaxWidth);
  box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
}
.pf-v6-c-tooltip:is(.pf-m-top,
.pf-m-top-left,
.pf-m-top-right) {
  --pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
  --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
}
.pf-v6-c-tooltip:is(.pf-m-bottom,
.pf-m-bottom-left,
.pf-m-bottom-right) {
  --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0);
  --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%);
  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateX);
  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateY);
  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-bottom--Rotate);
}
.pf-v6-c-tooltip:is(.pf-m-left,
.pf-m-left-top,
.pf-m-left-bottom) {
  --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%);
  --pf-v6-c-tooltip__arrow--InsetInlineEnd: var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0);
  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-left--TranslateY);
  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
}
.pf-v6-c-tooltip:is(.pf-m-right,
.pf-m-right-top,
.pf-m-right-bottom) {
  --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
  --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
}
.pf-v6-c-tooltip:is(.pf-m-left-top,
.pf-m-right-top) {
  --pf-v6-c-tooltip__arrow--InsetBlockStart: 0;
  --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
}
.pf-v6-c-tooltip:is(.pf-m-left-bottom,
.pf-m-right-bottom) {
  --pf-v6-c-tooltip__arrow--InsetBlockStart: auto;
  --pf-v6-c-tooltip__arrow--InsetBlockEnd: 0;
}
.pf-v6-c-tooltip:is(.pf-m-top-left,
.pf-m-bottom-left) {
  --pf-v6-c-tooltip__arrow--InsetInlineStart: 0;
  --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
}
.pf-v6-c-tooltip:is(.pf-m-top-right,
.pf-m-bottom-right) {
  --pf-v6-c-tooltip__arrow--InsetInlineEnd: 0;
  --pf-v6-c-tooltip__arrow--InsetInlineStart: auto;
}

.pf-v6-c-tooltip__content {
  position: relative;
  padding-block-start: var(--pf-v6-c-tooltip__content--PaddingBlockStart);
  padding-block-end: var(--pf-v6-c-tooltip__content--PaddingBlockEnd);
  padding-inline-start: var(--pf-v6-c-tooltip__content--PaddingInlineStart);
  padding-inline-end: var(--pf-v6-c-tooltip__content--PaddingInlineEnd);
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
  color: var(--pf-v6-c-tooltip__content--Color);
  text-align: center;
  word-break: break-word;
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
}
.pf-v6-c-tooltip__content.pf-m-text-align-left {
  text-align: start;
}

.pf-v6-c-tooltip__arrow {
  position: absolute;
  top: var(--pf-v6-c-tooltip__arrow--InsetBlockStart, auto);
  right: var(--pf-v6-c-tooltip__arrow--InsetInlineEnd, auto);
  bottom: var(--pf-v6-c-tooltip__arrow--InsetBlockEnd, auto);
  left: var(--pf-v6-c-tooltip__arrow--InsetInlineStart, auto);
  width: var(--pf-v6-c-tooltip__arrow--Width);
  height: var(--pf-v6-c-tooltip__arrow--Height);
  pointer-events: none;
  background-color: var(--pf-v6-c-tooltip__arrow--BackgroundColor);
  box-shadow: var(--pf-v6-c-tooltip__arrow--BoxShadow);
  transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
}
.pf-v6-c-popover[data-popper-reference-hidden="true"] {
    visibility: hidden;
    pointer-events: none;
}


.pf-v6-screen-reader {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.pf-v6-screen-reader.pf-m-full-size {
  width: 100%;
  height: 100%;
}

.pf-v6-screen-reader.pf-m-absolute {
  position: absolute;
}

.pf-v6-m-tabular-nums {
  font-variant-numeric: tabular-nums;
}

.pf-v6-m-legacy-font {
  --pf-t--global--font--family--body: var(--pf-t--global--font--family--body--legacy);
  --pf-t--global--font--family--heading: var(--pf-t--global--font--family--heading--legacy);
  --pf-t--global--font--family--mono: var(--pf-t--global--font--family--mono--legacy);
  --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--legacy);
  --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--bold--legacy);
  --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--legacy);
  --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--bold--legacy);
}

.pf-v6-m-dir-rtl {
  --pf-v6-global--inverse--multiplier: -1;
  direction: rtl;
}

.pf-v6-m-dir-ltr {
  --pf-v6-global--inverse--multiplier: 1;
  direction: ltr;
}

:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-m-mirror-inline-rtl {
  scale: -1 1;
}

.pf-v6-m-no-motion {
  --pf-t--global--delay--400: 1ms !important;
  --pf-t--global--delay--300: 1ms !important;
  --pf-t--global--delay--200: 1ms !important;
  --pf-t--global--delay--100: 1ms !important;
  --pf-t--global--duration--600: 1ms !important;
  --pf-t--global--duration--500: 1ms !important;
  --pf-t--global--duration--400: 1ms !important;
  --pf-t--global--duration--300: 1ms !important;
  --pf-t--global--duration--200: 1ms !important;
  --pf-t--global--duration--100: 1ms !important;
  --pf-t--global--duration--50: 1ms !important;
}

:root {
  --pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
  --pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
}

@property --pf-v6-global--danger-jiggle--TranslateX {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@keyframes pf-v6-global-danger-jiggle-motion {
  33% {
    --pf-v6-global--danger-jiggle--TranslateX: -2px;
  }

  66% {
    --pf-v6-global--danger-jiggle--TranslateX: 3px;
  }
}

@keyframes pf-v6-global-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes pf-v6-global-fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@font-face {
  font-family: "Red Hat Text";
  font-style: normal;
  font-weight: 400 500;
  src: url(/static/RedHatTextVF.c33624692c8b41e36780.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: "Red Hat Text";
  font-style: italic;
  font-weight: 400 500;
  src: url(/static/RedHatTextVF-Italic.078865af129336cde269.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: "Red Hat Display";
  font-style: normal;
  font-weight: 400 700;
  src: url(/static/RedHatDisplayVF.18ca482120faaa701d8b.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: "Red Hat Display";
  font-style: italic;
  font-weight: 400 700;
  src: url(/static/RedHatDisplayVF-Italic.813182e673c38ef5ee4b.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: "Red Hat Mono";
  font-style: normal;
  font-weight: 400;
  src: url(/static/RedHatMonoVF.e4faf134e53e0f37296b.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: "Red Hat Mono";
  font-style: italic;
  font-weight: 400;
  src: url(/static/RedHatMonoVF-Italic.6e3027616d8de472723c.woff2) format("woff2-variations");
  font-display: fallback;
}

@font-face {
  font-family: "pf-v6-pficon";
  src: url(/static/pf-v6-pficon.463d4ddeac4dae277fc4.woff2) format("woff2");
}

.pf-v6-pficon-zone:before,
.pf-v6-pficon-warning-triangle:before,
.pf-v6-pficon-volume:before,
.pf-v6-pficon-virtual-machine:before,
.pf-v6-pficon-users:before,
.pf-v6-pficon-user:before,
.pf-v6-pficon-unplugged:before,
.pf-v6-pficon-unlocked:before,
.pf-v6-pficon-unknown:before,
.pf-v6-pficon-trend-up:before,
.pf-v6-pficon-trend-down:before,
.pf-v6-pficon-treeview:before,
.pf-v6-pficon-topology:before,
.pf-v6-pficon-thumb-tack:before,
.pf-v6-pficon-tenant:before,
.pf-v6-pficon-task:before,
.pf-v6-pficon-storage-domain:before,
.pf-v6-pficon-spinner2:before,
.pf-v6-pficon-spinner:before,
.pf-v6-pficon-severity-undefined:before,
.pf-v6-pficon-severity-none:before,
.pf-v6-pficon-severity-moderate:before,
.pf-v6-pficon-severity-minor:before,
.pf-v6-pficon-severity-important:before,
.pf-v6-pficon-severity-critical:before,
.pf-v6-pficon-services:before,
.pf-v6-pficon-service:before,
.pf-v6-pficon-service-catalog:before,
.pf-v6-pficon-server:before,
.pf-v6-pficon-server-group:before,
.pf-v6-pficon-security:before,
.pf-v6-pficon-screen:before,
.pf-v6-pficon-save:before,
.pf-v6-pficon-running:before,
.pf-v6-pficon-resources-full:before,
.pf-v6-pficon-resources-empty:before,
.pf-v6-pficon-resources-almost-full:before,
.pf-v6-pficon-resources-almost-empty:before,
.pf-v6-pficon-resource-pool:before,
.pf-v6-pficon-repository:before,
.pf-v6-pficon-replicator:before,
.pf-v6-pficon-remove2:before,
.pf-v6-pficon-registry:before,
.pf-v6-pficon-regions:before,
.pf-v6-pficon-rebooting:before,
.pf-v6-pficon-rebalance:before,
.pf-v6-pficon-project:before,
.pf-v6-pficon-process-automation:before,
.pf-v6-pficon-private:before,
.pf-v6-pficon-print:before,
.pf-v6-pficon-port:before,
.pf-v6-pficon-plugged:before,
.pf-v6-pficon-pficon-vcenter:before,
.pf-v6-pficon-pficon-template:before,
.pf-v6-pficon-pficon-sort-common-desc:before,
.pf-v6-pficon-pficon-sort-common-asc:before,
.pf-v6-pficon-pficon-satellite:before,
.pf-v6-pficon-pficon-network-range:before,
.pf-v6-pficon-pficon-history:before,
.pf-v6-pficon-pficon-dragdrop:before,
.pf-v6-pficon-pending:before,
.pf-v6-pficon-paused:before,
.pf-v6-pficon-panel-open:before,
.pf-v6-pficon-panel-close:before,
.pf-v6-pficon-package:before,
.pf-v6-pficon-os-image:before,
.pf-v6-pficon-orders:before,
.pf-v6-pficon-optimize:before,
.pf-v6-pficon-openstack:before,
.pf-v6-pficon-openshift:before,
.pf-v6-pficon-open-drawer-right:before,
.pf-v6-pficon-on:before,
.pf-v6-pficon-on-running:before,
.pf-v6-pficon-ok:before,
.pf-v6-pficon-off:before,
.pf-v6-pficon-not-started:before,
.pf-v6-pficon-new-process:before,
.pf-v6-pficon-network:before,
.pf-v6-pficon-namespaces:before,
.pf-v6-pficon-multicluster:before,
.pf-v6-pficon-monitoring:before,
.pf-v6-pficon-module:before,
.pf-v6-pficon-migration:before,
.pf-v6-pficon-middleware:before,
.pf-v6-pficon-messages:before,
.pf-v6-pficon-memory:before,
.pf-v6-pficon-maintenance:before,
.pf-v6-pficon-locked:before,
.pf-v6-pficon-key:before,
.pf-v6-pficon-integration:before,
.pf-v6-pficon-infrastructure:before,
.pf-v6-pficon-info:before,
.pf-v6-pficon-in-progress:before,
.pf-v6-pficon-import:before,
.pf-v6-pficon-home:before,
.pf-v6-pficon-history:before,
.pf-v6-pficon-help:before,
.pf-v6-pficon-globe-route:before,
.pf-v6-pficon-folder-open:before,
.pf-v6-pficon-folder-close:before,
.pf-v6-pficon-flavor:before,
.pf-v6-pficon-filter:before,
.pf-v6-pficon-export:before,
.pf-v6-pficon-error-circle-o:before,
.pf-v6-pficon-equalizer:before,
.pf-v6-pficon-enterprise:before,
.pf-v6-pficon-enhancement:before,
.pf-v6-pficon-edit:before,
.pf-v6-pficon-domain:before,
.pf-v6-pficon-disconnected:before,
.pf-v6-pficon-degraded:before,
.pf-v6-pficon-data-source:before,
.pf-v6-pficon-data-sink:before,
.pf-v6-pficon-data-processor:before,
.pf-v6-pficon-critical-risk:before,
.pf-v6-pficon-cpu:before,
.pf-v6-pficon-container-node:before,
.pf-v6-pficon-connected:before,
.pf-v6-pficon-cluster:before,
.pf-v6-pficon-cloud-tenant:before,
.pf-v6-pficon-cloud-security:before,
.pf-v6-pficon-close:before,
.pf-v6-pficon-chat:before,
.pf-v6-pficon-catalog:before,
.pf-v6-pficon-bundle:before,
.pf-v6-pficon-builder-image:before,
.pf-v6-pficon-build:before,
.pf-v6-pficon-blueprint:before,
.pf-v6-pficon-bell:before,
.pf-v6-pficon-automation:before,
.pf-v6-pficon-attention-bell:before,
.pf-v6-pficon-asleep:before,
.pf-v6-pficon-arrow:before,
.pf-v6-pficon-applications:before,
.pf-v6-pficon-ansible-tower:before,
.pf-v6-pficon-add-circle-o:before {
  font-family: "pf-v6-pficon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration-line: none;
  text-transform: none;
}

.pf-v6-pficon-add-circle-o:before {
  content: "\e61b";
}

.pf-v6-pficon-ansible-tower:before {
  content: "\e950";
}

.pf-v6-pficon-applications:before {
  content: "\e936";
}

.pf-v6-pficon-arrow:before {
  content: "\e929";
}

.pf-v6-pficon-asleep:before {
  content: "\e92e";
}

.pf-v6-pficon-attention-bell:before {
  content: "\e951";
}

.pf-v6-pficon-automation:before {
  content: "\e937";
}

.pf-v6-pficon-bell:before {
  content: "\e952";
}

.pf-v6-pficon-blueprint:before {
  content: "\e915";
}

.pf-v6-pficon-build:before {
  content: "\e902";
}

.pf-v6-pficon-builder-image:before {
  content: "\e800";
}

.pf-v6-pficon-bundle:before {
  content: "\e918";
}

.pf-v6-pficon-catalog:before {
  content: "\e953";
}

.pf-v6-pficon-chat:before {
  content: "\e954";
}

.pf-v6-pficon-close:before {
  content: "\e60b";
}

.pf-v6-pficon-cloud-security:before {
  content: "\e903";
}

.pf-v6-pficon-cloud-tenant:before {
  content: "\e904";
}

.pf-v6-pficon-cluster:before {
  content: "\e620";
}

.pf-v6-pficon-connected:before {
  content: "\e938";
}

.pf-v6-pficon-container-node:before {
  content: "\e621";
}

.pf-v6-pficon-cpu:before {
  content: "\e927";
}

.pf-v6-pficon-critical-risk:before {
  content: "\e976";
}

.pf-v6-pficon-data-processor:before {
  content: "\e97b";
}

.pf-v6-pficon-data-sink:before {
  content: "\e978";
}

.pf-v6-pficon-data-source:before {
  content: "\e979";
}

.pf-v6-pficon-degraded:before {
  content: "\e91b";
}

.pf-v6-pficon-disconnected:before {
  content: "\e955";
}

.pf-v6-pficon-domain:before {
  content: "\e919";
}

.pf-v6-pficon-edit:before {
  content: "\e60a";
}

.pf-v6-pficon-enhancement:before {
  content: "\e93a";
}

.pf-v6-pficon-enterprise:before {
  content: "\e906";
}

.pf-v6-pficon-equalizer:before {
  content: "\e956";
}

.pf-v6-pficon-error-circle-o:before {
  content: "\e926";
}

.pf-v6-pficon-export:before {
  content: "\e616";
}

.pf-v6-pficon-filter:before {
  content: "\e943";
}

.pf-v6-pficon-flavor:before {
  content: "\e957";
}

.pf-v6-pficon-folder-close:before {
  content: "\e607";
}

.pf-v6-pficon-folder-open:before {
  content: "\e606";
}

.pf-v6-pficon-globe-route:before {
  content: "\e958";
}

.pf-v6-pficon-help:before {
  content: "\e605";
}

.pf-v6-pficon-history:before {
  content: "\e617";
}

.pf-v6-pficon-home:before {
  content: "\e618";
}

.pf-v6-pficon-import:before {
  content: "\e615";
}

.pf-v6-pficon-in-progress:before {
  content: "\e933";
}

.pf-v6-pficon-info:before {
  content: "\e92b";
}

.pf-v6-pficon-infrastructure:before {
  content: "\e93d";
}

.pf-v6-pficon-integration:before {
  content: "\e948";
}

.pf-v6-pficon-key:before {
  content: "\e924";
}

.pf-v6-pficon-locked:before {
  content: "\e923";
}

.pf-v6-pficon-maintenance:before {
  content: "\e932";
}

.pf-v6-pficon-memory:before {
  content: "\e908";
}

.pf-v6-pficon-messages:before {
  content: "\e603";
}

.pf-v6-pficon-middleware:before {
  content: "\e917";
}

.pf-v6-pficon-migration:before {
  content: "\e931";
}

.pf-v6-pficon-module:before {
  content: "\e959";
}

.pf-v6-pficon-monitoring:before {
  content: "\e95a";
}

.pf-v6-pficon-multicluster:before {
  content: "\e97c";
}

.pf-v6-pficon-namespaces:before {
  content: "\e95b";
}

.pf-v6-pficon-network:before {
  content: "\e909";
}

.pf-v6-pficon-new-process:before {
  content: "\e95c";
}

.pf-v6-pficon-not-started:before {
  content: "\e95d";
}

.pf-v6-pficon-off:before {
  content: "\e92d";
}

.pf-v6-pficon-ok:before {
  content: "\e602";
}

.pf-v6-pficon-on-running:before {
  content: "\e925";
}

.pf-v6-pficon-on:before {
  content: "\e92c";
}

.pf-v6-pficon-open-drawer-right:before {
  content: "\e977";
}

.pf-v6-pficon-openshift:before {
  content: "\e95e";
}

.pf-v6-pficon-openstack:before {
  content: "\e95f";
}

.pf-v6-pficon-optimize:before {
  content: "\e93e";
}

.pf-v6-pficon-orders:before {
  content: "\e93f";
}

.pf-v6-pficon-os-image:before {
  content: "\e960";
}

.pf-v6-pficon-package:before {
  content: "\e961";
}

.pf-v6-pficon-panel-close:before {
  content: "\e962";
}

.pf-v6-pficon-panel-open:before {
  content: "\e963";
}

.pf-v6-pficon-paused:before {
  content: "\e92f";
}

.pf-v6-pficon-pending:before {
  content: "\e964";
}

.pf-v6-pficon-pficon-dragdrop:before {
  content: "\e965";
}

.pf-v6-pficon-pficon-history:before {
  content: "\e966";
}

.pf-v6-pficon-pficon-network-range:before {
  content: "\e967";
}

.pf-v6-pficon-pficon-satellite:before {
  content: "\e968";
}

.pf-v6-pficon-pficon-sort-common-asc:before {
  content: "\e94e";
}

.pf-v6-pficon-pficon-sort-common-desc:before {
  content: "\e94f";
}

.pf-v6-pficon-pficon-template:before {
  content: "\e94c";
}

.pf-v6-pficon-pficon-vcenter:before {
  content: "\e969";
}

.pf-v6-pficon-plugged:before {
  content: "\e96a";
}

.pf-v6-pficon-port:before {
  content: "\e96b";
}

.pf-v6-pficon-print:before {
  content: "\e612";
}

.pf-v6-pficon-private:before {
  content: "\e914";
}

.pf-v6-pficon-process-automation:before {
  content: "\e949";
}

.pf-v6-pficon-project:before {
  content: "\e96c";
}

.pf-v6-pficon-rebalance:before {
  content: "\e91c";
}

.pf-v6-pficon-rebooting:before {
  content: "\e96d";
}

.pf-v6-pficon-regions:before {
  content: "\e90a";
}

.pf-v6-pficon-registry:before {
  content: "\e623";
}

.pf-v6-pficon-remove2:before {
  content: "\e96e";
}

.pf-v6-pficon-replicator:before {
  content: "\e624";
}

.pf-v6-pficon-repository:before {
  content: "\e90b";
}

.pf-v6-pficon-resource-pool:before {
  content: "\e90c";
}

.pf-v6-pficon-resources-almost-empty:before {
  content: "\e91d";
}

.pf-v6-pficon-resources-almost-full:before {
  content: "\e912";
}

.pf-v6-pficon-resources-empty:before {
  content: "\e96f";
}

.pf-v6-pficon-resources-full:before {
  content: "\e913";
}

.pf-v6-pficon-running:before {
  content: "\e970";
}

.pf-v6-pficon-save:before {
  content: "\e601";
}

.pf-v6-pficon-screen:before {
  content: "\e971";
}

.pf-v6-pficon-security:before {
  content: "\e946";
}

.pf-v6-pficon-server-group:before {
  content: "\e91a";
}

.pf-v6-pficon-server:before {
  content: "\e90d";
}

.pf-v6-pficon-service-catalog:before {
  content: "\e972";
}

.pf-v6-pficon-service:before {
  content: "\e61e";
}

.pf-v6-pficon-services:before {
  content: "\e947";
}

.pf-v6-pficon-severity-critical:before {
  content: "\e97e";
}

.pf-v6-pficon-severity-important:before {
  content: "\e97f";
}

.pf-v6-pficon-severity-minor:before {
  content: "\e980";
}

.pf-v6-pficon-severity-moderate:before {
  content: "\e981";
}

.pf-v6-pficon-severity-none:before {
  content: "\e982";
}

.pf-v6-pficon-severity-undefined:before {
  content: "\e983";
}

.pf-v6-pficon-spinner:before {
  content: "\e973";
}

.pf-v6-pficon-spinner2:before {
  content: "\e613";
}

.pf-v6-pficon-storage-domain:before {
  content: "\e90e";
}

.pf-v6-pficon-task:before {
  content: "\e974";
}

.pf-v6-pficon-tenant:before {
  content: "\e916";
}

.pf-v6-pficon-thumb-tack:before {
  content: "\e920";
}

.pf-v6-pficon-topology:before {
  content: "\e608";
}

.pf-v6-pficon-treeview:before {
  content: "\e97d";
}

.pf-v6-pficon-trend-down:before {
  content: "\e900";
}

.pf-v6-pficon-trend-up:before {
  content: "\e901";
}

.pf-v6-pficon-unknown:before {
  content: "\e935";
}

.pf-v6-pficon-unlocked:before {
  content: "\e922";
}

.pf-v6-pficon-unplugged:before {
  content: "\e942";
}

.pf-v6-pficon-user:before {
  content: "\e91e";
}

.pf-v6-pficon-users:before {
  content: "\e91f";
}

.pf-v6-pficon-virtual-machine:before {
  content: "\e90f";
}

.pf-v6-pficon-volume:before {
  content: "\e910";
}

.pf-v6-pficon-warning-triangle:before {
  content: "\e975";
}

.pf-v6-pficon-zone:before {
  content: "\e911";
}

.pf-v6-svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

:root {
  --pf-v6-global--inverse--multiplier: 1;
  --pf-t--color--black: #000000;
  --pf-t--color--blue--10: #e0f0ff;
  --pf-t--color--blue--20: #b9dafc;
  --pf-t--color--blue--30: #92c5f9;
  --pf-t--color--blue--40: #4394e5;
  --pf-t--color--blue--50: #0066cc;
  --pf-t--color--blue--60: #004d99;
  --pf-t--color--blue--70: #003366;
  --pf-t--color--blue--80: #032142;
  --pf-t--color--gray--10: #f2f2f2;
  --pf-t--color--gray--20: #e0e0e0;
  --pf-t--color--gray--30: #c7c7c7;
  --pf-t--color--gray--40: #a3a3a3;
  --pf-t--color--gray--50: #707070;
  --pf-t--color--gray--60: #4d4d4d;
  --pf-t--color--gray--70: #383838;
  --pf-t--color--gray--80: #292929;
  --pf-t--color--gray--90: #1f1f1f;
  --pf-t--color--gray--95: #151515;
  --pf-t--color--green--10: #e9f7df;
  --pf-t--color--green--20: #d1f1bb;
  --pf-t--color--green--30: #afdc8f;
  --pf-t--color--green--40: #87bb62;
  --pf-t--color--green--50: #63993d;
  --pf-t--color--green--60: #3d7317;
  --pf-t--color--green--70: #204d00;
  --pf-t--color--green--80: #183301;
  --pf-t--color--orange--10: #ffe8cc;
  --pf-t--color--orange--20: #fccb8f;
  --pf-t--color--orange--30: #f8ae54;
  --pf-t--color--orange--40: #f5921b;
  --pf-t--color--orange--50: #ca6c0f;
  --pf-t--color--orange--60: #9e4a06;
  --pf-t--color--orange--70: #732e00;
  --pf-t--color--orange--80: #4d1f00;
  --pf-t--color--purple--10: #ece6ff;
  --pf-t--color--purple--20: #d0c5f4;
  --pf-t--color--purple--30: #b6a6e9;
  --pf-t--color--purple--40: #876fd4;
  --pf-t--color--purple--50: #5e40be;
  --pf-t--color--purple--60: #3d2785;
  --pf-t--color--purple--70: #21134d;
  --pf-t--color--purple--80: #1b0d33;
  --pf-t--color--red--10: #fce3e3;
  --pf-t--color--red--20: #fbc5c5;
  --pf-t--color--red--30: #f9a8a8;
  --pf-t--color--red--40: #f56e6e;
  --pf-t--color--red--50: #ee0000;
  --pf-t--color--red--60: #a60000;
  --pf-t--color--red--70: #5f0000;
  --pf-t--color--red--80: #3f0000;
  --pf-t--color--red-orange--10: #ffe3d9;
  --pf-t--color--red-orange--20: #fbbea8;
  --pf-t--color--red-orange--30: #f89b78;
  --pf-t--color--red-orange--40: #f4784a;
  --pf-t--color--red-orange--50: #f0561d;
  --pf-t--color--red-orange--60: #b1380b;
  --pf-t--color--red-orange--70: #731f00;
  --pf-t--color--red-orange--80: #4c1405;
  --pf-t--color--teal--10: #daf2f2;
  --pf-t--color--teal--20: #b9e5e5;
  --pf-t--color--teal--30: #9ad8d8;
  --pf-t--color--teal--40: #63bdbd;
  --pf-t--color--teal--50: #37a3a3;
  --pf-t--color--teal--60: #147878;
  --pf-t--color--teal--70: #004d4d;
  --pf-t--color--teal--80: #003333;
  --pf-t--color--white: #ffffff;
  --pf-t--color--yellow--10: #fff4cc;
  --pf-t--color--yellow--20: #ffe072;
  --pf-t--color--yellow--30: #ffcc17;
  --pf-t--color--yellow--40: #dca614;
  --pf-t--color--yellow--50: #b98412;
  --pf-t--color--yellow--60: #96640f;
  --pf-t--color--yellow--70: #73480b;
  --pf-t--color--yellow--80: #54330b;
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
  --pf-t--global--border--radius--0: 0px;
  --pf-t--global--border--radius--100: 4px;
  --pf-t--global--border--radius--200: 6px;
  --pf-t--global--border--radius--300: 16px;
  --pf-t--global--border--radius--400: 24px;
  --pf-t--global--border--radius--500: 999px;
  --pf-t--global--border--width--100: 1px;
  --pf-t--global--border--width--200: 2px;
  --pf-t--global--border--width--300: 3px;
  --pf-t--global--border--width--400: 4px;
  --pf-t--global--border--width--action--plain--clicked: 0px;
  --pf-t--global--border--width--action--plain--default: 0px;
  --pf-t--global--border--width--action--plain--hover: 0px;
  --pf-t--global--border--width--high-contrast--extra-strong: 0px;
  --pf-t--global--border--width--high-contrast--regular: 0px;
  --pf-t--global--border--width--high-contrast--strong: 0px;
  --pf-t--global--box-shadow--X--100: -10px;
  --pf-t--global--box-shadow--X--200: -4px;
  --pf-t--global--box-shadow--X--300: -1px;
  --pf-t--global--box-shadow--X--400: 0px;
  --pf-t--global--box-shadow--X--50: -20px;
  --pf-t--global--box-shadow--X--500: 1px;
  --pf-t--global--box-shadow--X--600: 4px;
  --pf-t--global--box-shadow--X--700: 10px;
  --pf-t--global--box-shadow--X--800: 20px;
  --pf-t--global--box-shadow--Y--100: -10px;
  --pf-t--global--box-shadow--Y--200: -4px;
  --pf-t--global--box-shadow--Y--300: -1px;
  --pf-t--global--box-shadow--Y--400: 0px;
  --pf-t--global--box-shadow--Y--50: -20px;
  --pf-t--global--box-shadow--Y--500: 1px;
  --pf-t--global--box-shadow--Y--600: 4px;
  --pf-t--global--box-shadow--Y--700: 10px;
  --pf-t--global--box-shadow--Y--800: 20px;
  --pf-t--global--box-shadow--blur--100: 4px;
  --pf-t--global--box-shadow--blur--200: 9px;
  --pf-t--global--box-shadow--blur--300: 20px;
  --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
  --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
  --pf-t--global--box-shadow--spread--100: 0px;
  --pf-t--global--box-shadow--spread--200: -4px;
  --pf-t--global--box-shadow--spread--300: -8px;
  --pf-t--global--box-shadow--spread--400: -20px;
  --pf-t--global--breakpoint--100: 0rem;
  --pf-t--global--breakpoint--200: 36rem;
  --pf-t--global--breakpoint--250: 40rem;
  --pf-t--global--breakpoint--300: 48rem;
  --pf-t--global--breakpoint--350: 60rem;
  --pf-t--global--breakpoint--400: 62rem;
  --pf-t--global--breakpoint--500: 75rem;
  --pf-t--global--breakpoint--550: 80rem;
  --pf-t--global--breakpoint--600: 90.625rem;
  --pf-t--global--color--nonstatus--green--400: #3d7019;
  --pf-t--global--color--status--success--150: #3d7019;
  --pf-t--global--delay--100: 0ms;
  --pf-t--global--delay--200: 50ms;
  --pf-t--global--delay--300: 100ms;
  --pf-t--global--delay--400: 7000ms;
  --pf-t--global--duration--100: 100ms;
  --pf-t--global--duration--200: 200ms;
  --pf-t--global--duration--300: 300ms;
  --pf-t--global--duration--400: 400ms;
  --pf-t--global--duration--50: 50ms;
  --pf-t--global--duration--500: 500ms;
  --pf-t--global--duration--600: 600ms;
  --pf-t--global--focus-ring--position--inset: -4px;
  --pf-t--global--focus-ring--position--offset: 2px;
  --pf-t--global--focus-ring--width--inset: 3px;
  --pf-t--global--focus-ring--width--offset: 2px;
  --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
  --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
  --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
  --pf-t--global--font--line-height--100: 1.3;
  --pf-t--global--font--line-height--200: 1.5;
  --pf-t--global--font--size--100: 0.75rem;
  --pf-t--global--font--size--200: 0.875rem;
  --pf-t--global--font--size--300: 1rem;
  --pf-t--global--font--size--400: 1.125rem;
  --pf-t--global--font--size--500: 1.25rem;
  --pf-t--global--font--size--600: 1.5rem;
  --pf-t--global--font--size--700: 1.75rem;
  --pf-t--global--font--size--800: 2.25rem;
  --pf-t--global--font--weight--100: 400;
  --pf-t--global--font--weight--200: 500;
  --pf-t--global--font--weight--300: 500;
  --pf-t--global--font--weight--400: 700;
  --pf-t--global--icon--size--100: 0.75rem;
  --pf-t--global--icon--size--200: 0.875rem;
  --pf-t--global--icon--size--250: 1rem;
  --pf-t--global--icon--size--300: 1.5rem;
  --pf-t--global--icon--size--400: 3.5rem;
  --pf-t--global--icon--size--500: 6rem;
  --pf-t--global--spacer--100: 0.25rem;
  --pf-t--global--spacer--200: 0.5rem;
  --pf-t--global--spacer--300: 1rem;
  --pf-t--global--spacer--400: 1.5rem;
  --pf-t--global--spacer--500: 2rem;
  --pf-t--global--spacer--600: 3rem;
  --pf-t--global--spacer--700: 4rem;
  --pf-t--global--spacer--800: 5rem;
  --pf-t--global--text-decoration--line--100: none;
  --pf-t--global--text-decoration--line--200: underline;
  --pf-t--global--text-decoration--style--100: solid;
  --pf-t--global--text-decoration--style--200: dashed;
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
  --pf-t--global--timing-function--200: cubic-bezier(.4, 0, .2, 1);
  --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
  --pf-t--global--z-index--100: 100;
  --pf-t--global--z-index--200: 200;
  --pf-t--global--z-index--300: 300;
  --pf-t--global--z-index--400: 400;
  --pf-t--global--z-index--500: 500;
  --pf-t--global--z-index--600: 600;
  --pf-t--global--background--color--100: var(--pf-t--color--white);
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
  --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
  --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
  --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
  --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
  --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
  --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
  --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
  --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
  --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--200);
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
  --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
  --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
  --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--400);
  --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
  --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
  --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
  --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
  --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
  --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
  --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
  --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
  --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
  --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
  --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
  --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
  --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
  --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
  --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
  --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
  --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
  --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
  --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
  --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
  --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
  --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
  --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
  --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
  --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
  --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
  --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
  --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
  --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
  --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
  --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
  --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
  --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
  --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
  --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
  --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
  --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
  --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
  --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
  --pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250);
  --pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100);
  --pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350);
  --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
  --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
  --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
  --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
  --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
  --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
  --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
  --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
  --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
  --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
  --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
  --pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
  --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
  --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
  --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
  --pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
  --pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
  --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
  --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
  --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
  --pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
  --pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
  --pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
  --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
  --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
  --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
  --pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
  --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
  --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
  --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
  --pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
  --pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
  --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
  --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
  --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
  --pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
  --pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
  --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
  --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
  --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
  --pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
  --pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
  --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
  --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
  --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
  --pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
  --pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
  --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
  --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
  --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
  --pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
  --pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
  --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
  --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
  --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
  --pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
  --pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
  --pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
  --pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
  --pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
  --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
  --pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
  --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
  --pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
  --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
  --pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
  --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
  --pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
  --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
  --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
  --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
  --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
  --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
  --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
  --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
  --pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
  --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
  --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
  --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
  --pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
  --pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
  --pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
  --pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
  --pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
  --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
  --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
  --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
  --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
  --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
  --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
  --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
  --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
  --pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
  --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
  --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
  --pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
  --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
  --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
  --pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--100);
  --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
  --pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
  --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
  --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
  --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
  --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
  --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
  --pf-t--global--motion--delay--default: var(--pf-t--global--delay--300);
  --pf-t--global--motion--delay--long: var(--pf-t--global--delay--400);
  --pf-t--global--motion--delay--none: var(--pf-t--global--delay--100);
  --pf-t--global--motion--delay--short: var(--pf-t--global--delay--200);
  --pf-t--global--motion--duration--2xl: var(--pf-t--global--duration--500);
  --pf-t--global--motion--duration--3xl: var(--pf-t--global--duration--600);
  --pf-t--global--motion--duration--lg: var(--pf-t--global--duration--300);
  --pf-t--global--motion--duration--md: var(--pf-t--global--duration--200);
  --pf-t--global--motion--duration--sm: var(--pf-t--global--duration--100);
  --pf-t--global--motion--duration--xl: var(--pf-t--global--duration--400);
  --pf-t--global--motion--duration--xs: var(--pf-t--global--duration--50);
  --pf-t--global--motion--timing-function--accelerate: var(--pf-t--global--timing-function--100);
  --pf-t--global--motion--timing-function--decelerate: var(--pf-t--global--timing-function--300);
  --pf-t--global--motion--timing-function--default: var(--pf-t--global--timing-function--200);
  --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
  --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
  --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
  --pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
  --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
  --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
  --pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
  --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
  --pf-t--global--text--color--100: var(--pf-t--color--gray--95);
  --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
  --pf-t--global--text--color--250: var(--pf-t--color--gray--70);
  --pf-t--global--text--color--300: var(--pf-t--color--white);
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
  --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
  --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
  --pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
  --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
  --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
  --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
  --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
  --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
  --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
  --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
  --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
  --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
  --pf-t--global--z-index--sm: var(--pf-t--global--z-index--200);
  --pf-t--global--z-index--xl: var(--pf-t--global--z-index--500);
  --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
  --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
  --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
  --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
  --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300);
  --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--200);
  --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--300);
  --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--300);
  --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--200);
  --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--300);
  --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--300);
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--200);
  --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--300);
  --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--300);
  --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--200);
  --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--300);
  --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--300);
  --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--200);
  --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--300);
  --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--300);
  --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--200);
  --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--300);
  --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--300);
  --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200);
  --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300);
  --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--300);
  --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--200);
  --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--300);
  --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--300);
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--200);
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--300);
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--300);
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
  --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
  --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
  --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
  --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--200);
  --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--100);
  --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--200);
  --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
  --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
  --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
  --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
  --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
  --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
  --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
  --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
  --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
  --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
  --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
  --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
  --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
  --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
  --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
  --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200);
  --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100);
  --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200);
  --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200);
  --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100);
  --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200);
  --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--200);
  --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--100);
  --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--200);
  --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
  --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
  --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
  --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--200);
  --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--100);
  --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--200);
  --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
  --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--100);
  --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--200);
  --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--200);
  --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
  --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
  --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--100);
  --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
  --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
  --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
  --pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
  --pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
  --pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
  --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
  --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
  --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
  --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
  --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
  --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
  --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
  --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--color--severity--critical--100);
  --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--100);
  --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--100);
  --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--100);
  --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--100);
  --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--100);
  --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
  --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--200);
  --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
  --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
  --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
  --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
  --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
  --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
  --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
  --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
  --pf-t--global--motion--duration--fade--default: var(--pf-t--global--motion--duration--md);
  --pf-t--global--motion--duration--fade--long: var(--pf-t--global--motion--duration--lg);
  --pf-t--global--motion--duration--fade--short: var(--pf-t--global--motion--duration--sm);
  --pf-t--global--motion--duration--icon--default: var(--pf-t--global--motion--duration--sm);
  --pf-t--global--motion--duration--icon--long: var(--pf-t--global--motion--duration--md);
  --pf-t--global--motion--duration--icon--short: var(--pf-t--global--motion--duration--xs);
  --pf-t--global--motion--duration--slide-in--default: var(--pf-t--global--motion--duration--xl);
  --pf-t--global--motion--duration--slide-in--long: var(--pf-t--global--motion--duration--2xl);
  --pf-t--global--motion--duration--slide-in--short: var(--pf-t--global--motion--duration--lg);
  --pf-t--global--motion--duration--slide-out--default: var(--pf-t--global--motion--duration--xl);
  --pf-t--global--motion--duration--slide-out--long: var(--pf-t--global--motion--duration--2xl);
  --pf-t--global--motion--duration--slide-out--short: var(--pf-t--global--motion--duration--lg);
  --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
  --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
  --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
  --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
  --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
  --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
  --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
  --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
  --pf-t--global--spacer--control--horizontal--spacious: var(--pf-t--global--spacer--lg);
  --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
  --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
  --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
  --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
  --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
  --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
  --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
  --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
  --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
  --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
  --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
  --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
  --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
  --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
  --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
  --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
  --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
  --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
  --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
  --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--200);
  --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--300);
  --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
  --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
  --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
  --pf-t--global--text--color--required: var(--pf-t--global--text--color--400);
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
  --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
  --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
  --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
  --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
  --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
  --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
  --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
  --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
  --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
  --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
  --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
  --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
  --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
  --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
  --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
  --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
  --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
  --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
  --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
  --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
  --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
  --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
  --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
  --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
  --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
  --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
  --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
  --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
  --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
  --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
  --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
  --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
  --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
  --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
  --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
  --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
  --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
  --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
  --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
  --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
  --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
  --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
  --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
  --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
  --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
  --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
  --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
  --pf-t--global--font--size--heading--lg: var(--pf-t--global--font--size--2xl);
  --pf-t--global--font--size--heading--xl: var(--pf-t--global--font--size--3xl);
  --pf-t--global--font--size--heading--2xl: var(--pf-t--global--font--size--4xl);
  --pf-t--global--font--family--body--legacy: redhattext, helvetica, arial, sans-serif;
  --pf-t--global--font--family--heading--legacy: redhatdisplay, helvetica, arial, sans-serif;
  --pf-t--global--font--family--mono--legacy: redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
  --pf-t--global--font--weight--body--legacy: 400;
  --pf-t--global--font--weight--body--bold--legacy: 700;
  --pf-t--global--font--weight--heading--legacy: 400;
  --pf-t--global--font--weight--heading--bold--legacy: 700;
  --pf-t--global--box-shadow--sm: var(--pf-t--global--box-shadow--X--sm--default)
    var(--pf-t--global--box-shadow--Y--sm--default)
    var(--pf-t--global--box-shadow--blur--sm)
    var(--pf-t--global--box-shadow--spread--sm--default)
    var(--pf-t--global--box-shadow--color--sm--default);
  --pf-t--global--box-shadow--sm--top: var(--pf-t--global--box-shadow--X--sm--top)
    var(--pf-t--global--box-shadow--Y--sm--top)
    var(--pf-t--global--box-shadow--blur--sm)
    var(--pf-t--global--box-shadow--spread--sm--directional)
    var(--pf-t--global--box-shadow--color--sm--directional);
  --pf-t--global--box-shadow--sm--bottom: var(--pf-t--global--box-shadow--X--sm--bottom)
    var(--pf-t--global--box-shadow--Y--sm--bottom)
    var(--pf-t--global--box-shadow--blur--sm)
    var(--pf-t--global--box-shadow--spread--sm--directional)
    var(--pf-t--global--box-shadow--color--sm--directional);
  --pf-t--global--box-shadow--sm--left: var(--pf-t--global--box-shadow--X--sm--left)
    var(--pf-t--global--box-shadow--Y--sm--left)
    var(--pf-t--global--box-shadow--blur--sm)
    var(--pf-t--global--box-shadow--spread--sm--directional)
    var(--pf-t--global--box-shadow--color--sm--directional);
  --pf-t--global--box-shadow--sm--right: var(--pf-t--global--box-shadow--X--sm--right)
    var(--pf-t--global--box-shadow--Y--sm--right)
    var(--pf-t--global--box-shadow--blur--sm)
    var(--pf-t--global--box-shadow--spread--sm--directional)
    var(--pf-t--global--box-shadow--color--sm--directional);
  --pf-t--global--box-shadow--md: var(--pf-t--global--box-shadow--X--md--default)
    var(--pf-t--global--box-shadow--Y--md--default)
    var(--pf-t--global--box-shadow--blur--md)
    var(--pf-t--global--box-shadow--spread--md--default)
    var(--pf-t--global--box-shadow--color--md--default);
  --pf-t--global--box-shadow--md--top: var(--pf-t--global--box-shadow--X--md--top)
    var(--pf-t--global--box-shadow--Y--md--top)
    var(--pf-t--global--box-shadow--blur--md)
    var(--pf-t--global--box-shadow--spread--md--directional)
    var(--pf-t--global--box-shadow--color--md--directional);
  --pf-t--global--box-shadow--md--bottom: var(--pf-t--global--box-shadow--X--md--bottom)
    var(--pf-t--global--box-shadow--Y--md--bottom)
    var(--pf-t--global--box-shadow--blur--md)
    var(--pf-t--global--box-shadow--spread--md--directional)
    var(--pf-t--global--box-shadow--color--md--directional);
  --pf-t--global--box-shadow--md--left: var(--pf-t--global--box-shadow--X--md--left)
    var(--pf-t--global--box-shadow--Y--md--left)
    var(--pf-t--global--box-shadow--blur--md)
    var(--pf-t--global--box-shadow--spread--md--directional)
    var(--pf-t--global--box-shadow--color--md--directional);
  --pf-t--global--box-shadow--md--right: var(--pf-t--global--box-shadow--X--md--right)
    var(--pf-t--global--box-shadow--Y--md--right)
    var(--pf-t--global--box-shadow--blur--md)
    var(--pf-t--global--box-shadow--spread--md--directional)
    var(--pf-t--global--box-shadow--color--md--directional);
  --pf-t--global--box-shadow--lg: var(--pf-t--global--box-shadow--X--lg--default)
    var(--pf-t--global--box-shadow--Y--lg--default)
    var(--pf-t--global--box-shadow--blur--lg)
    var(--pf-t--global--box-shadow--spread--lg--default)
    var(--pf-t--global--box-shadow--color--lg--default);
  --pf-t--global--box-shadow--lg--top: var(--pf-t--global--box-shadow--X--lg--top)
    var(--pf-t--global--box-shadow--Y--lg--top)
    var(--pf-t--global--box-shadow--blur--lg)
    var(--pf-t--global--box-shadow--spread--lg--directional)
    var(--pf-t--global--box-shadow--color--lg--directional);
  --pf-t--global--box-shadow--lg--bottom: var(--pf-t--global--box-shadow--X--lg--bottom)
    var(--pf-t--global--box-shadow--Y--lg--bottom)
    var(--pf-t--global--box-shadow--blur--lg)
    var(--pf-t--global--box-shadow--spread--lg--directional)
    var(--pf-t--global--box-shadow--color--lg--directional);
  --pf-t--global--box-shadow--lg--left: var(--pf-t--global--box-shadow--X--lg--left)
    var(--pf-t--global--box-shadow--Y--lg--left)
    var(--pf-t--global--box-shadow--blur--lg)
    var(--pf-t--global--box-shadow--spread--lg--directional)
    var(--pf-t--global--box-shadow--color--lg--directional);
  --pf-t--global--box-shadow--lg--right: var(--pf-t--global--box-shadow--X--lg--right)
    var(--pf-t--global--box-shadow--Y--lg--right)
    var(--pf-t--global--box-shadow--blur--lg)
    var(--pf-t--global--box-shadow--spread--lg--directional)
    var(--pf-t--global--box-shadow--color--lg--directional);
  --pf-t--global--list-style: disc outside;
  --pf-t--temp--dev--tbd: #BC11E0;
}

:root:where(.pf-v6-theme-dark) {
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
  --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
  --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
  --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
  --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
  --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
  --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
  --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
  --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
  --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
  --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
  --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
  --pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
  --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
  --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
  --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
  --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
  --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
  --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
  --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
  --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
  --pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
  --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
  --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
  --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
  --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
  --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
  --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
  --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30);
  --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20);
  --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10);
  --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30);
  --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20);
  --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10);
  --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
  --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
  --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
  --pf-t--global--dark--color--nonstatus--teal--100: var(--pf-t--color--teal--30);
  --pf-t--global--dark--color--nonstatus--teal--200: var(--pf-t--color--teal--20);
  --pf-t--global--dark--color--nonstatus--teal--300: var(--pf-t--color--teal--10);
  --pf-t--global--dark--color--nonstatus--yellow--100: var(--pf-t--color--yellow--30);
  --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
  --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
  --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
  --pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
  --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
  --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
  --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
  --pf-t--global--dark--color--severity--none--100: var(--pf-t--color--blue--30);
  --pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
  --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
  --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
  --pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
  --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
  --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
  --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
  --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
  --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
  --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
  --pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
  --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
  --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
  --pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
  --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
  --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
  --pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
  --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
  --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
  --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
  --pf-t--global--dark--text--color--100: var(--pf-t--color--white);
  --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
  --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
  --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
  --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
  --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
  --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
  --pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
  --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
  --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
  --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
  --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
  --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
  --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--300);
  --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--200);
  --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--300);
  --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
  --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
  --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
  --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
  --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
  --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
  --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
  --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
  --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
  --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
  --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
  --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
  --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
  --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
  --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
  --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
  --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
  --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
  --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
  --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
  --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
  --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
  --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
  --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
  --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--200);
  --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
  --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
  --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
  --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
  --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
  --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
  --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
  --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
  --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
  --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
  --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
  --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
  --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
  --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
  --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
  --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
  --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
  --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
  --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
  --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
  --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
  --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
  --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
  --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--200);
  --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--100);
  --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--200);
  --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--200);
  --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--100);
  --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--200);
  --pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
  --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
  --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
  --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--200);
  --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--100);
  --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--200);
  --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
  --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
  --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
  --pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
  --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
  --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
  --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
  --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
  --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--100);
  --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--dark--color--severity--important--100);
  --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--dark--color--severity--minor--100);
  --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--100);
  --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--dark--color--severity--none--100);
  --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--dark--color--severity--undefined--100);
  --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
  --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
  --pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200);
  --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
  --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
  --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
  --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
  --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
  --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--300);
  --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
  --pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300);
  --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
  --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
  --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
  --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
  --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
  --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
  --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
  --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
  --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
  --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
  --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
  --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
  --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
  --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
  --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
  --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
  --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
  --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
  --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
  --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
  --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
  --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
  --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
  --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
  --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
  --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
  --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
  --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
  --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
  --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
  --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
  --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
  --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
  --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
  --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
  --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
  --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
  --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
}

:root:where(.pf-v6-theme-high-contrast) {
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
  --pf-t--global--border--radius--0: 0px;
  --pf-t--global--border--radius--100: 4px;
  --pf-t--global--border--radius--200: 6px;
  --pf-t--global--border--radius--300: 16px;
  --pf-t--global--border--radius--400: 24px;
  --pf-t--global--border--radius--500: 999px;
  --pf-t--global--border--width--100: 1px;
  --pf-t--global--border--width--200: 2px;
  --pf-t--global--border--width--300: 3px;
  --pf-t--global--border--width--400: 4px;
  --pf-t--global--border--width--action--plain--default: 0px;
  --pf-t--global--box-shadow--X--100: -10px;
  --pf-t--global--box-shadow--X--200: -4px;
  --pf-t--global--box-shadow--X--300: -1px;
  --pf-t--global--box-shadow--X--400: 0px;
  --pf-t--global--box-shadow--X--50: -20px;
  --pf-t--global--box-shadow--X--500: 1px;
  --pf-t--global--box-shadow--X--600: 4px;
  --pf-t--global--box-shadow--X--700: 10px;
  --pf-t--global--box-shadow--X--800: 20px;
  --pf-t--global--box-shadow--Y--100: -10px;
  --pf-t--global--box-shadow--Y--200: -4px;
  --pf-t--global--box-shadow--Y--300: -1px;
  --pf-t--global--box-shadow--Y--400: 0px;
  --pf-t--global--box-shadow--Y--50: -20px;
  --pf-t--global--box-shadow--Y--500: 1px;
  --pf-t--global--box-shadow--Y--600: 4px;
  --pf-t--global--box-shadow--Y--700: 10px;
  --pf-t--global--box-shadow--Y--800: 20px;
  --pf-t--global--box-shadow--blur--100: 4px;
  --pf-t--global--box-shadow--blur--200: 9px;
  --pf-t--global--box-shadow--blur--300: 20px;
  --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
  --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
  --pf-t--global--box-shadow--spread--100: 0px;
  --pf-t--global--box-shadow--spread--200: -4px;
  --pf-t--global--box-shadow--spread--300: -8px;
  --pf-t--global--box-shadow--spread--400: -20px;
  --pf-t--global--breakpoint--100: 0rem;
  --pf-t--global--breakpoint--200: 36rem;
  --pf-t--global--breakpoint--250: 40rem;
  --pf-t--global--breakpoint--300: 48rem;
  --pf-t--global--breakpoint--350: 60rem;
  --pf-t--global--breakpoint--400: 62rem;
  --pf-t--global--breakpoint--500: 75rem;
  --pf-t--global--breakpoint--550: 80rem;
  --pf-t--global--breakpoint--600: 90.625rem;
  --pf-t--global--color--nonstatus--green--400: #3d7019;
  --pf-t--global--color--status--success--150: #3d7019;
  --pf-t--global--focus-ring--position--inset: -4px;
  --pf-t--global--focus-ring--position--offset: 2px;
  --pf-t--global--focus-ring--width--inset: 3px;
  --pf-t--global--focus-ring--width--offset: 2px;
  --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
  --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
  --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
  --pf-t--global--font--line-height--100: 1.3;
  --pf-t--global--font--line-height--200: 1.5;
  --pf-t--global--font--size--100: 0.75rem;
  --pf-t--global--font--size--200: 0.875rem;
  --pf-t--global--font--size--300: 1rem;
  --pf-t--global--font--size--400: 1.125rem;
  --pf-t--global--font--size--500: 1.25rem;
  --pf-t--global--font--size--600: 1.5rem;
  --pf-t--global--font--size--700: 1.75rem;
  --pf-t--global--font--size--800: 2.25rem;
  --pf-t--global--font--weight--100: 400;
  --pf-t--global--font--weight--200: 500;
  --pf-t--global--font--weight--300: 500;
  --pf-t--global--font--weight--400: 700;
  --pf-t--global--icon--size--100: 0.75rem;
  --pf-t--global--icon--size--200: 0.875rem;
  --pf-t--global--icon--size--250: 1rem;
  --pf-t--global--icon--size--300: 1.5rem;
  --pf-t--global--icon--size--400: 3.5rem;
  --pf-t--global--icon--size--500: 6rem;
  --pf-t--global--spacer--100: 0.25rem;
  --pf-t--global--spacer--200: 0.5rem;
  --pf-t--global--spacer--300: 1rem;
  --pf-t--global--spacer--400: 1.5rem;
  --pf-t--global--spacer--500: 2rem;
  --pf-t--global--spacer--600: 3rem;
  --pf-t--global--spacer--700: 4rem;
  --pf-t--global--spacer--800: 5rem;
  --pf-t--global--text-decoration--line--100: none;
  --pf-t--global--text-decoration--line--200: underline;
  --pf-t--global--text-decoration--style--100: solid;
  --pf-t--global--text-decoration--style--200: dashed;
  --pf-t--global--z-index--100: 100;
  --pf-t--global--z-index--200: 200;
  --pf-t--global--z-index--300: 300;
  --pf-t--global--z-index--400: 400;
  --pf-t--global--z-index--500: 500;
  --pf-t--global--z-index--600: 600;
  --pf-t--global--background--color--100: var(--pf-t--color--white);
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
  --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
  --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
  --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
  --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
  --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
  --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
  --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
  --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
  --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
  --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
  --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
  --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
  --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
  --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
  --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
  --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
  --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
  --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
  --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
  --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
  --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
  --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
  --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
  --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
  --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
  --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
  --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
  --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
  --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
  --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
  --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
  --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
  --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
  --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
  --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
  --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
  --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
  --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
  --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
  --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
  --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
  --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
  --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
  --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
  --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
  --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
  --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
  --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
  --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
  --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
  --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
  --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
  --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
  --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
  --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
  --pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250);
  --pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100);
  --pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350);
  --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
  --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
  --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
  --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
  --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
  --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
  --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
  --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
  --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
  --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
  --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
  --pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
  --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
  --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
  --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
  --pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
  --pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
  --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
  --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
  --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
  --pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
  --pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
  --pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
  --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
  --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
  --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
  --pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
  --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
  --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
  --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
  --pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
  --pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
  --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
  --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
  --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
  --pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
  --pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
  --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
  --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
  --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
  --pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
  --pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
  --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
  --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
  --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
  --pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
  --pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
  --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
  --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
  --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
  --pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
  --pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
  --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
  --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
  --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
  --pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
  --pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
  --pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
  --pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
  --pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
  --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
  --pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
  --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
  --pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
  --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
  --pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
  --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
  --pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
  --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
  --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
  --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
  --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
  --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
  --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
  --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
  --pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
  --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
  --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
  --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
  --pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
  --pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
  --pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
  --pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
  --pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
  --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
  --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
  --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
  --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
  --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
  --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
  --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
  --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
  --pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
  --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
  --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
  --pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
  --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
  --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
  --pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--100);
  --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
  --pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
  --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--color--blue--70);
  --pf-t--global--icon--color--brand--default: var(--pf-t--color--blue--60);
  --pf-t--global--icon--color--brand--hover: var(--pf-t--color--blue--70);
  --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--150);
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
  --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
  --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
  --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
  --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
  --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
  --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
  --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
  --pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
  --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
  --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
  --pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
  --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
  --pf-t--global--text--color--100: var(--pf-t--color--gray--95);
  --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
  --pf-t--global--text--color--250: var(--pf-t--color--gray--70);
  --pf-t--global--text--color--300: var(--pf-t--color--white);
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
  --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
  --pf-t--global--text--color--brand--clicked: var(--pf-t--color--blue--80);
  --pf-t--global--text--color--brand--default: var(--pf-t--color--blue--70);
  --pf-t--global--text--color--brand--hover: var(--pf-t--color--blue--80);
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
  --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
  --pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
  --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
  --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
  --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
  --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
  --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
  --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
  --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
  --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
  --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
  --pf-t--global--z-index--sm: var(--pf-t--global--z-index--200);
  --pf-t--global--z-index--xl: var(--pf-t--global--z-index--500);
  --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
  --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
  --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
  --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
  --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
  --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
  --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
  --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
  --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
  --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
  --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
  --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
  --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
  --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
  --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
  --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
  --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
  --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
  --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
  --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
  --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
  --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
  --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
  --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
  --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
  --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
  --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
  --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
  --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
  --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
  --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
  --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
  --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
  --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
  --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
  --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
  --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
  --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
  --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
  --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
  --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
  --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
  --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
  --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
  --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
  --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
  --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
  --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
  --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
  --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
  --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
  --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
  --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
  --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
  --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200);
  --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100);
  --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200);
  --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200);
  --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100);
  --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200);
  --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
  --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
  --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
  --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
  --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
  --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
  --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
  --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
  --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
  --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
  --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
  --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
  --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
  --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
  --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
  --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
  --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
  --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
  --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
  --pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
  --pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
  --pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
  --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
  --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
  --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
  --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
  --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
  --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
  --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
  --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--color--severity--critical--100);
  --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
  --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
  --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
  --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
  --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
  --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
  --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
  --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
  --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
  --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--200);
  --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
  --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
  --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
  --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
  --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
  --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
  --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
  --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
  --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
  --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
  --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
  --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
  --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
  --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
  --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
  --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
  --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
  --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
  --pf-t--global--spacer--control--horizontal--spacious: var(--pf-t--global--spacer--lg);
  --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
  --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
  --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
  --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
  --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
  --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
  --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
  --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
  --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
  --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
  --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
  --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
  --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
  --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
  --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
  --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
  --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
  --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
  --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
  --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
  --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
  --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
  --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
  --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
  --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
  --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
  --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--200);
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
  --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
  --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
  --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
  --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
  --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
  --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
  --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
  --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
  --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
  --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
  --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
  --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
  --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
  --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
  --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
  --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
  --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
  --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
  --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
  --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
  --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
  --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
  --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
  --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
  --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
  --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
  --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
  --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
  --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
  --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
  --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
  --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
  --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
  --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
}

:root:where(.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
  --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
  --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
  --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
  --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
  --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
  --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
  --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
  --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
  --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
  --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
  --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
  --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
  --pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
  --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
  --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
  --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
  --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
  --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
  --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
  --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
  --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
  --pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
  --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
  --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
  --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
  --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
  --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
  --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
  --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30);
  --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20);
  --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10);
  --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30);
  --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20);
  --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10);
  --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
  --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
  --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
  --pf-t--global--dark--color--nonstatus--teal--100: var(--pf-t--color--teal--30);
  --pf-t--global--dark--color--nonstatus--teal--200: var(--pf-t--color--teal--20);
  --pf-t--global--dark--color--nonstatus--teal--300: var(--pf-t--color--teal--10);
  --pf-t--global--dark--color--nonstatus--yellow--100: var(--pf-t--color--yellow--30);
  --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
  --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
  --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
  --pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
  --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
  --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
  --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
  --pf-t--global--dark--color--severity--none--100: var(--pf-t--color--blue--30);
  --pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
  --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
  --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
  --pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
  --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
  --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
  --pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
  --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
  --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
  --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
  --pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
  --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
  --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
  --pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
  --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
  --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
  --pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
  --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
  --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
  --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
  --pf-t--global--dark--text--color--100: var(--pf-t--color--white);
  --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
  --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
  --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
  --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
  --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
  --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
  --pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
  --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
  --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
  --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
  --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
  --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--300);
  --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--200);
  --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--300);
  --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
  --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
  --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
  --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
  --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
  --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
  --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
  --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
  --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
  --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
  --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
  --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
  --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
  --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
  --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
  --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
  --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
  --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
  --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
  --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
  --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
  --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
  --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
  --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
  --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
  --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
  --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
  --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
  --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
  --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
  --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
  --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
  --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
  --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
  --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
  --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
  --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
  --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
  --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
  --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
  --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
  --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
  --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
  --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
  --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
  --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
  --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
  --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
  --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
  --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
  --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
  --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
  --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
  --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
  --pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
  --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
  --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
  --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
  --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
  --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
  --pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
  --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
  --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
  --pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
  --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
  --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
  --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
  --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
  --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
  --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--dark--color--severity--important--100);
  --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--dark--color--severity--minor--100);
  --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--100);
  --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--dark--color--severity--none--100);
  --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--dark--color--severity--undefined--100);
  --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
  --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
  --pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200);
  --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
  --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
  --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
  --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
  --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
  --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
  --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
  --pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300);
  --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
  --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
  --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
  --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
  --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
  --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
  --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
  --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
  --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
  --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
  --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
  --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
  --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
  --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
  --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
  --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
  --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
  --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
  --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
  --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
  --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
  --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
  --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
  --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
  --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
  --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
  --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
  --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
  --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
  --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
  --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
  --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
  --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
  --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
  --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
  --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
  --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
  --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
  --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
  --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
}

:is(.pf-v6-m-dir-rtl, [dir=rtl]) {
  --pf-v6-global--inverse--multiplier: -1;
}
.pf-v6-u-screen-reader {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.pf-v6-u-visible {
  position: static;
  overflow: visible;
  clip: auto;
  white-space: normal;
  border: inherit;
}

.pf-v6-u-hidden {
  display: none !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-screen-reader-on-sm {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-visible-on-sm {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-hidden-on-sm {
    display: none !important;
  }
}

@media screen and (min-width: 48rem) {
  .pf-v6-u-screen-reader-on-md {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media screen and (min-width: 48rem) {
  .pf-v6-u-visible-on-md {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}

@media screen and (min-width: 48rem) {
  .pf-v6-u-hidden-on-md {
    display: none !important;
  }
}

@media screen and (min-width: 62rem) {
  .pf-v6-u-screen-reader-on-lg {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media screen and (min-width: 62rem) {
  .pf-v6-u-visible-on-lg {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}

@media screen and (min-width: 62rem) {
  .pf-v6-u-hidden-on-lg {
    display: none !important;
  }
}

@media screen and (min-width: 75rem) {
  .pf-v6-u-screen-reader-on-xl {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media screen and (min-width: 75rem) {
  .pf-v6-u-visible-on-xl {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}

@media screen and (min-width: 75rem) {
  .pf-v6-u-hidden-on-xl {
    display: none !important;
  }
}

@media screen and (min-width: 90.625rem) {
  .pf-v6-u-screen-reader-on-2xl {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media screen and (min-width: 90.625rem) {
  .pf-v6-u-visible-on-2xl {
    position: static;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: inherit;
  }
}

@media screen and (min-width: 90.625rem) {
  .pf-v6-u-hidden-on-2xl {
    display: none !important;
  }
}
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
@layer base {
  *, :before, :after {
    box-sizing: border-box;
  }

  html {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
    line-height: 1.15;
  }

  body {
    margin: 0;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    border-color: currentColor;
  }

  button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
  }

  button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
  }

  legend {
    padding: 0;
  }

  progress {
    vertical-align: baseline;
  }

  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }

  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }

  summary {
    display: list-item;
  }
}

.bui-p {
  padding: var(--p);
}

.bui-p-0\.5 {
  padding: var(--bui-space-0_5);
}

.bui-p-1 {
  padding: var(--bui-space-1);
}

.bui-p-1\.5 {
  padding: var(--bui-space-1_5);
}

.bui-p-2 {
  padding: var(--bui-space-2);
}

.bui-p-3 {
  padding: var(--bui-space-3);
}

.bui-p-4 {
  padding: var(--bui-space-4);
}

.bui-p-5 {
  padding: var(--bui-space-5);
}

.bui-p-6 {
  padding: var(--bui-space-6);
}

.bui-p-7 {
  padding: var(--bui-space-7);
}

.bui-p-8 {
  padding: var(--bui-space-8);
}

.bui-p-9 {
  padding: var(--bui-space-9);
}

.bui-p-10 {
  padding: var(--bui-space-10);
}

.bui-p-11 {
  padding: var(--bui-space-11);
}

.bui-p-12 {
  padding: var(--bui-space-12);
}

.bui-p-13 {
  padding: var(--bui-space-13);
}

.bui-p-14 {
  padding: var(--bui-space-14);
}

@media (width >= 640px) {
  .xs\:bui-p {
    padding: var(--p-xs);
  }

  .xs\:bui-p-0\.5 {
    padding: var(--bui-space-0_5);
  }

  .xs\:bui-p-1 {
    padding: var(--bui-space-1);
  }

  .xs\:bui-p-1\.5 {
    padding: var(--bui-space-1_5);
  }

  .xs\:bui-p-2 {
    padding: var(--bui-space-2);
  }

  .xs\:bui-p-3 {
    padding: var(--bui-space-3);
  }

  .xs\:bui-p-4 {
    padding: var(--bui-space-4);
  }

  .xs\:bui-p-5 {
    padding: var(--bui-space-5);
  }

  .xs\:bui-p-6 {
    padding: var(--bui-space-6);
  }

  .xs\:bui-p-7 {
    padding: var(--bui-space-7);
  }

  .xs\:bui-p-8 {
    padding: var(--bui-space-8);
  }

  .xs\:bui-p-9 {
    padding: var(--bui-space-9);
  }

  .xs\:bui-p-10 {
    padding: var(--bui-space-10);
  }

  .xs\:bui-p-11 {
    padding: var(--bui-space-11);
  }

  .xs\:bui-p-12 {
    padding: var(--bui-space-12);
  }

  .xs\:bui-p-13 {
    padding: var(--bui-space-13);
  }

  .xs\:bui-p-14 {
    padding: var(--bui-space-14);
  }
}

@media (width >= 768px) {
  .sm\:bui-p {
    padding: var(--p-sm);
  }

  .sm\:bui-p-0\.5 {
    padding: var(--bui-space-0_5);
  }

  .sm\:bui-p-1 {
    padding: var(--bui-space-1);
  }

  .sm\:bui-p-1\.5 {
    padding: var(--bui-space-1_5);
  }

  .sm\:bui-p-2 {
    padding: var(--bui-space-2);
  }

  .sm\:bui-p-3 {
    padding: var(--bui-space-3);
  }

  .sm\:bui-p-4 {
    padding: var(--bui-space-4);
  }

  .sm\:bui-p-5 {
    padding: var(--bui-space-5);
  }

  .sm\:bui-p-6 {
    padding: var(--bui-space-6);
  }

  .sm\:bui-p-7 {
    padding: var(--bui-space-7);
  }

  .sm\:bui-p-8 {
    padding: var(--bui-space-8);
  }

  .sm\:bui-p-9 {
    padding: var(--bui-space-9);
  }

  .sm\:bui-p-10 {
    padding: var(--bui-space-10);
  }

  .sm\:bui-p-11 {
    padding: var(--bui-space-11);
  }

  .sm\:bui-p-12 {
    padding: var(--bui-space-12);
  }

  .sm\:bui-p-13 {
    padding: var(--bui-space-13);
  }

  .sm\:bui-p-14 {
    padding: var(--bui-space-14);
  }
}

@media (width >= 1024px) {
  .md\:bui-p {
    padding: var(--p-md);
  }

  .md\:bui-p-0\.5 {
    padding: var(--bui-space-0_5);
  }

  .md\:bui-p-1 {
    padding: var(--bui-space-1);
  }

  .md\:bui-p-1\.5 {
    padding: var(--bui-space-1_5);
  }

  .md\:bui-p-2 {
    padding: var(--bui-space-2);
  }

  .md\:bui-p-3 {
    padding: var(--bui-space-3);
  }

  .md\:bui-p-4 {
    padding: var(--bui-space-4);
  }

  .md\:bui-p-5 {
    padding: var(--bui-space-5);
  }

  .md\:bui-p-6 {
    padding: var(--bui-space-6);
  }

  .md\:bui-p-7 {
    padding: var(--bui-space-7);
  }

  .md\:bui-p-8 {
    padding: var(--bui-space-8);
  }

  .md\:bui-p-9 {
    padding: var(--bui-space-9);
  }

  .md\:bui-p-10 {
    padding: var(--bui-space-10);
  }

  .md\:bui-p-11 {
    padding: var(--bui-space-11);
  }

  .md\:bui-p-12 {
    padding: var(--bui-space-12);
  }

  .md\:bui-p-13 {
    padding: var(--bui-space-13);
  }

  .md\:bui-p-14 {
    padding: var(--bui-space-14);
  }
}

@media (width >= 1280px) {
  .lg\:bui-p {
    padding: var(--p-lg);
  }

  .lg\:bui-p-0\.5 {
    padding: var(--bui-space-0_5);
  }

  .lg\:bui-p-1 {
    padding: var(--bui-space-1);
  }

  .lg\:bui-p-1\.5 {
    padding: var(--bui-space-1_5);
  }

  .lg\:bui-p-2 {
    padding: var(--bui-space-2);
  }

  .lg\:bui-p-3 {
    padding: var(--bui-space-3);
  }

  .lg\:bui-p-4 {
    padding: var(--bui-space-4);
  }

  .lg\:bui-p-5 {
    padding: var(--bui-space-5);
  }

  .lg\:bui-p-6 {
    padding: var(--bui-space-6);
  }

  .lg\:bui-p-7 {
    padding: var(--bui-space-7);
  }

  .lg\:bui-p-8 {
    padding: var(--bui-space-8);
  }

  .lg\:bui-p-9 {
    padding: var(--bui-space-9);
  }

  .lg\:bui-p-10 {
    padding: var(--bui-space-10);
  }

  .lg\:bui-p-11 {
    padding: var(--bui-space-11);
  }

  .lg\:bui-p-12 {
    padding: var(--bui-space-12);
  }

  .lg\:bui-p-13 {
    padding: var(--bui-space-13);
  }

  .lg\:bui-p-14 {
    padding: var(--bui-space-14);
  }
}

@media (width >= 1536px) {
  .xl\:bui-p {
    padding: var(--p-xl);
  }

  .xl\:bui-p-0\.5 {
    padding: var(--bui-space-0_5);
  }

  .xl\:bui-p-1 {
    padding: var(--bui-space-1);
  }

  .xl\:bui-p-1\.5 {
    padding: var(--bui-space-1_5);
  }

  .xl\:bui-p-2 {
    padding: var(--bui-space-2);
  }

  .xl\:bui-p-3 {
    padding: var(--bui-space-3);
  }

  .xl\:bui-p-4 {
    padding: var(--bui-space-4);
  }

  .xl\:bui-p-5 {
    padding: var(--bui-space-5);
  }

  .xl\:bui-p-6 {
    padding: var(--bui-space-6);
  }

  .xl\:bui-p-7 {
    padding: var(--bui-space-7);
  }

  .xl\:bui-p-8 {
    padding: var(--bui-space-8);
  }

  .xl\:bui-p-9 {
    padding: var(--bui-space-9);
  }

  .xl\:bui-p-10 {
    padding: var(--bui-space-10);
  }

  .xl\:bui-p-11 {
    padding: var(--bui-space-11);
  }

  .xl\:bui-p-12 {
    padding: var(--bui-space-12);
  }

  .xl\:bui-p-13 {
    padding: var(--bui-space-13);
  }

  .xl\:bui-p-14 {
    padding: var(--bui-space-14);
  }
}

.bui-pl {
  padding-left: var(--pl);
}

.bui-pl-0\.5 {
  padding-left: var(--bui-space-0_5);
}

.bui-pl-1 {
  padding-left: var(--bui-space-1);
}

.bui-pl-1\.5 {
  padding-left: var(--bui-space-1_5);
}

.bui-pl-2 {
  padding-left: var(--bui-space-2);
}

.bui-pl-3 {
  padding-left: var(--bui-space-3);
}

.bui-pl-4 {
  padding-left: var(--bui-space-4);
}

.bui-pl-5 {
  padding-left: var(--bui-space-5);
}

.bui-pl-6 {
  padding-left: var(--bui-space-6);
}

.bui-pl-7 {
  padding-left: var(--bui-space-7);
}

.bui-pl-8 {
  padding-left: var(--bui-space-8);
}

.bui-pl-9 {
  padding-left: var(--bui-space-9);
}

.bui-pl-10 {
  padding-left: var(--bui-space-10);
}

.bui-pl-11 {
  padding-left: var(--bui-space-11);
}

.bui-pl-12 {
  padding-left: var(--bui-space-12);
}

.bui-pl-13 {
  padding-left: var(--bui-space-13);
}

.bui-pl-14 {
  padding-left: var(--bui-space-14);
}

@media (width >= 640px) {
  .xs\:bui-pl {
    padding-left: var(--pl-xs);
  }

  .xs\:bui-pl-0\.5 {
    padding-left: var(--bui-space-0_5);
  }

  .xs\:bui-pl-1 {
    padding-left: var(--bui-space-1);
  }

  .xs\:bui-pl-1\.5 {
    padding-left: var(--bui-space-1_5);
  }

  .xs\:bui-pl-2 {
    padding-left: var(--bui-space-2);
  }

  .xs\:bui-pl-3 {
    padding-left: var(--bui-space-3);
  }

  .xs\:bui-pl-4 {
    padding-left: var(--bui-space-4);
  }

  .xs\:bui-pl-5 {
    padding-left: var(--bui-space-5);
  }

  .xs\:bui-pl-6 {
    padding-left: var(--bui-space-6);
  }

  .xs\:bui-pl-7 {
    padding-left: var(--bui-space-7);
  }

  .xs\:bui-pl-8 {
    padding-left: var(--bui-space-8);
  }

  .xs\:bui-pl-9 {
    padding-left: var(--bui-space-9);
  }

  .xs\:bui-pl-10 {
    padding-left: var(--bui-space-10);
  }

  .xs\:bui-pl-11 {
    padding-left: var(--bui-space-11);
  }

  .xs\:bui-pl-12 {
    padding-left: var(--bui-space-12);
  }

  .xs\:bui-pl-13 {
    padding-left: var(--bui-space-13);
  }

  .xs\:bui-pl-14 {
    padding-left: var(--bui-space-14);
  }
}

@media (width >= 768px) {
  .sm\:bui-pl {
    padding-left: var(--pl-sm);
  }

  .sm\:bui-pl-0\.5 {
    padding-left: var(--bui-space-0_5);
  }

  .sm\:bui-pl-1 {
    padding-left: var(--bui-space-1);
  }

  .sm\:bui-pl-1\.5 {
    padding-left: var(--bui-space-1_5);
  }

  .sm\:bui-pl-2 {
    padding-left: var(--bui-space-2);
  }

  .sm\:bui-pl-3 {
    padding-left: var(--bui-space-3);
  }

  .sm\:bui-pl-4 {
    padding-left: var(--bui-space-4);
  }

  .sm\:bui-pl-5 {
    padding-left: var(--bui-space-5);
  }

  .sm\:bui-pl-6 {
    padding-left: var(--bui-space-6);
  }

  .sm\:bui-pl-7 {
    padding-left: var(--bui-space-7);
  }

  .sm\:bui-pl-8 {
    padding-left: var(--bui-space-8);
  }

  .sm\:bui-pl-9 {
    padding-left: var(--bui-space-9);
  }

  .sm\:bui-pl-10 {
    padding-left: var(--bui-space-10);
  }

  .sm\:bui-pl-11 {
    padding-left: var(--bui-space-11);
  }

  .sm\:bui-pl-12 {
    padding-left: var(--bui-space-12);
  }

  .sm\:bui-pl-13 {
    padding-left: var(--bui-space-13);
  }

  .sm\:bui-pl-14 {
    padding-left: var(--bui-space-14);
  }
}

@media (width >= 1024px) {
  .md\:bui-pl {
    padding-left: var(--pl-md);
  }

  .md\:bui-pl-0\.5 {
    padding-left: var(--bui-space-0_5);
  }

  .md\:bui-pl-1 {
    padding-left: var(--bui-space-1);
  }

  .md\:bui-pl-1\.5 {
    padding-left: var(--bui-space-1_5);
  }

  .md\:bui-pl-2 {
    padding-left: var(--bui-space-2);
  }

  .md\:bui-pl-3 {
    padding-left: var(--bui-space-3);
  }

  .md\:bui-pl-4 {
    padding-left: var(--bui-space-4);
  }

  .md\:bui-pl-5 {
    padding-left: var(--bui-space-5);
  }

  .md\:bui-pl-6 {
    padding-left: var(--bui-space-6);
  }

  .md\:bui-pl-7 {
    padding-left: var(--bui-space-7);
  }

  .md\:bui-pl-8 {
    padding-left: var(--bui-space-8);
  }

  .md\:bui-pl-9 {
    padding-left: var(--bui-space-9);
  }

  .md\:bui-pl-10 {
    padding-left: var(--bui-space-10);
  }

  .md\:bui-pl-11 {
    padding-left: var(--bui-space-11);
  }

  .md\:bui-pl-12 {
    padding-left: var(--bui-space-12);
  }

  .md\:bui-pl-13 {
    padding-left: var(--bui-space-13);
  }

  .md\:bui-pl-14 {
    padding-left: var(--bui-space-14);
  }
}

@media (width >= 1280px) {
  .lg\:bui-pl {
    padding-left: var(--pl-lg);
  }

  .lg\:bui-pl-0\.5 {
    padding-left: var(--bui-space-0_5);
  }

  .lg\:bui-pl-1 {
    padding-left: var(--bui-space-1);
  }

  .lg\:bui-pl-1\.5 {
    padding-left: var(--bui-space-1_5);
  }

  .lg\:bui-pl-2 {
    padding-left: var(--bui-space-2);
  }

  .lg\:bui-pl-3 {
    padding-left: var(--bui-space-3);
  }

  .lg\:bui-pl-4 {
    padding-left: var(--bui-space-4);
  }

  .lg\:bui-pl-5 {
    padding-left: var(--bui-space-5);
  }

  .lg\:bui-pl-6 {
    padding-left: var(--bui-space-6);
  }

  .lg\:bui-pl-7 {
    padding-left: var(--bui-space-7);
  }

  .lg\:bui-pl-8 {
    padding-left: var(--bui-space-8);
  }

  .lg\:bui-pl-9 {
    padding-left: var(--bui-space-9);
  }

  .lg\:bui-pl-10 {
    padding-left: var(--bui-space-10);
  }

  .lg\:bui-pl-11 {
    padding-left: var(--bui-space-11);
  }

  .lg\:bui-pl-12 {
    padding-left: var(--bui-space-12);
  }

  .lg\:bui-pl-13 {
    padding-left: var(--bui-space-13);
  }

  .lg\:bui-pl-14 {
    padding-left: var(--bui-space-14);
  }
}

@media (width >= 1536px) {
  .xl\:bui-pl {
    padding-left: var(--pl-xl);
  }

  .xl\:bui-pl-0\.5 {
    padding-left: var(--bui-space-0_5);
  }

  .xl\:bui-pl-1 {
    padding-left: var(--bui-space-1);
  }

  .xl\:bui-pl-1\.5 {
    padding-left: var(--bui-space-1_5);
  }

  .xl\:bui-pl-2 {
    padding-left: var(--bui-space-2);
  }

  .xl\:bui-pl-3 {
    padding-left: var(--bui-space-3);
  }

  .xl\:bui-pl-4 {
    padding-left: var(--bui-space-4);
  }

  .xl\:bui-pl-5 {
    padding-left: var(--bui-space-5);
  }

  .xl\:bui-pl-6 {
    padding-left: var(--bui-space-6);
  }

  .xl\:bui-pl-7 {
    padding-left: var(--bui-space-7);
  }

  .xl\:bui-pl-8 {
    padding-left: var(--bui-space-8);
  }

  .xl\:bui-pl-9 {
    padding-left: var(--bui-space-9);
  }

  .xl\:bui-pl-10 {
    padding-left: var(--bui-space-10);
  }

  .xl\:bui-pl-11 {
    padding-left: var(--bui-space-11);
  }

  .xl\:bui-pl-12 {
    padding-left: var(--bui-space-12);
  }

  .xl\:bui-pl-13 {
    padding-left: var(--bui-space-13);
  }

  .xl\:bui-pl-14 {
    padding-left: var(--bui-space-14);
  }
}

.bui-pr {
  padding-right: var(--pr);
}

.bui-pr-0\.5 {
  padding-right: var(--bui-space-0_5);
}

.bui-pr-1 {
  padding-right: var(--bui-space-1);
}

.bui-pr-1\.5 {
  padding-right: var(--bui-space-1_5);
}

.bui-pr-2 {
  padding-right: var(--bui-space-2);
}

.bui-pr-3 {
  padding-right: var(--bui-space-3);
}

.bui-pr-4 {
  padding-right: var(--bui-space-4);
}

.bui-pr-5 {
  padding-right: var(--bui-space-5);
}

.bui-pr-6 {
  padding-right: var(--bui-space-6);
}

.bui-pr-7 {
  padding-right: var(--bui-space-7);
}

.bui-pr-8 {
  padding-right: var(--bui-space-8);
}

.bui-pr-9 {
  padding-right: var(--bui-space-9);
}

.bui-pr-10 {
  padding-right: var(--bui-space-10);
}

.bui-pr-11 {
  padding-right: var(--bui-space-11);
}

.bui-pr-12 {
  padding-right: var(--bui-space-12);
}

.bui-pr-13 {
  padding-right: var(--bui-space-13);
}

.bui-pr-14 {
  padding-right: var(--bui-space-14);
}

@media (width >= 640px) {
  .xs\:bui-pr {
    padding-right: var(--pr-xs);
  }

  .xs\:bui-pr-0\.5 {
    padding-right: var(--bui-space-0_5);
  }

  .xs\:bui-pr-1 {
    padding-right: var(--bui-space-1);
  }

  .xs\:bui-pr-1\.5 {
    padding-right: var(--bui-space-1_5);
  }

  .xs\:bui-pr-2 {
    padding-right: var(--bui-space-2);
  }

  .xs\:bui-pr-3 {
    padding-right: var(--bui-space-3);
  }

  .xs\:bui-pr-4 {
    padding-right: var(--bui-space-4);
  }

  .xs\:bui-pr-5 {
    padding-right: var(--bui-space-5);
  }

  .xs\:bui-pr-6 {
    padding-right: var(--bui-space-6);
  }

  .xs\:bui-pr-7 {
    padding-right: var(--bui-space-7);
  }

  .xs\:bui-pr-8 {
    padding-right: var(--bui-space-8);
  }

  .xs\:bui-pr-9 {
    padding-right: var(--bui-space-9);
  }

  .xs\:bui-pr-10 {
    padding-right: var(--bui-space-10);
  }

  .xs\:bui-pr-11 {
    padding-right: var(--bui-space-11);
  }

  .xs\:bui-pr-12 {
    padding-right: var(--bui-space-12);
  }

  .xs\:bui-pr-13 {
    padding-right: var(--bui-space-13);
  }

  .xs\:bui-pr-14 {
    padding-right: var(--bui-space-14);
  }
}

@media (width >= 768px) {
  .sm\:bui-pr {
    padding-right: var(--pr-sm);
  }

  .sm\:bui-pr-0\.5 {
    padding-right: var(--bui-space-0_5);
  }

  .sm\:bui-pr-1 {
    padding-right: var(--bui-space-1);
  }

  .sm\:bui-pr-1\.5 {
    padding-right: var(--bui-space-1_5);
  }

  .sm\:bui-pr-2 {
    padding-right: var(--bui-space-2);
  }

  .sm\:bui-pr-3 {
    padding-right: var(--bui-space-3);
  }

  .sm\:bui-pr-4 {
    padding-right: var(--bui-space-4);
  }

  .sm\:bui-pr-5 {
    padding-right: var(--bui-space-5);
  }

  .sm\:bui-pr-6 {
    padding-right: var(--bui-space-6);
  }

  .sm\:bui-pr-7 {
    padding-right: var(--bui-space-7);
  }

  .sm\:bui-pr-8 {
    padding-right: var(--bui-space-8);
  }

  .sm\:bui-pr-9 {
    padding-right: var(--bui-space-9);
  }

  .sm\:bui-pr-10 {
    padding-right: var(--bui-space-10);
  }

  .sm\:bui-pr-11 {
    padding-right: var(--bui-space-11);
  }

  .sm\:bui-pr-12 {
    padding-right: var(--bui-space-12);
  }

  .sm\:bui-pr-13 {
    padding-right: var(--bui-space-13);
  }

  .sm\:bui-pr-14 {
    padding-right: var(--bui-space-14);
  }
}

@media (width >= 1024px) {
  .md\:bui-pr {
    padding-right: var(--pr-md);
  }

  .md\:bui-pr-0\.5 {
    padding-right: var(--bui-space-0_5);
  }

  .md\:bui-pr-1 {
    padding-right: var(--bui-space-1);
  }

  .md\:bui-pr-1\.5 {
    padding-right: var(--bui-space-1_5);
  }

  .md\:bui-pr-2 {
    padding-right: var(--bui-space-2);
  }

  .md\:bui-pr-3 {
    padding-right: var(--bui-space-3);
  }

  .md\:bui-pr-4 {
    padding-right: var(--bui-space-4);
  }

  .md\:bui-pr-5 {
    padding-right: var(--bui-space-5);
  }

  .md\:bui-pr-6 {
    padding-right: var(--bui-space-6);
  }

  .md\:bui-pr-7 {
    padding-right: var(--bui-space-7);
  }

  .md\:bui-pr-8 {
    padding-right: var(--bui-space-8);
  }

  .md\:bui-pr-9 {
    padding-right: var(--bui-space-9);
  }

  .md\:bui-pr-10 {
    padding-right: var(--bui-space-10);
  }

  .md\:bui-pr-11 {
    padding-right: var(--bui-space-11);
  }

  .md\:bui-pr-12 {
    padding-right: var(--bui-space-12);
  }

  .md\:bui-pr-13 {
    padding-right: var(--bui-space-13);
  }

  .md\:bui-pr-14 {
    padding-right: var(--bui-space-14);
  }
}

@media (width >= 1280px) {
  .lg\:bui-pr {
    padding-right: var(--pr-lg);
  }

  .lg\:bui-pr-0\.5 {
    padding-right: var(--bui-space-0_5);
  }

  .lg\:bui-pr-1 {
    padding-right: var(--bui-space-1);
  }

  .lg\:bui-pr-1\.5 {
    padding-right: var(--bui-space-1_5);
  }

  .lg\:bui-pr-2 {
    padding-right: var(--bui-space-2);
  }

  .lg\:bui-pr-3 {
    padding-right: var(--bui-space-3);
  }

  .lg\:bui-pr-4 {
    padding-right: var(--bui-space-4);
  }

  .lg\:bui-pr-5 {
    padding-right: var(--bui-space-5);
  }

  .lg\:bui-pr-6 {
    padding-right: var(--bui-space-6);
  }

  .lg\:bui-pr-7 {
    padding-right: var(--bui-space-7);
  }

  .lg\:bui-pr-8 {
    padding-right: var(--bui-space-8);
  }

  .lg\:bui-pr-9 {
    padding-right: var(--bui-space-9);
  }

  .lg\:bui-pr-10 {
    padding-right: var(--bui-space-10);
  }

  .lg\:bui-pr-11 {
    padding-right: var(--bui-space-11);
  }

  .lg\:bui-pr-12 {
    padding-right: var(--bui-space-12);
  }

  .lg\:bui-pr-13 {
    padding-right: var(--bui-space-13);
  }

  .lg\:bui-pr-14 {
    padding-right: var(--bui-space-14);
  }
}

@media (width >= 1536px) {
  .xl\:bui-pr {
    padding-right: var(--pr-xl);
  }

  .xl\:bui-pr-0\.5 {
    padding-right: var(--bui-space-0_5);
  }

  .xl\:bui-pr-1 {
    padding-right: var(--bui-space-1);
  }

  .xl\:bui-pr-1\.5 {
    padding-right: var(--bui-space-1_5);
  }

  .xl\:bui-pr-2 {
    padding-right: var(--bui-space-2);
  }

  .xl\:bui-pr-3 {
    padding-right: var(--bui-space-3);
  }

  .xl\:bui-pr-4 {
    padding-right: var(--bui-space-4);
  }

  .xl\:bui-pr-5 {
    padding-right: var(--bui-space-5);
  }

  .xl\:bui-pr-6 {
    padding-right: var(--bui-space-6);
  }

  .xl\:bui-pr-7 {
    padding-right: var(--bui-space-7);
  }

  .xl\:bui-pr-8 {
    padding-right: var(--bui-space-8);
  }

  .xl\:bui-pr-9 {
    padding-right: var(--bui-space-9);
  }

  .xl\:bui-pr-10 {
    padding-right: var(--bui-space-10);
  }

  .xl\:bui-pr-11 {
    padding-right: var(--bui-space-11);
  }

  .xl\:bui-pr-12 {
    padding-right: var(--bui-space-12);
  }

  .xl\:bui-pr-13 {
    padding-right: var(--bui-space-13);
  }

  .xl\:bui-pr-14 {
    padding-right: var(--bui-space-14);
  }
}

.bui-pt {
  padding-top: var(--pt);
}

.bui-pt-0\.5 {
  padding-top: var(--bui-space-0_5);
}

.bui-pt-1 {
  padding-top: var(--bui-space-1);
}

.bui-pt-1\.5 {
  padding-top: var(--bui-space-1_5);
}

.bui-pt-2 {
  padding-top: var(--bui-space-2);
}

.bui-pt-3 {
  padding-top: var(--bui-space-3);
}

.bui-pt-4 {
  padding-top: var(--bui-space-4);
}

.bui-pt-5 {
  padding-top: var(--bui-space-5);
}

.bui-pt-6 {
  padding-top: var(--bui-space-6);
}

.bui-pt-7 {
  padding-top: var(--bui-space-7);
}

.bui-pt-8 {
  padding-top: var(--bui-space-8);
}

.bui-pt-9 {
  padding-top: var(--bui-space-9);
}

.bui-pt-10 {
  padding-top: var(--bui-space-10);
}

.bui-pt-11 {
  padding-top: var(--bui-space-11);
}

.bui-pt-12 {
  padding-top: var(--bui-space-12);
}

.bui-pt-13 {
  padding-top: var(--bui-space-13);
}

.bui-pt-14 {
  padding-top: var(--bui-space-14);
}

@media (width >= 640px) {
  .xs\:bui-pt {
    padding-top: var(--pt-xs);
  }

  .xs\:bui-pt-0\.5 {
    padding-top: var(--bui-space-0_5);
  }

  .xs\:bui-pt-1 {
    padding-top: var(--bui-space-1);
  }

  .xs\:bui-pt-1\.5 {
    padding-top: var(--bui-space-1_5);
  }

  .xs\:bui-pt-2 {
    padding-top: var(--bui-space-2);
  }

  .xs\:bui-pt-3 {
    padding-top: var(--bui-space-3);
  }

  .xs\:bui-pt-4 {
    padding-top: var(--bui-space-4);
  }

  .xs\:bui-pt-5 {
    padding-top: var(--bui-space-5);
  }

  .xs\:bui-pt-6 {
    padding-top: var(--bui-space-6);
  }

  .xs\:bui-pt-7 {
    padding-top: var(--bui-space-7);
  }

  .xs\:bui-pt-8 {
    padding-top: var(--bui-space-8);
  }

  .xs\:bui-pt-9 {
    padding-top: var(--bui-space-9);
  }

  .xs\:bui-pt-10 {
    padding-top: var(--bui-space-10);
  }

  .xs\:bui-pt-11 {
    padding-top: var(--bui-space-11);
  }

  .xs\:bui-pt-12 {
    padding-top: var(--bui-space-12);
  }

  .xs\:bui-pt-13 {
    padding-top: var(--bui-space-13);
  }

  .xs\:bui-pt-14 {
    padding-top: var(--bui-space-14);
  }
}

@media (width >= 768px) {
  .sm\:bui-pt {
    padding-top: var(--pt-sm);
  }

  .sm\:bui-pt-0\.5 {
    padding-top: var(--bui-space-0_5);
  }

  .sm\:bui-pt-1 {
    padding-top: var(--bui-space-1);
  }

  .sm\:bui-pt-1\.5 {
    padding-top: var(--bui-space-1_5);
  }

  .sm\:bui-pt-2 {
    padding-top: var(--bui-space-2);
  }

  .sm\:bui-pt-3 {
    padding-top: var(--bui-space-3);
  }

  .sm\:bui-pt-4 {
    padding-top: var(--bui-space-4);
  }

  .sm\:bui-pt-5 {
    padding-top: var(--bui-space-5);
  }

  .sm\:bui-pt-6 {
    padding-top: var(--bui-space-6);
  }

  .sm\:bui-pt-7 {
    padding-top: var(--bui-space-7);
  }

  .sm\:bui-pt-8 {
    padding-top: var(--bui-space-8);
  }

  .sm\:bui-pt-9 {
    padding-top: var(--bui-space-9);
  }

  .sm\:bui-pt-10 {
    padding-top: var(--bui-space-10);
  }

  .sm\:bui-pt-11 {
    padding-top: var(--bui-space-11);
  }

  .sm\:bui-pt-12 {
    padding-top: var(--bui-space-12);
  }

  .sm\:bui-pt-13 {
    padding-top: var(--bui-space-13);
  }

  .sm\:bui-pt-14 {
    padding-top: var(--bui-space-14);
  }
}

@media (width >= 1024px) {
  .md\:bui-pt {
    padding-top: var(--pt-md);
  }

  .md\:bui-pt-0\.5 {
    padding-top: var(--bui-space-0_5);
  }

  .md\:bui-pt-1 {
    padding-top: var(--bui-space-1);
  }

  .md\:bui-pt-1\.5 {
    padding-top: var(--bui-space-1_5);
  }

  .md\:bui-pt-2 {
    padding-top: var(--bui-space-2);
  }

  .md\:bui-pt-3 {
    padding-top: var(--bui-space-3);
  }

  .md\:bui-pt-4 {
    padding-top: var(--bui-space-4);
  }

  .md\:bui-pt-5 {
    padding-top: var(--bui-space-5);
  }

  .md\:bui-pt-6 {
    padding-top: var(--bui-space-6);
  }

  .md\:bui-pt-7 {
    padding-top: var(--bui-space-7);
  }

  .md\:bui-pt-8 {
    padding-top: var(--bui-space-8);
  }

  .md\:bui-pt-9 {
    padding-top: var(--bui-space-9);
  }

  .md\:bui-pt-10 {
    padding-top: var(--bui-space-10);
  }

  .md\:bui-pt-11 {
    padding-top: var(--bui-space-11);
  }

  .md\:bui-pt-12 {
    padding-top: var(--bui-space-12);
  }

  .md\:bui-pt-13 {
    padding-top: var(--bui-space-13);
  }

  .md\:bui-pt-14 {
    padding-top: var(--bui-space-14);
  }
}

@media (width >= 1280px) {
  .lg\:bui-pt {
    padding-top: var(--pt-lg);
  }

  .lg\:bui-pt-0\.5 {
    padding-top: var(--bui-space-0_5);
  }

  .lg\:bui-pt-1 {
    padding-top: var(--bui-space-1);
  }

  .lg\:bui-pt-1\.5 {
    padding-top: var(--bui-space-1_5);
  }

  .lg\:bui-pt-2 {
    padding-top: var(--bui-space-2);
  }

  .lg\:bui-pt-3 {
    padding-top: var(--bui-space-3);
  }

  .lg\:bui-pt-4 {
    padding-top: var(--bui-space-4);
  }

  .lg\:bui-pt-5 {
    padding-top: var(--bui-space-5);
  }

  .lg\:bui-pt-6 {
    padding-top: var(--bui-space-6);
  }

  .lg\:bui-pt-7 {
    padding-top: var(--bui-space-7);
  }

  .lg\:bui-pt-8 {
    padding-top: var(--bui-space-8);
  }

  .lg\:bui-pt-9 {
    padding-top: var(--bui-space-9);
  }

  .lg\:bui-pt-10 {
    padding-top: var(--bui-space-10);
  }

  .lg\:bui-pt-11 {
    padding-top: var(--bui-space-11);
  }

  .lg\:bui-pt-12 {
    padding-top: var(--bui-space-12);
  }

  .lg\:bui-pt-13 {
    padding-top: var(--bui-space-13);
  }

  .lg\:bui-pt-14 {
    padding-top: var(--bui-space-14);
  }
}

@media (width >= 1536px) {
  .xl\:bui-pt {
    padding-top: var(--pt-xl);
  }

  .xl\:bui-pt-0\.5 {
    padding-top: var(--bui-space-0_5);
  }

  .xl\:bui-pt-1 {
    padding-top: var(--bui-space-1);
  }

  .xl\:bui-pt-1\.5 {
    padding-top: var(--bui-space-1_5);
  }

  .xl\:bui-pt-2 {
    padding-top: var(--bui-space-2);
  }

  .xl\:bui-pt-3 {
    padding-top: var(--bui-space-3);
  }

  .xl\:bui-pt-4 {
    padding-top: var(--bui-space-4);
  }

  .xl\:bui-pt-5 {
    padding-top: var(--bui-space-5);
  }

  .xl\:bui-pt-6 {
    padding-top: var(--bui-space-6);
  }

  .xl\:bui-pt-7 {
    padding-top: var(--bui-space-7);
  }

  .xl\:bui-pt-8 {
    padding-top: var(--bui-space-8);
  }

  .xl\:bui-pt-9 {
    padding-top: var(--bui-space-9);
  }

  .xl\:bui-pt-10 {
    padding-top: var(--bui-space-10);
  }

  .xl\:bui-pt-11 {
    padding-top: var(--bui-space-11);
  }

  .xl\:bui-pt-12 {
    padding-top: var(--bui-space-12);
  }

  .xl\:bui-pt-13 {
    padding-top: var(--bui-space-13);
  }

  .xl\:bui-pt-14 {
    padding-top: var(--bui-space-14);
  }
}

.bui-pb {
  padding-bottom: var(--pb);
}

.bui-pb-0\.5 {
  padding-bottom: var(--bui-space-0_5);
}

.bui-pb-1 {
  padding-bottom: var(--bui-space-1);
}

.bui-pb-1\.5 {
  padding-bottom: var(--bui-space-1_5);
}

.bui-pb-2 {
  padding-bottom: var(--bui-space-2);
}

.bui-pb-3 {
  padding-bottom: var(--bui-space-3);
}

.bui-pb-4 {
  padding-bottom: var(--bui-space-4);
}

.bui-pb-5 {
  padding-bottom: var(--bui-space-5);
}

.bui-pb-6 {
  padding-bottom: var(--bui-space-6);
}

.bui-pb-7 {
  padding-bottom: var(--bui-space-7);
}

.bui-pb-8 {
  padding-bottom: var(--bui-space-8);
}

.bui-pb-9 {
  padding-bottom: var(--bui-space-9);
}

.bui-pb-10 {
  padding-bottom: var(--bui-space-10);
}

.bui-pb-11 {
  padding-bottom: var(--bui-space-11);
}

.bui-pb-12 {
  padding-bottom: var(--bui-space-12);
}

.bui-pb-13 {
  padding-bottom: var(--bui-space-13);
}

.bui-pb-14 {
  padding-bottom: var(--bui-space-14);
}

@media (width >= 640px) {
  .xs\:bui-pb {
    padding-bottom: var(--pb-xs);
  }

  .xs\:bui-pb-0\.5 {
    padding-bottom: var(--bui-space-0_5);
  }

  .xs\:bui-pb-1 {
    padding-bottom: var(--bui-space-1);
  }

  .xs\:bui-pb-1\.5 {
    padding-bottom: var(--bui-space-1_5);
  }

  .xs\:bui-pb-2 {
    padding-bottom: var(--bui-space-2);
  }

  .xs\:bui-pb-3 {
    padding-bottom: var(--bui-space-3);
  }

  .xs\:bui-pb-4 {
    padding-bottom: var(--bui-space-4);
  }

  .xs\:bui-pb-5 {
    padding-bottom: var(--bui-space-5);
  }

  .xs\:bui-pb-6 {
    padding-bottom: var(--bui-space-6);
  }

  .xs\:bui-pb-7 {
    padding-bottom: var(--bui-space-7);
  }

  .xs\:bui-pb-8 {
    padding-bottom: var(--bui-space-8);
  }

  .xs\:bui-pb-9 {
    padding-bottom: var(--bui-space-9);
  }

  .xs\:bui-pb-10 {
    padding-bottom: var(--bui-space-10);
  }

  .xs\:bui-pb-11 {
    padding-bottom: var(--bui-space-11);
  }

  .xs\:bui-pb-12 {
    padding-bottom: var(--bui-space-12);
  }

  .xs\:bui-pb-13 {
    padding-bottom: var(--bui-space-13);
  }

  .xs\:bui-pb-14 {
    padding-bottom: var(--bui-space-14);
  }
}

@media (width >= 768px) {
  .sm\:bui-pb {
    padding-bottom: var(--pb-sm);
  }

  .sm\:bui-pb-0\.5 {
    padding-bottom: var(--bui-space-0_5);
  }

  .sm\:bui-pb-1 {
    padding-bottom: var(--bui-space-1);
  }

  .sm\:bui-pb-1\.5 {
    padding-bottom: var(--bui-space-1_5);
  }

  .sm\:bui-pb-2 {
    padding-bottom: var(--bui-space-2);
  }

  .sm\:bui-pb-3 {
    padding-bottom: var(--bui-space-3);
  }

  .sm\:bui-pb-4 {
    padding-bottom: var(--bui-space-4);
  }

  .sm\:bui-pb-5 {
    padding-bottom: var(--bui-space-5);
  }

  .sm\:bui-pb-6 {
    padding-bottom: var(--bui-space-6);
  }

  .sm\:bui-pb-7 {
    padding-bottom: var(--bui-space-7);
  }

  .sm\:bui-pb-8 {
    padding-bottom: var(--bui-space-8);
  }

  .sm\:bui-pb-9 {
    padding-bottom: var(--bui-space-9);
  }

  .sm\:bui-pb-10 {
    padding-bottom: var(--bui-space-10);
  }

  .sm\:bui-pb-11 {
    padding-bottom: var(--bui-space-11);
  }

  .sm\:bui-pb-12 {
    padding-bottom: var(--bui-space-12);
  }

  .sm\:bui-pb-13 {
    padding-bottom: var(--bui-space-13);
  }

  .sm\:bui-pb-14 {
    padding-bottom: var(--bui-space-14);
  }
}

@media (width >= 1024px) {
  .md\:bui-pb {
    padding-bottom: var(--pb-md);
  }

  .md\:bui-pb-0\.5 {
    padding-bottom: var(--bui-space-0_5);
  }

  .md\:bui-pb-1 {
    padding-bottom: var(--bui-space-1);
  }

  .md\:bui-pb-1\.5 {
    padding-bottom: var(--bui-space-1_5);
  }

  .md\:bui-pb-2 {
    padding-bottom: var(--bui-space-2);
  }

  .md\:bui-pb-3 {
    padding-bottom: var(--bui-space-3);
  }

  .md\:bui-pb-4 {
    padding-bottom: var(--bui-space-4);
  }

  .md\:bui-pb-5 {
    padding-bottom: var(--bui-space-5);
  }

  .md\:bui-pb-6 {
    padding-bottom: var(--bui-space-6);
  }

  .md\:bui-pb-7 {
    padding-bottom: var(--bui-space-7);
  }

  .md\:bui-pb-8 {
    padding-bottom: var(--bui-space-8);
  }

  .md\:bui-pb-9 {
    padding-bottom: var(--bui-space-9);
  }

  .md\:bui-pb-10 {
    padding-bottom: var(--bui-space-10);
  }

  .md\:bui-pb-11 {
    padding-bottom: var(--bui-space-11);
  }

  .md\:bui-pb-12 {
    padding-bottom: var(--bui-space-12);
  }

  .md\:bui-pb-13 {
    padding-bottom: var(--bui-space-13);
  }

  .md\:bui-pb-14 {
    padding-bottom: var(--bui-space-14);
  }
}

@media (width >= 1280px) {
  .lg\:bui-pb {
    padding-bottom: var(--pb-lg);
  }

  .lg\:bui-pb-0\.5 {
    padding-bottom: var(--bui-space-0_5);
  }

  .lg\:bui-pb-1 {
    padding-bottom: var(--bui-space-1);
  }

  .lg\:bui-pb-1\.5 {
    padding-bottom: var(--bui-space-1_5);
  }

  .lg\:bui-pb-2 {
    padding-bottom: var(--bui-space-2);
  }

  .lg\:bui-pb-3 {
    padding-bottom: var(--bui-space-3);
  }

  .lg\:bui-pb-4 {
    padding-bottom: var(--bui-space-4);
  }

  .lg\:bui-pb-5 {
    padding-bottom: var(--bui-space-5);
  }

  .lg\:bui-pb-6 {
    padding-bottom: var(--bui-space-6);
  }

  .lg\:bui-pb-7 {
    padding-bottom: var(--bui-space-7);
  }

  .lg\:bui-pb-8 {
    padding-bottom: var(--bui-space-8);
  }

  .lg\:bui-pb-9 {
    padding-bottom: var(--bui-space-9);
  }

  .lg\:bui-pb-10 {
    padding-bottom: var(--bui-space-10);
  }

  .lg\:bui-pb-11 {
    padding-bottom: var(--bui-space-11);
  }

  .lg\:bui-pb-12 {
    padding-bottom: var(--bui-space-12);
  }

  .lg\:bui-pb-13 {
    padding-bottom: var(--bui-space-13);
  }

  .lg\:bui-pb-14 {
    padding-bottom: var(--bui-space-14);
  }
}

@media (width >= 1536px) {
  .xl\:bui-pb {
    padding-bottom: var(--pb-xl);
  }

  .xl\:bui-pb-0\.5 {
    padding-bottom: var(--bui-space-0_5);
  }

  .xl\:bui-pb-1 {
    padding-bottom: var(--bui-space-1);
  }

  .xl\:bui-pb-1\.5 {
    padding-bottom: var(--bui-space-1_5);
  }

  .xl\:bui-pb-2 {
    padding-bottom: var(--bui-space-2);
  }

  .xl\:bui-pb-3 {
    padding-bottom: var(--bui-space-3);
  }

  .xl\:bui-pb-4 {
    padding-bottom: var(--bui-space-4);
  }

  .xl\:bui-pb-5 {
    padding-bottom: var(--bui-space-5);
  }

  .xl\:bui-pb-6 {
    padding-bottom: var(--bui-space-6);
  }

  .xl\:bui-pb-7 {
    padding-bottom: var(--bui-space-7);
  }

  .xl\:bui-pb-8 {
    padding-bottom: var(--bui-space-8);
  }

  .xl\:bui-pb-9 {
    padding-bottom: var(--bui-space-9);
  }

  .xl\:bui-pb-10 {
    padding-bottom: var(--bui-space-10);
  }

  .xl\:bui-pb-11 {
    padding-bottom: var(--bui-space-11);
  }

  .xl\:bui-pb-12 {
    padding-bottom: var(--bui-space-12);
  }

  .xl\:bui-pb-13 {
    padding-bottom: var(--bui-space-13);
  }

  .xl\:bui-pb-14 {
    padding-bottom: var(--bui-space-14);
  }
}

.bui-py {
  padding-top: var(--py);
  padding-bottom: var(--py);
}

.bui-py-0\.5 {
  padding-top: var(--bui-space-0_5);
  padding-bottom: var(--bui-space-0_5);
}

.bui-py-1 {
  padding-top: var(--bui-space-1);
  padding-bottom: var(--bui-space-1);
}

.bui-py-1\.5 {
  padding-top: var(--bui-space-1_5);
  padding-bottom: var(--bui-space-1_5);
}

.bui-py-2 {
  padding-top: var(--bui-space-2);
  padding-bottom: var(--bui-space-2);
}

.bui-py-3 {
  padding-top: var(--bui-space-3);
  padding-bottom: var(--bui-space-3);
}

.bui-py-4 {
  padding-top: var(--bui-space-4);
  padding-bottom: var(--bui-space-4);
}

.bui-py-5 {
  padding-top: var(--bui-space-5);
  padding-bottom: var(--bui-space-5);
}

.bui-py-6 {
  padding-top: var(--bui-space-6);
  padding-bottom: var(--bui-space-6);
}

.bui-py-7 {
  padding-top: var(--bui-space-7);
  padding-bottom: var(--bui-space-7);
}

.bui-py-8 {
  padding-top: var(--bui-space-8);
  padding-bottom: var(--bui-space-8);
}

.bui-py-9 {
  padding-top: var(--bui-space-9);
  padding-bottom: var(--bui-space-9);
}

.bui-py-10 {
  padding-top: var(--bui-space-10);
  padding-bottom: var(--bui-space-10);
}

.bui-py-11 {
  padding-top: var(--bui-space-11);
  padding-bottom: var(--bui-space-11);
}

.bui-py-12 {
  padding-top: var(--bui-space-12);
  padding-bottom: var(--bui-space-12);
}

.bui-py-13 {
  padding-top: var(--bui-space-13);
  padding-bottom: var(--bui-space-13);
}

.bui-py-14 {
  padding-top: var(--bui-space-14);
  padding-bottom: var(--bui-space-14);
}

@media (width >= 640px) {
  .xs\:bui-py {
    padding-top: var(--py-xs);
    padding-bottom: var(--py-xs);
  }

  .xs\:bui-py-0\.5 {
    padding-top: var(--bui-space-0_5);
    padding-bottom: var(--bui-space-0_5);
  }

  .xs\:bui-py-1 {
    padding-top: var(--bui-space-1);
    padding-bottom: var(--bui-space-1);
  }

  .xs\:bui-py-1\.5 {
    padding-top: var(--bui-space-1_5);
    padding-bottom: var(--bui-space-1_5);
  }

  .xs\:bui-py-2 {
    padding-top: var(--bui-space-2);
    padding-bottom: var(--bui-space-2);
  }

  .xs\:bui-py-3 {
    padding-top: var(--bui-space-3);
    padding-bottom: var(--bui-space-3);
  }

  .xs\:bui-py-4 {
    padding-top: var(--bui-space-4);
    padding-bottom: var(--bui-space-4);
  }

  .xs\:bui-py-5 {
    padding-top: var(--bui-space-5);
    padding-bottom: var(--bui-space-5);
  }

  .xs\:bui-py-6 {
    padding-top: var(--bui-space-6);
    padding-bottom: var(--bui-space-6);
  }

  .xs\:bui-py-7 {
    padding-top: var(--bui-space-7);
    padding-bottom: var(--bui-space-7);
  }

  .xs\:bui-py-8 {
    padding-top: var(--bui-space-8);
    padding-bottom: var(--bui-space-8);
  }

  .xs\:bui-py-9 {
    padding-top: var(--bui-space-9);
    padding-bottom: var(--bui-space-9);
  }

  .xs\:bui-py-10 {
    padding-top: var(--bui-space-10);
    padding-bottom: var(--bui-space-10);
  }

  .xs\:bui-py-11 {
    padding-top: var(--bui-space-11);
    padding-bottom: var(--bui-space-11);
  }

  .xs\:bui-py-12 {
    padding-top: var(--bui-space-12);
    padding-bottom: var(--bui-space-12);
  }

  .xs\:bui-py-13 {
    padding-top: var(--bui-space-13);
    padding-bottom: var(--bui-space-13);
  }

  .xs\:bui-py-14 {
    padding-top: var(--bui-space-14);
    padding-bottom: var(--bui-space-14);
  }
}

@media (width >= 768px) {
  .sm\:bui-py {
    padding-top: var(--py-sm);
    padding-bottom: var(--py-sm);
  }

  .sm\:bui-py-0\.5 {
    padding-top: var(--bui-space-0_5);
    padding-bottom: var(--bui-space-0_5);
  }

  .sm\:bui-py-1 {
    padding-top: var(--bui-space-1);
    padding-bottom: var(--bui-space-1);
  }

  .sm\:bui-py-1\.5 {
    padding-top: var(--bui-space-1_5);
    padding-bottom: var(--bui-space-1_5);
  }

  .sm\:bui-py-2 {
    padding-top: var(--bui-space-2);
    padding-bottom: var(--bui-space-2);
  }

  .sm\:bui-py-3 {
    padding-top: var(--bui-space-3);
    padding-bottom: var(--bui-space-3);
  }

  .sm\:bui-py-4 {
    padding-top: var(--bui-space-4);
    padding-bottom: var(--bui-space-4);
  }

  .sm\:bui-py-5 {
    padding-top: var(--bui-space-5);
    padding-bottom: var(--bui-space-5);
  }

  .sm\:bui-py-6 {
    padding-top: var(--bui-space-6);
    padding-bottom: var(--bui-space-6);
  }

  .sm\:bui-py-7 {
    padding-top: var(--bui-space-7);
    padding-bottom: var(--bui-space-7);
  }

  .sm\:bui-py-8 {
    padding-top: var(--bui-space-8);
    padding-bottom: var(--bui-space-8);
  }

  .sm\:bui-py-9 {
    padding-top: var(--bui-space-9);
    padding-bottom: var(--bui-space-9);
  }

  .sm\:bui-py-10 {
    padding-top: var(--bui-space-10);
    padding-bottom: var(--bui-space-10);
  }

  .sm\:bui-py-11 {
    padding-top: var(--bui-space-11);
    padding-bottom: var(--bui-space-11);
  }

  .sm\:bui-py-12 {
    padding-top: var(--bui-space-12);
    padding-bottom: var(--bui-space-12);
  }

  .sm\:bui-py-13 {
    padding-top: var(--bui-space-13);
    padding-bottom: var(--bui-space-13);
  }

  .sm\:bui-py-14 {
    padding-top: var(--bui-space-14);
    padding-bottom: var(--bui-space-14);
  }
}

@media (width >= 1024px) {
  .md\:bui-py {
    padding-top: var(--py-md);
    padding-bottom: var(--py-md);
  }

  .md\:bui-py-0\.5 {
    padding-top: var(--bui-space-0_5);
    padding-bottom: var(--bui-space-0_5);
  }

  .md\:bui-py-1 {
    padding-top: var(--bui-space-1);
    padding-bottom: var(--bui-space-1);
  }

  .md\:bui-py-1\.5 {
    padding-top: var(--bui-space-1_5);
    padding-bottom: var(--bui-space-1_5);
  }

  .md\:bui-py-2 {
    padding-top: var(--bui-space-2);
    padding-bottom: var(--bui-space-2);
  }

  .md\:bui-py-3 {
    padding-top: var(--bui-space-3);
    padding-bottom: var(--bui-space-3);
  }

  .md\:bui-py-4 {
    padding-top: var(--bui-space-4);
    padding-bottom: var(--bui-space-4);
  }

  .md\:bui-py-5 {
    padding-top: var(--bui-space-5);
    padding-bottom: var(--bui-space-5);
  }

  .md\:bui-py-6 {
    padding-top: var(--bui-space-6);
    padding-bottom: var(--bui-space-6);
  }

  .md\:bui-py-7 {
    padding-top: var(--bui-space-7);
    padding-bottom: var(--bui-space-7);
  }

  .md\:bui-py-8 {
    padding-top: var(--bui-space-8);
    padding-bottom: var(--bui-space-8);
  }

  .md\:bui-py-9 {
    padding-top: var(--bui-space-9);
    padding-bottom: var(--bui-space-9);
  }

  .md\:bui-py-10 {
    padding-top: var(--bui-space-10);
    padding-bottom: var(--bui-space-10);
  }

  .md\:bui-py-11 {
    padding-top: var(--bui-space-11);
    padding-bottom: var(--bui-space-11);
  }

  .md\:bui-py-12 {
    padding-top: var(--bui-space-12);
    padding-bottom: var(--bui-space-12);
  }

  .md\:bui-py-13 {
    padding-top: var(--bui-space-13);
    padding-bottom: var(--bui-space-13);
  }

  .md\:bui-py-14 {
    padding-top: var(--bui-space-14);
    padding-bottom: var(--bui-space-14);
  }
}

@media (width >= 1280px) {
  .lg\:bui-py {
    padding-top: var(--py-lg);
    padding-bottom: var(--py-lg);
  }

  .lg\:bui-py-0\.5 {
    padding-top: var(--bui-space-0_5);
    padding-bottom: var(--bui-space-0_5);
  }

  .lg\:bui-py-1 {
    padding-top: var(--bui-space-1);
    padding-bottom: var(--bui-space-1);
  }

  .lg\:bui-py-1\.5 {
    padding-top: var(--bui-space-1_5);
    padding-bottom: var(--bui-space-1_5);
  }

  .lg\:bui-py-2 {
    padding-top: var(--bui-space-2);
    padding-bottom: var(--bui-space-2);
  }

  .lg\:bui-py-3 {
    padding-top: var(--bui-space-3);
    padding-bottom: var(--bui-space-3);
  }

  .lg\:bui-py-4 {
    padding-top: var(--bui-space-4);
    padding-bottom: var(--bui-space-4);
  }

  .lg\:bui-py-5 {
    padding-top: var(--bui-space-5);
    padding-bottom: var(--bui-space-5);
  }

  .lg\:bui-py-6 {
    padding-top: var(--bui-space-6);
    padding-bottom: var(--bui-space-6);
  }

  .lg\:bui-py-7 {
    padding-top: var(--bui-space-7);
    padding-bottom: var(--bui-space-7);
  }

  .lg\:bui-py-8 {
    padding-top: var(--bui-space-8);
    padding-bottom: var(--bui-space-8);
  }

  .lg\:bui-py-9 {
    padding-top: var(--bui-space-9);
    padding-bottom: var(--bui-space-9);
  }

  .lg\:bui-py-10 {
    padding-top: var(--bui-space-10);
    padding-bottom: var(--bui-space-10);
  }

  .lg\:bui-py-11 {
    padding-top: var(--bui-space-11);
    padding-bottom: var(--bui-space-11);
  }

  .lg\:bui-py-12 {
    padding-top: var(--bui-space-12);
    padding-bottom: var(--bui-space-12);
  }

  .lg\:bui-py-13 {
    padding-top: var(--bui-space-13);
    padding-bottom: var(--bui-space-13);
  }

  .lg\:bui-py-14 {
    padding-top: var(--bui-space-14);
    padding-bottom: var(--bui-space-14);
  }
}

@media (width >= 1536px) {
  .xl\:bui-py {
    padding-top: var(--py-xl);
    padding-bottom: var(--py-xl);
  }

  .xl\:bui-py-0\.5 {
    padding-top: var(--bui-space-0_5);
    padding-bottom: var(--bui-space-0_5);
  }

  .xl\:bui-py-1 {
    padding-top: var(--bui-space-1);
    padding-bottom: var(--bui-space-1);
  }

  .xl\:bui-py-1\.5 {
    padding-top: var(--bui-space-1_5);
    padding-bottom: var(--bui-space-1_5);
  }

  .xl\:bui-py-2 {
    padding-top: var(--bui-space-2);
    padding-bottom: var(--bui-space-2);
  }

  .xl\:bui-py-3 {
    padding-top: var(--bui-space-3);
    padding-bottom: var(--bui-space-3);
  }

  .xl\:bui-py-4 {
    padding-top: var(--bui-space-4);
    padding-bottom: var(--bui-space-4);
  }

  .xl\:bui-py-5 {
    padding-top: var(--bui-space-5);
    padding-bottom: var(--bui-space-5);
  }

  .xl\:bui-py-6 {
    padding-top: var(--bui-space-6);
    padding-bottom: var(--bui-space-6);
  }

  .xl\:bui-py-7 {
    padding-top: var(--bui-space-7);
    padding-bottom: var(--bui-space-7);
  }

  .xl\:bui-py-8 {
    padding-top: var(--bui-space-8);
    padding-bottom: var(--bui-space-8);
  }

  .xl\:bui-py-9 {
    padding-top: var(--bui-space-9);
    padding-bottom: var(--bui-space-9);
  }

  .xl\:bui-py-10 {
    padding-top: var(--bui-space-10);
    padding-bottom: var(--bui-space-10);
  }

  .xl\:bui-py-11 {
    padding-top: var(--bui-space-11);
    padding-bottom: var(--bui-space-11);
  }

  .xl\:bui-py-12 {
    padding-top: var(--bui-space-12);
    padding-bottom: var(--bui-space-12);
  }

  .xl\:bui-py-13 {
    padding-top: var(--bui-space-13);
    padding-bottom: var(--bui-space-13);
  }

  .xl\:bui-py-14 {
    padding-top: var(--bui-space-14);
    padding-bottom: var(--bui-space-14);
  }
}

.bui-px {
  padding-left: var(--px);
  padding-right: var(--px);
}

.bui-px-0\.5 {
  padding-left: var(--bui-space-0_5);
  padding-right: var(--bui-space-0_5);
}

.bui-px-1 {
  padding-left: var(--bui-space-1);
  padding-right: var(--bui-space-1);
}

.bui-px-1\.5 {
  padding-left: var(--bui-space-1_5);
  padding-right: var(--bui-space-1_5);
}

.bui-px-2 {
  padding-left: var(--bui-space-2);
  padding-right: var(--bui-space-2);
}

.bui-px-3 {
  padding-left: var(--bui-space-3);
  padding-right: var(--bui-space-3);
}

.bui-px-4 {
  padding-left: var(--bui-space-4);
  padding-right: var(--bui-space-4);
}

.bui-px-5 {
  padding-left: var(--bui-space-5);
  padding-right: var(--bui-space-5);
}

.bui-px-6 {
  padding-left: var(--bui-space-6);
  padding-right: var(--bui-space-6);
}

.bui-px-7 {
  padding-left: var(--bui-space-7);
  padding-right: var(--bui-space-7);
}

.bui-px-8 {
  padding-left: var(--bui-space-8);
  padding-right: var(--bui-space-8);
}

.bui-px-9 {
  padding-left: var(--bui-space-9);
  padding-right: var(--bui-space-9);
}

.bui-px-10 {
  padding-left: var(--bui-space-10);
  padding-right: var(--bui-space-10);
}

.bui-px-11 {
  padding-left: var(--bui-space-11);
  padding-right: var(--bui-space-11);
}

.bui-px-12 {
  padding-left: var(--bui-space-12);
  padding-right: var(--bui-space-12);
}

.bui-px-13 {
  padding-left: var(--bui-space-13);
  padding-right: var(--bui-space-13);
}

.bui-px-14 {
  padding-left: var(--bui-space-14);
  padding-right: var(--bui-space-14);
}

@media (width >= 640px) {
  .xs\:bui-px {
    padding-left: var(--px-xs);
    padding-right: var(--px-xs);
  }

  .xs\:bui-px-0\.5 {
    padding-left: var(--bui-space-0_5);
    padding-right: var(--bui-space-0_5);
  }

  .xs\:bui-px-1 {
    padding-left: var(--bui-space-1);
    padding-right: var(--bui-space-1);
  }

  .xs\:bui-px-1\.5 {
    padding-left: var(--bui-space-1_5);
    padding-right: var(--bui-space-1_5);
  }

  .xs\:bui-px-2 {
    padding-left: var(--bui-space-2);
    padding-right: var(--bui-space-2);
  }

  .xs\:bui-px-3 {
    padding-left: var(--bui-space-3);
    padding-right: var(--bui-space-3);
  }

  .xs\:bui-px-4 {
    padding-left: var(--bui-space-4);
    padding-right: var(--bui-space-4);
  }

  .xs\:bui-px-5 {
    padding-left: var(--bui-space-5);
    padding-right: var(--bui-space-5);
  }

  .xs\:bui-px-6 {
    padding-left: var(--bui-space-6);
    padding-right: var(--bui-space-6);
  }

  .xs\:bui-px-7 {
    padding-left: var(--bui-space-7);
    padding-right: var(--bui-space-7);
  }

  .xs\:bui-px-8 {
    padding-left: var(--bui-space-8);
    padding-right: var(--bui-space-8);
  }

  .xs\:bui-px-9 {
    padding-left: var(--bui-space-9);
    padding-right: var(--bui-space-9);
  }

  .xs\:bui-px-10 {
    padding-left: var(--bui-space-10);
    padding-right: var(--bui-space-10);
  }

  .xs\:bui-px-11 {
    padding-left: var(--bui-space-11);
    padding-right: var(--bui-space-11);
  }

  .xs\:bui-px-12 {
    padding-left: var(--bui-space-12);
    padding-right: var(--bui-space-12);
  }

  .xs\:bui-px-13 {
    padding-left: var(--bui-space-13);
    padding-right: var(--bui-space-13);
  }

  .xs\:bui-px-14 {
    padding-left: var(--bui-space-14);
    padding-right: var(--bui-space-14);
  }
}

@media (width >= 768px) {
  .sm\:bui-px {
    padding-left: var(--px-sm);
    padding-right: var(--px-sm);
  }

  .sm\:bui-px-0\.5 {
    padding-left: var(--bui-space-0_5);
    padding-right: var(--bui-space-0_5);
  }

  .sm\:bui-px-1 {
    padding-left: var(--bui-space-1);
    padding-right: var(--bui-space-1);
  }

  .sm\:bui-px-1\.5 {
    padding-left: var(--bui-space-1_5);
    padding-right: var(--bui-space-1_5);
  }

  .sm\:bui-px-2 {
    padding-left: var(--bui-space-2);
    padding-right: var(--bui-space-2);
  }

  .sm\:bui-px-3 {
    padding-left: var(--bui-space-3);
    padding-right: var(--bui-space-3);
  }

  .sm\:bui-px-4 {
    padding-left: var(--bui-space-4);
    padding-right: var(--bui-space-4);
  }

  .sm\:bui-px-5 {
    padding-left: var(--bui-space-5);
    padding-right: var(--bui-space-5);
  }

  .sm\:bui-px-6 {
    padding-left: var(--bui-space-6);
    padding-right: var(--bui-space-6);
  }

  .sm\:bui-px-7 {
    padding-left: var(--bui-space-7);
    padding-right: var(--bui-space-7);
  }

  .sm\:bui-px-8 {
    padding-left: var(--bui-space-8);
    padding-right: var(--bui-space-8);
  }

  .sm\:bui-px-9 {
    padding-left: var(--bui-space-9);
    padding-right: var(--bui-space-9);
  }

  .sm\:bui-px-10 {
    padding-left: var(--bui-space-10);
    padding-right: var(--bui-space-10);
  }

  .sm\:bui-px-11 {
    padding-left: var(--bui-space-11);
    padding-right: var(--bui-space-11);
  }

  .sm\:bui-px-12 {
    padding-left: var(--bui-space-12);
    padding-right: var(--bui-space-12);
  }

  .sm\:bui-px-13 {
    padding-left: var(--bui-space-13);
    padding-right: var(--bui-space-13);
  }

  .sm\:bui-px-14 {
    padding-left: var(--bui-space-14);
    padding-right: var(--bui-space-14);
  }
}

@media (width >= 1024px) {
  .md\:bui-px {
    padding-left: var(--px-md);
    padding-right: var(--px-md);
  }

  .md\:bui-px-0\.5 {
    padding-left: var(--bui-space-0_5);
    padding-right: var(--bui-space-0_5);
  }

  .md\:bui-px-1 {
    padding-left: var(--bui-space-1);
    padding-right: var(--bui-space-1);
  }

  .md\:bui-px-1\.5 {
    padding-left: var(--bui-space-1_5);
    padding-right: var(--bui-space-1_5);
  }

  .md\:bui-px-2 {
    padding-left: var(--bui-space-2);
    padding-right: var(--bui-space-2);
  }

  .md\:bui-px-3 {
    padding-left: var(--bui-space-3);
    padding-right: var(--bui-space-3);
  }

  .md\:bui-px-4 {
    padding-left: var(--bui-space-4);
    padding-right: var(--bui-space-4);
  }

  .md\:bui-px-5 {
    padding-left: var(--bui-space-5);
    padding-right: var(--bui-space-5);
  }

  .md\:bui-px-6 {
    padding-left: var(--bui-space-6);
    padding-right: var(--bui-space-6);
  }

  .md\:bui-px-7 {
    padding-left: var(--bui-space-7);
    padding-right: var(--bui-space-7);
  }

  .md\:bui-px-8 {
    padding-left: var(--bui-space-8);
    padding-right: var(--bui-space-8);
  }

  .md\:bui-px-9 {
    padding-left: var(--bui-space-9);
    padding-right: var(--bui-space-9);
  }

  .md\:bui-px-10 {
    padding-left: var(--bui-space-10);
    padding-right: var(--bui-space-10);
  }

  .md\:bui-px-11 {
    padding-left: var(--bui-space-11);
    padding-right: var(--bui-space-11);
  }

  .md\:bui-px-12 {
    padding-left: var(--bui-space-12);
    padding-right: var(--bui-space-12);
  }

  .md\:bui-px-13 {
    padding-left: var(--bui-space-13);
    padding-right: var(--bui-space-13);
  }

  .md\:bui-px-14 {
    padding-left: var(--bui-space-14);
    padding-right: var(--bui-space-14);
  }
}

@media (width >= 1280px) {
  .lg\:bui-px {
    padding-left: var(--px-lg);
    padding-right: var(--px-lg);
  }

  .lg\:bui-px-0\.5 {
    padding-left: var(--bui-space-0_5);
    padding-right: var(--bui-space-0_5);
  }

  .lg\:bui-px-1 {
    padding-left: var(--bui-space-1);
    padding-right: var(--bui-space-1);
  }

  .lg\:bui-px-1\.5 {
    padding-left: var(--bui-space-1_5);
    padding-right: var(--bui-space-1_5);
  }

  .lg\:bui-px-2 {
    padding-left: var(--bui-space-2);
    padding-right: var(--bui-space-2);
  }

  .lg\:bui-px-3 {
    padding-left: var(--bui-space-3);
    padding-right: var(--bui-space-3);
  }

  .lg\:bui-px-4 {
    padding-left: var(--bui-space-4);
    padding-right: var(--bui-space-4);
  }

  .lg\:bui-px-5 {
    padding-left: var(--bui-space-5);
    padding-right: var(--bui-space-5);
  }

  .lg\:bui-px-6 {
    padding-left: var(--bui-space-6);
    padding-right: var(--bui-space-6);
  }

  .lg\:bui-px-7 {
    padding-left: var(--bui-space-7);
    padding-right: var(--bui-space-7);
  }

  .lg\:bui-px-8 {
    padding-left: var(--bui-space-8);
    padding-right: var(--bui-space-8);
  }

  .lg\:bui-px-9 {
    padding-left: var(--bui-space-9);
    padding-right: var(--bui-space-9);
  }

  .lg\:bui-px-10 {
    padding-left: var(--bui-space-10);
    padding-right: var(--bui-space-10);
  }

  .lg\:bui-px-11 {
    padding-left: var(--bui-space-11);
    padding-right: var(--bui-space-11);
  }

  .lg\:bui-px-12 {
    padding-left: var(--bui-space-12);
    padding-right: var(--bui-space-12);
  }

  .lg\:bui-px-13 {
    padding-left: var(--bui-space-13);
    padding-right: var(--bui-space-13);
  }

  .lg\:bui-px-14 {
    padding-left: var(--bui-space-14);
    padding-right: var(--bui-space-14);
  }
}

@media (width >= 1536px) {
  .xl\:bui-px {
    padding-left: var(--px-xl);
    padding-right: var(--px-xl);
  }

  .xl\:bui-px-0\.5 {
    padding-left: var(--bui-space-0_5);
    padding-right: var(--bui-space-0_5);
  }

  .xl\:bui-px-1 {
    padding-left: var(--bui-space-1);
    padding-right: var(--bui-space-1);
  }

  .xl\:bui-px-1\.5 {
    padding-left: var(--bui-space-1_5);
    padding-right: var(--bui-space-1_5);
  }

  .xl\:bui-px-2 {
    padding-left: var(--bui-space-2);
    padding-right: var(--bui-space-2);
  }

  .xl\:bui-px-3 {
    padding-left: var(--bui-space-3);
    padding-right: var(--bui-space-3);
  }

  .xl\:bui-px-4 {
    padding-left: var(--bui-space-4);
    padding-right: var(--bui-space-4);
  }

  .xl\:bui-px-5 {
    padding-left: var(--bui-space-5);
    padding-right: var(--bui-space-5);
  }

  .xl\:bui-px-6 {
    padding-left: var(--bui-space-6);
    padding-right: var(--bui-space-6);
  }

  .xl\:bui-px-7 {
    padding-left: var(--bui-space-7);
    padding-right: var(--bui-space-7);
  }

  .xl\:bui-px-8 {
    padding-left: var(--bui-space-8);
    padding-right: var(--bui-space-8);
  }

  .xl\:bui-px-9 {
    padding-left: var(--bui-space-9);
    padding-right: var(--bui-space-9);
  }

  .xl\:bui-px-10 {
    padding-left: var(--bui-space-10);
    padding-right: var(--bui-space-10);
  }

  .xl\:bui-px-11 {
    padding-left: var(--bui-space-11);
    padding-right: var(--bui-space-11);
  }

  .xl\:bui-px-12 {
    padding-left: var(--bui-space-12);
    padding-right: var(--bui-space-12);
  }

  .xl\:bui-px-13 {
    padding-left: var(--bui-space-13);
    padding-right: var(--bui-space-13);
  }

  .xl\:bui-px-14 {
    padding-left: var(--bui-space-14);
    padding-right: var(--bui-space-14);
  }
}

.bui-m {
  margin: var(--m);
}

.bui-m-0\.5 {
  margin: var(--bui-space-0_5);
}

.bui-m-1 {
  margin: var(--bui-space-1);
}

.bui-m-1\.5 {
  margin: var(--bui-space-1_5);
}

.bui-m-2 {
  margin: var(--bui-space-2);
}

.bui-m-3 {
  margin: var(--bui-space-3);
}

.bui-m-4 {
  margin: var(--bui-space-4);
}

.bui-m-5 {
  margin: var(--bui-space-5);
}

.bui-m-6 {
  margin: var(--bui-space-6);
}

.bui-m-7 {
  margin: var(--bui-space-7);
}

.bui-m-8 {
  margin: var(--bui-space-8);
}

.bui-m-9 {
  margin: var(--bui-space-9);
}

.bui-m-10 {
  margin: var(--bui-space-10);
}

.bui-m-11 {
  margin: var(--bui-space-11);
}

.bui-m-12 {
  margin: var(--bui-space-12);
}

.bui-m-13 {
  margin: var(--bui-space-13);
}

.bui-m-14 {
  margin: var(--bui-space-14);
}

@media (width >= 640px) {
  .xs\:bui-m {
    margin: var(--p-xs);
  }

  .xs\:bui-m-0\.5 {
    margin: var(--bui-space-0_5);
  }

  .xs\:bui-m-1 {
    margin: var(--bui-space-1);
  }

  .xs\:bui-m-1\.5 {
    margin: var(--bui-space-1_5);
  }

  .xs\:bui-m-2 {
    margin: var(--bui-space-2);
  }

  .xs\:bui-m-3 {
    margin: var(--bui-space-3);
  }

  .xs\:bui-m-4 {
    margin: var(--bui-space-4);
  }

  .xs\:bui-m-5 {
    margin: var(--bui-space-5);
  }

  .xs\:bui-m-6 {
    margin: var(--bui-space-6);
  }

  .xs\:bui-m-7 {
    margin: var(--bui-space-7);
  }

  .xs\:bui-m-8 {
    margin: var(--bui-space-8);
  }

  .xs\:bui-m-9 {
    margin: var(--bui-space-9);
  }

  .xs\:bui-m-10 {
    margin: var(--bui-space-10);
  }

  .xs\:bui-m-11 {
    margin: var(--bui-space-11);
  }

  .xs\:bui-m-12 {
    margin: var(--bui-space-12);
  }

  .xs\:bui-m-13 {
    margin: var(--bui-space-13);
  }

  .xs\:bui-m-14 {
    margin: var(--bui-space-14);
  }
}

@media (width >= 768px) {
  .sm\:bui-m {
    margin: var(--p-sm);
  }

  .sm\:bui-m-0\.5 {
    margin: var(--bui-space-0_5);
  }

  .sm\:bui-m-1 {
    margin: var(--bui-space-1);
  }

  .sm\:bui-m-1\.5 {
    margin: var(--bui-space-1_5);
  }

  .sm\:bui-m-2 {
    margin: var(--bui-space-2);
  }

  .sm\:bui-m-3 {
    margin: var(--bui-space-3);
  }

  .sm\:bui-m-4 {
    margin: var(--bui-space-4);
  }

  .sm\:bui-m-5 {
    margin: var(--bui-space-5);
  }

  .sm\:bui-m-6 {
    margin: var(--bui-space-6);
  }

  .sm\:bui-m-7 {
    margin: var(--bui-space-7);
  }

  .sm\:bui-m-8 {
    margin: var(--bui-space-8);
  }

  .sm\:bui-m-9 {
    margin: var(--bui-space-9);
  }

  .sm\:bui-m-10 {
    margin: var(--bui-space-10);
  }

  .sm\:bui-m-11 {
    margin: var(--bui-space-11);
  }

  .sm\:bui-m-12 {
    margin: var(--bui-space-12);
  }

  .sm\:bui-m-13 {
    margin: var(--bui-space-13);
  }

  .sm\:bui-m-14 {
    margin: var(--bui-space-14);
  }
}

@media (width >= 1024px) {
  .md\:bui-m {
    margin: var(--p-md);
  }

  .md\:bui-m-0\.5 {
    margin: var(--bui-space-0_5);
  }

  .md\:bui-m-1 {
    margin: var(--bui-space-1);
  }

  .md\:bui-m-1\.5 {
    margin: var(--bui-space-1_5);
  }

  .md\:bui-m-2 {
    margin: var(--bui-space-2);
  }

  .md\:bui-m-3 {
    margin: var(--bui-space-3);
  }

  .md\:bui-m-4 {
    margin: var(--bui-space-4);
  }

  .md\:bui-m-5 {
    margin: var(--bui-space-5);
  }

  .md\:bui-m-6 {
    margin: var(--bui-space-6);
  }

  .md\:bui-m-7 {
    margin: var(--bui-space-7);
  }

  .md\:bui-m-8 {
    margin: var(--bui-space-8);
  }

  .md\:bui-m-9 {
    margin: var(--bui-space-9);
  }

  .md\:bui-m-10 {
    margin: var(--bui-space-10);
  }

  .md\:bui-m-11 {
    margin: var(--bui-space-11);
  }

  .md\:bui-m-12 {
    margin: var(--bui-space-12);
  }

  .md\:bui-m-13 {
    margin: var(--bui-space-13);
  }

  .md\:bui-m-14 {
    margin: var(--bui-space-14);
  }
}

@media (width >= 1280px) {
  .lg\:bui-m {
    margin: var(--p-lg);
  }

  .lg\:bui-m-0\.5 {
    margin: var(--bui-space-0_5);
  }

  .lg\:bui-m-1 {
    margin: var(--bui-space-1);
  }

  .lg\:bui-m-1\.5 {
    margin: var(--bui-space-1_5);
  }

  .lg\:bui-m-2 {
    margin: var(--bui-space-2);
  }

  .lg\:bui-m-3 {
    margin: var(--bui-space-3);
  }

  .lg\:bui-m-4 {
    margin: var(--bui-space-4);
  }

  .lg\:bui-m-5 {
    margin: var(--bui-space-5);
  }

  .lg\:bui-m-6 {
    margin: var(--bui-space-6);
  }

  .lg\:bui-m-7 {
    margin: var(--bui-space-7);
  }

  .lg\:bui-m-8 {
    margin: var(--bui-space-8);
  }

  .lg\:bui-m-9 {
    margin: var(--bui-space-9);
  }

  .lg\:bui-m-10 {
    margin: var(--bui-space-10);
  }

  .lg\:bui-m-11 {
    margin: var(--bui-space-11);
  }

  .lg\:bui-m-12 {
    margin: var(--bui-space-12);
  }

  .lg\:bui-m-13 {
    margin: var(--bui-space-13);
  }

  .lg\:bui-m-14 {
    margin: var(--bui-space-14);
  }
}

@media (width >= 1536px) {
  .xl\:bui-m {
    margin: var(--p-xl);
  }

  .xl\:bui-m-0\.5 {
    margin: var(--bui-space-0_5);
  }

  .xl\:bui-m-1 {
    margin: var(--bui-space-1);
  }

  .xl\:bui-m-1\.5 {
    margin: var(--bui-space-1_5);
  }

  .xl\:bui-m-2 {
    margin: var(--bui-space-2);
  }

  .xl\:bui-m-3 {
    margin: var(--bui-space-3);
  }

  .xl\:bui-m-4 {
    margin: var(--bui-space-4);
  }

  .xl\:bui-m-5 {
    margin: var(--bui-space-5);
  }

  .xl\:bui-m-6 {
    margin: var(--bui-space-6);
  }

  .xl\:bui-m-7 {
    margin: var(--bui-space-7);
  }

  .xl\:bui-m-8 {
    margin: var(--bui-space-8);
  }

  .xl\:bui-m-9 {
    margin: var(--bui-space-9);
  }

  .xl\:bui-m-10 {
    margin: var(--bui-space-10);
  }

  .xl\:bui-m-11 {
    margin: var(--bui-space-11);
  }

  .xl\:bui-m-12 {
    margin: var(--bui-space-12);
  }

  .xl\:bui-m-13 {
    margin: var(--bui-space-13);
  }

  .xl\:bui-m-14 {
    margin: var(--bui-space-14);
  }
}

.bui-ml {
  margin-left: var(--ml);
}

.bui-ml-0\.5 {
  margin-left: var(--bui-space-0_5);
}

.bui-ml-1 {
  margin-left: var(--bui-space-1);
}

.bui-ml-1\.5 {
  margin-left: var(--bui-space-1_5);
}

.bui-ml-2 {
  margin-left: var(--bui-space-2);
}

.bui-ml-3 {
  margin-left: var(--bui-space-3);
}

.bui-ml-4 {
  margin-left: var(--bui-space-4);
}

.bui-ml-5 {
  margin-left: var(--bui-space-5);
}

.bui-ml-6 {
  margin-left: var(--bui-space-6);
}

.bui-ml-7 {
  margin-left: var(--bui-space-7);
}

.bui-ml-8 {
  margin-left: var(--bui-space-8);
}

.bui-ml-9 {
  margin-left: var(--bui-space-9);
}

.bui-ml-10 {
  margin-left: var(--bui-space-10);
}

.bui-ml-11 {
  margin-left: var(--bui-space-11);
}

.bui-ml-12 {
  margin-left: var(--bui-space-12);
}

.bui-ml-13 {
  margin-left: var(--bui-space-13);
}

.bui-ml-14 {
  margin-left: var(--bui-space-14);
}

@media (width >= 640px) {
  .xs\:bui-ml {
    margin-left: var(--pl-xs);
  }

  .xs\:bui-ml-0\.5 {
    margin-left: var(--bui-space-0_5);
  }

  .xs\:bui-ml-1 {
    margin-left: var(--bui-space-1);
  }

  .xs\:bui-ml-1\.5 {
    margin-left: var(--bui-space-1_5);
  }

  .xs\:bui-ml-2 {
    margin-left: var(--bui-space-2);
  }

  .xs\:bui-ml-3 {
    margin-left: var(--bui-space-3);
  }

  .xs\:bui-ml-4 {
    margin-left: var(--bui-space-4);
  }

  .xs\:bui-ml-5 {
    margin-left: var(--bui-space-5);
  }

  .xs\:bui-ml-6 {
    margin-left: var(--bui-space-6);
  }

  .xs\:bui-ml-7 {
    margin-left: var(--bui-space-7);
  }

  .xs\:bui-ml-8 {
    margin-left: var(--bui-space-8);
  }

  .xs\:bui-ml-9 {
    margin-left: var(--bui-space-9);
  }

  .xs\:bui-ml-10 {
    margin-left: var(--bui-space-10);
  }

  .xs\:bui-ml-11 {
    margin-left: var(--bui-space-11);
  }

  .xs\:bui-ml-12 {
    margin-left: var(--bui-space-12);
  }

  .xs\:bui-ml-13 {
    margin-left: var(--bui-space-13);
  }

  .xs\:bui-ml-14 {
    margin-left: var(--bui-space-14);
  }
}

@media (width >= 768px) {
  .sm\:bui-ml {
    margin-left: var(--pl-sm);
  }

  .sm\:bui-ml-0\.5 {
    margin-left: var(--bui-space-0_5);
  }

  .sm\:bui-ml-1 {
    margin-left: var(--bui-space-1);
  }

  .sm\:bui-ml-1\.5 {
    margin-left: var(--bui-space-1_5);
  }

  .sm\:bui-ml-2 {
    margin-left: var(--bui-space-2);
  }

  .sm\:bui-ml-3 {
    margin-left: var(--bui-space-3);
  }

  .sm\:bui-ml-4 {
    margin-left: var(--bui-space-4);
  }

  .sm\:bui-ml-5 {
    margin-left: var(--bui-space-5);
  }

  .sm\:bui-ml-6 {
    margin-left: var(--bui-space-6);
  }

  .sm\:bui-ml-7 {
    margin-left: var(--bui-space-7);
  }

  .sm\:bui-ml-8 {
    margin-left: var(--bui-space-8);
  }

  .sm\:bui-ml-9 {
    margin-left: var(--bui-space-9);
  }

  .sm\:bui-ml-10 {
    margin-left: var(--bui-space-10);
  }

  .sm\:bui-ml-11 {
    margin-left: var(--bui-space-11);
  }

  .sm\:bui-ml-12 {
    margin-left: var(--bui-space-12);
  }

  .sm\:bui-ml-13 {
    margin-left: var(--bui-space-13);
  }

  .sm\:bui-ml-14 {
    margin-left: var(--bui-space-14);
  }
}

@media (width >= 1024px) {
  .md\:bui-ml {
    margin-left: var(--pl-md);
  }

  .md\:bui-ml-0\.5 {
    margin-left: var(--bui-space-0_5);
  }

  .md\:bui-ml-1 {
    margin-left: var(--bui-space-1);
  }

  .md\:bui-ml-1\.5 {
    margin-left: var(--bui-space-1_5);
  }

  .md\:bui-ml-2 {
    margin-left: var(--bui-space-2);
  }

  .md\:bui-ml-3 {
    margin-left: var(--bui-space-3);
  }

  .md\:bui-ml-4 {
    margin-left: var(--bui-space-4);
  }

  .md\:bui-ml-5 {
    margin-left: var(--bui-space-5);
  }

  .md\:bui-ml-6 {
    margin-left: var(--bui-space-6);
  }

  .md\:bui-ml-7 {
    margin-left: var(--bui-space-7);
  }

  .md\:bui-ml-8 {
    margin-left: var(--bui-space-8);
  }

  .md\:bui-ml-9 {
    margin-left: var(--bui-space-9);
  }

  .md\:bui-ml-10 {
    margin-left: var(--bui-space-10);
  }

  .md\:bui-ml-11 {
    margin-left: var(--bui-space-11);
  }

  .md\:bui-ml-12 {
    margin-left: var(--bui-space-12);
  }

  .md\:bui-ml-13 {
    margin-left: var(--bui-space-13);
  }

  .md\:bui-ml-14 {
    margin-left: var(--bui-space-14);
  }
}

@media (width >= 1280px) {
  .lg\:bui-ml {
    margin-left: var(--pl-lg);
  }

  .lg\:bui-ml-0\.5 {
    margin-left: var(--bui-space-0_5);
  }

  .lg\:bui-ml-1 {
    margin-left: var(--bui-space-1);
  }

  .lg\:bui-ml-1\.5 {
    margin-left: var(--bui-space-1_5);
  }

  .lg\:bui-ml-2 {
    margin-left: var(--bui-space-2);
  }

  .lg\:bui-ml-3 {
    margin-left: var(--bui-space-3);
  }

  .lg\:bui-ml-4 {
    margin-left: var(--bui-space-4);
  }

  .lg\:bui-ml-5 {
    margin-left: var(--bui-space-5);
  }

  .lg\:bui-ml-6 {
    margin-left: var(--bui-space-6);
  }

  .lg\:bui-ml-7 {
    margin-left: var(--bui-space-7);
  }

  .lg\:bui-ml-8 {
    margin-left: var(--bui-space-8);
  }

  .lg\:bui-ml-9 {
    margin-left: var(--bui-space-9);
  }

  .lg\:bui-ml-10 {
    margin-left: var(--bui-space-10);
  }

  .lg\:bui-ml-11 {
    margin-left: var(--bui-space-11);
  }

  .lg\:bui-ml-12 {
    margin-left: var(--bui-space-12);
  }

  .lg\:bui-ml-13 {
    margin-left: var(--bui-space-13);
  }

  .lg\:bui-ml-14 {
    margin-left: var(--bui-space-14);
  }
}

@media (width >= 1536px) {
  .xl\:bui-ml {
    margin-left: var(--pl-xl);
  }

  .xl\:bui-ml-0\.5 {
    margin-left: var(--bui-space-0_5);
  }

  .xl\:bui-ml-1 {
    margin-left: var(--bui-space-1);
  }

  .xl\:bui-ml-1\.5 {
    margin-left: var(--bui-space-1_5);
  }

  .xl\:bui-ml-2 {
    margin-left: var(--bui-space-2);
  }

  .xl\:bui-ml-3 {
    margin-left: var(--bui-space-3);
  }

  .xl\:bui-ml-4 {
    margin-left: var(--bui-space-4);
  }

  .xl\:bui-ml-5 {
    margin-left: var(--bui-space-5);
  }

  .xl\:bui-ml-6 {
    margin-left: var(--bui-space-6);
  }

  .xl\:bui-ml-7 {
    margin-left: var(--bui-space-7);
  }

  .xl\:bui-ml-8 {
    margin-left: var(--bui-space-8);
  }

  .xl\:bui-ml-9 {
    margin-left: var(--bui-space-9);
  }

  .xl\:bui-ml-10 {
    margin-left: var(--bui-space-10);
  }

  .xl\:bui-ml-11 {
    margin-left: var(--bui-space-11);
  }

  .xl\:bui-ml-12 {
    margin-left: var(--bui-space-12);
  }

  .xl\:bui-ml-13 {
    margin-left: var(--bui-space-13);
  }

  .xl\:bui-ml-14 {
    margin-left: var(--bui-space-14);
  }
}

.bui-mr {
  margin-right: var(--mr);
}

.bui-mr-0\.5 {
  margin-right: var(--bui-space-0_5);
}

.bui-mr-1 {
  margin-right: var(--bui-space-1);
}

.bui-mr-1\.5 {
  margin-right: var(--bui-space-1_5);
}

.bui-mr-2 {
  margin-right: var(--bui-space-2);
}

.bui-mr-3 {
  margin-right: var(--bui-space-3);
}

.bui-mr-4 {
  margin-right: var(--bui-space-4);
}

.bui-mr-5 {
  margin-right: var(--bui-space-5);
}

.bui-mr-6 {
  margin-right: var(--bui-space-6);
}

.bui-mr-7 {
  margin-right: var(--bui-space-7);
}

.bui-mr-8 {
  margin-right: var(--bui-space-8);
}

.bui-mr-9 {
  margin-right: var(--bui-space-9);
}

.bui-mr-10 {
  margin-right: var(--bui-space-10);
}

.bui-mr-11 {
  margin-right: var(--bui-space-11);
}

.bui-mr-12 {
  margin-right: var(--bui-space-12);
}

.bui-mr-13 {
  margin-right: var(--bui-space-13);
}

.bui-mr-14 {
  margin-right: var(--bui-space-14);
}

@media (width >= 640px) {
  .xs\:bui-mr {
    margin-right: var(--pr-xs);
  }

  .xs\:bui-mr-0\.5 {
    margin-right: var(--bui-space-0_5);
  }

  .xs\:bui-mr-1 {
    margin-right: var(--bui-space-1);
  }

  .xs\:bui-mr-1\.5 {
    margin-right: var(--bui-space-1_5);
  }

  .xs\:bui-mr-2 {
    margin-right: var(--bui-space-2);
  }

  .xs\:bui-mr-3 {
    margin-right: var(--bui-space-3);
  }

  .xs\:bui-mr-4 {
    margin-right: var(--bui-space-4);
  }

  .xs\:bui-mr-5 {
    margin-right: var(--bui-space-5);
  }

  .xs\:bui-mr-6 {
    margin-right: var(--bui-space-6);
  }

  .xs\:bui-mr-7 {
    margin-right: var(--bui-space-7);
  }

  .xs\:bui-mr-8 {
    margin-right: var(--bui-space-8);
  }

  .xs\:bui-mr-9 {
    margin-right: var(--bui-space-9);
  }

  .xs\:bui-mr-10 {
    margin-right: var(--bui-space-10);
  }

  .xs\:bui-mr-11 {
    margin-right: var(--bui-space-11);
  }

  .xs\:bui-mr-12 {
    margin-right: var(--bui-space-12);
  }

  .xs\:bui-mr-13 {
    margin-right: var(--bui-space-13);
  }

  .xs\:bui-mr-14 {
    margin-right: var(--bui-space-14);
  }
}

@media (width >= 768px) {
  .sm\:bui-mr {
    margin-right: var(--pr-sm);
  }

  .sm\:bui-mr-0\.5 {
    margin-right: var(--bui-space-0_5);
  }

  .sm\:bui-mr-1 {
    margin-right: var(--bui-space-1);
  }

  .sm\:bui-mr-1\.5 {
    margin-right: var(--bui-space-1_5);
  }

  .sm\:bui-mr-2 {
    margin-right: var(--bui-space-2);
  }

  .sm\:bui-mr-3 {
    margin-right: var(--bui-space-3);
  }

  .sm\:bui-mr-4 {
    margin-right: var(--bui-space-4);
  }

  .sm\:bui-mr-5 {
    margin-right: var(--bui-space-5);
  }

  .sm\:bui-mr-6 {
    margin-right: var(--bui-space-6);
  }

  .sm\:bui-mr-7 {
    margin-right: var(--bui-space-7);
  }

  .sm\:bui-mr-8 {
    margin-right: var(--bui-space-8);
  }

  .sm\:bui-mr-9 {
    margin-right: var(--bui-space-9);
  }

  .sm\:bui-mr-10 {
    margin-right: var(--bui-space-10);
  }

  .sm\:bui-mr-11 {
    margin-right: var(--bui-space-11);
  }

  .sm\:bui-mr-12 {
    margin-right: var(--bui-space-12);
  }

  .sm\:bui-mr-13 {
    margin-right: var(--bui-space-13);
  }

  .sm\:bui-mr-14 {
    margin-right: var(--bui-space-14);
  }
}

@media (width >= 1024px) {
  .md\:bui-mr {
    margin-right: var(--pr-md);
  }

  .md\:bui-mr-0\.5 {
    margin-right: var(--bui-space-0_5);
  }

  .md\:bui-mr-1 {
    margin-right: var(--bui-space-1);
  }

  .md\:bui-mr-1\.5 {
    margin-right: var(--bui-space-1_5);
  }

  .md\:bui-mr-2 {
    margin-right: var(--bui-space-2);
  }

  .md\:bui-mr-3 {
    margin-right: var(--bui-space-3);
  }

  .md\:bui-mr-4 {
    margin-right: var(--bui-space-4);
  }

  .md\:bui-mr-5 {
    margin-right: var(--bui-space-5);
  }

  .md\:bui-mr-6 {
    margin-right: var(--bui-space-6);
  }

  .md\:bui-mr-7 {
    margin-right: var(--bui-space-7);
  }

  .md\:bui-mr-8 {
    margin-right: var(--bui-space-8);
  }

  .md\:bui-mr-9 {
    margin-right: var(--bui-space-9);
  }

  .md\:bui-mr-10 {
    margin-right: var(--bui-space-10);
  }

  .md\:bui-mr-11 {
    margin-right: var(--bui-space-11);
  }

  .md\:bui-mr-12 {
    margin-right: var(--bui-space-12);
  }

  .md\:bui-mr-13 {
    margin-right: var(--bui-space-13);
  }

  .md\:bui-mr-14 {
    margin-right: var(--bui-space-14);
  }
}

@media (width >= 1280px) {
  .lg\:bui-mr {
    margin-right: var(--pr-lg);
  }

  .lg\:bui-mr-0\.5 {
    margin-right: var(--bui-space-0_5);
  }

  .lg\:bui-mr-1 {
    margin-right: var(--bui-space-1);
  }

  .lg\:bui-mr-1\.5 {
    margin-right: var(--bui-space-1_5);
  }

  .lg\:bui-mr-2 {
    margin-right: var(--bui-space-2);
  }

  .lg\:bui-mr-3 {
    margin-right: var(--bui-space-3);
  }

  .lg\:bui-mr-4 {
    margin-right: var(--bui-space-4);
  }

  .lg\:bui-mr-5 {
    margin-right: var(--bui-space-5);
  }

  .lg\:bui-mr-6 {
    margin-right: var(--bui-space-6);
  }

  .lg\:bui-mr-7 {
    margin-right: var(--bui-space-7);
  }

  .lg\:bui-mr-8 {
    margin-right: var(--bui-space-8);
  }

  .lg\:bui-mr-9 {
    margin-right: var(--bui-space-9);
  }

  .lg\:bui-mr-10 {
    margin-right: var(--bui-space-10);
  }

  .lg\:bui-mr-11 {
    margin-right: var(--bui-space-11);
  }

  .lg\:bui-mr-12 {
    margin-right: var(--bui-space-12);
  }

  .lg\:bui-mr-13 {
    margin-right: var(--bui-space-13);
  }

  .lg\:bui-mr-14 {
    margin-right: var(--bui-space-14);
  }
}

@media (width >= 1536px) {
  .xl\:bui-mr {
    margin-right: var(--pr-xl);
  }

  .xl\:bui-mr-0\.5 {
    margin-right: var(--bui-space-0_5);
  }

  .xl\:bui-mr-1 {
    margin-right: var(--bui-space-1);
  }

  .xl\:bui-mr-1\.5 {
    margin-right: var(--bui-space-1_5);
  }

  .xl\:bui-mr-2 {
    margin-right: var(--bui-space-2);
  }

  .xl\:bui-mr-3 {
    margin-right: var(--bui-space-3);
  }

  .xl\:bui-mr-4 {
    margin-right: var(--bui-space-4);
  }

  .xl\:bui-mr-5 {
    margin-right: var(--bui-space-5);
  }

  .xl\:bui-mr-6 {
    margin-right: var(--bui-space-6);
  }

  .xl\:bui-mr-7 {
    margin-right: var(--bui-space-7);
  }

  .xl\:bui-mr-8 {
    margin-right: var(--bui-space-8);
  }

  .xl\:bui-mr-9 {
    margin-right: var(--bui-space-9);
  }

  .xl\:bui-mr-10 {
    margin-right: var(--bui-space-10);
  }

  .xl\:bui-mr-11 {
    margin-right: var(--bui-space-11);
  }

  .xl\:bui-mr-12 {
    margin-right: var(--bui-space-12);
  }

  .xl\:bui-mr-13 {
    margin-right: var(--bui-space-13);
  }

  .xl\:bui-mr-14 {
    margin-right: var(--bui-space-14);
  }
}

.bui-mt {
  margin-top: var(--mt);
}

.bui-mt-0\.5 {
  margin-top: var(--bui-space-0_5);
}

.bui-mt-1 {
  margin-top: var(--bui-space-1);
}

.bui-mt-1\.5 {
  margin-top: var(--bui-space-1_5);
}

.bui-mt-2 {
  margin-top: var(--bui-space-2);
}

.bui-mt-3 {
  margin-top: var(--bui-space-3);
}

.bui-mt-4 {
  margin-top: var(--bui-space-4);
}

.bui-mt-5 {
  margin-top: var(--bui-space-5);
}

.bui-mt-6 {
  margin-top: var(--bui-space-6);
}

.bui-mt-7 {
  margin-top: var(--bui-space-7);
}

.bui-mt-8 {
  margin-top: var(--bui-space-8);
}

.bui-mt-9 {
  margin-top: var(--bui-space-9);
}

.bui-mt-10 {
  margin-top: var(--bui-space-10);
}

.bui-mt-11 {
  margin-top: var(--bui-space-11);
}

.bui-mt-12 {
  margin-top: var(--bui-space-12);
}

.bui-mt-13 {
  margin-top: var(--bui-space-13);
}

.bui-mt-14 {
  margin-top: var(--bui-space-14);
}

@media (width >= 640px) {
  .xs\:bui-mt {
    margin-top: var(--pt-xs);
  }

  .xs\:bui-mt-0\.5 {
    margin-top: var(--bui-space-0_5);
  }

  .xs\:bui-mt-1 {
    margin-top: var(--bui-space-1);
  }

  .xs\:bui-mt-1\.5 {
    margin-top: var(--bui-space-1_5);
  }

  .xs\:bui-mt-2 {
    margin-top: var(--bui-space-2);
  }

  .xs\:bui-mt-3 {
    margin-top: var(--bui-space-3);
  }

  .xs\:bui-mt-4 {
    margin-top: var(--bui-space-4);
  }

  .xs\:bui-mt-5 {
    margin-top: var(--bui-space-5);
  }

  .xs\:bui-mt-6 {
    margin-top: var(--bui-space-6);
  }

  .xs\:bui-mt-7 {
    margin-top: var(--bui-space-7);
  }

  .xs\:bui-mt-8 {
    margin-top: var(--bui-space-8);
  }

  .xs\:bui-mt-9 {
    margin-top: var(--bui-space-9);
  }

  .xs\:bui-mt-10 {
    margin-top: var(--bui-space-10);
  }

  .xs\:bui-mt-11 {
    margin-top: var(--bui-space-11);
  }

  .xs\:bui-mt-12 {
    margin-top: var(--bui-space-12);
  }

  .xs\:bui-mt-13 {
    margin-top: var(--bui-space-13);
  }

  .xs\:bui-mt-14 {
    margin-top: var(--bui-space-14);
  }
}

@media (width >= 768px) {
  .sm\:bui-mt {
    margin-top: var(--pt-sm);
  }

  .sm\:bui-mt-0\.5 {
    margin-top: var(--bui-space-0_5);
  }

  .sm\:bui-mt-1 {
    margin-top: var(--bui-space-1);
  }

  .sm\:bui-mt-1\.5 {
    margin-top: var(--bui-space-1_5);
  }

  .sm\:bui-mt-2 {
    margin-top: var(--bui-space-2);
  }

  .sm\:bui-mt-3 {
    margin-top: var(--bui-space-3);
  }

  .sm\:bui-mt-4 {
    margin-top: var(--bui-space-4);
  }

  .sm\:bui-mt-5 {
    margin-top: var(--bui-space-5);
  }

  .sm\:bui-mt-6 {
    margin-top: var(--bui-space-6);
  }

  .sm\:bui-mt-7 {
    margin-top: var(--bui-space-7);
  }

  .sm\:bui-mt-8 {
    margin-top: var(--bui-space-8);
  }

  .sm\:bui-mt-9 {
    margin-top: var(--bui-space-9);
  }

  .sm\:bui-mt-10 {
    margin-top: var(--bui-space-10);
  }

  .sm\:bui-mt-11 {
    margin-top: var(--bui-space-11);
  }

  .sm\:bui-mt-12 {
    margin-top: var(--bui-space-12);
  }

  .sm\:bui-mt-13 {
    margin-top: var(--bui-space-13);
  }

  .sm\:bui-mt-14 {
    margin-top: var(--bui-space-14);
  }
}

@media (width >= 1024px) {
  .md\:bui-mt {
    margin-top: var(--pt-md);
  }

  .md\:bui-mt-0\.5 {
    margin-top: var(--bui-space-0_5);
  }

  .md\:bui-mt-1 {
    margin-top: var(--bui-space-1);
  }

  .md\:bui-mt-1\.5 {
    margin-top: var(--bui-space-1_5);
  }

  .md\:bui-mt-2 {
    margin-top: var(--bui-space-2);
  }

  .md\:bui-mt-3 {
    margin-top: var(--bui-space-3);
  }

  .md\:bui-mt-4 {
    margin-top: var(--bui-space-4);
  }

  .md\:bui-mt-5 {
    margin-top: var(--bui-space-5);
  }

  .md\:bui-mt-6 {
    margin-top: var(--bui-space-6);
  }

  .md\:bui-mt-7 {
    margin-top: var(--bui-space-7);
  }

  .md\:bui-mt-8 {
    margin-top: var(--bui-space-8);
  }

  .md\:bui-mt-9 {
    margin-top: var(--bui-space-9);
  }

  .md\:bui-mt-10 {
    margin-top: var(--bui-space-10);
  }

  .md\:bui-mt-11 {
    margin-top: var(--bui-space-11);
  }

  .md\:bui-mt-12 {
    margin-top: var(--bui-space-12);
  }

  .md\:bui-mt-13 {
    margin-top: var(--bui-space-13);
  }

  .md\:bui-mt-14 {
    margin-top: var(--bui-space-14);
  }
}

@media (width >= 1280px) {
  .lg\:bui-mt {
    margin-top: var(--pt-lg);
  }

  .lg\:bui-mt-0\.5 {
    margin-top: var(--bui-space-0_5);
  }

  .lg\:bui-mt-1 {
    margin-top: var(--bui-space-1);
  }

  .lg\:bui-mt-1\.5 {
    margin-top: var(--bui-space-1_5);
  }

  .lg\:bui-mt-2 {
    margin-top: var(--bui-space-2);
  }

  .lg\:bui-mt-3 {
    margin-top: var(--bui-space-3);
  }

  .lg\:bui-mt-4 {
    margin-top: var(--bui-space-4);
  }

  .lg\:bui-mt-5 {
    margin-top: var(--bui-space-5);
  }

  .lg\:bui-mt-6 {
    margin-top: var(--bui-space-6);
  }

  .lg\:bui-mt-7 {
    margin-top: var(--bui-space-7);
  }

  .lg\:bui-mt-8 {
    margin-top: var(--bui-space-8);
  }

  .lg\:bui-mt-9 {
    margin-top: var(--bui-space-9);
  }

  .lg\:bui-mt-10 {
    margin-top: var(--bui-space-10);
  }

  .lg\:bui-mt-11 {
    margin-top: var(--bui-space-11);
  }

  .lg\:bui-mt-12 {
    margin-top: var(--bui-space-12);
  }

  .lg\:bui-mt-13 {
    margin-top: var(--bui-space-13);
  }

  .lg\:bui-mt-14 {
    margin-top: var(--bui-space-14);
  }
}

@media (width >= 1536px) {
  .xl\:bui-mt {
    margin-top: var(--pt-xl);
  }

  .xl\:bui-mt-0\.5 {
    margin-top: var(--bui-space-0_5);
  }

  .xl\:bui-mt-1 {
    margin-top: var(--bui-space-1);
  }

  .xl\:bui-mt-1\.5 {
    margin-top: var(--bui-space-1_5);
  }

  .xl\:bui-mt-2 {
    margin-top: var(--bui-space-2);
  }

  .xl\:bui-mt-3 {
    margin-top: var(--bui-space-3);
  }

  .xl\:bui-mt-4 {
    margin-top: var(--bui-space-4);
  }

  .xl\:bui-mt-5 {
    margin-top: var(--bui-space-5);
  }

  .xl\:bui-mt-6 {
    margin-top: var(--bui-space-6);
  }

  .xl\:bui-mt-7 {
    margin-top: var(--bui-space-7);
  }

  .xl\:bui-mt-8 {
    margin-top: var(--bui-space-8);
  }

  .xl\:bui-mt-9 {
    margin-top: var(--bui-space-9);
  }

  .xl\:bui-mt-10 {
    margin-top: var(--bui-space-10);
  }

  .xl\:bui-mt-11 {
    margin-top: var(--bui-space-11);
  }

  .xl\:bui-mt-12 {
    margin-top: var(--bui-space-12);
  }

  .xl\:bui-mt-13 {
    margin-top: var(--bui-space-13);
  }

  .xl\:bui-mt-14 {
    margin-top: var(--bui-space-14);
  }
}

.bui-mb {
  margin-bottom: var(--mb);
}

.bui-mb-0\.5 {
  margin-bottom: var(--bui-space-0_5);
}

.bui-mb-1 {
  margin-bottom: var(--bui-space-1);
}

.bui-mb-1\.5 {
  margin-bottom: var(--bui-space-1_5);
}

.bui-mb-2 {
  margin-bottom: var(--bui-space-2);
}

.bui-mb-3 {
  margin-bottom: var(--bui-space-3);
}

.bui-mb-4 {
  margin-bottom: var(--bui-space-4);
}

.bui-mb-5 {
  margin-bottom: var(--bui-space-5);
}

.bui-mb-6 {
  margin-bottom: var(--bui-space-6);
}

.bui-mb-7 {
  margin-bottom: var(--bui-space-7);
}

.bui-mb-8 {
  margin-bottom: var(--bui-space-8);
}

.bui-mb-9 {
  margin-bottom: var(--bui-space-9);
}

.bui-mb-10 {
  margin-bottom: var(--bui-space-10);
}

.bui-mb-11 {
  margin-bottom: var(--bui-space-11);
}

.bui-mb-12 {
  margin-bottom: var(--bui-space-12);
}

.bui-mb-13 {
  margin-bottom: var(--bui-space-13);
}

.bui-mb-14 {
  margin-bottom: var(--bui-space-14);
}

@media (width >= 640px) {
  .xs\:bui-mb {
    margin-bottom: var(--pb-xs);
  }

  .xs\:bui-mb-0\.5 {
    margin-bottom: var(--bui-space-0_5);
  }

  .xs\:bui-mb-1 {
    margin-bottom: var(--bui-space-1);
  }

  .xs\:bui-mb-1\.5 {
    margin-bottom: var(--bui-space-1_5);
  }

  .xs\:bui-mb-2 {
    margin-bottom: var(--bui-space-2);
  }

  .xs\:bui-mb-3 {
    margin-bottom: var(--bui-space-3);
  }

  .xs\:bui-mb-4 {
    margin-bottom: var(--bui-space-4);
  }

  .xs\:bui-mb-5 {
    margin-bottom: var(--bui-space-5);
  }

  .xs\:bui-mb-6 {
    margin-bottom: var(--bui-space-6);
  }

  .xs\:bui-mb-7 {
    margin-bottom: var(--bui-space-7);
  }

  .xs\:bui-mb-8 {
    margin-bottom: var(--bui-space-8);
  }

  .xs\:bui-mb-9 {
    margin-bottom: var(--bui-space-9);
  }

  .xs\:bui-mb-10 {
    margin-bottom: var(--bui-space-10);
  }

  .xs\:bui-mb-11 {
    margin-bottom: var(--bui-space-11);
  }

  .xs\:bui-mb-12 {
    margin-bottom: var(--bui-space-12);
  }

  .xs\:bui-mb-13 {
    margin-bottom: var(--bui-space-13);
  }

  .xs\:bui-mb-14 {
    margin-bottom: var(--bui-space-14);
  }
}

@media (width >= 768px) {
  .sm\:bui-mb {
    margin-bottom: var(--pb-sm);
  }

  .sm\:bui-mb-0\.5 {
    margin-bottom: var(--bui-space-0_5);
  }

  .sm\:bui-mb-1 {
    margin-bottom: var(--bui-space-1);
  }

  .sm\:bui-mb-1\.5 {
    margin-bottom: var(--bui-space-1_5);
  }

  .sm\:bui-mb-2 {
    margin-bottom: var(--bui-space-2);
  }

  .sm\:bui-mb-3 {
    margin-bottom: var(--bui-space-3);
  }

  .sm\:bui-mb-4 {
    margin-bottom: var(--bui-space-4);
  }

  .sm\:bui-mb-5 {
    margin-bottom: var(--bui-space-5);
  }

  .sm\:bui-mb-6 {
    margin-bottom: var(--bui-space-6);
  }

  .sm\:bui-mb-7 {
    margin-bottom: var(--bui-space-7);
  }

  .sm\:bui-mb-8 {
    margin-bottom: var(--bui-space-8);
  }

  .sm\:bui-mb-9 {
    margin-bottom: var(--bui-space-9);
  }

  .sm\:bui-mb-10 {
    margin-bottom: var(--bui-space-10);
  }

  .sm\:bui-mb-11 {
    margin-bottom: var(--bui-space-11);
  }

  .sm\:bui-mb-12 {
    margin-bottom: var(--bui-space-12);
  }

  .sm\:bui-mb-13 {
    margin-bottom: var(--bui-space-13);
  }

  .sm\:bui-mb-14 {
    margin-bottom: var(--bui-space-14);
  }
}

@media (width >= 1024px) {
  .md\:bui-mb {
    margin-bottom: var(--pb-md);
  }

  .md\:bui-mb-0\.5 {
    margin-bottom: var(--bui-space-0_5);
  }

  .md\:bui-mb-1 {
    margin-bottom: var(--bui-space-1);
  }

  .md\:bui-mb-1\.5 {
    margin-bottom: var(--bui-space-1_5);
  }

  .md\:bui-mb-2 {
    margin-bottom: var(--bui-space-2);
  }

  .md\:bui-mb-3 {
    margin-bottom: var(--bui-space-3);
  }

  .md\:bui-mb-4 {
    margin-bottom: var(--bui-space-4);
  }

  .md\:bui-mb-5 {
    margin-bottom: var(--bui-space-5);
  }

  .md\:bui-mb-6 {
    margin-bottom: var(--bui-space-6);
  }

  .md\:bui-mb-7 {
    margin-bottom: var(--bui-space-7);
  }

  .md\:bui-mb-8 {
    margin-bottom: var(--bui-space-8);
  }

  .md\:bui-mb-9 {
    margin-bottom: var(--bui-space-9);
  }

  .md\:bui-mb-10 {
    margin-bottom: var(--bui-space-10);
  }

  .md\:bui-mb-11 {
    margin-bottom: var(--bui-space-11);
  }

  .md\:bui-mb-12 {
    margin-bottom: var(--bui-space-12);
  }

  .md\:bui-mb-13 {
    margin-bottom: var(--bui-space-13);
  }

  .md\:bui-mb-14 {
    margin-bottom: var(--bui-space-14);
  }
}

@media (width >= 1280px) {
  .lg\:bui-mb {
    margin-bottom: var(--pb-lg);
  }

  .lg\:bui-mb-0\.5 {
    margin-bottom: var(--bui-space-0_5);
  }

  .lg\:bui-mb-1 {
    margin-bottom: var(--bui-space-1);
  }

  .lg\:bui-mb-1\.5 {
    margin-bottom: var(--bui-space-1_5);
  }

  .lg\:bui-mb-2 {
    margin-bottom: var(--bui-space-2);
  }

  .lg\:bui-mb-3 {
    margin-bottom: var(--bui-space-3);
  }

  .lg\:bui-mb-4 {
    margin-bottom: var(--bui-space-4);
  }

  .lg\:bui-mb-5 {
    margin-bottom: var(--bui-space-5);
  }

  .lg\:bui-mb-6 {
    margin-bottom: var(--bui-space-6);
  }

  .lg\:bui-mb-7 {
    margin-bottom: var(--bui-space-7);
  }

  .lg\:bui-mb-8 {
    margin-bottom: var(--bui-space-8);
  }

  .lg\:bui-mb-9 {
    margin-bottom: var(--bui-space-9);
  }

  .lg\:bui-mb-10 {
    margin-bottom: var(--bui-space-10);
  }

  .lg\:bui-mb-11 {
    margin-bottom: var(--bui-space-11);
  }

  .lg\:bui-mb-12 {
    margin-bottom: var(--bui-space-12);
  }

  .lg\:bui-mb-13 {
    margin-bottom: var(--bui-space-13);
  }

  .lg\:bui-mb-14 {
    margin-bottom: var(--bui-space-14);
  }
}

@media (width >= 1536px) {
  .xl\:bui-mb {
    margin-bottom: var(--pb-xl);
  }

  .xl\:bui-mb-0\.5 {
    margin-bottom: var(--bui-space-0_5);
  }

  .xl\:bui-mb-1 {
    margin-bottom: var(--bui-space-1);
  }

  .xl\:bui-mb-1\.5 {
    margin-bottom: var(--bui-space-1_5);
  }

  .xl\:bui-mb-2 {
    margin-bottom: var(--bui-space-2);
  }

  .xl\:bui-mb-3 {
    margin-bottom: var(--bui-space-3);
  }

  .xl\:bui-mb-4 {
    margin-bottom: var(--bui-space-4);
  }

  .xl\:bui-mb-5 {
    margin-bottom: var(--bui-space-5);
  }

  .xl\:bui-mb-6 {
    margin-bottom: var(--bui-space-6);
  }

  .xl\:bui-mb-7 {
    margin-bottom: var(--bui-space-7);
  }

  .xl\:bui-mb-8 {
    margin-bottom: var(--bui-space-8);
  }

  .xl\:bui-mb-9 {
    margin-bottom: var(--bui-space-9);
  }

  .xl\:bui-mb-10 {
    margin-bottom: var(--bui-space-10);
  }

  .xl\:bui-mb-11 {
    margin-bottom: var(--bui-space-11);
  }

  .xl\:bui-mb-12 {
    margin-bottom: var(--bui-space-12);
  }

  .xl\:bui-mb-13 {
    margin-bottom: var(--bui-space-13);
  }

  .xl\:bui-mb-14 {
    margin-bottom: var(--bui-space-14);
  }
}

.bui-my {
  margin-top: var(--my);
  margin-bottom: var(--my);
}

.bui-my-0\.5 {
  margin-top: var(--bui-space-0_5);
  margin-bottom: var(--bui-space-0_5);
}

.bui-my-1 {
  margin-top: var(--bui-space-1);
  margin-bottom: var(--bui-space-1);
}

.bui-my-1\.5 {
  margin-top: var(--bui-space-1_5);
  margin-bottom: var(--bui-space-1_5);
}

.bui-my-2 {
  margin-top: var(--bui-space-2);
  margin-bottom: var(--bui-space-2);
}

.bui-my-3 {
  margin-top: var(--bui-space-3);
  margin-bottom: var(--bui-space-3);
}

.bui-my-4 {
  margin-top: var(--bui-space-4);
  margin-bottom: var(--bui-space-4);
}

.bui-my-5 {
  margin-top: var(--bui-space-5);
  margin-bottom: var(--bui-space-5);
}

.bui-my-6 {
  margin-top: var(--bui-space-6);
  margin-bottom: var(--bui-space-6);
}

.bui-my-7 {
  margin-top: var(--bui-space-7);
  margin-bottom: var(--bui-space-7);
}

.bui-my-8 {
  margin-top: var(--bui-space-8);
  margin-bottom: var(--bui-space-8);
}

.bui-my-9 {
  margin-top: var(--bui-space-9);
  margin-bottom: var(--bui-space-9);
}

.bui-my-10 {
  margin-top: var(--bui-space-10);
  margin-bottom: var(--bui-space-10);
}

.bui-my-11 {
  margin-top: var(--bui-space-11);
  margin-bottom: var(--bui-space-11);
}

.bui-my-12 {
  margin-top: var(--bui-space-12);
  margin-bottom: var(--bui-space-12);
}

.bui-my-13 {
  margin-top: var(--bui-space-13);
  margin-bottom: var(--bui-space-13);
}

.bui-my-14 {
  margin-top: var(--bui-space-14);
  margin-bottom: var(--bui-space-14);
}

@media (width >= 640px) {
  .xs\:bui-my {
    margin-top: var(--py-xs);
    margin-bottom: var(--py-xs);
  }

  .xs\:bui-my-0\.5 {
    margin-top: var(--bui-space-0_5);
    margin-bottom: var(--bui-space-0_5);
  }

  .xs\:bui-my-1 {
    margin-top: var(--bui-space-1);
    margin-bottom: var(--bui-space-1);
  }

  .xs\:bui-my-1\.5 {
    margin-top: var(--bui-space-1_5);
    margin-bottom: var(--bui-space-1_5);
  }

  .xs\:bui-my-2 {
    margin-top: var(--bui-space-2);
    margin-bottom: var(--bui-space-2);
  }

  .xs\:bui-my-3 {
    margin-top: var(--bui-space-3);
    margin-bottom: var(--bui-space-3);
  }

  .xs\:bui-my-4 {
    margin-top: var(--bui-space-4);
    margin-bottom: var(--bui-space-4);
  }

  .xs\:bui-my-5 {
    margin-top: var(--bui-space-5);
    margin-bottom: var(--bui-space-5);
  }

  .xs\:bui-my-6 {
    margin-top: var(--bui-space-6);
    margin-bottom: var(--bui-space-6);
  }

  .xs\:bui-my-7 {
    margin-top: var(--bui-space-7);
    margin-bottom: var(--bui-space-7);
  }

  .xs\:bui-my-8 {
    margin-top: var(--bui-space-8);
    margin-bottom: var(--bui-space-8);
  }

  .xs\:bui-my-9 {
    margin-top: var(--bui-space-9);
    margin-bottom: var(--bui-space-9);
  }

  .xs\:bui-my-10 {
    margin-top: var(--bui-space-10);
    margin-bottom: var(--bui-space-10);
  }

  .xs\:bui-my-11 {
    margin-top: var(--bui-space-11);
    margin-bottom: var(--bui-space-11);
  }

  .xs\:bui-my-12 {
    margin-top: var(--bui-space-12);
    margin-bottom: var(--bui-space-12);
  }

  .xs\:bui-my-13 {
    margin-top: var(--bui-space-13);
    margin-bottom: var(--bui-space-13);
  }

  .xs\:bui-my-14 {
    margin-top: var(--bui-space-14);
    margin-bottom: var(--bui-space-14);
  }
}

@media (width >= 768px) {
  .sm\:bui-my {
    margin-top: var(--py-sm);
    margin-bottom: var(--py-sm);
  }

  .sm\:bui-my-0\.5 {
    margin-top: var(--bui-space-0_5);
    margin-bottom: var(--bui-space-0_5);
  }

  .sm\:bui-my-1 {
    margin-top: var(--bui-space-1);
    margin-bottom: var(--bui-space-1);
  }

  .sm\:bui-my-1\.5 {
    margin-top: var(--bui-space-1_5);
    margin-bottom: var(--bui-space-1_5);
  }

  .sm\:bui-my-2 {
    margin-top: var(--bui-space-2);
    margin-bottom: var(--bui-space-2);
  }

  .sm\:bui-my-3 {
    margin-top: var(--bui-space-3);
    margin-bottom: var(--bui-space-3);
  }

  .sm\:bui-my-4 {
    margin-top: var(--bui-space-4);
    margin-bottom: var(--bui-space-4);
  }

  .sm\:bui-my-5 {
    margin-top: var(--bui-space-5);
    margin-bottom: var(--bui-space-5);
  }

  .sm\:bui-my-6 {
    margin-top: var(--bui-space-6);
    margin-bottom: var(--bui-space-6);
  }

  .sm\:bui-my-7 {
    margin-top: var(--bui-space-7);
    margin-bottom: var(--bui-space-7);
  }

  .sm\:bui-my-8 {
    margin-top: var(--bui-space-8);
    margin-bottom: var(--bui-space-8);
  }

  .sm\:bui-my-9 {
    margin-top: var(--bui-space-9);
    margin-bottom: var(--bui-space-9);
  }

  .sm\:bui-my-10 {
    margin-top: var(--bui-space-10);
    margin-bottom: var(--bui-space-10);
  }

  .sm\:bui-my-11 {
    margin-top: var(--bui-space-11);
    margin-bottom: var(--bui-space-11);
  }

  .sm\:bui-my-12 {
    margin-top: var(--bui-space-12);
    margin-bottom: var(--bui-space-12);
  }

  .sm\:bui-my-13 {
    margin-top: var(--bui-space-13);
    margin-bottom: var(--bui-space-13);
  }

  .sm\:bui-my-14 {
    margin-top: var(--bui-space-14);
    margin-bottom: var(--bui-space-14);
  }
}

@media (width >= 1024px) {
  .md\:bui-my {
    margin-top: var(--py-md);
    margin-bottom: var(--py-md);
  }

  .md\:bui-my-0\.5 {
    margin-top: var(--bui-space-0_5);
    margin-bottom: var(--bui-space-0_5);
  }

  .md\:bui-my-1 {
    margin-top: var(--bui-space-1);
    margin-bottom: var(--bui-space-1);
  }

  .md\:bui-my-1\.5 {
    margin-top: var(--bui-space-1_5);
    margin-bottom: var(--bui-space-1_5);
  }

  .md\:bui-my-2 {
    margin-top: var(--bui-space-2);
    margin-bottom: var(--bui-space-2);
  }

  .md\:bui-my-3 {
    margin-top: var(--bui-space-3);
    margin-bottom: var(--bui-space-3);
  }

  .md\:bui-my-4 {
    margin-top: var(--bui-space-4);
    margin-bottom: var(--bui-space-4);
  }

  .md\:bui-my-5 {
    margin-top: var(--bui-space-5);
    margin-bottom: var(--bui-space-5);
  }

  .md\:bui-my-6 {
    margin-top: var(--bui-space-6);
    margin-bottom: var(--bui-space-6);
  }

  .md\:bui-my-7 {
    margin-top: var(--bui-space-7);
    margin-bottom: var(--bui-space-7);
  }

  .md\:bui-my-8 {
    margin-top: var(--bui-space-8);
    margin-bottom: var(--bui-space-8);
  }

  .md\:bui-my-9 {
    margin-top: var(--bui-space-9);
    margin-bottom: var(--bui-space-9);
  }

  .md\:bui-my-10 {
    margin-top: var(--bui-space-10);
    margin-bottom: var(--bui-space-10);
  }

  .md\:bui-my-11 {
    margin-top: var(--bui-space-11);
    margin-bottom: var(--bui-space-11);
  }

  .md\:bui-my-12 {
    margin-top: var(--bui-space-12);
    margin-bottom: var(--bui-space-12);
  }

  .md\:bui-my-13 {
    margin-top: var(--bui-space-13);
    margin-bottom: var(--bui-space-13);
  }

  .md\:bui-my-14 {
    margin-top: var(--bui-space-14);
    margin-bottom: var(--bui-space-14);
  }
}

@media (width >= 1280px) {
  .lg\:bui-my {
    margin-top: var(--py-lg);
    margin-bottom: var(--py-lg);
  }

  .lg\:bui-my-0\.5 {
    margin-top: var(--bui-space-0_5);
    margin-bottom: var(--bui-space-0_5);
  }

  .lg\:bui-my-1 {
    margin-top: var(--bui-space-1);
    margin-bottom: var(--bui-space-1);
  }

  .lg\:bui-my-1\.5 {
    margin-top: var(--bui-space-1_5);
    margin-bottom: var(--bui-space-1_5);
  }

  .lg\:bui-my-2 {
    margin-top: var(--bui-space-2);
    margin-bottom: var(--bui-space-2);
  }

  .lg\:bui-my-3 {
    margin-top: var(--bui-space-3);
    margin-bottom: var(--bui-space-3);
  }

  .lg\:bui-my-4 {
    margin-top: var(--bui-space-4);
    margin-bottom: var(--bui-space-4);
  }

  .lg\:bui-my-5 {
    margin-top: var(--bui-space-5);
    margin-bottom: var(--bui-space-5);
  }

  .lg\:bui-my-6 {
    margin-top: var(--bui-space-6);
    margin-bottom: var(--bui-space-6);
  }

  .lg\:bui-my-7 {
    margin-top: var(--bui-space-7);
    margin-bottom: var(--bui-space-7);
  }

  .lg\:bui-my-8 {
    margin-top: var(--bui-space-8);
    margin-bottom: var(--bui-space-8);
  }

  .lg\:bui-my-9 {
    margin-top: var(--bui-space-9);
    margin-bottom: var(--bui-space-9);
  }

  .lg\:bui-my-10 {
    margin-top: var(--bui-space-10);
    margin-bottom: var(--bui-space-10);
  }

  .lg\:bui-my-11 {
    margin-top: var(--bui-space-11);
    margin-bottom: var(--bui-space-11);
  }

  .lg\:bui-my-12 {
    margin-top: var(--bui-space-12);
    margin-bottom: var(--bui-space-12);
  }

  .lg\:bui-my-13 {
    margin-top: var(--bui-space-13);
    margin-bottom: var(--bui-space-13);
  }

  .lg\:bui-my-14 {
    margin-top: var(--bui-space-14);
    margin-bottom: var(--bui-space-14);
  }
}

@media (width >= 1536px) {
  .xl\:bui-my {
    margin-top: var(--py-xl);
    margin-bottom: var(--py-xl);
  }

  .xl\:bui-my-0\.5 {
    margin-top: var(--bui-space-0_5);
    margin-bottom: var(--bui-space-0_5);
  }

  .xl\:bui-my-1 {
    margin-top: var(--bui-space-1);
    margin-bottom: var(--bui-space-1);
  }

  .xl\:bui-my-1\.5 {
    margin-top: var(--bui-space-1_5);
    margin-bottom: var(--bui-space-1_5);
  }

  .xl\:bui-my-2 {
    margin-top: var(--bui-space-2);
    margin-bottom: var(--bui-space-2);
  }

  .xl\:bui-my-3 {
    margin-top: var(--bui-space-3);
    margin-bottom: var(--bui-space-3);
  }

  .xl\:bui-my-4 {
    margin-top: var(--bui-space-4);
    margin-bottom: var(--bui-space-4);
  }

  .xl\:bui-my-5 {
    margin-top: var(--bui-space-5);
    margin-bottom: var(--bui-space-5);
  }

  .xl\:bui-my-6 {
    margin-top: var(--bui-space-6);
    margin-bottom: var(--bui-space-6);
  }

  .xl\:bui-my-7 {
    margin-top: var(--bui-space-7);
    margin-bottom: var(--bui-space-7);
  }

  .xl\:bui-my-8 {
    margin-top: var(--bui-space-8);
    margin-bottom: var(--bui-space-8);
  }

  .xl\:bui-my-9 {
    margin-top: var(--bui-space-9);
    margin-bottom: var(--bui-space-9);
  }

  .xl\:bui-my-10 {
    margin-top: var(--bui-space-10);
    margin-bottom: var(--bui-space-10);
  }

  .xl\:bui-my-11 {
    margin-top: var(--bui-space-11);
    margin-bottom: var(--bui-space-11);
  }

  .xl\:bui-my-12 {
    margin-top: var(--bui-space-12);
    margin-bottom: var(--bui-space-12);
  }

  .xl\:bui-my-13 {
    margin-top: var(--bui-space-13);
    margin-bottom: var(--bui-space-13);
  }

  .xl\:bui-my-14 {
    margin-top: var(--bui-space-14);
    margin-bottom: var(--bui-space-14);
  }
}

.bui-mx {
  margin-left: var(--mx);
  margin-right: var(--mx);
}

.bui-mx-0\.5 {
  margin-left: var(--bui-space-0_5);
  margin-right: var(--bui-space-0_5);
}

.bui-mx-1 {
  margin-left: var(--bui-space-1);
  margin-right: var(--bui-space-1);
}

.bui-mx-1\.5 {
  margin-left: var(--bui-space-1_5);
  margin-right: var(--bui-space-1_5);
}

.bui-mx-2 {
  margin-left: var(--bui-space-2);
  margin-right: var(--bui-space-2);
}

.bui-mx-3 {
  margin-left: var(--bui-space-3);
  margin-right: var(--bui-space-3);
}

.bui-mx-4 {
  margin-left: var(--bui-space-4);
  margin-right: var(--bui-space-4);
}

.bui-mx-5 {
  margin-left: var(--bui-space-5);
  margin-right: var(--bui-space-5);
}

.bui-mx-6 {
  margin-left: var(--bui-space-6);
  margin-right: var(--bui-space-6);
}

.bui-mx-7 {
  margin-left: var(--bui-space-7);
  margin-right: var(--bui-space-7);
}

.bui-mx-8 {
  margin-left: var(--bui-space-8);
  margin-right: var(--bui-space-8);
}

.bui-mx-9 {
  margin-left: var(--bui-space-9);
  margin-right: var(--bui-space-9);
}

.bui-mx-10 {
  margin-left: var(--bui-space-10);
  margin-right: var(--bui-space-10);
}

.bui-mx-11 {
  margin-left: var(--bui-space-11);
  margin-right: var(--bui-space-11);
}

.bui-mx-12 {
  margin-left: var(--bui-space-12);
  margin-right: var(--bui-space-12);
}

.bui-mx-13 {
  margin-left: var(--bui-space-13);
  margin-right: var(--bui-space-13);
}

.bui-mx-14 {
  margin-left: var(--bui-space-14);
  margin-right: var(--bui-space-14);
}

@media (width >= 640px) {
  .xs\:bui-mx {
    margin-left: var(--px-xs);
    margin-right: var(--px-xs);
  }

  .xs\:bui-mx-0\.5 {
    margin-left: var(--bui-space-0_5);
    margin-right: var(--bui-space-0_5);
  }

  .xs\:bui-mx-1 {
    margin-left: var(--bui-space-1);
    margin-right: var(--bui-space-1);
  }

  .xs\:bui-mx-1\.5 {
    margin-left: var(--bui-space-1_5);
    margin-right: var(--bui-space-1_5);
  }

  .xs\:bui-mx-2 {
    margin-left: var(--bui-space-2);
    margin-right: var(--bui-space-2);
  }

  .xs\:bui-mx-3 {
    margin-left: var(--bui-space-3);
    margin-right: var(--bui-space-3);
  }

  .xs\:bui-mx-4 {
    margin-left: var(--bui-space-4);
    margin-right: var(--bui-space-4);
  }

  .xs\:bui-mx-5 {
    margin-left: var(--bui-space-5);
    margin-right: var(--bui-space-5);
  }

  .xs\:bui-mx-6 {
    margin-left: var(--bui-space-6);
    margin-right: var(--bui-space-6);
  }

  .xs\:bui-mx-7 {
    margin-left: var(--bui-space-7);
    margin-right: var(--bui-space-7);
  }

  .xs\:bui-mx-8 {
    margin-left: var(--bui-space-8);
    margin-right: var(--bui-space-8);
  }

  .xs\:bui-mx-9 {
    margin-left: var(--bui-space-9);
    margin-right: var(--bui-space-9);
  }

  .xs\:bui-mx-10 {
    margin-left: var(--bui-space-10);
    margin-right: var(--bui-space-10);
  }

  .xs\:bui-mx-11 {
    margin-left: var(--bui-space-11);
    margin-right: var(--bui-space-11);
  }

  .xs\:bui-mx-12 {
    margin-left: var(--bui-space-12);
    margin-right: var(--bui-space-12);
  }

  .xs\:bui-mx-13 {
    margin-left: var(--bui-space-13);
    margin-right: var(--bui-space-13);
  }

  .xs\:bui-mx-14 {
    margin-left: var(--bui-space-14);
    margin-right: var(--bui-space-14);
  }
}

@media (width >= 768px) {
  .sm\:bui-mx {
    margin-left: var(--px-sm);
    margin-right: var(--px-sm);
  }

  .sm\:bui-mx-0\.5 {
    margin-left: var(--bui-space-0_5);
    margin-right: var(--bui-space-0_5);
  }

  .sm\:bui-mx-1 {
    margin-left: var(--bui-space-1);
    margin-right: var(--bui-space-1);
  }

  .sm\:bui-mx-1\.5 {
    margin-left: var(--bui-space-1_5);
    margin-right: var(--bui-space-1_5);
  }

  .sm\:bui-mx-2 {
    margin-left: var(--bui-space-2);
    margin-right: var(--bui-space-2);
  }

  .sm\:bui-mx-3 {
    margin-left: var(--bui-space-3);
    margin-right: var(--bui-space-3);
  }

  .sm\:bui-mx-4 {
    margin-left: var(--bui-space-4);
    margin-right: var(--bui-space-4);
  }

  .sm\:bui-mx-5 {
    margin-left: var(--bui-space-5);
    margin-right: var(--bui-space-5);
  }

  .sm\:bui-mx-6 {
    margin-left: var(--bui-space-6);
    margin-right: var(--bui-space-6);
  }

  .sm\:bui-mx-7 {
    margin-left: var(--bui-space-7);
    margin-right: var(--bui-space-7);
  }

  .sm\:bui-mx-8 {
    margin-left: var(--bui-space-8);
    margin-right: var(--bui-space-8);
  }

  .sm\:bui-mx-9 {
    margin-left: var(--bui-space-9);
    margin-right: var(--bui-space-9);
  }

  .sm\:bui-mx-10 {
    margin-left: var(--bui-space-10);
    margin-right: var(--bui-space-10);
  }

  .sm\:bui-mx-11 {
    margin-left: var(--bui-space-11);
    margin-right: var(--bui-space-11);
  }

  .sm\:bui-mx-12 {
    margin-left: var(--bui-space-12);
    margin-right: var(--bui-space-12);
  }

  .sm\:bui-mx-13 {
    margin-left: var(--bui-space-13);
    margin-right: var(--bui-space-13);
  }

  .sm\:bui-mx-14 {
    margin-left: var(--bui-space-14);
    margin-right: var(--bui-space-14);
  }
}

@media (width >= 1024px) {
  .md\:bui-mx {
    margin-left: var(--px-md);
    margin-right: var(--px-md);
  }

  .md\:bui-mx-0\.5 {
    margin-left: var(--bui-space-0_5);
    margin-right: var(--bui-space-0_5);
  }

  .md\:bui-mx-1 {
    margin-left: var(--bui-space-1);
    margin-right: var(--bui-space-1);
  }

  .md\:bui-mx-1\.5 {
    margin-left: var(--bui-space-1_5);
    margin-right: var(--bui-space-1_5);
  }

  .md\:bui-mx-2 {
    margin-left: var(--bui-space-2);
    margin-right: var(--bui-space-2);
  }

  .md\:bui-mx-3 {
    margin-left: var(--bui-space-3);
    margin-right: var(--bui-space-3);
  }

  .md\:bui-mx-4 {
    margin-left: var(--bui-space-4);
    margin-right: var(--bui-space-4);
  }

  .md\:bui-mx-5 {
    margin-left: var(--bui-space-5);
    margin-right: var(--bui-space-5);
  }

  .md\:bui-mx-6 {
    margin-left: var(--bui-space-6);
    margin-right: var(--bui-space-6);
  }

  .md\:bui-mx-7 {
    margin-left: var(--bui-space-7);
    margin-right: var(--bui-space-7);
  }

  .md\:bui-mx-8 {
    margin-left: var(--bui-space-8);
    margin-right: var(--bui-space-8);
  }

  .md\:bui-mx-9 {
    margin-left: var(--bui-space-9);
    margin-right: var(--bui-space-9);
  }

  .md\:bui-mx-10 {
    margin-left: var(--bui-space-10);
    margin-right: var(--bui-space-10);
  }

  .md\:bui-mx-11 {
    margin-left: var(--bui-space-11);
    margin-right: var(--bui-space-11);
  }

  .md\:bui-mx-12 {
    margin-left: var(--bui-space-12);
    margin-right: var(--bui-space-12);
  }

  .md\:bui-mx-13 {
    margin-left: var(--bui-space-13);
    margin-right: var(--bui-space-13);
  }

  .md\:bui-mx-14 {
    margin-left: var(--bui-space-14);
    margin-right: var(--bui-space-14);
  }
}

@media (width >= 1280px) {
  .lg\:bui-mx {
    margin-left: var(--px-lg);
    margin-right: var(--px-lg);
  }

  .lg\:bui-mx-0\.5 {
    margin-left: var(--bui-space-0_5);
    margin-right: var(--bui-space-0_5);
  }

  .lg\:bui-mx-1 {
    margin-left: var(--bui-space-1);
    margin-right: var(--bui-space-1);
  }

  .lg\:bui-mx-1\.5 {
    margin-left: var(--bui-space-1_5);
    margin-right: var(--bui-space-1_5);
  }

  .lg\:bui-mx-2 {
    margin-left: var(--bui-space-2);
    margin-right: var(--bui-space-2);
  }

  .lg\:bui-mx-3 {
    margin-left: var(--bui-space-3);
    margin-right: var(--bui-space-3);
  }

  .lg\:bui-mx-4 {
    margin-left: var(--bui-space-4);
    margin-right: var(--bui-space-4);
  }

  .lg\:bui-mx-5 {
    margin-left: var(--bui-space-5);
    margin-right: var(--bui-space-5);
  }

  .lg\:bui-mx-6 {
    margin-left: var(--bui-space-6);
    margin-right: var(--bui-space-6);
  }

  .lg\:bui-mx-7 {
    margin-left: var(--bui-space-7);
    margin-right: var(--bui-space-7);
  }

  .lg\:bui-mx-8 {
    margin-left: var(--bui-space-8);
    margin-right: var(--bui-space-8);
  }

  .lg\:bui-mx-9 {
    margin-left: var(--bui-space-9);
    margin-right: var(--bui-space-9);
  }

  .lg\:bui-mx-10 {
    margin-left: var(--bui-space-10);
    margin-right: var(--bui-space-10);
  }

  .lg\:bui-mx-11 {
    margin-left: var(--bui-space-11);
    margin-right: var(--bui-space-11);
  }

  .lg\:bui-mx-12 {
    margin-left: var(--bui-space-12);
    margin-right: var(--bui-space-12);
  }

  .lg\:bui-mx-13 {
    margin-left: var(--bui-space-13);
    margin-right: var(--bui-space-13);
  }

  .lg\:bui-mx-14 {
    margin-left: var(--bui-space-14);
    margin-right: var(--bui-space-14);
  }
}

@media (width >= 1536px) {
  .xl\:bui-mx {
    margin-left: var(--px-xl);
    margin-right: var(--px-xl);
  }

  .xl\:bui-mx-0\.5 {
    margin-left: var(--bui-space-0_5);
    margin-right: var(--bui-space-0_5);
  }

  .xl\:bui-mx-1 {
    margin-left: var(--bui-space-1);
    margin-right: var(--bui-space-1);
  }

  .xl\:bui-mx-1\.5 {
    margin-left: var(--bui-space-1_5);
    margin-right: var(--bui-space-1_5);
  }

  .xl\:bui-mx-2 {
    margin-left: var(--bui-space-2);
    margin-right: var(--bui-space-2);
  }

  .xl\:bui-mx-3 {
    margin-left: var(--bui-space-3);
    margin-right: var(--bui-space-3);
  }

  .xl\:bui-mx-4 {
    margin-left: var(--bui-space-4);
    margin-right: var(--bui-space-4);
  }

  .xl\:bui-mx-5 {
    margin-left: var(--bui-space-5);
    margin-right: var(--bui-space-5);
  }

  .xl\:bui-mx-6 {
    margin-left: var(--bui-space-6);
    margin-right: var(--bui-space-6);
  }

  .xl\:bui-mx-7 {
    margin-left: var(--bui-space-7);
    margin-right: var(--bui-space-7);
  }

  .xl\:bui-mx-8 {
    margin-left: var(--bui-space-8);
    margin-right: var(--bui-space-8);
  }

  .xl\:bui-mx-9 {
    margin-left: var(--bui-space-9);
    margin-right: var(--bui-space-9);
  }

  .xl\:bui-mx-10 {
    margin-left: var(--bui-space-10);
    margin-right: var(--bui-space-10);
  }

  .xl\:bui-mx-11 {
    margin-left: var(--bui-space-11);
    margin-right: var(--bui-space-11);
  }

  .xl\:bui-mx-12 {
    margin-left: var(--bui-space-12);
    margin-right: var(--bui-space-12);
  }

  .xl\:bui-mx-13 {
    margin-left: var(--bui-space-13);
    margin-right: var(--bui-space-13);
  }

  .xl\:bui-mx-14 {
    margin-left: var(--bui-space-14);
    margin-right: var(--bui-space-14);
  }
}

.bui-display-none {
  display: none;
}

.bui-display-inline {
  display: inline;
}

.bui-display-inline-block {
  display: inline-block;
}

.bui-display-block {
  display: block;
}

@media (width >= 640px) {
  .xs\:bui-display-none {
    display: none;
  }

  .xs\:bui-display-inline {
    display: inline;
  }

  .xs\:bui-display-inline-block {
    display: inline-block;
  }

  .xs\:bui-display-block {
    display: block;
  }
}

@media (width >= 768px) {
  .sm\:bui-display-none {
    display: none;
  }

  .sm\:bui-display-inline {
    display: inline;
  }

  .sm\:bui-display-inline-block {
    display: inline-block;
  }

  .sm\:bui-display-block {
    display: block;
  }
}

@media (width >= 1024px) {
  .md\:bui-display-none {
    display: none;
  }

  .md\:bui-display-inline {
    display: inline;
  }

  .md\:bui-display-inline-block {
    display: inline-block;
  }

  .md\:bui-display-block {
    display: block;
  }
}

@media (width >= 1280px) {
  .lg\:bui-display-none {
    display: none;
  }

  .lg\:bui-display-inline {
    display: inline;
  }

  .lg\:bui-display-inline-block {
    display: inline-block;
  }

  .lg\:bui-display-block {
    display: block;
  }
}

@media (width >= 1536px) {
  .xl\:bui-display-none {
    display: none;
  }

  .xl\:bui-display-inline {
    display: inline;
  }

  .xl\:bui-display-inline-block {
    display: inline-block;
  }

  .xl\:bui-display-block {
    display: block;
  }
}

.bui-w {
  width: var(--width);
}

.bui-min-w {
  min-width: var(--min-width);
}

.bui-max-w {
  max-width: var(--max-width);
}

@media (width >= 640px) {
  .xs\:bui-w {
    width: var(--width);
  }

  .xs\:bui-min-w {
    min-width: var(--min-width);
  }

  .xs\:bui-max-w {
    max-width: var(--max-width);
  }
}

@media (width >= 768px) {
  .sm\:bui-w {
    width: var(--width);
  }

  .sm\:bui-min-w {
    min-width: var(--min-width);
  }

  .sm\:bui-max-w {
    max-width: var(--max-width);
  }
}

@media (width >= 1024px) {
  .md\:bui-w {
    width: var(--width);
  }

  .md\:bui-min-w {
    min-width: var(--min-width);
  }

  .md\:bui-max-w {
    max-width: var(--max-width);
  }
}

@media (width >= 1280px) {
  .lg\:bui-w {
    width: var(--width);
  }

  .lg\:bui-min-w {
    min-width: var(--min-width);
  }

  .lg\:bui-max-w {
    max-width: var(--max-width);
  }
}

@media (width >= 1536px) {
  .xl\:bui-w {
    width: var(--width);
  }

  .xl\:bui-min-w {
    min-width: var(--min-width);
  }

  .xl\:bui-max-w {
    max-width: var(--max-width);
  }
}

.bui-h {
  height: var(--height);
}

.bui-min-h {
  min-height: var(--min-height);
}

.bui-max-h {
  max-height: var(--max-height);
}

@media (width >= 640px) {
  .xs\:bui-h {
    height: var(--height);
  }

  .xs\:bui-min-h {
    min-height: var(--min-height);
  }

  .xs\:bui-max-h {
    max-height: var(--max-height);
  }
}

@media (width >= 768px) {
  .sm\:bui-h {
    height: var(--height);
  }

  .sm\:bui-min-h {
    min-height: var(--min-height);
  }

  .sm\:bui-max-h {
    max-height: var(--max-height);
  }
}

@media (width >= 1024px) {
  .md\:bui-h {
    height: var(--height);
  }

  .md\:bui-min-h {
    min-height: var(--min-height);
  }

  .md\:bui-max-h {
    max-height: var(--max-height);
  }
}

@media (width >= 1280px) {
  .lg\:bui-h {
    height: var(--height);
  }

  .lg\:bui-min-h {
    min-height: var(--min-height);
  }

  .lg\:bui-max-h {
    max-height: var(--max-height);
  }
}

@media (width >= 1536px) {
  .xl\:bui-h {
    height: var(--height);
  }

  .xl\:bui-min-h {
    min-height: var(--min-height);
  }

  .xl\:bui-max-h {
    max-height: var(--max-height);
  }
}

.bui-position-absolute {
  position: absolute;
}

.bui-position-fixed {
  position: fixed;
}

.bui-position-sticky {
  position: sticky;
}

.bui-position-relative {
  position: relative;
}

.bui-position-static {
  position: static;
}

@media (width >= 640px) {
  .xs\:bui-position-absolute {
    position: absolute;
  }

  .xs\:bui-position-fixed {
    position: fixed;
  }

  .xs\:bui-position-sticky {
    position: sticky;
  }

  .xs\:bui-position-relative {
    position: relative;
  }

  .xs\:bui-position-static {
    position: static;
  }
}

@media (width >= 768px) {
  .sm\:bui-position-absolute {
    position: absolute;
  }

  .sm\:bui-position-fixed {
    position: fixed;
  }

  .sm\:bui-position-sticky {
    position: sticky;
  }

  .sm\:bui-position-relative {
    position: relative;
  }

  .sm\:bui-position-static {
    position: static;
  }
}

@media (width >= 1024px) {
  .md\:bui-position-absolute {
    position: absolute;
  }

  .md\:bui-position-fixed {
    position: fixed;
  }

  .md\:bui-position-sticky {
    position: sticky;
  }

  .md\:bui-position-relative {
    position: relative;
  }

  .md\:bui-position-static {
    position: static;
  }
}

@media (width >= 1280px) {
  .lg\:bui-position-absolute {
    position: absolute;
  }

  .lg\:bui-position-fixed {
    position: fixed;
  }

  .lg\:bui-position-sticky {
    position: sticky;
  }

  .lg\:bui-position-relative {
    position: relative;
  }

  .lg\:bui-position-static {
    position: static;
  }
}

@media (width >= 1536px) {
  .xl\:bui-position-absolute {
    position: absolute;
  }

  .xl\:bui-position-fixed {
    position: fixed;
  }

  .xl\:bui-position-sticky {
    position: sticky;
  }

  .xl\:bui-position-relative {
    position: relative;
  }

  .xl\:bui-position-static {
    position: static;
  }
}

.bui-columns-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.bui-columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bui-columns-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bui-columns-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bui-columns-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.bui-columns-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.bui-columns-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.bui-columns-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.bui-columns-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.bui-columns-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.bui-columns-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.bui-columns-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.bui-columns-auto {
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

.bui-col-span-1 {
  grid-column: span 1 / span 1;
}

.bui-col-span-2 {
  grid-column: span 2 / span 2;
}

.bui-col-span-3 {
  grid-column: span 3 / span 3;
}

.bui-col-span-4 {
  grid-column: span 4 / span 4;
}

.bui-col-span-5 {
  grid-column: span 5 / span 5;
}

.bui-col-span-6 {
  grid-column: span 6 / span 6;
}

.bui-col-span-7 {
  grid-column: span 7 / span 7;
}

.bui-col-span-8 {
  grid-column: span 8 / span 8;
}

.bui-col-span-9 {
  grid-column: span 9 / span 9;
}

.bui-col-span-10 {
  grid-column: span 10 / span 10;
}

.bui-col-span-11 {
  grid-column: span 11 / span 11;
}

.bui-col-span-12 {
  grid-column: span 12 / span 12;
}

.bui-col-span-auto {
  grid-column: span auto / span auto;
}

.bui-col-start-1 {
  grid-column-start: 1;
}

.bui-col-start-2 {
  grid-column-start: 2;
}

.bui-col-start-3 {
  grid-column-start: 3;
}

.bui-col-start-4 {
  grid-column-start: 4;
}

.bui-col-start-5 {
  grid-column-start: 5;
}

.bui-col-start-6 {
  grid-column-start: 6;
}

.bui-col-start-7 {
  grid-column-start: 7;
}

.bui-col-start-8 {
  grid-column-start: 8;
}

.bui-col-start-9 {
  grid-column-start: 9;
}

.bui-col-start-10 {
  grid-column-start: 10;
}

.bui-col-start-11 {
  grid-column-start: 11;
}

.bui-col-start-12 {
  grid-column-start: 12;
}

.bui-col-start-13 {
  grid-column-start: 13;
}

.bui-col-start-auto {
  grid-column-start: auto;
}

.bui-col-end-1 {
  grid-column-end: 1;
}

.bui-col-end-2 {
  grid-column-end: 2;
}

.bui-col-end-3 {
  grid-column-end: 3;
}

.bui-col-end-4 {
  grid-column-end: 4;
}

.bui-col-end-5 {
  grid-column-end: 5;
}

.bui-col-end-6 {
  grid-column-end: 6;
}

.bui-col-end-7 {
  grid-column-end: 7;
}

.bui-col-end-8 {
  grid-column-end: 8;
}

.bui-col-end-9 {
  grid-column-end: 9;
}

.bui-col-end-10 {
  grid-column-end: 10;
}

.bui-col-end-11 {
  grid-column-end: 11;
}

.bui-col-end-12 {
  grid-column-end: 12;
}

.bui-col-end-13 {
  grid-column-end: 13;
}

.bui-col-end-auto {
  grid-column-end: auto;
}

.bui-row-span-1 {
  grid-row: span 1 / span 1;
}

.bui-row-span-2 {
  grid-row: span 2 / span 2;
}

.bui-row-span-3 {
  grid-row: span 3 / span 3;
}

.bui-row-span-4 {
  grid-row: span 4 / span 4;
}

.bui-row-span-5 {
  grid-row: span 5 / span 5;
}

.bui-row-span-6 {
  grid-row: span 6 / span 6;
}

.bui-row-span-7 {
  grid-row: span 7 / span 7;
}

.bui-row-span-8 {
  grid-row: span 8 / span 8;
}

.bui-row-span-9 {
  grid-row: span 9 / span 9;
}

.bui-row-span-10 {
  grid-row: span 10 / span 10;
}

.bui-row-span-11 {
  grid-row: span 11 / span 11;
}

.bui-row-span-12 {
  grid-row: span 12 / span 12;
}

.bui-row-span-auto {
  grid-row: span auto / span auto;
}

@media (width >= 640px) {
  .xs\:bui-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .xs\:bui-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xs\:bui-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xs\:bui-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xs\:bui-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xs\:bui-columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xs\:bui-columns-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .xs\:bui-columns-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .xs\:bui-columns-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .xs\:bui-columns-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .xs\:bui-columns-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .xs\:bui-columns-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .xs\:bui-columns-auto {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }

  .xs\:bui-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .xs\:bui-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xs\:bui-col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xs\:bui-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xs\:bui-col-span-5 {
    grid-column: span 5 / span 5;
  }

  .xs\:bui-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .xs\:bui-col-span-7 {
    grid-column: span 7 / span 7;
  }

  .xs\:bui-col-span-8 {
    grid-column: span 8 / span 8;
  }

  .xs\:bui-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .xs\:bui-col-span-10 {
    grid-column: span 10 / span 10;
  }

  .xs\:bui-col-span-11 {
    grid-column: span 11 / span 11;
  }

  .xs\:bui-col-span-12 {
    grid-column: span 12 / span 12;
  }

  .xs\:bui-col-span-auto {
    grid-column: span auto / span auto;
  }

  .xs\:bui-col-start-1 {
    grid-column-start: 1;
  }

  .xs\:bui-col-start-2 {
    grid-column-start: 2;
  }

  .xs\:bui-col-start-3 {
    grid-column-start: 3;
  }

  .xs\:bui-col-start-4 {
    grid-column-start: 4;
  }

  .xs\:bui-col-start-5 {
    grid-column-start: 5;
  }

  .xs\:bui-col-start-6 {
    grid-column-start: 6;
  }

  .xs\:bui-col-start-7 {
    grid-column-start: 7;
  }

  .xs\:bui-col-start-8 {
    grid-column-start: 8;
  }

  .xs\:bui-col-start-9 {
    grid-column-start: 9;
  }

  .xs\:bui-col-start-10 {
    grid-column-start: 10;
  }

  .xs\:bui-col-start-11 {
    grid-column-start: 11;
  }

  .xs\:bui-col-start-12 {
    grid-column-start: 12;
  }

  .xs\:bui-col-start-13 {
    grid-column-start: 13;
  }

  .xs\:bui-col-start-auto {
    grid-column-start: auto;
  }

  .xs\:bui-col-end-1 {
    grid-column-end: 1;
  }

  .xs\:bui-col-end-2 {
    grid-column-end: 2;
  }

  .xs\:bui-col-end-3 {
    grid-column-end: 3;
  }

  .xs\:bui-col-end-4 {
    grid-column-end: 4;
  }

  .xs\:bui-col-end-5 {
    grid-column-end: 5;
  }

  .xs\:bui-col-end-6 {
    grid-column-end: 6;
  }

  .xs\:bui-col-end-7 {
    grid-column-end: 7;
  }

  .xs\:bui-col-end-8 {
    grid-column-end: 8;
  }

  .xs\:bui-col-end-9 {
    grid-column-end: 9;
  }

  .xs\:bui-col-end-10 {
    grid-column-end: 10;
  }

  .xs\:bui-col-end-11 {
    grid-column-end: 11;
  }

  .xs\:bui-col-end-12 {
    grid-column-end: 12;
  }

  .xs\:bui-col-end-13 {
    grid-column-end: 13;
  }

  .xs\:bui-col-end-auto {
    grid-column-end: auto;
  }

  .xs\:bui-row-span-1 {
    grid-row: span 1 / span 1;
  }

  .xs\:bui-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .xs\:bui-row-span-3 {
    grid-row: span 3 / span 3;
  }

  .xs\:bui-row-span-4 {
    grid-row: span 4 / span 4;
  }

  .xs\:bui-row-span-5 {
    grid-row: span 5 / span 5;
  }

  .xs\:bui-row-span-6 {
    grid-row: span 6 / span 6;
  }

  .xs\:bui-row-span-7 {
    grid-row: span 7 / span 7;
  }

  .xs\:bui-row-span-8 {
    grid-row: span 8 / span 8;
  }

  .xs\:bui-row-span-9 {
    grid-row: span 9 / span 9;
  }

  .xs\:bui-row-span-10 {
    grid-row: span 10 / span 10;
  }

  .xs\:bui-row-span-11 {
    grid-row: span 11 / span 11;
  }

  .xs\:bui-row-span-12 {
    grid-row: span 12 / span 12;
  }

  .xs\:bui-row-span-auto {
    grid-row: span auto / span auto;
  }
}

@media (width >= 768px) {
  .sm\:bui-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .sm\:bui-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:bui-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:bui-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:bui-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .sm\:bui-columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sm\:bui-columns-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .sm\:bui-columns-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .sm\:bui-columns-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .sm\:bui-columns-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .sm\:bui-columns-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .sm\:bui-columns-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sm\:bui-columns-auto {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }

  .sm\:bui-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .sm\:bui-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:bui-col-span-3 {
    grid-column: span 3 / span 3;
  }

  .sm\:bui-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .sm\:bui-col-span-5 {
    grid-column: span 5 / span 5;
  }

  .sm\:bui-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .sm\:bui-col-span-7 {
    grid-column: span 7 / span 7;
  }

  .sm\:bui-col-span-8 {
    grid-column: span 8 / span 8;
  }

  .sm\:bui-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .sm\:bui-col-span-10 {
    grid-column: span 10 / span 10;
  }

  .sm\:bui-col-span-11 {
    grid-column: span 11 / span 11;
  }

  .sm\:bui-col-span-12 {
    grid-column: span 12 / span 12;
  }

  .sm\:bui-col-span-auto {
    grid-column: span auto / span auto;
  }

  .sm\:bui-col-start-1 {
    grid-column-start: 1;
  }

  .sm\:bui-col-start-2 {
    grid-column-start: 2;
  }

  .sm\:bui-col-start-3 {
    grid-column-start: 3;
  }

  .sm\:bui-col-start-4 {
    grid-column-start: 4;
  }

  .sm\:bui-col-start-5 {
    grid-column-start: 5;
  }

  .sm\:bui-col-start-6 {
    grid-column-start: 6;
  }

  .sm\:bui-col-start-7 {
    grid-column-start: 7;
  }

  .sm\:bui-col-start-8 {
    grid-column-start: 8;
  }

  .sm\:bui-col-start-9 {
    grid-column-start: 9;
  }

  .sm\:bui-col-start-10 {
    grid-column-start: 10;
  }

  .sm\:bui-col-start-11 {
    grid-column-start: 11;
  }

  .sm\:bui-col-start-12 {
    grid-column-start: 12;
  }

  .sm\:bui-col-start-13 {
    grid-column-start: 13;
  }

  .sm\:bui-col-start-auto {
    grid-column-start: auto;
  }

  .sm\:bui-col-end-1 {
    grid-column-end: 1;
  }

  .sm\:bui-col-end-2 {
    grid-column-end: 2;
  }

  .sm\:bui-col-end-3 {
    grid-column-end: 3;
  }

  .sm\:bui-col-end-4 {
    grid-column-end: 4;
  }

  .sm\:bui-col-end-5 {
    grid-column-end: 5;
  }

  .sm\:bui-col-end-6 {
    grid-column-end: 6;
  }

  .sm\:bui-col-end-7 {
    grid-column-end: 7;
  }

  .sm\:bui-col-end-8 {
    grid-column-end: 8;
  }

  .sm\:bui-col-end-9 {
    grid-column-end: 9;
  }

  .sm\:bui-col-end-10 {
    grid-column-end: 10;
  }

  .sm\:bui-col-end-11 {
    grid-column-end: 11;
  }

  .sm\:bui-col-end-12 {
    grid-column-end: 12;
  }

  .sm\:bui-col-end-13 {
    grid-column-end: 13;
  }

  .sm\:bui-col-end-auto {
    grid-column-end: auto;
  }

  .sm\:bui-row-span-1 {
    grid-row: span 1 / span 1;
  }

  .sm\:bui-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .sm\:bui-row-span-3 {
    grid-row: span 3 / span 3;
  }

  .sm\:bui-row-span-4 {
    grid-row: span 4 / span 4;
  }

  .sm\:bui-row-span-5 {
    grid-row: span 5 / span 5;
  }

  .sm\:bui-row-span-6 {
    grid-row: span 6 / span 6;
  }

  .sm\:bui-row-span-7 {
    grid-row: span 7 / span 7;
  }

  .sm\:bui-row-span-8 {
    grid-row: span 8 / span 8;
  }

  .sm\:bui-row-span-9 {
    grid-row: span 9 / span 9;
  }

  .sm\:bui-row-span-10 {
    grid-row: span 10 / span 10;
  }

  .sm\:bui-row-span-11 {
    grid-row: span 11 / span 11;
  }

  .sm\:bui-row-span-12 {
    grid-row: span 12 / span 12;
  }

  .sm\:bui-row-span-auto {
    grid-row: span auto / span auto;
  }
}

@media (width >= 1024px) {
  .md\:bui-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .md\:bui-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:bui-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:bui-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:bui-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:bui-columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .md\:bui-columns-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .md\:bui-columns-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .md\:bui-columns-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .md\:bui-columns-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .md\:bui-columns-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .md\:bui-columns-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:bui-columns-auto {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }

  .md\:bui-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:bui-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:bui-col-span-3 {
    grid-column: span 3 / span 3;
  }

  .md\:bui-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .md\:bui-col-span-5 {
    grid-column: span 5 / span 5;
  }

  .md\:bui-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .md\:bui-col-span-7 {
    grid-column: span 7 / span 7;
  }

  .md\:bui-col-span-8 {
    grid-column: span 8 / span 8;
  }

  .md\:bui-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .md\:bui-col-span-10 {
    grid-column: span 10 / span 10;
  }

  .md\:bui-col-span-11 {
    grid-column: span 11 / span 11;
  }

  .md\:bui-col-span-12 {
    grid-column: span 12 / span 12;
  }

  .md\:bui-col-span-auto {
    grid-column: span auto / span auto;
  }

  .md\:bui-col-start-1 {
    grid-column-start: 1;
  }

  .md\:bui-col-start-2 {
    grid-column-start: 2;
  }

  .md\:bui-col-start-3 {
    grid-column-start: 3;
  }

  .md\:bui-col-start-4 {
    grid-column-start: 4;
  }

  .md\:bui-col-start-5 {
    grid-column-start: 5;
  }

  .md\:bui-col-start-6 {
    grid-column-start: 6;
  }

  .md\:bui-col-start-7 {
    grid-column-start: 7;
  }

  .md\:bui-col-start-8 {
    grid-column-start: 8;
  }

  .md\:bui-col-start-9 {
    grid-column-start: 9;
  }

  .md\:bui-col-start-10 {
    grid-column-start: 10;
  }

  .md\:bui-col-start-11 {
    grid-column-start: 11;
  }

  .md\:bui-col-start-12 {
    grid-column-start: 12;
  }

  .md\:bui-col-start-13 {
    grid-column-start: 13;
  }

  .md\:bui-col-start-auto {
    grid-column-start: auto;
  }

  .md\:bui-col-end-1 {
    grid-column-end: 1;
  }

  .md\:bui-col-end-2 {
    grid-column-end: 2;
  }

  .md\:bui-col-end-3 {
    grid-column-end: 3;
  }

  .md\:bui-col-end-4 {
    grid-column-end: 4;
  }

  .md\:bui-col-end-5 {
    grid-column-end: 5;
  }

  .md\:bui-col-end-6 {
    grid-column-end: 6;
  }

  .md\:bui-col-end-7 {
    grid-column-end: 7;
  }

  .md\:bui-col-end-8 {
    grid-column-end: 8;
  }

  .md\:bui-col-end-9 {
    grid-column-end: 9;
  }

  .md\:bui-col-end-10 {
    grid-column-end: 10;
  }

  .md\:bui-col-end-11 {
    grid-column-end: 11;
  }

  .md\:bui-col-end-12 {
    grid-column-end: 12;
  }

  .md\:bui-col-end-13 {
    grid-column-end: 13;
  }

  .md\:bui-col-end-auto {
    grid-column-end: auto;
  }

  .md\:bui-row-span-1 {
    grid-row: span 1 / span 1;
  }

  .md\:bui-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .md\:bui-row-span-3 {
    grid-row: span 3 / span 3;
  }

  .md\:bui-row-span-4 {
    grid-row: span 4 / span 4;
  }

  .md\:bui-row-span-5 {
    grid-row: span 5 / span 5;
  }

  .md\:bui-row-span-6 {
    grid-row: span 6 / span 6;
  }

  .md\:bui-row-span-7 {
    grid-row: span 7 / span 7;
  }

  .md\:bui-row-span-8 {
    grid-row: span 8 / span 8;
  }

  .md\:bui-row-span-9 {
    grid-row: span 9 / span 9;
  }

  .md\:bui-row-span-10 {
    grid-row: span 10 / span 10;
  }

  .md\:bui-row-span-11 {
    grid-row: span 11 / span 11;
  }

  .md\:bui-row-span-12 {
    grid-row: span 12 / span 12;
  }

  .md\:bui-row-span-auto {
    grid-row: span auto / span auto;
  }
}

@media (width >= 1280px) {
  .lg\:bui-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .lg\:bui-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:bui-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:bui-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:bui-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:bui-columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:bui-columns-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .lg\:bui-columns-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .lg\:bui-columns-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .lg\:bui-columns-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .lg\:bui-columns-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .lg\:bui-columns-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:bui-columns-auto {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }

  .lg\:bui-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:bui-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:bui-col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:bui-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:bui-col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:bui-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .lg\:bui-col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:bui-col-span-8 {
    grid-column: span 8 / span 8;
  }

  .lg\:bui-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .lg\:bui-col-span-10 {
    grid-column: span 10 / span 10;
  }

  .lg\:bui-col-span-11 {
    grid-column: span 11 / span 11;
  }

  .lg\:bui-col-span-12 {
    grid-column: span 12 / span 12;
  }

  .lg\:bui-col-span-auto {
    grid-column: span auto / span auto;
  }

  .lg\:bui-col-start-1 {
    grid-column-start: 1;
  }

  .lg\:bui-col-start-2 {
    grid-column-start: 2;
  }

  .lg\:bui-col-start-3 {
    grid-column-start: 3;
  }

  .lg\:bui-col-start-4 {
    grid-column-start: 4;
  }

  .lg\:bui-col-start-5 {
    grid-column-start: 5;
  }

  .lg\:bui-col-start-6 {
    grid-column-start: 6;
  }

  .lg\:bui-col-start-7 {
    grid-column-start: 7;
  }

  .lg\:bui-col-start-8 {
    grid-column-start: 8;
  }

  .lg\:bui-col-start-9 {
    grid-column-start: 9;
  }

  .lg\:bui-col-start-10 {
    grid-column-start: 10;
  }

  .lg\:bui-col-start-11 {
    grid-column-start: 11;
  }

  .lg\:bui-col-start-12 {
    grid-column-start: 12;
  }

  .lg\:bui-col-start-13 {
    grid-column-start: 13;
  }

  .lg\:bui-col-start-auto {
    grid-column-start: auto;
  }

  .lg\:bui-col-end-1 {
    grid-column-end: 1;
  }

  .lg\:bui-col-end-2 {
    grid-column-end: 2;
  }

  .lg\:bui-col-end-3 {
    grid-column-end: 3;
  }

  .lg\:bui-col-end-4 {
    grid-column-end: 4;
  }

  .lg\:bui-col-end-5 {
    grid-column-end: 5;
  }

  .lg\:bui-col-end-6 {
    grid-column-end: 6;
  }

  .lg\:bui-col-end-7 {
    grid-column-end: 7;
  }

  .lg\:bui-col-end-8 {
    grid-column-end: 8;
  }

  .lg\:bui-col-end-9 {
    grid-column-end: 9;
  }

  .lg\:bui-col-end-10 {
    grid-column-end: 10;
  }

  .lg\:bui-col-end-11 {
    grid-column-end: 11;
  }

  .lg\:bui-col-end-12 {
    grid-column-end: 12;
  }

  .lg\:bui-col-end-13 {
    grid-column-end: 13;
  }

  .lg\:bui-col-end-auto {
    grid-column-end: auto;
  }

  .lg\:bui-row-span-1 {
    grid-row: span 1 / span 1;
  }

  .lg\:bui-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .lg\:bui-row-span-3 {
    grid-row: span 3 / span 3;
  }

  .lg\:bui-row-span-4 {
    grid-row: span 4 / span 4;
  }

  .lg\:bui-row-span-5 {
    grid-row: span 5 / span 5;
  }

  .lg\:bui-row-span-6 {
    grid-row: span 6 / span 6;
  }

  .lg\:bui-row-span-7 {
    grid-row: span 7 / span 7;
  }

  .lg\:bui-row-span-8 {
    grid-row: span 8 / span 8;
  }

  .lg\:bui-row-span-9 {
    grid-row: span 9 / span 9;
  }

  .lg\:bui-row-span-10 {
    grid-row: span 10 / span 10;
  }

  .lg\:bui-row-span-11 {
    grid-row: span 11 / span 11;
  }

  .lg\:bui-row-span-12 {
    grid-row: span 12 / span 12;
  }

  .lg\:bui-row-span-auto {
    grid-row: span auto / span auto;
  }
}

@media (width >= 1536px) {
  .xl\:bui-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .xl\:bui-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:bui-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:bui-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:bui-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:bui-columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:bui-columns-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .xl\:bui-columns-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .xl\:bui-columns-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .xl\:bui-columns-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .xl\:bui-columns-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .xl\:bui-columns-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .xl\:bui-columns-auto {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }

  .xl\:bui-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .xl\:bui-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xl\:bui-col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xl\:bui-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xl\:bui-col-span-5 {
    grid-column: span 5 / span 5;
  }

  .xl\:bui-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .xl\:bui-col-span-7 {
    grid-column: span 7 / span 7;
  }

  .xl\:bui-col-span-8 {
    grid-column: span 8 / span 8;
  }

  .xl\:bui-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .xl\:bui-col-span-10 {
    grid-column: span 10 / span 10;
  }

  .xl\:bui-col-span-11 {
    grid-column: span 11 / span 11;
  }

  .xl\:bui-col-span-12 {
    grid-column: span 12 / span 12;
  }

  .xl\:bui-col-span-auto {
    grid-column: span auto / span auto;
  }

  .xl\:bui-col-start-1 {
    grid-column-start: 1;
  }

  .xl\:bui-col-start-2 {
    grid-column-start: 2;
  }

  .xl\:bui-col-start-3 {
    grid-column-start: 3;
  }

  .xl\:bui-col-start-4 {
    grid-column-start: 4;
  }

  .xl\:bui-col-start-5 {
    grid-column-start: 5;
  }

  .xl\:bui-col-start-6 {
    grid-column-start: 6;
  }

  .xl\:bui-col-start-7 {
    grid-column-start: 7;
  }

  .xl\:bui-col-start-8 {
    grid-column-start: 8;
  }

  .xl\:bui-col-start-9 {
    grid-column-start: 9;
  }

  .xl\:bui-col-start-10 {
    grid-column-start: 10;
  }

  .xl\:bui-col-start-11 {
    grid-column-start: 11;
  }

  .xl\:bui-col-start-12 {
    grid-column-start: 12;
  }

  .xl\:bui-col-start-13 {
    grid-column-start: 13;
  }

  .xl\:bui-col-start-auto {
    grid-column-start: auto;
  }

  .xl\:bui-col-end-1 {
    grid-column-end: 1;
  }

  .xl\:bui-col-end-2 {
    grid-column-end: 2;
  }

  .xl\:bui-col-end-3 {
    grid-column-end: 3;
  }

  .xl\:bui-col-end-4 {
    grid-column-end: 4;
  }

  .xl\:bui-col-end-5 {
    grid-column-end: 5;
  }

  .xl\:bui-col-end-6 {
    grid-column-end: 6;
  }

  .xl\:bui-col-end-7 {
    grid-column-end: 7;
  }

  .xl\:bui-col-end-8 {
    grid-column-end: 8;
  }

  .xl\:bui-col-end-9 {
    grid-column-end: 9;
  }

  .xl\:bui-col-end-10 {
    grid-column-end: 10;
  }

  .xl\:bui-col-end-11 {
    grid-column-end: 11;
  }

  .xl\:bui-col-end-12 {
    grid-column-end: 12;
  }

  .xl\:bui-col-end-13 {
    grid-column-end: 13;
  }

  .xl\:bui-col-end-auto {
    grid-column-end: auto;
  }

  .xl\:bui-row-span-1 {
    grid-row: span 1 / span 1;
  }

  .xl\:bui-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .xl\:bui-row-span-3 {
    grid-row: span 3 / span 3;
  }

  .xl\:bui-row-span-4 {
    grid-row: span 4 / span 4;
  }

  .xl\:bui-row-span-5 {
    grid-row: span 5 / span 5;
  }

  .xl\:bui-row-span-6 {
    grid-row: span 6 / span 6;
  }

  .xl\:bui-row-span-7 {
    grid-row: span 7 / span 7;
  }

  .xl\:bui-row-span-8 {
    grid-row: span 8 / span 8;
  }

  .xl\:bui-row-span-9 {
    grid-row: span 9 / span 9;
  }

  .xl\:bui-row-span-10 {
    grid-row: span 10 / span 10;
  }

  .xl\:bui-row-span-11 {
    grid-row: span 11 / span 11;
  }

  .xl\:bui-row-span-12 {
    grid-row: span 12 / span 12;
  }

  .xl\:bui-row-span-auto {
    grid-row: span auto / span auto;
  }
}

.bui-gap {
  gap: var(--gap);
}

.bui-gap-0\.5 {
  gap: var(--bui-space-0_5);
}

.bui-gap-1 {
  gap: var(--bui-space-1);
}

.bui-gap-1\.5 {
  gap: var(--bui-space-1_5);
}

.bui-gap-2 {
  gap: var(--bui-space-2);
}

.bui-gap-3 {
  gap: var(--bui-space-3);
}

.bui-gap-4 {
  gap: var(--bui-space-4);
}

.bui-gap-5 {
  gap: var(--bui-space-5);
}

.bui-gap-6 {
  gap: var(--bui-space-6);
}

.bui-gap-7 {
  gap: var(--bui-space-7);
}

.bui-gap-8 {
  gap: var(--bui-space-8);
}

.bui-gap-9 {
  gap: var(--bui-space-9);
}

.bui-gap-10 {
  gap: var(--bui-space-10);
}

.bui-gap-11 {
  gap: var(--bui-space-11);
}

.bui-gap-12 {
  gap: var(--bui-space-12);
}

.bui-gap-13 {
  gap: var(--bui-space-13);
}

.bui-gap-14 {
  gap: var(--bui-space-14);
}

@media (width >= 640px) {
  .xs\:bui-gap {
    gap: var(--gap-xs);
  }

  .xs\:bui-gap-0\.5 {
    gap: var(--bui-space-0_5);
  }

  .xs\:bui-gap-1 {
    gap: var(--bui-space-1);
  }

  .xs\:bui-gap-1\.5 {
    gap: var(--bui-space-1_5);
  }

  .xs\:bui-gap-2 {
    gap: var(--bui-space-2);
  }

  .xs\:bui-gap-3 {
    gap: var(--bui-space-3);
  }

  .xs\:bui-gap-4 {
    gap: var(--bui-space-4);
  }

  .xs\:bui-gap-5 {
    gap: var(--bui-space-5);
  }

  .xs\:bui-gap-6 {
    gap: var(--bui-space-6);
  }

  .xs\:bui-gap-7 {
    gap: var(--bui-space-7);
  }

  .xs\:bui-gap-8 {
    gap: var(--bui-space-8);
  }

  .xs\:bui-gap-9 {
    gap: var(--bui-space-9);
  }

  .xs\:bui-gap-10 {
    gap: var(--bui-space-10);
  }

  .xs\:bui-gap-11 {
    gap: var(--bui-space-11);
  }

  .xs\:bui-gap-12 {
    gap: var(--bui-space-12);
  }

  .xs\:bui-gap-13 {
    gap: var(--bui-space-13);
  }

  .xs\:bui-gap-14 {
    gap: var(--bui-space-14);
  }
}

@media (width >= 768px) {
  .sm\:bui-gap {
    gap: var(--gap-sm);
  }

  .sm\:bui-gap-0\.5 {
    gap: var(--bui-space-0_5);
  }

  .sm\:bui-gap-1 {
    gap: var(--bui-space-1);
  }

  .sm\:bui-gap-1\.5 {
    gap: var(--bui-space-1_5);
  }

  .sm\:bui-gap-2 {
    gap: var(--bui-space-2);
  }

  .sm\:bui-gap-3 {
    gap: var(--bui-space-3);
  }

  .sm\:bui-gap-4 {
    gap: var(--bui-space-4);
  }

  .sm\:bui-gap-5 {
    gap: var(--bui-space-5);
  }

  .sm\:bui-gap-6 {
    gap: var(--bui-space-6);
  }

  .sm\:bui-gap-7 {
    gap: var(--bui-space-7);
  }

  .sm\:bui-gap-8 {
    gap: var(--bui-space-8);
  }

  .sm\:bui-gap-9 {
    gap: var(--bui-space-9);
  }

  .sm\:bui-gap-10 {
    gap: var(--bui-space-10);
  }

  .sm\:bui-gap-11 {
    gap: var(--bui-space-11);
  }

  .sm\:bui-gap-12 {
    gap: var(--bui-space-12);
  }

  .sm\:bui-gap-13 {
    gap: var(--bui-space-13);
  }

  .sm\:bui-gap-14 {
    gap: var(--bui-space-14);
  }
}

@media (width >= 1024px) {
  .md\:bui-gap {
    gap: var(--gap-md);
  }

  .md\:bui-gap-0\.5 {
    gap: var(--bui-space-0_5);
  }

  .md\:bui-gap-1 {
    gap: var(--bui-space-1);
  }

  .md\:bui-gap-1\.5 {
    gap: var(--bui-space-1_5);
  }

  .md\:bui-gap-2 {
    gap: var(--bui-space-2);
  }

  .md\:bui-gap-3 {
    gap: var(--bui-space-3);
  }

  .md\:bui-gap-4 {
    gap: var(--bui-space-4);
  }

  .md\:bui-gap-5 {
    gap: var(--bui-space-5);
  }

  .md\:bui-gap-6 {
    gap: var(--bui-space-6);
  }

  .md\:bui-gap-7 {
    gap: var(--bui-space-7);
  }

  .md\:bui-gap-8 {
    gap: var(--bui-space-8);
  }

  .md\:bui-gap-9 {
    gap: var(--bui-space-9);
  }

  .md\:bui-gap-10 {
    gap: var(--bui-space-10);
  }

  .md\:bui-gap-11 {
    gap: var(--bui-space-11);
  }

  .md\:bui-gap-12 {
    gap: var(--bui-space-12);
  }

  .md\:bui-gap-13 {
    gap: var(--bui-space-13);
  }

  .md\:bui-gap-14 {
    gap: var(--bui-space-14);
  }
}

@media (width >= 1280px) {
  .lg\:bui-gap {
    gap: var(--gap-lg);
  }

  .lg\:bui-gap-0\.5 {
    gap: var(--bui-space-0_5);
  }

  .lg\:bui-gap-1 {
    gap: var(--bui-space-1);
  }

  .lg\:bui-gap-1\.5 {
    gap: var(--bui-space-1_5);
  }

  .lg\:bui-gap-2 {
    gap: var(--bui-space-2);
  }

  .lg\:bui-gap-3 {
    gap: var(--bui-space-3);
  }

  .lg\:bui-gap-4 {
    gap: var(--bui-space-4);
  }

  .lg\:bui-gap-5 {
    gap: var(--bui-space-5);
  }

  .lg\:bui-gap-6 {
    gap: var(--bui-space-6);
  }

  .lg\:bui-gap-7 {
    gap: var(--bui-space-7);
  }

  .lg\:bui-gap-8 {
    gap: var(--bui-space-8);
  }

  .lg\:bui-gap-9 {
    gap: var(--bui-space-9);
  }

  .lg\:bui-gap-10 {
    gap: var(--bui-space-10);
  }

  .lg\:bui-gap-11 {
    gap: var(--bui-space-11);
  }

  .lg\:bui-gap-12 {
    gap: var(--bui-space-12);
  }

  .lg\:bui-gap-13 {
    gap: var(--bui-space-13);
  }

  .lg\:bui-gap-14 {
    gap: var(--bui-space-14);
  }
}

@media (width >= 1536px) {
  .xl\:bui-gap {
    gap: var(--gap-xl);
  }

  .xl\:bui-gap-0\.5 {
    gap: var(--bui-space-0_5);
  }

  .xl\:bui-gap-1 {
    gap: var(--bui-space-1);
  }

  .xl\:bui-gap-1\.5 {
    gap: var(--bui-space-1_5);
  }

  .xl\:bui-gap-2 {
    gap: var(--bui-space-2);
  }

  .xl\:bui-gap-3 {
    gap: var(--bui-space-3);
  }

  .xl\:bui-gap-4 {
    gap: var(--bui-space-4);
  }

  .xl\:bui-gap-5 {
    gap: var(--bui-space-5);
  }

  .xl\:bui-gap-6 {
    gap: var(--bui-space-6);
  }

  .xl\:bui-gap-7 {
    gap: var(--bui-space-7);
  }

  .xl\:bui-gap-8 {
    gap: var(--bui-space-8);
  }

  .xl\:bui-gap-9 {
    gap: var(--bui-space-9);
  }

  .xl\:bui-gap-10 {
    gap: var(--bui-space-10);
  }

  .xl\:bui-gap-11 {
    gap: var(--bui-space-11);
  }

  .xl\:bui-gap-12 {
    gap: var(--bui-space-12);
  }

  .xl\:bui-gap-13 {
    gap: var(--bui-space-13);
  }

  .xl\:bui-gap-14 {
    gap: var(--bui-space-14);
  }
}

.bui-align-start {
  align-items: start;
}

.bui-align-center {
  align-items: center;
}

.bui-align-end {
  align-items: end;
}

.bui-align-stretch {
  align-items: stretch;
}

.bui-jc-start {
  justify-content: start;
}

.bui-jc-center {
  justify-content: center;
}

.bui-jc-end {
  justify-content: end;
}

.bui-jc-between {
  justify-content: space-between;
}

.bui-fd-row {
  flex-direction: row;
}

.bui-fd-column {
  flex-direction: column;
}

.bui-fd-row-reverse {
  flex-direction: row-reverse;
}

.bui-fd-column-reverse {
  flex-direction: column-reverse;
}

@media (width >= 640px) {
  .xs\:bui-align-start {
    align-items: start;
  }

  .xs\:bui-align-center {
    align-items: center;
  }

  .xs\:bui-align-end {
    align-items: end;
  }

  .xs\:bui-align-stretch {
    align-items: stretch;
  }

  .xs\:bui-jc-start {
    justify-content: start;
  }

  .xs\:bui-jc-center {
    justify-content: center;
  }

  .xs\:bui-jc-end {
    justify-content: end;
  }

  .xs\:bui-jc-between {
    justify-content: space-between;
  }

  .xs\:bui-fd-row {
    flex-direction: row;
  }

  .xs\:bui-fd-column {
    flex-direction: column;
  }

  .xs\:bui-fd-row-reverse {
    flex-direction: row-reverse;
  }

  .xs\:bui-fd-column-reverse {
    flex-direction: column-reverse;
  }
}

@media (width >= 768px) {
  .sm\:bui-align-start {
    align-items: start;
  }

  .sm\:bui-align-center {
    align-items: center;
  }

  .sm\:bui-align-end {
    align-items: end;
  }

  .sm\:bui-align-stretch {
    align-items: stretch;
  }

  .sm\:bui-jc-start {
    justify-content: start;
  }

  .sm\:bui-jc-center {
    justify-content: center;
  }

  .sm\:bui-jc-end {
    justify-content: end;
  }

  .sm\:bui-jc-between {
    justify-content: space-between;
  }

  .sm\:bui-fd-row {
    flex-direction: row;
  }

  .sm\:bui-fd-column {
    flex-direction: column;
  }

  .sm\:bui-fd-row-reverse {
    flex-direction: row-reverse;
  }

  .sm\:bui-fd-column-reverse {
    flex-direction: column-reverse;
  }
}

@media (width >= 1024px) {
  .md\:bui-align-start {
    align-items: start;
  }

  .md\:bui-align-center {
    align-items: center;
  }

  .md\:bui-align-end {
    align-items: end;
  }

  .md\:bui-align-stretch {
    align-items: stretch;
  }

  .md\:bui-jc-start {
    justify-content: start;
  }

  .md\:bui-jc-center {
    justify-content: center;
  }

  .md\:bui-jc-end {
    justify-content: end;
  }

  .md\:bui-jc-between {
    justify-content: space-between;
  }

  .md\:bui-fd-row {
    flex-direction: row;
  }

  .md\:bui-fd-column {
    flex-direction: column;
  }

  .md\:bui-fd-row-reverse {
    flex-direction: row-reverse;
  }

  .md\:bui-fd-column-reverse {
    flex-direction: column-reverse;
  }
}

@media (width >= 1280px) {
  .lg\:bui-align-start {
    align-items: start;
  }

  .lg\:bui-align-center {
    align-items: center;
  }

  .lg\:bui-align-end {
    align-items: end;
  }

  .lg\:bui-align-stretch {
    align-items: stretch;
  }

  .lg\:bui-jc-start {
    justify-content: start;
  }

  .lg\:bui-jc-center {
    justify-content: center;
  }

  .lg\:bui-jc-end {
    justify-content: end;
  }

  .lg\:bui-jc-between {
    justify-content: space-between;
  }

  .lg\:bui-fd-row {
    flex-direction: row;
  }

  .lg\:bui-fd-column {
    flex-direction: column;
  }

  .lg\:bui-fd-row-reverse {
    flex-direction: row-reverse;
  }

  .lg\:bui-fd-column-reverse {
    flex-direction: column-reverse;
  }
}

@media (width >= 1536px) {
  .xl\:bui-align-start {
    align-items: start;
  }

  .xl\:bui-align-center {
    align-items: center;
  }

  .xl\:bui-align-end {
    align-items: end;
  }

  .xl\:bui-align-stretch {
    align-items: stretch;
  }

  .xl\:bui-jc-start {
    justify-content: start;
  }

  .xl\:bui-jc-center {
    justify-content: center;
  }

  .xl\:bui-jc-end {
    justify-content: end;
  }

  .xl\:bui-jc-between {
    justify-content: space-between;
  }

  .xl\:bui-fd-row {
    flex-direction: row;
  }

  .xl\:bui-fd-column {
    flex-direction: column;
  }

  .xl\:bui-fd-row-reverse {
    flex-direction: row-reverse;
  }

  .xl\:bui-fd-column-reverse {
    flex-direction: column-reverse;
  }
}

:where(a) {
  color: inherit;
  text-decoration: none;
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

:root {
  --bui-font-regular: system-ui;
  --bui-font-monospace: ui-monospace, "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
  --bui-font-weight-regular: 400;
  --bui-font-weight-bold: 600;
  --bui-font-size-1: .625rem;
  --bui-font-size-2: .75rem;
  --bui-font-size-3: .875rem;
  --bui-font-size-4: 1rem;
  --bui-font-size-5: 1.25rem;
  --bui-font-size-6: 1.5rem;
  --bui-font-size-7: 2rem;
  --bui-font-size-8: 3rem;
  --bui-font-size-9: 4rem;
  --bui-font-size-10: 5.75rem;
  --bui-space: .25rem;
  --bui-space-0_5: calc(var(--bui-space) * .5);
  --bui-space-1: var(--bui-space);
  --bui-space-1_5: calc(var(--bui-space) * 1.5);
  --bui-space-2: calc(var(--bui-space) * 2);
  --bui-space-3: calc(var(--bui-space) * 3);
  --bui-space-4: calc(var(--bui-space) * 4);
  --bui-space-5: calc(var(--bui-space) * 5);
  --bui-space-6: calc(var(--bui-space) * 6);
  --bui-space-7: calc(var(--bui-space) * 7);
  --bui-space-8: calc(var(--bui-space) * 8);
  --bui-space-9: calc(var(--bui-space) * 9);
  --bui-space-10: calc(var(--bui-space) * 10);
  --bui-space-11: calc(var(--bui-space) * 11);
  --bui-space-12: calc(var(--bui-space) * 12);
  --bui-space-13: calc(var(--bui-space) * 13);
  --bui-space-14: calc(var(--bui-space) * 14);
  --bui-radius-1: calc(.125rem);
  --bui-radius-2: calc(.25rem);
  --bui-radius-3: calc(.5rem);
  --bui-radius-4: calc(.75rem);
  --bui-radius-5: calc(1rem);
  --bui-radius-6: calc(1.25rem);
  --bui-radius-full: 9999px;
  --bui-black: #000;
  --bui-white: #fff;
  --bui-gray-1: #f8f8f8;
  --bui-gray-2: #ececec;
  --bui-gray-3: #d9d9d9;
  --bui-gray-4: #c1c1c1;
  --bui-gray-5: #9e9e9e;
  --bui-gray-6: #8c8c8c;
  --bui-gray-7: #757575;
  --bui-gray-8: #595959;
  --bui-bg: var(--bui-gray-1);
  --bui-bg-surface-1: var(--bui-white);
  --bui-bg-surface-2: var(--bui-gray-2);
  --bui-bg-solid: #1f5493;
  --bui-bg-solid-hover: #163a66;
  --bui-bg-solid-pressed: #0f2b4e;
  --bui-bg-solid-disabled: #ebebeb;
  --bui-bg-tint: transparent;
  --bui-bg-tint-hover: #1f549366;
  --bui-bg-tint-pressed: #1f549399;
  --bui-bg-tint-disabled: #ebebeb;
  --bui-bg-danger: #feebe7;
  --bui-bg-warning: #fff2b2;
  --bui-bg-success: #e6f6eb;
  --bui-fg-primary: var(--bui-black);
  --bui-fg-secondary: var(--bui-gray-7);
  --bui-fg-link: #1f5493;
  --bui-fg-link-hover: #1f2d5c;
  --bui-fg-disabled: #9e9e9e;
  --bui-fg-solid: var(--bui-white);
  --bui-fg-solid-disabled: #9c9c9c;
  --bui-fg-tint: #1f5493;
  --bui-fg-tint-disabled: var(--bui-gray-5);
  --bui-fg-danger: #e22b2b;
  --bui-fg-warning: #e36d05;
  --bui-fg-success: #1db954;
  --bui-border: #0000001a;
  --bui-border-hover: #0003;
  --bui-border-pressed: #0006;
  --bui-border-disabled: #0000001a;
  --bui-border-danger: #f87a7a;
  --bui-border-warning: #e36d05;
  --bui-border-success: #53db83;
  --bui-ring: #1f5493;
  --bui-scrollbar: #a0a0a03b;
  --bui-scrollbar-thumb: #a0a0a0;
  --bui-animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}

[data-theme="dark"] {
  --bui-gray-1: #191919;
  --bui-gray-2: #242424;
  --bui-gray-3: #373737;
  --bui-gray-4: #464646;
  --bui-gray-5: #575757;
  --bui-gray-6: #7b7b7b;
  --bui-gray-7: #9e9e9e;
  --bui-gray-8: #b4b4b4;
  --bui-bg: var(--bui-black);
  --bui-bg-surface-1: var(--bui-gray-1);
  --bui-bg-surface-2: var(--bui-gray-2);
  --bui-bg-solid: #9cc9ff;
  --bui-bg-solid-hover: #83b9fd;
  --bui-bg-solid-pressed: #83b9fd;
  --bui-bg-solid-disabled: #222;
  --bui-bg-tint: transparent;
  --bui-bg-tint-hover: #9cc9ff1f;
  --bui-bg-tint-pressed: #9cc9ff29;
  --bui-bg-tint-disabled: transparent;
  --bui-bg-danger: #3b1219;
  --bui-bg-warning: #302008;
  --bui-bg-success: #132d21;
  --bui-fg-primary: var(--bui-white);
  --bui-fg-secondary: var(--bui-gray-7);
  --bui-fg-link: #9cc9ff;
  --bui-fg-link-hover: #7eb5f7;
  --bui-fg-disabled: var(--bui-gray-7);
  --bui-fg-solid: #101821;
  --bui-fg-solid-disabled: var(--bui-gray-5);
  --bui-fg-tint: #9cc9ff;
  --bui-fg-tint-disabled: var(--bui-gray-5);
  --bui-fg-danger: #e22b2b;
  --bui-fg-warning: #e36d05;
  --bui-fg-success: #1db954;
  --bui-border: #fff3;
  --bui-border-hover: #fff6;
  --bui-border-pressed: #ffffff80;
  --bui-border-disabled: #fff3;
  --bui-border-danger: #f87a7a;
  --bui-border-warning: #e36d05;
  --bui-border-success: #53db83;
  --bui-ring: #1f5493;
  --bui-scrollbar: #3636363a;
  --bui-scrollbar-thumb: #575757;
}

.bui-AvatarRoot {
  vertical-align: middle;
  user-select: none;
  color: var(--bui-fg-primary);
  background-color: var(--bui-bg-surface-2);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
  overflow: hidden;
}

.bui-AvatarRoot[data-size="small"] {
  width: 1.5rem;
  height: 1.5rem;
}

.bui-AvatarRoot[data-size="medium"] {
  width: 2rem;
  height: 2rem;
}

.bui-AvatarRoot[data-size="large"] {
  width: 3rem;
  height: 3rem;
}

.bui-AvatarImage {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.bui-AvatarFallback {
  width: 100%;
  height: 100%;
  font-size: var(--bui-font-size-3);
  font-weight: var(--bui-font-weight-regular);
  box-shadow: inset 0 0 0 1px var(--bui-border);
  border-radius: var(--bui-radius-full);
  justify-content: center;
  align-items: center;
  display: flex;
}

.bui-Box {
  font-family: var(--bui-font-regular);
  font-weight: var(--bui-font-weight-regular);
  color: var(--bui-fg-primary);
}

.bui-Button {
  user-select: none;
  font-family: var(--bui-font-regular);
  font-weight: var(--bui-font-weight-bold);
  cursor: pointer;
  border-radius: var(--bui-radius-2);
  justify-content: center;
  align-items: center;
  gap: var(--bui-space-1_5);
  border: none;
  flex-shrink: 0;
  padding: 0;
  display: inline-flex;

  &[data-disabled="true"] {
    cursor: not-allowed;
  }
}

.bui-Button[data-variant="primary"] {
  background-color: var(--bui-bg-solid);
  color: var(--bui-fg-solid);

  &:hover {
    background-color: var(--bui-bg-solid-hover);
    transition: background-color .15s;
  }

  &:active {
    background-color: var(--bui-bg-solid-pressed);
  }

  &:focus-visible {
    outline: 2px solid var(--bui-ring);
    outline-offset: 2px;
  }

  &[data-disabled="true"] {
    background-color: var(--bui-bg-solid-disabled);
    color: var(--bui-fg-solid-disabled);
  }
}

.bui-Button[data-variant="secondary"] {
  background-color: var(--bui-bg-surface-1);
  box-shadow: inset 0 0 0 1px var(--bui-border);
  color: var(--bui-fg-primary);

  &:hover {
    box-shadow: inset 0 0 0 1px var(--bui-border-hover);
    transition: box-shadow .15s;
  }

  &:active {
    box-shadow: inset 0 0 0 1px var(--bui-border-pressed);
  }

  &:focus-visible {
    box-shadow: inset 0 0 0 2px var(--bui-ring);
    outline: none;
    transition: none;
  }

  &[data-disabled="true"] {
    box-shadow: inset 0 0 0 1px var(--bui-border-disabled);
    color: var(--bui-fg-disabled);
  }
}

.bui-Button[data-variant="tertiary"] {
  color: var(--bui-fg-primary);
  background-color: #0000;

  &:hover {
    background-color: var(--bui-bg-surface-1);
    transition: background-color .2s;
  }

  &:active {
    background-color: var(--bui-bg-surface-2);
  }

  &:focus-visible {
    box-shadow: inset 0 0 0 2px var(--bui-ring);
    outline: none;
    transition: none;
  }

  &[data-disabled="true"] {
    color: var(--bui-fg-disabled);
    background-color: #0000;
  }
}

.bui-Button[data-size="medium"] {
  font-size: var(--bui-font-size-4);
  padding: 0 var(--bui-space-3);
  height: 2.5rem;
}

.bui-Button[data-size="small"] {
  font-size: var(--bui-font-size-3);
  padding: 0 var(--bui-space-2);
  height: 2rem;
}

.bui-Button[data-size="small"] svg {
  width: 1rem;
  height: 1rem;
}

.bui-Button[data-size="medium"] svg {
  width: 1.25rem;
  height: 1.25rem;
}

.bui-ButtonIcon {
  justify-content: center;
  align-items: center;
}

.bui-ButtonIcon[data-size="small"] {
  width: 2rem;
  padding: 0;
}

.bui-ButtonIcon[data-size="medium"] {
  width: 2.5rem;
  padding: 0;
}

.bui-Card {
  gap: var(--bui-space-3);
  background-color: var(--bui-bg-surface-1);
  border-radius: var(--bui-radius-3);
  padding-block: var(--bui-space-3);
  color: var(--bui-fg-primary);
  border: 1px solid var(--bui-border);
  flex-direction: column;
  width: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.bui-CardBody {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.bui-CardHeader, .bui-CardFooter {
  padding-inline: var(--bui-space-3);
}

.bui-CheckboxRoot {
  width: 1rem;
  height: 1rem;
  box-shadow: inset 0 0 0 1px var(--bui-border);
  cursor: pointer;
  background-color: var(--bui-bg-surface-1);
  border: none;
  border-radius: 2px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: background-color .2s ease-in-out;
  display: flex;
}

.bui-CheckboxRoot:focus-visible {
  outline: 2px solid var(--bui-ring);
  outline-offset: 2px;
  transition: none;
}

.bui-CheckboxRoot[data-checked] {
  background-color: var(--bui-bg-solid);
  box-shadow: none;
  color: var(--bui-fg-solid);
}

.bui-CheckboxLabel {
  align-items: center;
  gap: var(--bui-space-2);
  font-size: var(--bui-font-size-3);
  font-family: var(--bui-font-regular);
  font-weight: var(--bui-font-weight-regular);
  color: var(--bui-fg-primary);
  user-select: none;
  flex-direction: row;
  display: flex;

  &:hover {
    & .bui-CheckboxRoot:not([data-checked]) {
      box-shadow: inset 0 0 0 1px var(--bui-border-hover);
    }
  }
}

.bui-CheckboxIndicator {
  color: var(--bui-fg-solid);
  justify-content: center;
  align-items: center;
  display: flex;
}

.bui-CollapsiblePanel {
  height: var(--collapsible-panel-height);
  transition: all .15s ease-out;
  display: flex;
  overflow: hidden;

  &[data-starting-style], &[data-ending-style] {
    height: 0;
  }
}

.bui-Container {
  max-width: 120rem;
  padding-inline: var(--bui-space-4);
  margin-inline: auto;
  transition: padding .2s ease-in-out;
}

@media (width >= 640px) {
  .bui-Container {
    padding-inline: var(--bui-space-5);
  }
}

.bui-DataTableRoot {
  gap: var(--bui-space-3);
  flex-direction: column;
  display: flex;
}

.bui-DataTablePagination {
  padding-top: var(--bui-space-5);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bui-DataTablePagination--left {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bui-DataTablePagination--right {
  justify-content: space-between;
  align-items: center;
  gap: var(--bui-space-2);
  display: flex;
}

.bui-DataTablePagination--select {
  min-width: 10.5rem;
}

.bui-FieldError {
  color: var(--bui-fg-danger);
  font-size: var(--bui-font-size-2);
  font-weight: var(--bui-font-weight-regular);
  margin-top: var(--bui-space-2);
  display: inline-block;
}

.bui-FieldLabelWrapper {
  margin-bottom: var(--bui-space-3);
  gap: var(--bui-space-1);
  flex-direction: column;
  display: flex;
}

.bui-FieldLabel {
  color: var(--bui-fg-primary);
  cursor: pointer;
  font-weight: var(--bui-font-weight-regular);
  font-size: var(--bui-font-size-2);
  margin-right: auto;
}

.bui-FieldSecondaryLabel {
  color: var(--bui-fg-secondary);
  font-weight: var(--bui-font-weight-regular);
  margin-left: var(--bui-space-1);
}

.bui-FieldDescription {
  font-weight: var(--bui-font-weight-regular);
  font-size: var(--bui-font-size-2);
  color: var(--bui-fg-secondary);
  margin: 0;
}

.bui-Flex {
  min-width: 0;
  display: flex;
}

.bui-Grid {
  display: grid;
}

.bui-HeaderToolbar {
  z-index: 10;
  margin-bottom: var(--bui-space-6);
  position: sticky;
  top: 0;

  &:before {
    content: "";
    background-color: var(--bui-bg);
    z-index: 0;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  &[data-has-tabs="true"] {
    margin-bottom: 0;
  }
}

.bui-HeaderToolbarWrapper {
  z-index: 1;
  background-color: var(--bui-bg-surface-1);
  padding-inline: var(--bui-space-5);
  border-bottom: 1px solid var(--bui-border);
  color: var(--bui-fg-primary);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 52px;
  display: flex;
  position: relative;
}

.bui-HeaderToolbarContent {
  align-items: center;
  gap: var(--bui-space-2);
  flex-direction: row;
  display: flex;
}

.bui-HeaderToolbarName {
  align-items: center;
  gap: var(--bui-space-2);
  font-size: var(--bui-font-size-3);
  font-weight: var(--bui-font-weight-regular);
  flex-direction: row;
  flex-shrink: 0;
  display: flex;
}

.bui-HeaderToolbarIcon {
  width: 16px;
  height: 16px;
  color: var(--bui-fg-primary);

  & svg {
    width: 100%;
    height: 100%;
  }
}

.bui-HeaderToolbarControls {
  right: var(--bui-space-5);
  align-items: center;
  gap: var(--bui-space-2);
  flex-direction: row;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.bui-HeaderBreadcrumbs {
  align-items: center;
  gap: var(--bui-space-2);
  font-size: var(--bui-font-size-3);
  font-weight: var(--bui-font-weight-regular);
  flex-direction: row;
  display: flex;
}

.bui-HeaderBreadcrumb {
  align-items: center;
  gap: var(--bui-space-2);
  flex-direction: row;
  display: flex;
}

.bui-HeaderBreadcrumbLink {
  color: var(--bui-fg-secondary);
  cursor: pointer;
  text-decoration: none;

  &[data-active="true"] {
    color: var(--bui-fg-primary);
  }
}

.bui-HeaderBreadcrumbSeparator {
  width: 16px;
  height: 16px;
  color: var(--bui-fg-secondary);
}

.bui-HeaderTabsWrapper {
  margin-bottom: var(--bui-space-4);
  padding-inline: var(--bui-space-3);
  border-bottom: 1px solid var(--bui-border);
  background-color: var(--bui-bg-surface-1);
}

.bui-HeaderPage {
  gap: var(--bui-space-1);
  padding-inline: var(--bui-space-5);
  margin-top: var(--bui-space-6);
  margin-bottom: var(--bui-space-6);
  flex-direction: column;
  display: flex;
}

.bui-HeaderPageContent {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.bui-HeaderPageTabsWrapper {
  margin-left: -8px;
}

.bui-HeaderPageControls {
  align-items: center;
  gap: var(--bui-space-2);
  flex-direction: row;
  display: flex;
}

.bui-Heading {
  font-family: var(--bui-font-regular);
  color: var(--bui-fg-primary);
  margin: 0;
  padding: 0;
  line-height: 100%;
}

.bui-Heading[data-variant="display"] {
  font-size: var(--bui-font-size-10);
  font-weight: var(--bui-font-weight-bold);
}

.bui-Heading[data-variant="title1"] {
  font-size: var(--bui-font-size-9);
  font-weight: var(--bui-font-weight-bold);
}

.bui-Heading[data-variant="title2"] {
  font-size: var(--bui-font-size-8);
  font-weight: var(--bui-font-weight-bold);
}

.bui-Heading[data-variant="title3"] {
  font-size: var(--bui-font-size-7);
  font-weight: var(--bui-font-weight-bold);
}

.bui-Heading[data-variant="title4"] {
  font-size: var(--bui-font-size-6);
  font-weight: var(--bui-font-weight-bold);
}

.bui-Heading[data-variant="title5"] {
  font-size: var(--bui-font-size-5);
  font-weight: var(--bui-font-weight-bold);
}

.bui-Heading[data-color="primary"] {
  color: var(--bui-fg-primary);
}

.bui-Heading[data-color="secondary"] {
  color: var(--bui-fg-secondary);
}

.bui-Heading[data-truncate] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.bui-Icon {
  width: 1rem;
  height: 1rem;
}

.bui-Link {
  font-family: var(--bui-font-regular);
  cursor: pointer;
  margin: 0;
  padding: 0;
  text-decoration-line: none;

  &:hover {
    text-underline-offset: calc(.025em + 2px);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: min(2px, max(1px, .05em));
    text-decoration-color: color-mix(in srgb, var(--bui-fg-link-hover) 30%, transparent);
  }
}

.bui-Link[data-variant="title-large"] {
  font-size: var(--bui-font-size-8);
  line-height: 140%;
}

.bui-Link[data-variant="title-medium"] {
  font-size: var(--bui-font-size-7);
  line-height: 140%;
}

.bui-Link[data-variant="title-small"] {
  font-size: var(--bui-font-size-6);
  line-height: 140%;
}

.bui-Link[data-variant="title-x-small"] {
  font-size: var(--bui-font-size-5);
  line-height: 140%;
}

.bui-Link[data-variant="body-large"] {
  font-size: var(--bui-font-size-4);
  line-height: 140%;
}

.bui-Link[data-variant="body-medium"] {
  font-size: var(--bui-font-size-3);
  line-height: 140%;
}

.bui-Link[data-variant="body-small"] {
  font-size: var(--bui-font-size-2);
  line-height: 140%;
}

.bui-Link[data-variant="body-x-small"] {
  font-size: var(--bui-font-size-1);
  line-height: 140%;
}

.bui-Link[data-weight="regular"] {
  font-weight: var(--bui-font-weight-regular);
}

.bui-Link[data-weight="bold"] {
  font-weight: var(--bui-font-weight-bold);
}

.bui-Link[data-color="primary"] {
  color: var(--bui-fg-primary);
}

.bui-Link[data-color="secondary"] {
  color: var(--bui-fg-secondary);
}

.bui-MenuPositioner {
  z-index: 100;
  outline: 0;
}

.bui-MenuPopup {
  background-color: var(--bui-bg-surface-1);
  border: 1px solid var(--bui-border);
  color: var(--bui-fg-primary);
  transform-origin: var(--transform-origin);
  max-width: min(var(--available-width), 340px);
  max-height: min(var(--available-height), 500px);
  padding-bottom: var(--bui-space-1);
  border-radius: .375rem;
  outline: none;
  flex-direction: column;
  transition: transform .15s, opacity .15s;
  display: flex;
  position: relative;
  overflow: auto;

  &[data-starting-style], &[data-ending-style] {
    opacity: 0;
    transform: scale(.9);
  }
}

.bui-MenuItem {
  user-select: none;
  align-items: center;
  gap: var(--bui-space-2);
  height: 32px;
  color: var(--bui-fg-primary);
  border-radius: var(--bui-radius-2);
  margin-inline: var(--bui-space-1);
  padding-inline: var(--bui-space-2);
  font-size: var(--bui-font-size-3);
  cursor: pointer;
  outline: 0;
  flex-shrink: 0;
  text-decoration: none;
  display: flex;

  &:first-child {
    margin-top: var(--bui-space-1);
  }

  &[data-highlighted] {
    background-color: var(--bui-gray-3);
  }
}

.bui-MenuSubmenuTrigger {
  user-select: none;
  justify-content: space-between;
  align-items: center;
  gap: var(--bui-space-2);
  height: 32px;
  color: var(--bui-fg-primary);
  border-radius: var(--bui-radius-2);
  margin-inline: var(--bui-space-1);
  padding-inline: var(--bui-space-2);
  font-size: var(--bui-font-size-3);
  cursor: pointer;
  outline: 0;
  flex-shrink: 0;
  text-decoration: none;
  display: flex;

  & .bui-Icon {
    color: var(--bui-fg-secondary);
  }

  &:first-child {
    margin-top: var(--bui-space-1);
  }

  &[data-popup-open], &[data-highlighted] {
    background-color: var(--bui-gray-3);

    & .bui-Icon {
      color: var(--bui-fg-primary);
    }
  }
}

.bui-MenuSeparator {
  background-color: var(--color-gray-200);
  height: 1px;
  margin: .375rem 1rem;
}

.bui-SubmenuComboboxSearch {
  padding-inline: var(--bui-space-3);
  border: none;
  border-bottom: 1px solid var(--bui-border);
  background-color: var(--bui-bg-surface-1);
  width: 100%;
  height: 32px;
  color: var(--bui-fg-primary);
  line-height: 140%;
  font-size: var(--bui-font-size-3);
  z-index: 1;
  outline: none;
  position: sticky;
  top: 0;

  &::placeholder {
    color: var(--bui-fg-secondary);
  }

  &:disabled {
    opacity: .6;
    cursor: not-allowed;
  }
}

.bui-SubmenuComboboxItems {
  padding-top: var(--bui-space-2);
  outline: none;
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}

.bui-SubmenuComboboxNoResults {
  padding-inline: var(--bui-space-3);
  padding-top: var(--bui-space-2);
  padding-bottom: var(--bui-space-4);
  color: var(--bui-fg-secondary);
  font-size: var(--bui-font-size-3);
}

.bui-SubmenuComboboxItem {
  user-select: none;
  justify-content: space-between;
  align-items: center;
  gap: var(--bui-space-2);
  height: 32px;
  color: var(--bui-fg-primary);
  border-radius: var(--bui-radius-2);
  margin-inline: var(--bui-space-1);
  padding-inline: var(--bui-space-2);
  font-size: var(--bui-font-size-3);
  cursor: pointer;
  outline: 0;
  flex-shrink: 0;
  text-decoration: none;
  display: flex;

  &[data-highlighted] {
    background-color: var(--bui-gray-3);
  }

  &[data-disabled] {
    opacity: .5;
    cursor: not-allowed;
  }
}

.bui-SubmenuComboboxItemCheckbox {
  width: 16px;
  height: 16px;
  color: var(--bui-fg-primary);
  border-radius: var(--bui-radius-2);
  border: 1px solid var(--bui-border);
  background: var(--bui-bg-surface-1);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bui-SubmenuComboboxItemLabel {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.bui-Popover {
  background-color: var(--bui-bg-surface-1);
  border: 1px solid var(--bui-border);
  border-radius: var(--bui-radius-3);
  padding-block: var(--bui-space-1);
  margin-right: 12px;
  overflow: scroll;
  box-shadow: 0 4px 12px #0000001a;
}

.bui-RadioGroup {
  color: var(--bui-fg-primary);
  flex-direction: column;
  display: flex;
}

.bui-RadioGroup[data-orientation="horizontal"] .bui-RadioGroupContent {
  gap: var(--bui-space-4);
  flex-direction: row;
}

.bui-RadioGroupContent {
  gap: var(--bui-space-2);
  flex-direction: column;
  display: flex;
}

.bui-Radio {
  align-items: center;
  gap: var(--bui-space-2);
  font-size: var(--bui-font-size-2);
  color: var(--bui-fg-primary);
  forced-color-adjust: none;
  display: flex;
  position: relative;

  &:before {
    content: "";
    box-sizing: border-box;
    border: .125rem solid var(--bui-border);
    background: var(--bui-gray-1);
    border-radius: var(--bui-radius-full);
    width: 1rem;
    height: 1rem;
    transition: all .2s;
    display: block;
  }

  &[data-pressed]:before {
    border-color: var(--bui-border);
  }

  &[data-selected] {
    &:before {
      border-color: var(--bui-bg-solid);
      border-width: .25rem;
    }

    &[data-pressed]:before {
      border-color: var(--bui-bg-solid);
    }
  }

  &[data-focus-visible]:before {
    outline: 2px solid var(--bui-ring);
    outline-offset: 2px;
  }

  &[data-disabled] {
    cursor: not-allowed;
    color: var(--bui-fg-disabled);

    &:before {
      border-color: var(--bui-border-disabled);
      background: var(--bui-bg-disabled);
    }

    &[data-selected]:before {
      border-color: var(--bui-border-disabled);
    }
  }

  &[data-invalid]:before, &[data-invalid][data-selected]:before {
    border-color: var(--bui-border-danger);
  }

  &[data-disabled][data-invalid] {
    color: var(--bui-fg-disabled);

    &:before {
      border-color: var(--bui-border-disabled);
      background: var(--bui-bg-disabled);
    }

    &[data-selected]:before {
      border-color: var(--bui-border-disabled);
    }
  }
}

.bui-TableRoot {
  caption-side: bottom;
  border-collapse: collapse;
  width: 100%;
}

.bui-TableHead {
  text-align: left;
  padding: var(--bui-space-3);
  font-size: var(--bui-font-size-3);
  color: var(--bui-fg-primary);
}

.bui-TableBody {
  color: var(--bui-fg-primary);
}

.bui-TableRow {
  border-bottom: 1px solid var(--bui-border);
  transition: color .2s ease-in-out;
}

.bui-TableBody .bui-TableRow:hover {
  background-color: var(--bui-gray-2);
}

.bui-TableCell {
  padding: var(--bui-space-3);
  font-size: var(--bui-font-size-3);
}

.bui-TableCellText, .bui-TableCellLink {
  gap: var(--bui-space-0_5);
  flex-direction: column;
  display: flex;
}

.bui-TableCellProfile {
  gap: var(--bui-space-2);
  flex-direction: row;
  align-items: center;
  display: flex;
}

.bui-TableCellProfileAvatar {
  vertical-align: middle;
  user-select: none;
  color: var(--bui-fg-primary);
  background-color: var(--bui-bg-surface-2);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
  overflow: hidden;
}

.bui-TableCellProfileAvatarImage {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.bui-TableCellProfileAvatarFallback {
  width: 100%;
  height: 100%;
  font-size: var(--bui-font-size-2);
  font-weight: var(--bui-font-weight-regular);
  box-shadow: inset 0 0 0 1px var(--bui-border);
  border-radius: var(--bui-radius-full);
  justify-content: center;
  align-items: center;
  display: flex;
}

.bui-Tabs {
  --active-tab-left: 0px;
  --active-tab-right: 0px;
  --active-tab-top: 0px;
  --active-tab-bottom: 0px;
  --active-tab-width: 0px;
  --active-tab-height: 0px;
  --active-transition-duration: 0s;
  --hovered-tab-left: 0px;
  --hovered-tab-right: 0px;
  --hovered-tab-top: 0px;
  --hovered-tab-bottom: 0px;
  --hovered-tab-width: 0px;
  --hovered-tab-height: 0px;
  --hovered-tab-opacity: 0;
  --hovered-transition-duration: 0s;
}

.bui-TabList {
  flex-direction: row;
  display: flex;
}

.bui-TabListWrapper {
  position: relative;
}

.bui-Tab {
  font-size: var(--bui-font-size-3);
  font-family: var(--bui-font-regular);
  font-weight: var(--bui-font-weight-regular);
  color: var(--bui-fg-secondary);
  cursor: pointer;
  z-index: 2;
  height: 36px;
  padding-inline: var(--bui-space-2);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;

  &[data-selected="true"] {
    color: var(--bui-fg-primary);
  }
}

.bui-TabActive {
  content: "";
  left: calc(var(--active-tab-left)  + var(--bui-space-2));
  width: calc(var(--active-tab-width)  - var(--bui-space-4));
  background-color: var(--bui-fg-primary);
  height: 1px;
  transition: left var(--active-transition-duration) ease-out, opacity .15s ease-out, width var(--active-transition-duration) ease-out;
  opacity: 1;
  border-radius: 4px;
  position: absolute;
  bottom: -1px;
}

.bui-TabHovered {
  content: "";
  left: var(--hovered-tab-left);
  top: calc(var(--hovered-tab-top)  + 4px);
  width: var(--hovered-tab-width);
  height: calc(var(--hovered-tab-height)  - 8px);
  background-color: var(--bui-gray-2);
  opacity: var(--hovered-tab-opacity);
  transition: left var(--hovered-transition-duration) ease-out, top var(--hovered-transition-duration) ease-out, width var(--hovered-transition-duration) ease-out, height var(--hovered-transition-duration) ease-out, opacity .15s ease-out;
  border-radius: 4px;
  position: absolute;
}

.bui-TabPanel {
  padding-inline: var(--bui-space-2);
  padding-top: var(--bui-space-4);
}

.bui-Text {
  font-family: var(--bui-font-regular);
  margin: 0;
  padding: 0;
}

.bui-Text[data-variant="body"] {
  font-size: var(--bui-font-size-3);
  line-height: 140%;
}

.bui-Text[data-variant="subtitle"] {
  font-size: var(--bui-font-size-4);
  line-height: 140%;
}

.bui-Text[data-variant="caption"] {
  font-size: var(--bui-font-size-2);
  line-height: 140%;
}

.bui-Text[data-variant="label"] {
  font-size: var(--bui-font-size-1);
  line-height: 140%;
}

.bui-Text[data-weight="regular"] {
  font-weight: var(--bui-font-weight-regular);
}

.bui-Text[data-weight="bold"] {
  font-weight: var(--bui-font-weight-bold);
}

.bui-Text[data-color="primary"] {
  color: var(--bui-fg-primary);
}

.bui-Text[data-color="secondary"] {
  color: var(--bui-fg-secondary);
}

.bui-Text[data-color="danger"] {
  color: var(--bui-fg-danger);
}

.bui-Text[data-color="warning"] {
  color: var(--bui-fg-warning);
}

.bui-Text[data-color="success"] {
  color: var(--bui-fg-success);
}

.bui-Text[data-truncate] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.bui-TextField {
  font-family: var(--bui-font-regular);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.bui-InputWrapper {
  position: relative;

  &[data-size="small"] .bui-Input {
    height: 2rem;
  }

  &[data-size="medium"] .bui-Input {
    height: 2.5rem;
  }

  &[data-size="small"] .bui-Input[data-icon] {
    padding-left: var(--bui-space-8);
  }

  &[data-size="medium"] .bui-Input[data-icon] {
    padding-left: var(--bui-space-9);
  }
}

.bui-InputIcon {
  left: var(--bui-space-3);
  margin-right: var(--bui-space-1);
  color: var(--bui-fg-primary);
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

  &[data-size="small"], &[data-size="small"] svg {
    width: 1rem;
    height: 1rem;
  }

  &[data-size="medium"], &[data-size="medium"] svg {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.bui-Input {
  padding: 0 var(--bui-space-3);
  border-radius: var(--bui-radius-3);
  border: 1px solid var(--bui-border);
  background-color: var(--bui-bg-surface-1);
  font-size: var(--bui-font-size-3);
  font-family: var(--bui-font-regular);
  font-weight: var(--bui-font-weight-regular);
  color: var(--bui-fg-primary);
  width: 100%;
  height: 100%;
  cursor: inherit;
  align-items: center;
  transition: border-color .2s ease-in-out, outline-color .2s ease-in-out;
  display: flex;

  &::-webkit-search-cancel-button, &::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  &::placeholder {
    color: var(--bui-fg-secondary);
  }

  &[data-focused] {
    outline-color: var(--bui-border-pressed);
    outline-width: 0;
  }

  &[data-hovered] {
    border-color: var(--bui-border-hover);
  }

  &[data-focused] {
    border-color: var(--bui-border-pressed);
    outline-width: 0;
  }

  &[data-invalid] {
    border-color: var(--bui-fg-danger);
  }

  &[data-disabled] {
    opacity: .5;
    cursor: not-allowed;
    border: 1px solid var(--bui-border-disabled);
  }
}

.bui-SearchField[data-empty] .bui-InputClear {
  display: none;
}

.bui-InputClear {
  cursor: pointer;
  color: var(--bui-fg-secondary);
  background-color: #0000;
  border: none;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  transition: color .2s ease-in-out;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.bui-InputClear:hover {
  color: var(--bui-fg-primary);
}

.bui-InputClear[data-size="small"] {
  width: 2rem;
  height: 2rem;
}

.bui-InputClear[data-size="medium"] {
  width: 2.5rem;
  height: 2.5rem;
}

.bui-InputClear svg {
  width: 1rem;
  height: 1rem;
}

.bui-Skeleton {
  animation: var(--bui-animate-pulse);
  background-color: var(--bui-bg-surface-2);
  border-radius: var(--bui-radius-2);
}

.bui-Skeleton[data-rounded="true"] {
  border-radius: var(--bui-radius-full);
}

.bui-Tooltip {
  background: var(--bui-bg-surface-2);
  forced-color-adjust: none;
  padding: var(--bui-space-2) var(--bui-space-3);
  max-width: 240px;
  font-size: var(--bui-font-size-3);
  font-family: var(--bui-font-regular);
  color: var(--bui-fg-primary);
  border-radius: 4px;
  outline: none;
  transition: transform .2s, opacity .2s;
  transform: translate3d(0, 0, 0);
  box-shadow: 0 8px 20px #0000001a;

  &[data-entering], &[data-exiting] {
    transform: var(--origin);
    opacity: 0;
  }

  &[data-placement="top"] {
    margin-bottom: var(--bui-space-2);
    --origin: translateY(4px);
  }

  &[data-placement="bottom"] {
    margin-top: var(--bui-space-2);
    --origin: translateY(-4px);

    & .bui-TooltipArrow svg {
      transform: rotate(180deg);
    }
  }

  &[data-placement="right"] {
    margin-left: var(--bui-space-2);
    --origin: translateX(-4px);

    & .bui-TooltipArrow svg {
      transform: rotate(90deg);
    }
  }

  &[data-placement="left"] {
    margin-right: var(--bui-space-2);
    --origin: translateX(4px);

    & .bui-TooltipArrow svg {
      transform: rotate(-90deg);
    }
  }
}

.bui-TooltipArrow svg {
  fill: var(--bui-bg-surface-1);
  display: block;
}

.bui-ScrollAreaRoot {
  box-sizing: border-box;
  width: 100%;
}

.bui-ScrollAreaViewport {
  overscroll-behavior: contain;
  height: 100%;
}

.bui-ScrollAreaContent {
  padding-block: .75rem;
  flex-direction: column;
  gap: 1rem;
  padding-left: 1rem;
  padding-right: 1.5rem;
  display: flex;
}

.bui-ScrollAreaScrollbar {
  background-color: var(--bui-scrollbar);
  opacity: 0;
  border-radius: .375rem;
  justify-content: center;
  width: .25rem;
  margin: .5rem;
  transition: opacity .15s .3s;
  display: flex;

  &[data-hovering], &[data-scrolling] {
    opacity: 1;
    transition-duration: 75ms;
    transition-delay: 0s;
  }

  &:before {
    content: "";
    width: 1.25rem;
    height: 100%;
    position: absolute;
  }
}

.bui-ScrollAreaThumb {
  border-radius: inherit;
  background-color: var(--bui-scrollbar-thumb);
  width: 100%;
}

.bui-Select[data-invalid] {
  & .bui-SelectTrigger {
    border-color: var(--bui-fg-danger);
  }
}

.bui-SelectTrigger {
  box-sizing: border-box;
  border-radius: var(--bui-radius-3);
  border: 1px solid var(--bui-border);
  background-color: var(--bui-bg-surface-1);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: var(--bui-space-2);
  max-width: 100%;
  transition: border-color .2s ease-in-out, outline-color .2s ease-in-out;
  display: flex;

  & svg {
    flex-shrink: 0;
  }

  &[data-size="small"] {
    height: 2rem;
    padding-inline: var(--bui-space-3);
  }

  &[data-size="medium"] {
    height: 3rem;
    padding-inline: var(--bui-space-4);
  }

  &[data-size="small"] svg {
    width: 1rem;
    height: 1rem;
  }

  &[data-size="medium"] svg {
    width: 1.25rem;
    height: 1.25rem;
  }

  &::placeholder {
    color: var(--bui-fg-secondary);
  }

  &:hover {
    border-color: var(--bui-border-hover);
  }

  &:focus-visible {
    border-color: var(--bui-border-pressed);
    outline: 0;
  }

  &[data-invalid] {
    border-color: var(--bui-fg-danger);
  }

  &[data-invalid]:hover, &[data-invalid]:focus-visible {
    border-width: 2px;
  }

  &[disabled] {
    cursor: not-allowed;
    border-color: var(--bui-border-disabled);
    color: var(--bui-fg-disabled);
  }

  &[disabled] .bui-SelectValue {
    color: var(--bui-fg-disabled);
  }

  &[data-popup-open] .bui-SelectIcon {
    transform: rotate(180deg);
  }
}

.bui-SelectValue {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: var(--bui-font-size-3);
  font-family: var(--bui-font-regular);
  font-weight: var(--bui-font-weight-regular);
  color: var(--bui-fg-primary);
  overflow: hidden;

  & .bui-SelectItemIndicator {
    display: none;
  }

  &[disabled] {
    color: var(--bui-fg-disabled);
  }
}

.bui-SelectItem {
  width: var(--anchor-width);
  padding-block: var(--bui-space-2);
  padding-inline: var(--bui-space-4);
  color: var(--bui-fg-primary);
  border-radius: var(--bui-radius-3);
  cursor: pointer;
  user-select: none;
  font-size: var(--bui-font-size-3);
  align-items: center;
  gap: var(--bui-space-2);
  outline: none;
  grid-template-columns: 1rem 1fr;
  grid-template-areas: "icon text";
  display: grid;
  position: relative;

  &[data-focused] {
    z-index: 0;
    color: var(--bui-fg-primary);
    position: relative;
  }

  &[data-focused]:before {
    content: "";
    z-index: -1;
    background-color: var(--bui-bg-tint-hover);
    border-radius: .25rem;
    position: absolute;
    inset-block: 0;
    inset-inline: .25rem;
  }

  &[data-disabled] {
    cursor: not-allowed;
    color: var(--bui-fg-disabled);
  }

  &[data-selected] .bui-SelectItemIndicator {
    opacity: 1;
  }
}

.bui-SelectItemIndicator {
  opacity: 0;
  grid-area: icon;
  justify-content: center;
  align-items: center;
  transition: opacity .2s ease-in-out;
  display: flex;
}

.bui-SelectItemLabel {
  flex: 1;
  grid-area: text;
}

.bui-Switch {
  align-items: center;
  gap: var(--bui-space-3);
  font-size: var(--bui-font-size-3);
  color: var(--bui-fg-primary);
  cursor: pointer;
  display: flex;
  position: relative;

  &[data-pressed] .bui-SwitchIndicator {
    &:before {
      background: var(--bui-fg-solid);
    }
  }

  &[data-selected] {
    & .bui-SwitchIndicator {
      background: var(--bui-bg-solid);

      &:before {
        background: var(--bui-fg-solid);
        transform: translateX(100%);
      }
    }

    &[data-pressed] {
      & .indicator {
        background: var(--bui-gray-3);
      }
    }
  }

  &[data-focus-visible] .bui-SwitchIndicator {
    outline-offset: 2px;
    outline: 2px solid;
  }
}

.bui-SwitchIndicator {
  background: var(--bui-gray-3);
  border: 2px;
  border-radius: 1.143rem;
  width: 2rem;
  height: 1.143rem;
  transition: all .2s;

  &:before {
    content: "";
    background: var(--bui-fg-solid);
    border-radius: 16px;
    width: .857rem;
    height: .857rem;
    margin: .143rem;
    transition: all .2s;
    display: block;
  }
}


/*# sourceMappingURL=vendor.7dda5c62.css.map*/