/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ng-select/ng-select/themes/default.theme.css ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir='rtl'] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir='rtl'] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir='rtl'] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir='rtl'] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir='rtl'] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir='rtl'] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir='rtl'] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir='rtl'] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir='rtl'] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir='rtl'] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir='rtl'] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,0.54);background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir='rtl'] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir='rtl'] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir='rtl'] .ng-dropdown-panel{direction:rtl;text-align:right}

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/base/size/size.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size-2: 0.125rem;
  --base-size-4: 0.25rem;
  --base-size-6: 0.375rem;
  --base-size-8: 0.5rem;
  --base-size-12: 0.75rem;
  --base-size-16: 1rem;
  --base-size-20: 1.25rem;
  --base-size-24: 1.5rem;
  --base-size-28: 1.75rem;
  --base-size-32: 2rem;
  --base-size-36: 2.25rem;
  --base-size-40: 2.5rem;
  --base-size-44: 2.75rem;
  --base-size-48: 3rem;
  --base-size-64: 4rem;
  --base-size-80: 5rem;
  --base-size-96: 6rem;
  --base-size-112: 7rem;
  --base-size-128: 8rem;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/base/typography/typography.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-text-weight-light: 300;
  --base-text-weight-normal: 400;
  --base-text-weight-medium: 500;
  --base-text-weight-semibold: 600;
}

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/functional/size/border.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
:root {
  --boxShadow-thin: inset 0 0 0 max(1px, 0.0625rem);
  --boxShadow-thick: inset 0 0 0 max(2px, 0.125rem);
  --boxShadow-thicker: inset 0 0 0 max(4px, 0.25rem);
  --borderWidth-thin: max(1px, 0.0625rem);
  --borderWidth-thick: max(2px, 0.125rem);
  --borderWidth-thicker: max(4px, 0.25rem);
  --borderRadius-small: 0.1875rem;
  --borderRadius-medium: 0.375rem;
  --borderRadius-large: 0.75rem;
  --borderRadius-full: 624.9375rem;
  --outline-focus-offset: -0.125rem;
  --outline-focus-width: 0.125rem;
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/functional/size/breakpoints.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
:root {
  --breakpoint-xsmall: 20rem;
  --breakpoint-small: 34rem;
  --breakpoint-medium: 48rem;
  --breakpoint-large: 63.25rem;
  --breakpoint-xlarge: 80rem;
  --breakpoint-xxlarge: 87.5rem;
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/functional/size/size-coarse.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
@media (pointer: coarse) {
  :root {
    --control-minTarget-auto: 2.75rem;
    --controlStack-small-gap-auto: 1rem;
    --controlStack-medium-gap-auto: 0.75rem;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/functional/size/size-fine.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
@media (pointer: fine) {
  :root {
    --control-minTarget-auto: 1rem;
    --controlStack-small-gap-auto: 0.5rem;
    --controlStack-medium-gap-auto: 0.5rem;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/functional/size/size.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
:root {
  --control-minTarget-fine: 1rem;
  --control-minTarget-coarse: 2.75rem;
  --control-xsmall-size: 1.5rem;
  --control-xsmall-lineBoxHeight: 1.25rem;
  --control-xsmall-paddingBlock: 0.125rem;
  --control-xsmall-paddingInline-condensed: 0.25rem;
  --control-xsmall-paddingInline-normal: 0.5rem;
  --control-xsmall-paddingInline-spacious: 0.75rem;
  --control-xsmall-gap: 0.25rem;
  --control-small-size: 1.75rem;
  --control-small-lineBoxHeight: 1.25rem;
  --control-small-paddingBlock: 0.25rem;
  --control-small-paddingInline-condensed: 0.5rem;
  --control-small-paddingInline-normal: 0.75rem;
  --control-small-gap: 0.25rem;
  --control-medium-size: 2rem;
  --control-medium-lineBoxHeight: 1.25rem;
  --control-medium-paddingBlock: 0.375rem;
  --control-medium-paddingInline-condensed: 0.5rem;
  --control-medium-paddingInline-normal: 0.75rem;
  --control-medium-paddingInline-spacious: 1rem;
  --control-medium-gap: 0.5rem;
  --control-large-size: 2.5rem;
  --control-large-lineBoxHeight: 1.25rem;
  --control-large-paddingBlock: 0.625rem;
  --control-large-paddingInline-normal: 0.75rem;
  --control-large-paddingInline-spacious: 1rem;
  --control-large-gap: 0.5rem;
  --control-xlarge-size: 3rem;
  --control-xlarge-lineBoxHeight: 1.25rem;
  --control-xlarge-paddingBlock: 0.875rem;
  --control-xlarge-paddingInline-normal: 0.75rem;
  --control-xlarge-paddingInline-spacious: 1rem;
  --control-xlarge-gap: 0.5rem;
  --controlStack-small-gap-condensed: 0.5rem;
  --controlStack-small-gap-spacious: 1rem;
  --controlStack-medium-gap-condensed: 0.5rem;
  --controlStack-medium-gap-spacious: 0.75rem;
  --controlStack-large-gap-auto: 0.5rem;
  --controlStack-large-gap-condensed: 0.5rem;
  --controlStack-large-gap-spacious: 0.75rem;
  --space-xxsmall: 0.125rem;
  --space-xsmall: 0.25rem;
  --space-small: 0.375rem;
  --space-medium: 0.5rem;
  --space-large: 0.75rem;
  --space-xlarge: 1rem;
  --spinner-strokeWidth-default: 0.125rem;
  --spinner-size-small: 1rem;
  --spinner-size-medium: 2rem;
  --spinner-size-large: 4rem;
  --stack-padding-condensed: 0.5rem;
  --stack-padding-normal: 1rem;
  --stack-padding-spacious: 1.5rem;
  --stack-gap-condensed: 0.5rem;
  --stack-gap-normal: 1rem;
  --stack-gap-spacious: 1.5rem;
  --overlay-width-xsmall: 12rem;
  --overlay-width-small: 20rem;
  --overlay-width-medium: 30rem;
  --overlay-width-large: 40rem;
  --overlay-width-xlarge: 60rem;
  --overlay-height-small: 16rem;
  --overlay-height-medium: 20rem;
  --overlay-height-large: 27rem;
  --overlay-height-xlarge: 37.5rem;
  --overlay-padding-normal: 1rem;
  --overlay-padding-condensed: 0.5rem;
  --overlay-paddingBlock-condensed: 0.25rem;
  --overlay-paddingBlock-normal: 0.75rem;
  --overlay-borderRadius: 0.375rem;
  --overlay-offset: 0.25rem;
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/functional/size/viewport.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
@custom-media --viewportRange-narrow (max-width: calc(48rem - 0.02px));
@custom-media --viewportRange-narrowLandscape (max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape));
@custom-media --viewportRange-regular (min-width: 48rem);
@custom-media --viewportRange-wide (min-width: 87.5rem);
@custom-media --viewportRange-portrait (orientation: portrait);
@custom-media --viewportRange-landscape (orientation: landscape);

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/functional/typography/typography.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --text-codeInline-size: 0.9285em;
  --text-codeBlock-lineHeight: 1.5385;
  --text-codeBlock-size: 0.8125rem;
  --text-caption-lineHeight: 1.3333;
  --text-caption-size: 0.75rem;
  --text-body-lineHeight-small: 1.6666;
  --text-body-lineHeight-medium: 1.4285;
  --text-body-lineHeight-large: 1.5;
  --text-body-size-small: 0.75rem;
  --text-body-size-medium: 0.875rem;
  --text-body-size-large: 1rem;
  --text-subtitle-lineHeight: 1.6;
  --text-subtitle-size: 1.25rem;
  --text-title-lineHeight-small: 1.5;
  --text-title-lineHeight-medium: 1.6;
  --text-title-lineHeight-large: 1.5;
  --text-title-size-small: 1rem;
  --text-title-size-medium: 1.25rem;
  --text-title-size-large: 2rem;
  --text-display-lineHeight: 1.4;
  --text-display-size: 2.5rem;
  --text-display-lineBoxHeight: 1.4;
  --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  --fontStack-sansSerifDisplay: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --fontStack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --text-codeInline-weight: var(--base-text-weight-normal);
  --text-codeBlock-weight: var(--base-text-weight-normal);
  --text-caption-weight: var(--base-text-weight-normal);
  --text-body-weight: var(--base-text-weight-normal);
  --text-subtitle-weight: var(--base-text-weight-normal);
  --text-title-weight-small: var(--base-text-weight-semibold);
  --text-title-weight-medium: var(--base-text-weight-semibold);
  --text-title-weight-large: var(--base-text-weight-semibold);
  --text-display-weight: var(--base-text-weight-medium);
  --text-codeInline-shorthand: var(--text-codeInline-weight) var(--text-codeInline-size) var(--fontStack-monospace);
  --text-codeBlock-shorthand: var(--text-codeBlock-weight) var(--text-codeBlock-size) / var(--text-codeBlock-lineHeight) var(--fontStack-monospace);
  --text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size) / var(--text-caption-lineHeight) var(--fontStack-sansSerif);
  --text-body-shorthand-small: var(--text-body-weight) var(--text-body-size-small) / var(--text-body-lineHeight-small) var(--fontStack-sansSerif);
  --text-body-shorthand-medium: var(--text-body-weight) var(--text-body-size-medium) / var(--text-body-lineHeight-medium) var(--fontStack-sansSerif);
  --text-body-shorthand-large: var(--text-body-weight) var(--text-body-size-large) / var(--text-body-lineHeight-large) var(--fontStack-sansSerif);
  --text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size) / var(--text-subtitle-lineHeight) var(--fontStack-sansSerifDisplay);
  --text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small) / var(--text-title-lineHeight-small) var(--fontStack-sansSerif);
  --text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium) / var(--text-title-lineHeight-medium) var(--fontStack-sansSerifDisplay);
  --text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large) / var(--text-title-lineHeight-large) var(--fontStack-sansSerifDisplay);
  --text-display-shorthand: var(--text-display-weight) var(--text-display-size) / var(--text-display-lineHeight) var(--fontStack-sansSerifDisplay);
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/functional/themes/dark-colorblind.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
[data-color-mode="dark"][data-dark-theme="dark_colorblind"],
[data-color-mode="dark"][data-dark-theme="dark_colorblind"] ::backdrop,
[data-color-mode="auto"][data-light-theme="dark_colorblind"],
[data-color-mode="auto"][data-light-theme="dark_colorblind"] ::backdrop {
  --topicTag-borderColor: #00000000;
  --highlight-neutral-bgColor: #d2992266;
  --page-header-bgColor: #0d1117;
  --diffBlob-addition-fgColor-text: #e6edf3;
  --diffBlob-addition-fgColor-num: #e6edf3;
  --diffBlob-addition-bgColor-num: #58a6ff4d;
  --diffBlob-addition-bgColor-line: #388bfd26;
  --diffBlob-addition-bgColor-word: #388bfd66;
  --diffBlob-deletion-fgColor-text: #e6edf3;
  --diffBlob-deletion-fgColor-num: #e6edf3;
  --diffBlob-deletion-bgColor-num: #db6d284d;
  --diffBlob-deletion-bgColor-line: #db6d2826;
  --diffBlob-deletion-bgColor-word: #db6d2866;
  --diffBlob-hunk-bgColor-num: #388bfd66;
  --diffBlob-expander-iconColor: #8d96a0;
  --codeMirror-fgColor: #e6edf3;
  --codeMirror-bgColor: #0d1117;
  --codeMirror-gutters-bgColor: #0d1117;
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
  --codeMirror-gutterMarker-fgColor-muted: #8d96a0;
  --codeMirror-lineNumber-fgColor: #8d96a0;
  --codeMirror-cursor-fgColor: #e6edf3;
  --codeMirror-selection-bgColor: #388bfd66;
  --codeMirror-activeline-bgColor: #6e768166;
  --codeMirror-matchingBracket-fgColor: #e6edf3;
  --codeMirror-lines-bgColor: #0d1117;
  --codeMirror-syntax-fgColor-comment: #8b949e;
  --codeMirror-syntax-fgColor-constant: #79c0ff;
  --codeMirror-syntax-fgColor-entity: #d2a8ff;
  --codeMirror-syntax-fgColor-keyword: #f0883e;
  --codeMirror-syntax-fgColor-storage: #f0883e;
  --codeMirror-syntax-fgColor-string: #a5d6ff;
  --codeMirror-syntax-fgColor-support: #79c0ff;
  --codeMirror-syntax-fgColor-variable: #ffa657;
  --header-fgColor-default: #ffffffb3;
  --header-fgColor-logo: #f0f6fc;
  --header-bgColor: #161b22f2;
  --header-borderColor-divider: #8b949e;
  --headerSearch-bgColor: #0d1117;
  --headerSearch-borderColor: #30363d;
  --data-blue-color: #0576ff;
  --data-blue-color-muted: #001a47;
  --data-auburn-color: #a86f6b;
  --data-auburn-color-muted: #271817;
  --data-orange-color: #984b10;
  --data-orange-color-muted: #311708;
  --data-yellow-color: #895906;
  --data-yellow-color-muted: #2e1a00;
  --data-green-color: #2f6f37;
  --data-green-color-muted: #122117;
  --data-teal-color: #106c70;
  --data-teal-color-muted: #041f25;
  --data-purple-color: #975bf1;
  --data-purple-color-muted: #211047;
  --data-pink-color: #d34591;
  --data-pink-color-muted: #2d1524;
  --data-red-color: #eb3342;
  --data-red-color-muted: #3c0614;
  --data-gray-color: #576270;
  --data-gray-color-muted: #1c1c1c;
  --display-blue-bgColor-muted: #001a47;
  --display-blue-bgColor-emphasis: #0576ff;
  --display-blue-fgColor: #4da0ff;
  --display-blue-borderColor-muted: #002766;
  --display-blue-borderColor-emphasis: #0576ff;
  --display-green-bgColor-muted: #122117;
  --display-green-bgColor-emphasis: #388f3f;
  --display-green-fgColor: #41b445;
  --display-green-borderColor-muted: #182f1f;
  --display-green-borderColor-emphasis: #388f3f;
  --display-orange-bgColor-muted: #311708;
  --display-orange-bgColor-emphasis: #c46212;
  --display-orange-fgColor: #ed8326;
  --display-orange-borderColor-muted: #43200a;
  --display-orange-borderColor-emphasis: #c46212;
  --display-purple-bgColor-muted: #211047;
  --display-purple-bgColor-emphasis: #975bf1;
  --display-purple-fgColor: #b687f7;
  --display-purple-borderColor-muted: #31146b;
  --display-purple-borderColor-emphasis: #975bf1;
  --display-plum-bgColor-muted: #2a0e3f;
  --display-plum-bgColor-emphasis: #b643ef;
  --display-plum-fgColor: #d07ef7;
  --display-plum-borderColor-muted: #40125e;
  --display-plum-borderColor-emphasis: #b643ef;
  --display-red-bgColor-muted: #3c0614;
  --display-red-bgColor-emphasis: #eb3342;
  --display-red-fgColor: #f27d83;
  --display-red-borderColor-muted: #58091a;
  --display-red-borderColor-emphasis: #eb3342;
  --display-coral-bgColor-muted: #3c0614;
  --display-coral-bgColor-emphasis: #eb3342;
  --display-coral-fgColor: #f27d83;
  --display-coral-borderColor-muted: #58091a;
  --display-coral-borderColor-emphasis: #eb3342;
  --display-yellow-bgColor-muted: #2e1a00;
  --display-yellow-bgColor-emphasis: #aa7109;
  --display-yellow-fgColor: #d3910d;
  --display-yellow-borderColor-muted: #3d2401;
  --display-yellow-borderColor-emphasis: #aa7109;
  --display-gray-bgColor-muted: #1c1c1c;
  --display-gray-bgColor-emphasis: #6e7f96;
  --display-gray-fgColor: #92a1b5;
  --display-gray-borderColor-muted: #2a2b2d;
  --display-gray-borderColor-emphasis: #6e7f96;
  --display-auburn-bgColor-muted: #271817;
  --display-auburn-bgColor-emphasis: #a86f6b;
  --display-auburn-fgColor: #bf9592;
  --display-auburn-borderColor-muted: #3a2422;
  --display-auburn-borderColor-emphasis: #a86f6b;
  --display-brown-bgColor-muted: #241c14;
  --display-brown-bgColor-emphasis: #94774c;
  --display-brown-fgColor: #b69a6d;
  --display-brown-borderColor-muted: #342a1d;
  --display-brown-borderColor-emphasis: #94774c;
  --display-lemon-bgColor-muted: #291d00;
  --display-lemon-bgColor-emphasis: #977b0c;
  --display-lemon-fgColor: #ba9b12;
  --display-lemon-borderColor-muted: #372901;
  --display-lemon-borderColor-emphasis: #977b0c;
  --display-olive-bgColor-muted: #171e0b;
  --display-olive-bgColor-emphasis: #7a8321;
  --display-olive-fgColor: #a2a626;
  --display-olive-borderColor-muted: #252d10;
  --display-olive-borderColor-emphasis: #7a8321;
  --display-lime-bgColor-muted: #141f0f;
  --display-lime-bgColor-emphasis: #5f892f;
  --display-lime-fgColor: #7dae37;
  --display-lime-borderColor-muted: #1f3116;
  --display-lime-borderColor-emphasis: #5f892f;
  --display-pine-bgColor-muted: #082119;
  --display-pine-bgColor-emphasis: #18915e;
  --display-pine-fgColor: #1bb673;
  --display-pine-borderColor-muted: #0b3224;
  --display-pine-borderColor-emphasis: #18915e;
  --display-teal-bgColor-muted: #041f25;
  --display-teal-bgColor-emphasis: #158a8a;
  --display-teal-fgColor: #1cb0ab;
  --display-teal-borderColor-muted: #073036;
  --display-teal-borderColor-emphasis: #158a8a;
  --display-cyan-bgColor-muted: #001f29;
  --display-cyan-bgColor-emphasis: #0587b3;
  --display-cyan-fgColor: #07ace4;
  --display-cyan-borderColor-muted: #002e3d;
  --display-cyan-borderColor-emphasis: #0587b3;
  --display-indigo-bgColor-muted: #1b183f;
  --display-indigo-bgColor-emphasis: #7070e1;
  --display-indigo-fgColor: #9899ec;
  --display-indigo-borderColor-muted: #25215f;
  --display-indigo-borderColor-emphasis: #7070e1;
  --display-pink-bgColor-muted: #2d1524;
  --display-pink-bgColor-emphasis: #d34591;
  --display-pink-fgColor: #e57bb2;
  --display-pink-borderColor-muted: #451c35;
  --display-pink-borderColor-emphasis: #d34591;
  --avatar-bgColor: #ffffff1a;
  --avatar-borderColor: #ffffff26;
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
  --avatarStack-fade-bgColor-default: #30363d;
  --avatarStack-fade-bgColor-muted: #21262d;
  --control-bgColor-rest: #21262d;
  --control-bgColor-hover: #292e36;
  --control-bgColor-active: #31363e;
  --control-bgColor-disabled: #21262db3;
  --control-bgColor-selected: #161b22;
  --control-fgColor-rest: #c9d1d9;
  --control-fgColor-placeholder: #858e98;
  --control-fgColor-disabled: #6e7681;
  --control-borderColor-rest: #30363d;
  --control-borderColor-emphasis: #666e79;
  --control-borderColor-disabled: #21262db3;
  --control-borderColor-selected: #f0f6fc;
  --control-borderColor-success: #1f6feb;
  --control-borderColor-danger: #bd561d;
  --control-borderColor-warning: #9e6a03;
  --control-iconColor-rest: #8d96a0;
  --control-transparent-bgColor-rest: #00000000;
  --control-transparent-bgColor-hover: #b1bac41f;
  --control-transparent-bgColor-active: #b1bac433;
  --control-transparent-bgColor-disabled: #21262db3;
  --control-transparent-bgColor-selected: #b1bac414;
  --control-transparent-borderColor-rest: #00000000;
  --control-transparent-borderColor-hover: #00000000;
  --control-transparent-borderColor-active: #00000000;
  --control-danger-fgColor-rest: #db6d28;
  --control-danger-fgColor-hover: #f0883e;
  --control-danger-bgColor-hover: #db6d281a;
  --control-danger-bgColor-active: #db6d2866;
  --control-checked-bgColor-rest: #1f6feb;
  --control-checked-bgColor-hover: #2a7aef;
  --control-checked-bgColor-active: #3685f3;
  --control-checked-bgColor-disabled: #6e7681;
  --control-checked-fgColor-rest: #ffffff;
  --control-checked-fgColor-disabled: #010409;
  --control-checked-borderColor-rest: #1f6feb;
  --control-checked-borderColor-hover: #2a7aef;
  --control-checked-borderColor-active: #3685f3;
  --control-checked-borderColor-disabled: #6e7681;
  --controlTrack-bgColor-rest: #21262d;
  --controlTrack-bgColor-hover: #292e36;
  --controlTrack-bgColor-active: #31363e;
  --controlTrack-bgColor-disabled: #6e7681;
  --controlTrack-fgColor-rest: #8d96a0;
  --controlTrack-fgColor-disabled: #ffffff;
  --controlTrack-borderColor-rest: #00000000;
  --controlTrack-borderColor-disabled: #6e7681;
  --controlKnob-bgColor-rest: #010409;
  --controlKnob-bgColor-disabled: #21262db3;
  --controlKnob-bgColor-checked: #ffffff;
  --controlKnob-borderColor-rest: #666e79;
  --controlKnob-borderColor-disabled: #21262db3;
  --controlKnob-borderColor-checked: #1f6feb;
  --counter-borderColor: #00000000;
  --button-default-fgColor-rest: #c9d1d9;
  --button-default-bgColor-rest: #21262d;
  --button-default-bgColor-hover: #292e36;
  --button-default-bgColor-active: #31363e;
  --button-default-bgColor-selected: #31363e;
  --button-default-bgColor-disabled: #21262db3;
  --button-default-borderColor-rest: #30363d;
  --button-default-borderColor-hover: #30363d;
  --button-default-borderColor-active: #30363d;
  --button-default-borderColor-disabled: #21262db3;
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
  --button-primary-fgColor-rest: #ffffff;
  --button-primary-fgColor-disabled: #ffffff66;
  --button-primary-iconColor-rest: #ffffff;
  --button-primary-bgColor-rest: #1f6feb;
  --button-primary-bgColor-hover: #2a7aef;
  --button-primary-bgColor-active: #3685f3;
  --button-primary-bgColor-disabled: #1158c7;
  --button-primary-borderColor-rest: #f0f6fc1a;
  --button-primary-borderColor-hover: #f0f6fc1a;
  --button-primary-borderColor-active: #f0f6fc1a;
  --button-primary-borderColor-disabled: #1158c7;
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
  --button-invisible-fgColor-rest: #4493f8;
  --button-invisible-fgColor-hover: #58a6ff;
  --button-invisible-fgColor-disabled: #6e7681;
  --button-invisible-iconColor-rest: #8d96a0;
  --button-invisible-iconColor-hover: #e6edf3;
  --button-invisible-iconColor-disabled: #6e7681;
  --button-invisible-bgColor-rest: #00000000;
  --button-invisible-bgColor-hover: #b1bac41f;
  --button-invisible-bgColor-active: #b1bac433;
  --button-invisible-bgColor-disabled: #21262db3;
  --button-invisible-borderColor-rest: #00000000;
  --button-invisible-borderColor-hover: #00000000;
  --button-invisible-borderColor-disabled: #21262db3;
  --button-outline-fgColor-rest: #388bfd;
  --button-outline-fgColor-hover: #58a6ff;
  --button-outline-fgColor-active: #ffffff;
  --button-outline-fgColor-disabled: #4493f880;
  --button-outline-bgColor-rest: #f0f6fc;
  --button-outline-bgColor-hover: #30363d;
  --button-outline-bgColor-active: #0d419d;
  --button-outline-bgColor-disabled: #0d1117;
  --button-outline-borderColor-hover: #f0f6fc1a;
  --button-outline-borderColor-selected: #f0f6fc1a;
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
  --button-danger-fgColor-rest: #db6d28;
  --button-danger-fgColor-hover: #ffffff;
  --button-danger-fgColor-active: #ffffff;
  --button-danger-fgColor-disabled: #db6d2880;
  --button-danger-iconColor-rest: #db6d28;
  --button-danger-iconColor-hover: #ffffff;
  --button-danger-bgColor-rest: #21262d;
  --button-danger-bgColor-hover: #9b4215;
  --button-danger-bgColor-active: #b5531d;
  --button-danger-bgColor-disabled: #21262db3;
  --button-danger-borderColor-rest: #30363d;
  --button-danger-borderColor-hover: #f0f6fc1a;
  --button-danger-borderColor-active: #f0f6fc1a;
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
  --button-inactive-fgColor: #8b949e;
  --button-inactive-bgColor: #21262d;
  --button-star-iconColor: #e3b341;
  --buttonCounter-default-bgColor-rest: #30363d;
  --buttonCounter-invisible-bgColor-rest: #30363d;
  --buttonCounter-primary-bgColor-rest: #04260f33;
  --buttonCounter-outline-bgColor-rest: #051d4d33;
  --buttonCounter-outline-bgColor-hover: #051d4d33;
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
  --buttonCounter-outline-fgColor-rest: #388bfd;
  --buttonCounter-outline-fgColor-hover: #58a6ff;
  --buttonCounter-outline-fgColor-disabled: #4493f880;
  --buttonCounter-danger-bgColor-hover: #ffffff33;
  --buttonCounter-danger-bgColor-disabled: #bd561d0d;
  --buttonCounter-danger-bgColor-rest: #49020233;
  --buttonCounter-danger-fgColor-rest: #db6d28;
  --buttonCounter-danger-fgColor-hover: #ffffff;
  --buttonCounter-danger-fgColor-disabled: #db6d2880;
  --reactionButton-selected-bgColor-rest: #388bfd33;
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
  --reactionButton-selected-fgColor-rest: #4493f8;
  --reactionButton-selected-fgColor-hover: #79c0ff;
  --focus-outlineColor: #1f6feb;
  --menu-bgColor-active: #161b22;
  --overlay-bgColor: #161b22;
  --overlay-borderColor: #30363db3;
  --overlay-backdrop-bgColor: #161b2266;
  --selectMenu-borderColor: #484f58;
  --selectMenu-bgColor-active: #0c2d6b;
  --sideNav-bgColor-selected: #21262d;
  --skeletonLoader-bgColor: #161b22;
  --timelineBadge-bgColor: #21262d;
  --treeViewItem-leadingVisual-iconColor-rest: #8d96a0;
  --underlineNav-borderColor-active: #f78166;
  --underlineNav-borderColor-hover: #6e768166;
  --underlineNav-iconColor-rest: #8d96a0;
  --selection-bgColor: #1f6febb3;
  --card-bgColor: #161b22;
  --label-green-bgColor-rest: #122117;
  --label-green-bgColor-hover: #182f1f;
  --label-green-bgColor-active: #214529;
  --label-green-fgColor-rest: #41b445;
  --label-green-fgColor-hover: #46c144;
  --label-green-fgColor-active: #75d36f;
  --label-orange-bgColor-rest: #311708;
  --label-orange-bgColor-hover: #43200a;
  --label-orange-bgColor-active: #632f0d;
  --label-orange-fgColor-rest: #ed8326;
  --label-orange-fgColor-hover: #f1933b;
  --label-orange-fgColor-active: #f6b06a;
  --label-purple-bgColor-rest: #211047;
  --label-purple-bgColor-hover: #31146b;
  --label-purple-bgColor-active: #481a9e;
  --label-purple-fgColor-rest: #b687f7;
  --label-purple-fgColor-hover: #c398fb;
  --label-purple-fgColor-active: #d2affd;
  --label-red-bgColor-rest: #3c0614;
  --label-red-bgColor-hover: #58091a;
  --label-red-bgColor-active: #790c20;
  --label-red-fgColor-rest: #f27d83;
  --label-red-fgColor-hover: #f48b8d;
  --label-red-fgColor-active: #f7adab;
  --label-yellow-bgColor-rest: #2e1a00;
  --label-yellow-bgColor-hover: #3d2401;
  --label-yellow-bgColor-active: #5a3702;
  --label-yellow-fgColor-rest: #d3910d;
  --label-yellow-fgColor-hover: #df9e11;
  --label-yellow-fgColor-active: #edb431;
  --label-gray-bgColor-rest: #1c1c1c;
  --label-gray-bgColor-hover: #2a2b2d;
  --label-gray-bgColor-active: #393d41;
  --label-gray-fgColor-rest: #92a1b5;
  --label-gray-fgColor-hover: #9babbf;
  --label-gray-fgColor-active: #b3c0d1;
  --label-auburn-bgColor-rest: #271817;
  --label-auburn-bgColor-hover: #3a2422;
  --label-auburn-bgColor-active: #543331;
  --label-auburn-fgColor-rest: #bf9592;
  --label-auburn-fgColor-hover: #c6a19f;
  --label-auburn-fgColor-active: #d4b7b5;
  --label-brown-bgColor-rest: #241c14;
  --label-brown-bgColor-hover: #342a1d;
  --label-brown-bgColor-active: #483a28;
  --label-brown-fgColor-rest: #b69a6d;
  --label-brown-fgColor-hover: #bfa77d;
  --label-brown-fgColor-active: #cdbb98;
  --label-lemon-bgColor-rest: #291d00;
  --label-lemon-bgColor-hover: #372901;
  --label-lemon-bgColor-active: #4f3c02;
  --label-lemon-fgColor-rest: #ba9b12;
  --label-lemon-fgColor-hover: #c4a717;
  --label-lemon-fgColor-active: #d7bc1d;
  --label-olive-bgColor-rest: #171e0b;
  --label-olive-bgColor-hover: #252d10;
  --label-olive-bgColor-active: #374115;
  --label-olive-fgColor-rest: #a2a626;
  --label-olive-fgColor-hover: #b2af24;
  --label-olive-fgColor-active: #cbc025;
  --label-lime-bgColor-rest: #141f0f;
  --label-lime-bgColor-hover: #1f3116;
  --label-lime-bgColor-active: #2c441d;
  --label-lime-fgColor-rest: #7dae37;
  --label-lime-fgColor-hover: #89ba36;
  --label-lime-fgColor-active: #9fcc3e;
  --label-pine-bgColor-rest: #082119;
  --label-pine-bgColor-hover: #0b3224;
  --label-pine-bgColor-active: #0e4430;
  --label-pine-fgColor-rest: #1bb673;
  --label-pine-fgColor-hover: #1ac176;
  --label-pine-fgColor-active: #1bda81;
  --label-teal-bgColor-rest: #041f25;
  --label-teal-bgColor-hover: #073036;
  --label-teal-bgColor-active: #0a464d;
  --label-teal-fgColor-rest: #1cb0ab;
  --label-teal-fgColor-hover: #1fbdb2;
  --label-teal-fgColor-active: #24d6c4;
  --label-cyan-bgColor-rest: #001f29;
  --label-cyan-bgColor-hover: #002e3d;
  --label-cyan-bgColor-active: #014156;
  --label-cyan-fgColor-rest: #07ace4;
  --label-cyan-fgColor-hover: #09b7f1;
  --label-cyan-fgColor-active: #45cbf7;
  --label-indigo-bgColor-rest: #1b183f;
  --label-indigo-bgColor-hover: #25215f;
  --label-indigo-bgColor-active: #312c90;
  --label-indigo-fgColor-rest: #9899ec;
  --label-indigo-fgColor-hover: #a2a5f1;
  --label-indigo-fgColor-active: #b7baf6;
  --label-blue-bgColor-rest: #001a47;
  --label-blue-bgColor-hover: #002766;
  --label-blue-bgColor-active: #00378a;
  --label-blue-fgColor-rest: #4da0ff;
  --label-blue-fgColor-hover: #61adff;
  --label-blue-fgColor-active: #85c2ff;
  --label-plum-bgColor-rest: #2a0e3f;
  --label-plum-bgColor-hover: #40125e;
  --label-plum-bgColor-active: #5c1688;
  --label-plum-fgColor-rest: #d07ef7;
  --label-plum-fgColor-hover: #d889fa;
  --label-plum-fgColor-active: #e4a5fd;
  --label-pink-bgColor-rest: #2d1524;
  --label-pink-bgColor-hover: #451c35;
  --label-pink-bgColor-active: #65244a;
  --label-pink-fgColor-rest: #e57bb2;
  --label-pink-fgColor-hover: #ec8dbd;
  --label-pink-fgColor-active: #f4a9cd;
  --label-coral-bgColor-rest: #351008;
  --label-coral-bgColor-hover: #51180b;
  --label-coral-bgColor-active: #72220d;
  --label-coral-fgColor-rest: #f7794b;
  --label-coral-fgColor-hover: #fa8c61;
  --label-coral-fgColor-active: #fdaa86;
  --fgColor-default: #e6edf3;
  --fgColor-muted: #8d96a0;
  --fgColor-onEmphasis: #ffffff;
  --fgColor-white: #ffffff;
  --fgColor-black: #010409;
  --fgColor-disabled: #6e7681;
  --fgColor-link: #4493f8;
  --fgColor-neutral: #6e7681;
  --fgColor-accent: #4493f8;
  --fgColor-success: #58a6ff;
  --fgColor-attention: #d29922;
  --fgColor-severe: #db6d28;
  --fgColor-danger: #db6d28;
  --fgColor-open: #f0883e;
  --fgColor-closed: #8b949e;
  --fgColor-done: #ab7df8;
  --fgColor-upsell: #ab7df8;
  --fgColor-sponsors: #db61a2;
  --bgColor-default: #0d1117;
  --bgColor-muted: #161b22;
  --bgColor-inset: #010409;
  --bgColor-emphasis: #6e7681;
  --bgColor-inverse: #ffffff;
  --bgColor-white: #ffffff;
  --bgColor-black: #010409;
  --bgColor-disabled: #21262db3;
  --bgColor-transparent: #00000000;
  --bgColor-neutral-muted: #6e768166;
  --bgColor-neutral-emphasis: #6e7681;
  --bgColor-accent-muted: #388bfd1a;
  --bgColor-accent-emphasis: #1f6feb;
  --bgColor-success-muted: #388bfd26;
  --bgColor-success-emphasis: #1f6feb;
  --bgColor-attention-muted: #bb800926;
  --bgColor-attention-emphasis: #9e6a03;
  --bgColor-severe-muted: #db6d281a;
  --bgColor-severe-emphasis: #bd561d;
  --bgColor-danger-muted: #db6d281a;
  --bgColor-danger-emphasis: #bd561d;
  --bgColor-open-muted: #db6d2866;
  --bgColor-open-emphasis: #bd561d;
  --bgColor-closed-muted: #6e768166;
  --bgColor-closed-emphasis: #6e7681;
  --bgColor-done-muted: #ab7df826;
  --bgColor-done-emphasis: #8957e5;
  --bgColor-upsell-muted: #ab7df826;
  --bgColor-upsell-emphasis: #8957e5;
  --bgColor-sponsors-muted: #db61a21a;
  --bgColor-sponsors-emphasis: #bf4b8a;
  --borderColor-default: #30363d;
  --borderColor-muted: #30363db3;
  --borderColor-emphasis: #484f58;
  --borderColor-disabled: #21262db3;
  --borderColor-transparent: #00000000;
  --borderColor-translucent: #ffffff26;
  --borderColor-neutral-muted: #6e768166;
  --borderColor-neutral-emphasis: #6e7681;
  --borderColor-accent-muted: #388bfd66;
  --borderColor-accent-emphasis: #1f6feb;
  --borderColor-success-muted: #388bfd66;
  --borderColor-success-emphasis: #1f6feb;
  --borderColor-attention-muted: #bb800966;
  --borderColor-attention-emphasis: #9e6a03;
  --borderColor-severe-muted: #db6d2866;
  --borderColor-severe-emphasis: #bd561d;
  --borderColor-danger-muted: #db6d2866;
  --borderColor-danger-emphasis: #bd561d;
  --borderColor-open-muted: #db6d2866;
  --borderColor-open-emphasis: #db6d28;
  --borderColor-closed-muted: #6e768166;
  --borderColor-closed-emphasis: #6e7681;
  --borderColor-done-muted: #ab7df866;
  --borderColor-done-emphasis: #8957e5;
  --borderColor-upsell-muted: #ab7df866;
  --borderColor-upsell-emphasis: #8957e5;
  --borderColor-sponsors-muted: #db61a266;
  --borderColor-sponsors-emphasis: #bf4b8a;
  --color-ansi-black: #484f58;
  --color-ansi-black-bright: #6e7681;
  --color-ansi-white: #b1bac4;
  --color-ansi-white-bright: #ffffff;
  --color-ansi-gray: #6e7681;
  --color-ansi-red: #f0883e;
  --color-ansi-red-bright: #ffa657;
  --color-ansi-green: #58a6ff;
  --color-ansi-green-bright: #79c0ff;
  --color-ansi-yellow: #d29922;
  --color-ansi-yellow-bright: #e3b341;
  --color-ansi-blue: #58a6ff;
  --color-ansi-blue-bright: #79c0ff;
  --color-ansi-magenta: #be8fff;
  --color-ansi-magenta-bright: #d2a8ff;
  --color-ansi-cyan: #39c5cf;
  --color-ansi-cyan-bright: #56d4dd;
  --color-prettylights-syntax-comment: #8b949e;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
  --color-prettylights-syntax-entity-tag: #a5d6ff;
  --color-prettylights-syntax-keyword: #f0883e;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-variable: #ffa657;
  --color-prettylights-syntax-brackethighlighter-unmatched: #db6d28;
  --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
  --color-prettylights-syntax-invalid-illegal-bg: #762d0a;
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
  --color-prettylights-syntax-carriage-return-bg: #9b4215;
  --color-prettylights-syntax-string-regexp: #a5d6ff;
  --color-prettylights-syntax-markup-list: #f2cc60;
  --color-prettylights-syntax-markup-heading: #1f6feb;
  --color-prettylights-syntax-markup-italic: #c9d1d9;
  --color-prettylights-syntax-markup-bold: #c9d1d9;
  --color-prettylights-syntax-markup-deleted-text: #ffdfb6;
  --color-prettylights-syntax-markup-deleted-bg: #5a1e02;
  --color-prettylights-syntax-markup-inserted-text: #cae8ff;
  --color-prettylights-syntax-markup-inserted-bg: #0c2d6b;
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
  --shadow-resting-small: 0px 1px 0px 0px #01040966;
  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
  --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
  --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
  --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
  --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
  --outline-focus: #1f6feb solid 2px;
}
@media (prefers-color-scheme: dark) {
  [data-color-mode="auto"][data-dark-theme="dark_colorblind"],
  [data-color-mode="auto"][data-dark-theme="dark_colorblind"] ::backdrop {
    --topicTag-borderColor: #00000000;
    --highlight-neutral-bgColor: #d2992266;
    --page-header-bgColor: #0d1117;
    --diffBlob-addition-fgColor-text: #e6edf3;
    --diffBlob-addition-fgColor-num: #e6edf3;
    --diffBlob-addition-bgColor-num: #58a6ff4d;
    --diffBlob-addition-bgColor-line: #388bfd26;
    --diffBlob-addition-bgColor-word: #388bfd66;
    --diffBlob-deletion-fgColor-text: #e6edf3;
    --diffBlob-deletion-fgColor-num: #e6edf3;
    --diffBlob-deletion-bgColor-num: #db6d284d;
    --diffBlob-deletion-bgColor-line: #db6d2826;
    --diffBlob-deletion-bgColor-word: #db6d2866;
    --diffBlob-hunk-bgColor-num: #388bfd66;
    --diffBlob-expander-iconColor: #8d96a0;
    --codeMirror-fgColor: #e6edf3;
    --codeMirror-bgColor: #0d1117;
    --codeMirror-gutters-bgColor: #0d1117;
    --codeMirror-gutterMarker-fgColor-default: #0d1117;
    --codeMirror-gutterMarker-fgColor-muted: #8d96a0;
    --codeMirror-lineNumber-fgColor: #8d96a0;
    --codeMirror-cursor-fgColor: #e6edf3;
    --codeMirror-selection-bgColor: #388bfd66;
    --codeMirror-activeline-bgColor: #6e768166;
    --codeMirror-matchingBracket-fgColor: #e6edf3;
    --codeMirror-lines-bgColor: #0d1117;
    --codeMirror-syntax-fgColor-comment: #8b949e;
    --codeMirror-syntax-fgColor-constant: #79c0ff;
    --codeMirror-syntax-fgColor-entity: #d2a8ff;
    --codeMirror-syntax-fgColor-keyword: #f0883e;
    --codeMirror-syntax-fgColor-storage: #f0883e;
    --codeMirror-syntax-fgColor-string: #a5d6ff;
    --codeMirror-syntax-fgColor-support: #79c0ff;
    --codeMirror-syntax-fgColor-variable: #ffa657;
    --header-fgColor-default: #ffffffb3;
    --header-fgColor-logo: #f0f6fc;
    --header-bgColor: #161b22f2;
    --header-borderColor-divider: #8b949e;
    --headerSearch-bgColor: #0d1117;
    --headerSearch-borderColor: #30363d;
    --data-blue-color: #0576ff;
    --data-blue-color-muted: #001a47;
    --data-auburn-color: #a86f6b;
    --data-auburn-color-muted: #271817;
    --data-orange-color: #984b10;
    --data-orange-color-muted: #311708;
    --data-yellow-color: #895906;
    --data-yellow-color-muted: #2e1a00;
    --data-green-color: #2f6f37;
    --data-green-color-muted: #122117;
    --data-teal-color: #106c70;
    --data-teal-color-muted: #041f25;
    --data-purple-color: #975bf1;
    --data-purple-color-muted: #211047;
    --data-pink-color: #d34591;
    --data-pink-color-muted: #2d1524;
    --data-red-color: #eb3342;
    --data-red-color-muted: #3c0614;
    --data-gray-color: #576270;
    --data-gray-color-muted: #1c1c1c;
    --display-blue-bgColor-muted: #001a47;
    --display-blue-bgColor-emphasis: #0576ff;
    --display-blue-fgColor: #4da0ff;
    --display-blue-borderColor-muted: #002766;
    --display-blue-borderColor-emphasis: #0576ff;
    --display-green-bgColor-muted: #122117;
    --display-green-bgColor-emphasis: #388f3f;
    --display-green-fgColor: #41b445;
    --display-green-borderColor-muted: #182f1f;
    --display-green-borderColor-emphasis: #388f3f;
    --display-orange-bgColor-muted: #311708;
    --display-orange-bgColor-emphasis: #c46212;
    --display-orange-fgColor: #ed8326;
    --display-orange-borderColor-muted: #43200a;
    --display-orange-borderColor-emphasis: #c46212;
    --display-purple-bgColor-muted: #211047;
    --display-purple-bgColor-emphasis: #975bf1;
    --display-purple-fgColor: #b687f7;
    --display-purple-borderColor-muted: #31146b;
    --display-purple-borderColor-emphasis: #975bf1;
    --display-plum-bgColor-muted: #2a0e3f;
    --display-plum-bgColor-emphasis: #b643ef;
    --display-plum-fgColor: #d07ef7;
    --display-plum-borderColor-muted: #40125e;
    --display-plum-borderColor-emphasis: #b643ef;
    --display-red-bgColor-muted: #3c0614;
    --display-red-bgColor-emphasis: #eb3342;
    --display-red-fgColor: #f27d83;
    --display-red-borderColor-muted: #58091a;
    --display-red-borderColor-emphasis: #eb3342;
    --display-coral-bgColor-muted: #3c0614;
    --display-coral-bgColor-emphasis: #eb3342;
    --display-coral-fgColor: #f27d83;
    --display-coral-borderColor-muted: #58091a;
    --display-coral-borderColor-emphasis: #eb3342;
    --display-yellow-bgColor-muted: #2e1a00;
    --display-yellow-bgColor-emphasis: #aa7109;
    --display-yellow-fgColor: #d3910d;
    --display-yellow-borderColor-muted: #3d2401;
    --display-yellow-borderColor-emphasis: #aa7109;
    --display-gray-bgColor-muted: #1c1c1c;
    --display-gray-bgColor-emphasis: #6e7f96;
    --display-gray-fgColor: #92a1b5;
    --display-gray-borderColor-muted: #2a2b2d;
    --display-gray-borderColor-emphasis: #6e7f96;
    --display-auburn-bgColor-muted: #271817;
    --display-auburn-bgColor-emphasis: #a86f6b;
    --display-auburn-fgColor: #bf9592;
    --display-auburn-borderColor-muted: #3a2422;
    --display-auburn-borderColor-emphasis: #a86f6b;
    --display-brown-bgColor-muted: #241c14;
    --display-brown-bgColor-emphasis: #94774c;
    --display-brown-fgColor: #b69a6d;
    --display-brown-borderColor-muted: #342a1d;
    --display-brown-borderColor-emphasis: #94774c;
    --display-lemon-bgColor-muted: #291d00;
    --display-lemon-bgColor-emphasis: #977b0c;
    --display-lemon-fgColor: #ba9b12;
    --display-lemon-borderColor-muted: #372901;
    --display-lemon-borderColor-emphasis: #977b0c;
    --display-olive-bgColor-muted: #171e0b;
    --display-olive-bgColor-emphasis: #7a8321;
    --display-olive-fgColor: #a2a626;
    --display-olive-borderColor-muted: #252d10;
    --display-olive-borderColor-emphasis: #7a8321;
    --display-lime-bgColor-muted: #141f0f;
    --display-lime-bgColor-emphasis: #5f892f;
    --display-lime-fgColor: #7dae37;
    --display-lime-borderColor-muted: #1f3116;
    --display-lime-borderColor-emphasis: #5f892f;
    --display-pine-bgColor-muted: #082119;
    --display-pine-bgColor-emphasis: #18915e;
    --display-pine-fgColor: #1bb673;
    --display-pine-borderColor-muted: #0b3224;
    --display-pine-borderColor-emphasis: #18915e;
    --display-teal-bgColor-muted: #041f25;
    --display-teal-bgColor-emphasis: #158a8a;
    --display-teal-fgColor: #1cb0ab;
    --display-teal-borderColor-muted: #073036;
    --display-teal-borderColor-emphasis: #158a8a;
    --display-cyan-bgColor-muted: #001f29;
    --display-cyan-bgColor-emphasis: #0587b3;
    --display-cyan-fgColor: #07ace4;
    --display-cyan-borderColor-muted: #002e3d;
    --display-cyan-borderColor-emphasis: #0587b3;
    --display-indigo-bgColor-muted: #1b183f;
    --display-indigo-bgColor-emphasis: #7070e1;
    --display-indigo-fgColor: #9899ec;
    --display-indigo-borderColor-muted: #25215f;
    --display-indigo-borderColor-emphasis: #7070e1;
    --display-pink-bgColor-muted: #2d1524;
    --display-pink-bgColor-emphasis: #d34591;
    --display-pink-fgColor: #e57bb2;
    --display-pink-borderColor-muted: #451c35;
    --display-pink-borderColor-emphasis: #d34591;
    --avatar-bgColor: #ffffff1a;
    --avatar-borderColor: #ffffff26;
    --avatar-shadow: 0px 0px 0px 2px #0d1117;
    --avatarStack-fade-bgColor-default: #30363d;
    --avatarStack-fade-bgColor-muted: #21262d;
    --control-bgColor-rest: #21262d;
    --control-bgColor-hover: #292e36;
    --control-bgColor-active: #31363e;
    --control-bgColor-disabled: #21262db3;
    --control-bgColor-selected: #161b22;
    --control-fgColor-rest: #c9d1d9;
    --control-fgColor-placeholder: #858e98;
    --control-fgColor-disabled: #6e7681;
    --control-borderColor-rest: #30363d;
    --control-borderColor-emphasis: #666e79;
    --control-borderColor-disabled: #21262db3;
    --control-borderColor-selected: #f0f6fc;
    --control-borderColor-success: #1f6feb;
    --control-borderColor-danger: #bd561d;
    --control-borderColor-warning: #9e6a03;
    --control-iconColor-rest: #8d96a0;
    --control-transparent-bgColor-rest: #00000000;
    --control-transparent-bgColor-hover: #b1bac41f;
    --control-transparent-bgColor-active: #b1bac433;
    --control-transparent-bgColor-disabled: #21262db3;
    --control-transparent-bgColor-selected: #b1bac414;
    --control-transparent-borderColor-rest: #00000000;
    --control-transparent-borderColor-hover: #00000000;
    --control-transparent-borderColor-active: #00000000;
    --control-danger-fgColor-rest: #db6d28;
    --control-danger-fgColor-hover: #f0883e;
    --control-danger-bgColor-hover: #db6d281a;
    --control-danger-bgColor-active: #db6d2866;
    --control-checked-bgColor-rest: #1f6feb;
    --control-checked-bgColor-hover: #2a7aef;
    --control-checked-bgColor-active: #3685f3;
    --control-checked-bgColor-disabled: #6e7681;
    --control-checked-fgColor-rest: #ffffff;
    --control-checked-fgColor-disabled: #010409;
    --control-checked-borderColor-rest: #1f6feb;
    --control-checked-borderColor-hover: #2a7aef;
    --control-checked-borderColor-active: #3685f3;
    --control-checked-borderColor-disabled: #6e7681;
    --controlTrack-bgColor-rest: #21262d;
    --controlTrack-bgColor-hover: #292e36;
    --controlTrack-bgColor-active: #31363e;
    --controlTrack-bgColor-disabled: #6e7681;
    --controlTrack-fgColor-rest: #8d96a0;
    --controlTrack-fgColor-disabled: #ffffff;
    --controlTrack-borderColor-rest: #00000000;
    --controlTrack-borderColor-disabled: #6e7681;
    --controlKnob-bgColor-rest: #010409;
    --controlKnob-bgColor-disabled: #21262db3;
    --controlKnob-bgColor-checked: #ffffff;
    --controlKnob-borderColor-rest: #666e79;
    --controlKnob-borderColor-disabled: #21262db3;
    --controlKnob-borderColor-checked: #1f6feb;
    --counter-borderColor: #00000000;
    --button-default-fgColor-rest: #c9d1d9;
    --button-default-bgColor-rest: #21262d;
    --button-default-bgColor-hover: #292e36;
    --button-default-bgColor-active: #31363e;
    --button-default-bgColor-selected: #31363e;
    --button-default-bgColor-disabled: #21262db3;
    --button-default-borderColor-rest: #30363d;
    --button-default-borderColor-hover: #30363d;
    --button-default-borderColor-active: #30363d;
    --button-default-borderColor-disabled: #21262db3;
    --button-default-shadow-resting: 0px 0px 0px 0px #000000;
    --button-primary-fgColor-rest: #ffffff;
    --button-primary-fgColor-disabled: #ffffff66;
    --button-primary-iconColor-rest: #ffffff;
    --button-primary-bgColor-rest: #1f6feb;
    --button-primary-bgColor-hover: #2a7aef;
    --button-primary-bgColor-active: #3685f3;
    --button-primary-bgColor-disabled: #1158c7;
    --button-primary-borderColor-rest: #f0f6fc1a;
    --button-primary-borderColor-hover: #f0f6fc1a;
    --button-primary-borderColor-active: #f0f6fc1a;
    --button-primary-borderColor-disabled: #1158c7;
    --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
    --button-invisible-fgColor-rest: #4493f8;
    --button-invisible-fgColor-hover: #58a6ff;
    --button-invisible-fgColor-disabled: #6e7681;
    --button-invisible-iconColor-rest: #8d96a0;
    --button-invisible-iconColor-hover: #e6edf3;
    --button-invisible-iconColor-disabled: #6e7681;
    --button-invisible-bgColor-rest: #00000000;
    --button-invisible-bgColor-hover: #b1bac41f;
    --button-invisible-bgColor-active: #b1bac433;
    --button-invisible-bgColor-disabled: #21262db3;
    --button-invisible-borderColor-rest: #00000000;
    --button-invisible-borderColor-hover: #00000000;
    --button-invisible-borderColor-disabled: #21262db3;
    --button-outline-fgColor-rest: #388bfd;
    --button-outline-fgColor-hover: #58a6ff;
    --button-outline-fgColor-active: #ffffff;
    --button-outline-fgColor-disabled: #4493f880;
    --button-outline-bgColor-rest: #f0f6fc;
    --button-outline-bgColor-hover: #30363d;
    --button-outline-bgColor-active: #0d419d;
    --button-outline-bgColor-disabled: #0d1117;
    --button-outline-borderColor-hover: #f0f6fc1a;
    --button-outline-borderColor-selected: #f0f6fc1a;
    --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
    --button-danger-fgColor-rest: #db6d28;
    --button-danger-fgColor-hover: #ffffff;
    --button-danger-fgColor-active: #ffffff;
    --button-danger-fgColor-disabled: #db6d2880;
    --button-danger-iconColor-rest: #db6d28;
    --button-danger-iconColor-hover: #ffffff;
    --button-danger-bgColor-rest: #21262d;
    --button-danger-bgColor-hover: #9b4215;
    --button-danger-bgColor-active: #b5531d;
    --button-danger-bgColor-disabled: #21262db3;
    --button-danger-borderColor-rest: #30363d;
    --button-danger-borderColor-hover: #f0f6fc1a;
    --button-danger-borderColor-active: #f0f6fc1a;
    --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
    --button-inactive-fgColor: #8b949e;
    --button-inactive-bgColor: #21262d;
    --button-star-iconColor: #e3b341;
    --buttonCounter-default-bgColor-rest: #30363d;
    --buttonCounter-invisible-bgColor-rest: #30363d;
    --buttonCounter-primary-bgColor-rest: #04260f33;
    --buttonCounter-outline-bgColor-rest: #051d4d33;
    --buttonCounter-outline-bgColor-hover: #051d4d33;
    --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
    --buttonCounter-outline-fgColor-rest: #388bfd;
    --buttonCounter-outline-fgColor-hover: #58a6ff;
    --buttonCounter-outline-fgColor-disabled: #4493f880;
    --buttonCounter-danger-bgColor-hover: #ffffff33;
    --buttonCounter-danger-bgColor-disabled: #bd561d0d;
    --buttonCounter-danger-bgColor-rest: #49020233;
    --buttonCounter-danger-fgColor-rest: #db6d28;
    --buttonCounter-danger-fgColor-hover: #ffffff;
    --buttonCounter-danger-fgColor-disabled: #db6d2880;
    --reactionButton-selected-bgColor-rest: #388bfd33;
    --reactionButton-selected-bgColor-hover: #3a8cfd5c;
    --reactionButton-selected-fgColor-rest: #4493f8;
    --reactionButton-selected-fgColor-hover: #79c0ff;
    --focus-outlineColor: #1f6feb;
    --menu-bgColor-active: #161b22;
    --overlay-bgColor: #161b22;
    --overlay-borderColor: #30363db3;
    --overlay-backdrop-bgColor: #161b2266;
    --selectMenu-borderColor: #484f58;
    --selectMenu-bgColor-active: #0c2d6b;
    --sideNav-bgColor-selected: #21262d;
    --skeletonLoader-bgColor: #161b22;
    --timelineBadge-bgColor: #21262d;
    --treeViewItem-leadingVisual-iconColor-rest: #8d96a0;
    --underlineNav-borderColor-active: #f78166;
    --underlineNav-borderColor-hover: #6e768166;
    --underlineNav-iconColor-rest: #8d96a0;
    --selection-bgColor: #1f6febb3;
    --card-bgColor: #161b22;
    --label-green-bgColor-rest: #122117;
    --label-green-bgColor-hover: #182f1f;
    --label-green-bgColor-active: #214529;
    --label-green-fgColor-rest: #41b445;
    --label-green-fgColor-hover: #46c144;
    --label-green-fgColor-active: #75d36f;
    --label-orange-bgColor-rest: #311708;
    --label-orange-bgColor-hover: #43200a;
    --label-orange-bgColor-active: #632f0d;
    --label-orange-fgColor-rest: #ed8326;
    --label-orange-fgColor-hover: #f1933b;
    --label-orange-fgColor-active: #f6b06a;
    --label-purple-bgColor-rest: #211047;
    --label-purple-bgColor-hover: #31146b;
    --label-purple-bgColor-active: #481a9e;
    --label-purple-fgColor-rest: #b687f7;
    --label-purple-fgColor-hover: #c398fb;
    --label-purple-fgColor-active: #d2affd;
    --label-red-bgColor-rest: #3c0614;
    --label-red-bgColor-hover: #58091a;
    --label-red-bgColor-active: #790c20;
    --label-red-fgColor-rest: #f27d83;
    --label-red-fgColor-hover: #f48b8d;
    --label-red-fgColor-active: #f7adab;
    --label-yellow-bgColor-rest: #2e1a00;
    --label-yellow-bgColor-hover: #3d2401;
    --label-yellow-bgColor-active: #5a3702;
    --label-yellow-fgColor-rest: #d3910d;
    --label-yellow-fgColor-hover: #df9e11;
    --label-yellow-fgColor-active: #edb431;
    --label-gray-bgColor-rest: #1c1c1c;
    --label-gray-bgColor-hover: #2a2b2d;
    --label-gray-bgColor-active: #393d41;
    --label-gray-fgColor-rest: #92a1b5;
    --label-gray-fgColor-hover: #9babbf;
    --label-gray-fgColor-active: #b3c0d1;
    --label-auburn-bgColor-rest: #271817;
    --label-auburn-bgColor-hover: #3a2422;
    --label-auburn-bgColor-active: #543331;
    --label-auburn-fgColor-rest: #bf9592;
    --label-auburn-fgColor-hover: #c6a19f;
    --label-auburn-fgColor-active: #d4b7b5;
    --label-brown-bgColor-rest: #241c14;
    --label-brown-bgColor-hover: #342a1d;
    --label-brown-bgColor-active: #483a28;
    --label-brown-fgColor-rest: #b69a6d;
    --label-brown-fgColor-hover: #bfa77d;
    --label-brown-fgColor-active: #cdbb98;
    --label-lemon-bgColor-rest: #291d00;
    --label-lemon-bgColor-hover: #372901;
    --label-lemon-bgColor-active: #4f3c02;
    --label-lemon-fgColor-rest: #ba9b12;
    --label-lemon-fgColor-hover: #c4a717;
    --label-lemon-fgColor-active: #d7bc1d;
    --label-olive-bgColor-rest: #171e0b;
    --label-olive-bgColor-hover: #252d10;
    --label-olive-bgColor-active: #374115;
    --label-olive-fgColor-rest: #a2a626;
    --label-olive-fgColor-hover: #b2af24;
    --label-olive-fgColor-active: #cbc025;
    --label-lime-bgColor-rest: #141f0f;
    --label-lime-bgColor-hover: #1f3116;
    --label-lime-bgColor-active: #2c441d;
    --label-lime-fgColor-rest: #7dae37;
    --label-lime-fgColor-hover: #89ba36;
    --label-lime-fgColor-active: #9fcc3e;
    --label-pine-bgColor-rest: #082119;
    --label-pine-bgColor-hover: #0b3224;
    --label-pine-bgColor-active: #0e4430;
    --label-pine-fgColor-rest: #1bb673;
    --label-pine-fgColor-hover: #1ac176;
    --label-pine-fgColor-active: #1bda81;
    --label-teal-bgColor-rest: #041f25;
    --label-teal-bgColor-hover: #073036;
    --label-teal-bgColor-active: #0a464d;
    --label-teal-fgColor-rest: #1cb0ab;
    --label-teal-fgColor-hover: #1fbdb2;
    --label-teal-fgColor-active: #24d6c4;
    --label-cyan-bgColor-rest: #001f29;
    --label-cyan-bgColor-hover: #002e3d;
    --label-cyan-bgColor-active: #014156;
    --label-cyan-fgColor-rest: #07ace4;
    --label-cyan-fgColor-hover: #09b7f1;
    --label-cyan-fgColor-active: #45cbf7;
    --label-indigo-bgColor-rest: #1b183f;
    --label-indigo-bgColor-hover: #25215f;
    --label-indigo-bgColor-active: #312c90;
    --label-indigo-fgColor-rest: #9899ec;
    --label-indigo-fgColor-hover: #a2a5f1;
    --label-indigo-fgColor-active: #b7baf6;
    --label-blue-bgColor-rest: #001a47;
    --label-blue-bgColor-hover: #002766;
    --label-blue-bgColor-active: #00378a;
    --label-blue-fgColor-rest: #4da0ff;
    --label-blue-fgColor-hover: #61adff;
    --label-blue-fgColor-active: #85c2ff;
    --label-plum-bgColor-rest: #2a0e3f;
    --label-plum-bgColor-hover: #40125e;
    --label-plum-bgColor-active: #5c1688;
    --label-plum-fgColor-rest: #d07ef7;
    --label-plum-fgColor-hover: #d889fa;
    --label-plum-fgColor-active: #e4a5fd;
    --label-pink-bgColor-rest: #2d1524;
    --label-pink-bgColor-hover: #451c35;
    --label-pink-bgColor-active: #65244a;
    --label-pink-fgColor-rest: #e57bb2;
    --label-pink-fgColor-hover: #ec8dbd;
    --label-pink-fgColor-active: #f4a9cd;
    --label-coral-bgColor-rest: #351008;
    --label-coral-bgColor-hover: #51180b;
    --label-coral-bgColor-active: #72220d;
    --label-coral-fgColor-rest: #f7794b;
    --label-coral-fgColor-hover: #fa8c61;
    --label-coral-fgColor-active: #fdaa86;
    --fgColor-default: #e6edf3;
    --fgColor-muted: #8d96a0;
    --fgColor-onEmphasis: #ffffff;
    --fgColor-white: #ffffff;
    --fgColor-black: #010409;
    --fgColor-disabled: #6e7681;
    --fgColor-link: #4493f8;
    --fgColor-neutral: #6e7681;
    --fgColor-accent: #4493f8;
    --fgColor-success: #58a6ff;
    --fgColor-attention: #d29922;
    --fgColor-severe: #db6d28;
    --fgColor-danger: #db6d28;
    --fgColor-open: #f0883e;
    --fgColor-closed: #8b949e;
    --fgColor-done: #ab7df8;
    --fgColor-upsell: #ab7df8;
    --fgColor-sponsors: #db61a2;
    --bgColor-default: #0d1117;
    --bgColor-muted: #161b22;
    --bgColor-inset: #010409;
    --bgColor-emphasis: #6e7681;
    --bgColor-inverse: #ffffff;
    --bgColor-white: #ffffff;
    --bgColor-black: #010409;
    --bgColor-disabled: #21262db3;
    --bgColor-transparent: #00000000;
    --bgColor-neutral-muted: #6e768166;
    --bgColor-neutral-emphasis: #6e7681;
    --bgColor-accent-muted: #388bfd1a;
    --bgColor-accent-emphasis: #1f6feb;
    --bgColor-success-muted: #388bfd26;
    --bgColor-success-emphasis: #1f6feb;
    --bgColor-attention-muted: #bb800926;
    --bgColor-attention-emphasis: #9e6a03;
    --bgColor-severe-muted: #db6d281a;
    --bgColor-severe-emphasis: #bd561d;
    --bgColor-danger-muted: #db6d281a;
    --bgColor-danger-emphasis: #bd561d;
    --bgColor-open-muted: #db6d2866;
    --bgColor-open-emphasis: #bd561d;
    --bgColor-closed-muted: #6e768166;
    --bgColor-closed-emphasis: #6e7681;
    --bgColor-done-muted: #ab7df826;
    --bgColor-done-emphasis: #8957e5;
    --bgColor-upsell-muted: #ab7df826;
    --bgColor-upsell-emphasis: #8957e5;
    --bgColor-sponsors-muted: #db61a21a;
    --bgColor-sponsors-emphasis: #bf4b8a;
    --borderColor-default: #30363d;
    --borderColor-muted: #30363db3;
    --borderColor-emphasis: #484f58;
    --borderColor-disabled: #21262db3;
    --borderColor-transparent: #00000000;
    --borderColor-translucent: #ffffff26;
    --borderColor-neutral-muted: #6e768166;
    --borderColor-neutral-emphasis: #6e7681;
    --borderColor-accent-muted: #388bfd66;
    --borderColor-accent-emphasis: #1f6feb;
    --borderColor-success-muted: #388bfd66;
    --borderColor-success-emphasis: #1f6feb;
    --borderColor-attention-muted: #bb800966;
    --borderColor-attention-emphasis: #9e6a03;
    --borderColor-severe-muted: #db6d2866;
    --borderColor-severe-emphasis: #bd561d;
    --borderColor-danger-muted: #db6d2866;
    --borderColor-danger-emphasis: #bd561d;
    --borderColor-open-muted: #db6d2866;
    --borderColor-open-emphasis: #db6d28;
    --borderColor-closed-muted: #6e768166;
    --borderColor-closed-emphasis: #6e7681;
    --borderColor-done-muted: #ab7df866;
    --borderColor-done-emphasis: #8957e5;
    --borderColor-upsell-muted: #ab7df866;
    --borderColor-upsell-emphasis: #8957e5;
    --borderColor-sponsors-muted: #db61a266;
    --borderColor-sponsors-emphasis: #bf4b8a;
    --color-ansi-black: #484f58;
    --color-ansi-black-bright: #6e7681;
    --color-ansi-white: #b1bac4;
    --color-ansi-white-bright: #ffffff;
    --color-ansi-gray: #6e7681;
    --color-ansi-red: #f0883e;
    --color-ansi-red-bright: #ffa657;
    --color-ansi-green: #58a6ff;
    --color-ansi-green-bright: #79c0ff;
    --color-ansi-yellow: #d29922;
    --color-ansi-yellow-bright: #e3b341;
    --color-ansi-blue: #58a6ff;
    --color-ansi-blue-bright: #79c0ff;
    --color-ansi-magenta: #be8fff;
    --color-ansi-magenta-bright: #d2a8ff;
    --color-ansi-cyan: #39c5cf;
    --color-ansi-cyan-bright: #56d4dd;
    --color-prettylights-syntax-comment: #8b949e;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
    --color-prettylights-syntax-entity-tag: #a5d6ff;
    --color-prettylights-syntax-keyword: #f0883e;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-variable: #ffa657;
    --color-prettylights-syntax-brackethighlighter-unmatched: #db6d28;
    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
    --color-prettylights-syntax-invalid-illegal-bg: #762d0a;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-carriage-return-bg: #9b4215;
    --color-prettylights-syntax-string-regexp: #a5d6ff;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-italic: #c9d1d9;
    --color-prettylights-syntax-markup-bold: #c9d1d9;
    --color-prettylights-syntax-markup-deleted-text: #ffdfb6;
    --color-prettylights-syntax-markup-deleted-bg: #5a1e02;
    --color-prettylights-syntax-markup-inserted-text: #cae8ff;
    --color-prettylights-syntax-markup-inserted-bg: #0c2d6b;
    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
    --shadow-inset: inset 0px 1px 0px 0px #0104093d;
    --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
    --shadow-resting-small: 0px 1px 0px 0px #01040966;
    --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
    --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
    --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
    --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
    --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
    --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
    --outline-focus: #1f6feb solid 2px;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/functional/themes/dark-dimmed.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
[data-color-mode="dark"][data-dark-theme="dark_dimmed"],
[data-color-mode="dark"][data-dark-theme="dark_dimmed"] ::backdrop,
[data-color-mode="auto"][data-light-theme="dark_dimmed"],
[data-color-mode="auto"][data-light-theme="dark_dimmed"] ::backdrop {
  --topicTag-borderColor: #00000000;
  --highlight-neutral-bgColor: #c6902666;
  --page-header-bgColor: #22272e;
  --diffBlob-addition-fgColor-text: #c5d1de;
  --diffBlob-addition-fgColor-num: #c5d1de;
  --diffBlob-addition-bgColor-num: #57ab5a4d;
  --diffBlob-addition-bgColor-line: #46954a26;
  --diffBlob-addition-bgColor-word: #46954a66;
  --diffBlob-deletion-fgColor-text: #c5d1de;
  --diffBlob-deletion-fgColor-num: #c5d1de;
  --diffBlob-deletion-bgColor-num: #e5534b4d;
  --diffBlob-deletion-bgColor-line: #e5534b26;
  --diffBlob-deletion-bgColor-word: #e5534b66;
  --diffBlob-hunk-bgColor-num: #4184e466;
  --diffBlob-expander-iconColor: #c5d1de;
  --codeMirror-fgColor: #c5d1de;
  --codeMirror-bgColor: #22272e;
  --codeMirror-gutters-bgColor: #22272e;
  --codeMirror-gutterMarker-fgColor-default: #22272e;
  --codeMirror-gutterMarker-fgColor-muted: #778491;
  --codeMirror-lineNumber-fgColor: #778491;
  --codeMirror-cursor-fgColor: #c5d1de;
  --codeMirror-selection-bgColor: #4184e466;
  --codeMirror-activeline-bgColor: #636e7b66;
  --codeMirror-matchingBracket-fgColor: #c5d1de;
  --codeMirror-lines-bgColor: #22272e;
  --codeMirror-syntax-fgColor-comment: #768390;
  --codeMirror-syntax-fgColor-constant: #6cb6ff;
  --codeMirror-syntax-fgColor-entity: #dcbdfb;
  --codeMirror-syntax-fgColor-keyword: #f47067;
  --codeMirror-syntax-fgColor-storage: #f47067;
  --codeMirror-syntax-fgColor-string: #96d0ff;
  --codeMirror-syntax-fgColor-support: #6cb6ff;
  --codeMirror-syntax-fgColor-variable: #f69d50;
  --header-fgColor-default: #cdd9e5b3;
  --header-fgColor-logo: #cdd9e5;
  --header-bgColor: #2d333bf2;
  --header-borderColor-divider: #768390;
  --headerSearch-bgColor: #22272e;
  --headerSearch-borderColor: #444c56;
  --data-blue-color: #0576ff;
  --data-blue-color-muted: #001a47;
  --data-auburn-color: #a86f6b;
  --data-auburn-color-muted: #271817;
  --data-orange-color: #984b10;
  --data-orange-color-muted: #311708;
  --data-yellow-color: #895906;
  --data-yellow-color-muted: #2e1a00;
  --data-green-color: #2f6f37;
  --data-green-color-muted: #122117;
  --data-teal-color: #106c70;
  --data-teal-color-muted: #041f25;
  --data-purple-color: #975bf1;
  --data-purple-color-muted: #211047;
  --data-pink-color: #d34591;
  --data-pink-color-muted: #2d1524;
  --data-red-color: #eb3342;
  --data-red-color-muted: #3c0614;
  --data-gray-color: #576270;
  --data-gray-color-muted: #1c1c1c;
  --display-blue-bgColor-muted: #001a47;
  --display-blue-bgColor-emphasis: #0576ff;
  --display-blue-fgColor: #4da0ff;
  --display-blue-borderColor-muted: #002766;
  --display-blue-borderColor-emphasis: #0576ff;
  --display-green-bgColor-muted: #122117;
  --display-green-bgColor-emphasis: #388f3f;
  --display-green-fgColor: #41b445;
  --display-green-borderColor-muted: #182f1f;
  --display-green-borderColor-emphasis: #388f3f;
  --display-orange-bgColor-muted: #311708;
  --display-orange-bgColor-emphasis: #c46212;
  --display-orange-fgColor: #ed8326;
  --display-orange-borderColor-muted: #43200a;
  --display-orange-borderColor-emphasis: #c46212;
  --display-purple-bgColor-muted: #211047;
  --display-purple-bgColor-emphasis: #975bf1;
  --display-purple-fgColor: #b687f7;
  --display-purple-borderColor-muted: #31146b;
  --display-purple-borderColor-emphasis: #975bf1;
  --display-plum-bgColor-muted: #2a0e3f;
  --display-plum-bgColor-emphasis: #b643ef;
  --display-plum-fgColor: #d07ef7;
  --display-plum-borderColor-muted: #40125e;
  --display-plum-borderColor-emphasis: #b643ef;
  --display-red-bgColor-muted: #3c0614;
  --display-red-bgColor-emphasis: #eb3342;
  --display-red-fgColor: #f27d83;
  --display-red-borderColor-muted: #58091a;
  --display-red-borderColor-emphasis: #eb3342;
  --display-coral-bgColor-muted: #3c0614;
  --display-coral-bgColor-emphasis: #eb3342;
  --display-coral-fgColor: #f27d83;
  --display-coral-borderColor-muted: #58091a;
  --display-coral-borderColor-emphasis: #eb3342;
  --display-yellow-bgColor-muted: #2e1a00;
  --display-yellow-bgColor-emphasis: #aa7109;
  --display-yellow-fgColor: #d3910d;
  --display-yellow-borderColor-muted: #3d2401;
  --display-yellow-borderColor-emphasis: #aa7109;
  --display-gray-bgColor-muted: #1c1c1c;
  --display-gray-bgColor-emphasis: #6e7f96;
  --display-gray-fgColor: #92a1b5;
  --display-gray-borderColor-muted: #2a2b2d;
  --display-gray-borderColor-emphasis: #6e7f96;
  --display-auburn-bgColor-muted: #271817;
  --display-auburn-bgColor-emphasis: #a86f6b;
  --display-auburn-fgColor: #bf9592;
  --display-auburn-borderColor-muted: #3a2422;
  --display-auburn-borderColor-emphasis: #a86f6b;
  --display-brown-bgColor-muted: #241c14;
  --display-brown-bgColor-emphasis: #94774c;
  --display-brown-fgColor: #b69a6d;
  --display-brown-borderColor-muted: #342a1d;
  --display-brown-borderColor-emphasis: #94774c;
  --display-lemon-bgColor-muted: #291d00;
  --display-lemon-bgColor-emphasis: #977b0c;
  --display-lemon-fgColor: #ba9b12;
  --display-lemon-borderColor-muted: #372901;
  --display-lemon-borderColor-emphasis: #977b0c;
  --display-olive-bgColor-muted: #171e0b;
  --display-olive-bgColor-emphasis: #7a8321;
  --display-olive-fgColor: #a2a626;
  --display-olive-borderColor-muted: #252d10;
  --display-olive-borderColor-emphasis: #7a8321;
  --display-lime-bgColor-muted: #141f0f;
  --display-lime-bgColor-emphasis: #5f892f;
  --display-lime-fgColor: #7dae37;
  --display-lime-borderColor-muted: #1f3116;
  --display-lime-borderColor-emphasis: #5f892f;
  --display-pine-bgColor-muted: #082119;
  --display-pine-bgColor-emphasis: #18915e;
  --display-pine-fgColor: #1bb673;
  --display-pine-borderColor-muted: #0b3224;
  --display-pine-borderColor-emphasis: #18915e;
  --display-teal-bgColor-muted: #041f25;
  --display-teal-bgColor-emphasis: #158a8a;
  --display-teal-fgColor: #1cb0ab;
  --display-teal-borderColor-muted: #073036;
  --display-teal-borderColor-emphasis: #158a8a;
  --display-cyan-bgColor-muted: #001f29;
  --display-cyan-bgColor-emphasis: #0587b3;
  --display-cyan-fgColor: #07ace4;
  --display-cyan-borderColor-muted: #002e3d;
  --display-cyan-borderColor-emphasis: #0587b3;
  --display-indigo-bgColor-muted: #1b183f;
  --display-indigo-bgColor-emphasis: #7070e1;
  --display-indigo-fgColor: #9899ec;
  --display-indigo-borderColor-muted: #25215f;
  --display-indigo-borderColor-emphasis: #7070e1;
  --display-pink-bgColor-muted: #2d1524;
  --display-pink-bgColor-emphasis: #d34591;
  --display-pink-fgColor: #e57bb2;
  --display-pink-borderColor-muted: #451c35;
  --display-pink-borderColor-emphasis: #d34591;
  --avatar-bgColor: #cdd9e51a;
  --avatar-borderColor: #cdd9e526;
  --avatar-shadow: 0px 0px 0px 2px #22272e;
  --avatarStack-fade-bgColor-default: #444c56;
  --avatarStack-fade-bgColor-muted: #373e47;
  --control-bgColor-rest: #373e47;
  --control-bgColor-hover: #3d444e;
  --control-bgColor-active: #434a54;
  --control-bgColor-disabled: #373e47b3;
  --control-bgColor-selected: #2d333b;
  --control-fgColor-rest: #adbac7;
  --control-fgColor-placeholder: #727f8c;
  --control-fgColor-disabled: #636e7b;
  --control-borderColor-rest: #444c56;
  --control-borderColor-emphasis: #606b77;
  --control-borderColor-disabled: #373e47b3;
  --control-borderColor-selected: #cdd9e5;
  --control-borderColor-success: #347d39;
  --control-borderColor-danger: #c93c37;
  --control-borderColor-warning: #966600;
  --control-iconColor-rest: #778491;
  --control-transparent-bgColor-rest: #00000000;
  --control-transparent-bgColor-hover: #909dab1f;
  --control-transparent-bgColor-active: #909dab33;
  --control-transparent-bgColor-disabled: #373e47b3;
  --control-transparent-bgColor-selected: #909dab14;
  --control-transparent-borderColor-rest: #00000000;
  --control-transparent-borderColor-hover: #00000000;
  --control-transparent-borderColor-active: #00000000;
  --control-danger-fgColor-rest: #e5534b;
  --control-danger-fgColor-hover: #f47067;
  --control-danger-bgColor-hover: #e5534b1a;
  --control-danger-bgColor-active: #e5534b66;
  --control-checked-bgColor-rest: #316dca;
  --control-checked-bgColor-hover: #3876d3;
  --control-checked-bgColor-active: #3f7fdb;
  --control-checked-bgColor-disabled: #636e7b;
  --control-checked-fgColor-rest: #cdd9e5;
  --control-checked-fgColor-disabled: #1c2128;
  --control-checked-borderColor-rest: #316dca;
  --control-checked-borderColor-hover: #3876d3;
  --control-checked-borderColor-active: #3f7fdb;
  --control-checked-borderColor-disabled: #636e7b;
  --controlTrack-bgColor-rest: #373e47;
  --controlTrack-bgColor-hover: #3d444e;
  --controlTrack-bgColor-active: #434a54;
  --controlTrack-bgColor-disabled: #636e7b;
  --controlTrack-fgColor-rest: #778491;
  --controlTrack-fgColor-disabled: #cdd9e5;
  --controlTrack-borderColor-rest: #00000000;
  --controlTrack-borderColor-disabled: #636e7b;
  --controlKnob-bgColor-rest: #1c2128;
  --controlKnob-bgColor-disabled: #373e47b3;
  --controlKnob-bgColor-checked: #cdd9e5;
  --controlKnob-borderColor-rest: #606b77;
  --controlKnob-borderColor-disabled: #373e47b3;
  --controlKnob-borderColor-checked: #316dca;
  --counter-borderColor: #00000000;
  --button-default-fgColor-rest: #adbac7;
  --button-default-bgColor-rest: #373e47;
  --button-default-bgColor-hover: #3d444e;
  --button-default-bgColor-active: #434a54;
  --button-default-bgColor-selected: #434a54;
  --button-default-bgColor-disabled: #373e47b3;
  --button-default-borderColor-rest: #444c56;
  --button-default-borderColor-hover: #444c56;
  --button-default-borderColor-active: #444c56;
  --button-default-borderColor-disabled: #373e47b3;
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
  --button-primary-fgColor-rest: #ffffff;
  --button-primary-fgColor-disabled: #cdd9e566;
  --button-primary-iconColor-rest: #ffffff;
  --button-primary-bgColor-rest: #347d39;
  --button-primary-bgColor-hover: #3b8640;
  --button-primary-bgColor-active: #428f46;
  --button-primary-bgColor-disabled: #50a254;
  --button-primary-borderColor-rest: #cdd9e51a;
  --button-primary-borderColor-hover: #cdd9e51a;
  --button-primary-borderColor-active: #cdd9e51a;
  --button-primary-borderColor-disabled: #50a254;
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
  --button-invisible-fgColor-rest: #478be6;
  --button-invisible-fgColor-hover: #539bf5;
  --button-invisible-fgColor-disabled: #636e7b;
  --button-invisible-iconColor-rest: #778491;
  --button-invisible-iconColor-hover: #778491;
  --button-invisible-iconColor-disabled: #636e7b;
  --button-invisible-bgColor-rest: #00000000;
  --button-invisible-bgColor-hover: #909dab1f;
  --button-invisible-bgColor-active: #909dab33;
  --button-invisible-bgColor-disabled: #373e47b3;
  --button-invisible-borderColor-rest: #00000000;
  --button-invisible-borderColor-hover: #00000000;
  --button-invisible-borderColor-disabled: #373e47b3;
  --button-outline-fgColor-rest: #4184e4;
  --button-outline-fgColor-hover: #539bf5;
  --button-outline-fgColor-active: #cdd9e5;
  --button-outline-fgColor-disabled: #478be680;
  --button-outline-bgColor-rest: #cdd9e5;
  --button-outline-bgColor-hover: #444c56;
  --button-outline-bgColor-active: #1b4b91;
  --button-outline-bgColor-disabled: #22272e;
  --button-outline-borderColor-hover: #cdd9e51a;
  --button-outline-borderColor-selected: #cdd9e51a;
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
  --button-danger-fgColor-rest: #e5534b;
  --button-danger-fgColor-hover: #cdd9e5;
  --button-danger-fgColor-active: #cdd9e5;
  --button-danger-fgColor-disabled: #e5534b80;
  --button-danger-iconColor-rest: #e5534b;
  --button-danger-iconColor-hover: #cdd9e5;
  --button-danger-bgColor-rest: #373e47;
  --button-danger-bgColor-hover: #ad2e2c;
  --button-danger-bgColor-active: #c33d38;
  --button-danger-bgColor-disabled: #373e47b3;
  --button-danger-borderColor-rest: #444c56;
  --button-danger-borderColor-hover: #cdd9e51a;
  --button-danger-borderColor-active: #cdd9e51a;
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
  --button-inactive-fgColor: #768390;
  --button-inactive-bgColor: #373e47;
  --button-star-iconColor: #daaa3f;
  --buttonCounter-default-bgColor-rest: #444c56;
  --buttonCounter-invisible-bgColor-rest: #444c56;
  --buttonCounter-primary-bgColor-rest: #11341733;
  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
  --buttonCounter-outline-bgColor-disabled: #316dca0d;
  --buttonCounter-outline-fgColor-rest: #4184e4;
  --buttonCounter-outline-fgColor-hover: #539bf5;
  --buttonCounter-outline-fgColor-disabled: #478be680;
  --buttonCounter-danger-bgColor-hover: #cdd9e533;
  --buttonCounter-danger-bgColor-disabled: #c93c370d;
  --buttonCounter-danger-bgColor-rest: #5d0f1233;
  --buttonCounter-danger-fgColor-rest: #e5534b;
  --buttonCounter-danger-fgColor-hover: #cdd9e5;
  --buttonCounter-danger-fgColor-disabled: #e5534b80;
  --reactionButton-selected-bgColor-rest: #4184e433;
  --reactionButton-selected-bgColor-hover: #4285e55c;
  --reactionButton-selected-fgColor-rest: #478be6;
  --reactionButton-selected-fgColor-hover: #6cb6ff;
  --focus-outlineColor: #316dca;
  --menu-bgColor-active: #2d333b;
  --overlay-bgColor: #2d333b;
  --overlay-borderColor: #444c56b3;
  --overlay-backdrop-bgColor: #2d333b66;
  --selectMenu-borderColor: #545d68;
  --selectMenu-bgColor-active: #143d79;
  --sideNav-bgColor-selected: #373e47;
  --skeletonLoader-bgColor: #2d333b;
  --timelineBadge-bgColor: #373e47;
  --treeViewItem-leadingVisual-iconColor-rest: #778491;
  --underlineNav-borderColor-active: #ec775c;
  --underlineNav-borderColor-hover: #636e7b66;
  --underlineNav-iconColor-rest: #778491;
  --selection-bgColor: #316dcab3;
  --card-bgColor: #2d333b;
  --label-green-bgColor-rest: #122117;
  --label-green-bgColor-hover: #182f1f;
  --label-green-bgColor-active: #214529;
  --label-green-fgColor-rest: #41b445;
  --label-green-fgColor-hover: #46c144;
  --label-green-fgColor-active: #75d36f;
  --label-orange-bgColor-rest: #311708;
  --label-orange-bgColor-hover: #43200a;
  --label-orange-bgColor-active: #632f0d;
  --label-orange-fgColor-rest: #ed8326;
  --label-orange-fgColor-hover: #f1933b;
  --label-orange-fgColor-active: #f6b06a;
  --label-purple-bgColor-rest: #211047;
  --label-purple-bgColor-hover: #31146b;
  --label-purple-bgColor-active: #481a9e;
  --label-purple-fgColor-rest: #b687f7;
  --label-purple-fgColor-hover: #c398fb;
  --label-purple-fgColor-active: #d2affd;
  --label-red-bgColor-rest: #3c0614;
  --label-red-bgColor-hover: #58091a;
  --label-red-bgColor-active: #790c20;
  --label-red-fgColor-rest: #f27d83;
  --label-red-fgColor-hover: #f48b8d;
  --label-red-fgColor-active: #f7adab;
  --label-yellow-bgColor-rest: #2e1a00;
  --label-yellow-bgColor-hover: #3d2401;
  --label-yellow-bgColor-active: #5a3702;
  --label-yellow-fgColor-rest: #d3910d;
  --label-yellow-fgColor-hover: #df9e11;
  --label-yellow-fgColor-active: #edb431;
  --label-gray-bgColor-rest: #1c1c1c;
  --label-gray-bgColor-hover: #2a2b2d;
  --label-gray-bgColor-active: #393d41;
  --label-gray-fgColor-rest: #92a1b5;
  --label-gray-fgColor-hover: #9babbf;
  --label-gray-fgColor-active: #b3c0d1;
  --label-auburn-bgColor-rest: #271817;
  --label-auburn-bgColor-hover: #3a2422;
  --label-auburn-bgColor-active: #543331;
  --label-auburn-fgColor-rest: #bf9592;
  --label-auburn-fgColor-hover: #c6a19f;
  --label-auburn-fgColor-active: #d4b7b5;
  --label-brown-bgColor-rest: #241c14;
  --label-brown-bgColor-hover: #342a1d;
  --label-brown-bgColor-active: #483a28;
  --label-brown-fgColor-rest: #b69a6d;
  --label-brown-fgColor-hover: #bfa77d;
  --label-brown-fgColor-active: #cdbb98;
  --label-lemon-bgColor-rest: #291d00;
  --label-lemon-bgColor-hover: #372901;
  --label-lemon-bgColor-active: #4f3c02;
  --label-lemon-fgColor-rest: #ba9b12;
  --label-lemon-fgColor-hover: #c4a717;
  --label-lemon-fgColor-active: #d7bc1d;
  --label-olive-bgColor-rest: #171e0b;
  --label-olive-bgColor-hover: #252d10;
  --label-olive-bgColor-active: #374115;
  --label-olive-fgColor-rest: #a2a626;
  --label-olive-fgColor-hover: #b2af24;
  --label-olive-fgColor-active: #cbc025;
  --label-lime-bgColor-rest: #141f0f;
  --label-lime-bgColor-hover: #1f3116;
  --label-lime-bgColor-active: #2c441d;
  --label-lime-fgColor-rest: #7dae37;
  --label-lime-fgColor-hover: #89ba36;
  --label-lime-fgColor-active: #9fcc3e;
  --label-pine-bgColor-rest: #082119;
  --label-pine-bgColor-hover: #0b3224;
  --label-pine-bgColor-active: #0e4430;
  --label-pine-fgColor-rest: #1bb673;
  --label-pine-fgColor-hover: #1ac176;
  --label-pine-fgColor-active: #1bda81;
  --label-teal-bgColor-rest: #041f25;
  --label-teal-bgColor-hover: #073036;
  --label-teal-bgColor-active: #0a464d;
  --label-teal-fgColor-rest: #1cb0ab;
  --label-teal-fgColor-hover: #1fbdb2;
  --label-teal-fgColor-active: #24d6c4;
  --label-cyan-bgColor-rest: #001f29;
  --label-cyan-bgColor-hover: #002e3d;
  --label-cyan-bgColor-active: #014156;
  --label-cyan-fgColor-rest: #07ace4;
  --label-cyan-fgColor-hover: #09b7f1;
  --label-cyan-fgColor-active: #45cbf7;
  --label-indigo-bgColor-rest: #1b183f;
  --label-indigo-bgColor-hover: #25215f;
  --label-indigo-bgColor-active: #312c90;
  --label-indigo-fgColor-rest: #9899ec;
  --label-indigo-fgColor-hover: #a2a5f1;
  --label-indigo-fgColor-active: #b7baf6;
  --label-blue-bgColor-rest: #001a47;
  --label-blue-bgColor-hover: #002766;
  --label-blue-bgColor-active: #00378a;
  --label-blue-fgColor-rest: #4da0ff;
  --label-blue-fgColor-hover: #61adff;
  --label-blue-fgColor-active: #85c2ff;
  --label-plum-bgColor-rest: #2a0e3f;
  --label-plum-bgColor-hover: #40125e;
  --label-plum-bgColor-active: #5c1688;
  --label-plum-fgColor-rest: #d07ef7;
  --label-plum-fgColor-hover: #d889fa;
  --label-plum-fgColor-active: #e4a5fd;
  --label-pink-bgColor-rest: #2d1524;
  --label-pink-bgColor-hover: #451c35;
  --label-pink-bgColor-active: #65244a;
  --label-pink-fgColor-rest: #e57bb2;
  --label-pink-fgColor-hover: #ec8dbd;
  --label-pink-fgColor-active: #f4a9cd;
  --label-coral-bgColor-rest: #351008;
  --label-coral-bgColor-hover: #51180b;
  --label-coral-bgColor-active: #72220d;
  --label-coral-fgColor-rest: #f7794b;
  --label-coral-fgColor-hover: #fa8c61;
  --label-coral-fgColor-active: #fdaa86;
  --fgColor-default: #c5d1de;
  --fgColor-muted: #778491;
  --fgColor-onEmphasis: #cdd9e5;
  --fgColor-white: #cdd9e5;
  --fgColor-black: #1c2128;
  --fgColor-disabled: #636e7b;
  --fgColor-link: #478be6;
  --fgColor-neutral: #636e7b;
  --fgColor-accent: #478be6;
  --fgColor-success: #57ab5a;
  --fgColor-attention: #c69026;
  --fgColor-severe: #cc6b2c;
  --fgColor-danger: #e5534b;
  --fgColor-open: #57ab5a;
  --fgColor-closed: #e5534b;
  --fgColor-done: #986ee2;
  --fgColor-upsell: #986ee2;
  --fgColor-sponsors: #c96198;
  --bgColor-default: #22272e;
  --bgColor-muted: #2d333b;
  --bgColor-inset: #1c2128;
  --bgColor-emphasis: #636e7b;
  --bgColor-inverse: #cdd9e5;
  --bgColor-white: #cdd9e5;
  --bgColor-black: #1c2128;
  --bgColor-disabled: #373e47b3;
  --bgColor-transparent: #00000000;
  --bgColor-neutral-muted: #636e7b66;
  --bgColor-neutral-emphasis: #636e7b;
  --bgColor-accent-muted: #4184e41a;
  --bgColor-accent-emphasis: #316dca;
  --bgColor-success-muted: #46954a26;
  --bgColor-success-emphasis: #347d39;
  --bgColor-attention-muted: #ae7c1426;
  --bgColor-attention-emphasis: #966600;
  --bgColor-severe-muted: #cc6b2c1a;
  --bgColor-severe-emphasis: #ae5622;
  --bgColor-danger-muted: #e5534b1a;
  --bgColor-danger-emphasis: #c93c37;
  --bgColor-open-muted: #46954a1a;
  --bgColor-open-emphasis: #347d39;
  --bgColor-closed-muted: #e5534b26;
  --bgColor-closed-emphasis: #c93c37;
  --bgColor-done-muted: #986ee226;
  --bgColor-done-emphasis: #8256d0;
  --bgColor-upsell-muted: #986ee226;
  --bgColor-upsell-emphasis: #8256d0;
  --bgColor-sponsors-muted: #c961981a;
  --bgColor-sponsors-emphasis: #ae4c82;
  --borderColor-default: #444c56;
  --borderColor-muted: #444c56b3;
  --borderColor-emphasis: #545d68;
  --borderColor-disabled: #373e47b3;
  --borderColor-transparent: #00000000;
  --borderColor-translucent: #cdd9e526;
  --borderColor-neutral-muted: #636e7b66;
  --borderColor-neutral-emphasis: #636e7b;
  --borderColor-accent-muted: #4184e466;
  --borderColor-accent-emphasis: #316dca;
  --borderColor-success-muted: #46954a66;
  --borderColor-success-emphasis: #347d39;
  --borderColor-attention-muted: #ae7c1466;
  --borderColor-attention-emphasis: #966600;
  --borderColor-severe-muted: #cc6b2c66;
  --borderColor-severe-emphasis: #ae5622;
  --borderColor-danger-muted: #e5534b66;
  --borderColor-danger-emphasis: #c93c37;
  --borderColor-open-muted: #46954a66;
  --borderColor-open-emphasis: #347d39;
  --borderColor-closed-muted: #e5534b66;
  --borderColor-closed-emphasis: #c93c37;
  --borderColor-done-muted: #986ee266;
  --borderColor-done-emphasis: #8256d0;
  --borderColor-upsell-muted: #986ee266;
  --borderColor-upsell-emphasis: #8256d0;
  --borderColor-sponsors-muted: #c9619866;
  --borderColor-sponsors-emphasis: #ae4c82;
  --color-ansi-black: #545d68;
  --color-ansi-black-bright: #636e7b;
  --color-ansi-white: #909dab;
  --color-ansi-white-bright: #cdd9e5;
  --color-ansi-gray: #636e7b;
  --color-ansi-red: #f47067;
  --color-ansi-red-bright: #ff938a;
  --color-ansi-green: #57ab5a;
  --color-ansi-green-bright: #6bc46d;
  --color-ansi-yellow: #c69026;
  --color-ansi-yellow-bright: #daaa3f;
  --color-ansi-blue: #539bf5;
  --color-ansi-blue-bright: #6cb6ff;
  --color-ansi-magenta: #b083f0;
  --color-ansi-magenta-bright: #dcbdfb;
  --color-ansi-cyan: #39c5cf;
  --color-ansi-cyan-bright: #56d4dd;
  --color-prettylights-syntax-comment: #768390;
  --color-prettylights-syntax-constant: #6cb6ff;
  --color-prettylights-syntax-constant-other-reference-link: #96d0ff;
  --color-prettylights-syntax-entity: #dcbdfb;
  --color-prettylights-syntax-storage-modifier-import: #adbac7;
  --color-prettylights-syntax-entity-tag: #8ddb8c;
  --color-prettylights-syntax-keyword: #f47067;
  --color-prettylights-syntax-string: #96d0ff;
  --color-prettylights-syntax-variable: #f69d50;
  --color-prettylights-syntax-brackethighlighter-unmatched: #e5534b;
  --color-prettylights-syntax-brackethighlighter-angle: #768390;
  --color-prettylights-syntax-invalid-illegal-text: #cdd9e5;
  --color-prettylights-syntax-invalid-illegal-bg: #922323;
  --color-prettylights-syntax-carriage-return-text: #cdd9e5;
  --color-prettylights-syntax-carriage-return-bg: #ad2e2c;
  --color-prettylights-syntax-string-regexp: #8ddb8c;
  --color-prettylights-syntax-markup-list: #eac55f;
  --color-prettylights-syntax-markup-heading: #316dca;
  --color-prettylights-syntax-markup-italic: #adbac7;
  --color-prettylights-syntax-markup-bold: #adbac7;
  --color-prettylights-syntax-markup-deleted-text: #ffd8d3;
  --color-prettylights-syntax-markup-deleted-bg: #78191b;
  --color-prettylights-syntax-markup-inserted-text: #b4f1b4;
  --color-prettylights-syntax-markup-inserted-bg: #1b4721;
  --color-prettylights-syntax-markup-changed-text: #ffddb0;
  --color-prettylights-syntax-markup-changed-bg: #682d0f;
  --color-prettylights-syntax-markup-ignored-text: #adbac7;
  --color-prettylights-syntax-markup-ignored-bg: #255ab2;
  --color-prettylights-syntax-meta-diff-range: #dcbdfb;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68;
  --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
  --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
  --shadow-resting-small: 0px 1px 0px 0px #1c212866;
  --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
  --shadow-floating-small: 0px 0px 0px 1px #444c56, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
  --shadow-floating-medium: 0px 0px 0px 1px #444c56, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866;
  --shadow-floating-large: 0px 0px 0px 1px #444c56, 0px 24px 48px 0px #1c2128;
  --shadow-floating-xlarge: 0px 0px 0px 1px #444c56, 0px 32px 64px 0px #1c2128;
  --shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
  --outline-focus: #316dca solid 2px;
}
@media (prefers-color-scheme: dark) {
  [data-color-mode="auto"][data-dark-theme="dark_dimmed"],
  [data-color-mode="auto"][data-dark-theme="dark_dimmed"] ::backdrop {
    --topicTag-borderColor: #00000000;
    --highlight-neutral-bgColor: #c6902666;
    --page-header-bgColor: #22272e;
    --diffBlob-addition-fgColor-text: #c5d1de;
    --diffBlob-addition-fgColor-num: #c5d1de;
    --diffBlob-addition-bgColor-num: #57ab5a4d;
    --diffBlob-addition-bgColor-line: #46954a26;
    --diffBlob-addition-bgColor-word: #46954a66;
    --diffBlob-deletion-fgColor-text: #c5d1de;
    --diffBlob-deletion-fgColor-num: #c5d1de;
    --diffBlob-deletion-bgColor-num: #e5534b4d;
    --diffBlob-deletion-bgColor-line: #e5534b26;
    --diffBlob-deletion-bgColor-word: #e5534b66;
    --diffBlob-hunk-bgColor-num: #4184e466;
    --diffBlob-expander-iconColor: #c5d1de;
    --codeMirror-fgColor: #c5d1de;
    --codeMirror-bgColor: #22272e;
    --codeMirror-gutters-bgColor: #22272e;
    --codeMirror-gutterMarker-fgColor-default: #22272e;
    --codeMirror-gutterMarker-fgColor-muted: #778491;
    --codeMirror-lineNumber-fgColor: #778491;
    --codeMirror-cursor-fgColor: #c5d1de;
    --codeMirror-selection-bgColor: #4184e466;
    --codeMirror-activeline-bgColor: #636e7b66;
    --codeMirror-matchingBracket-fgColor: #c5d1de;
    --codeMirror-lines-bgColor: #22272e;
    --codeMirror-syntax-fgColor-comment: #768390;
    --codeMirror-syntax-fgColor-constant: #6cb6ff;
    --codeMirror-syntax-fgColor-entity: #dcbdfb;
    --codeMirror-syntax-fgColor-keyword: #f47067;
    --codeMirror-syntax-fgColor-storage: #f47067;
    --codeMirror-syntax-fgColor-string: #96d0ff;
    --codeMirror-syntax-fgColor-support: #6cb6ff;
    --codeMirror-syntax-fgColor-variable: #f69d50;
    --header-fgColor-default: #cdd9e5b3;
    --header-fgColor-logo: #cdd9e5;
    --header-bgColor: #2d333bf2;
    --header-borderColor-divider: #768390;
    --headerSearch-bgColor: #22272e;
    --headerSearch-borderColor: #444c56;
    --data-blue-color: #0576ff;
    --data-blue-color-muted: #001a47;
    --data-auburn-color: #a86f6b;
    --data-auburn-color-muted: #271817;
    --data-orange-color: #984b10;
    --data-orange-color-muted: #311708;
    --data-yellow-color: #895906;
    --data-yellow-color-muted: #2e1a00;
    --data-green-color: #2f6f37;
    --data-green-color-muted: #122117;
    --data-teal-color: #106c70;
    --data-teal-color-muted: #041f25;
    --data-purple-color: #975bf1;
    --data-purple-color-muted: #211047;
    --data-pink-color: #d34591;
    --data-pink-color-muted: #2d1524;
    --data-red-color: #eb3342;
    --data-red-color-muted: #3c0614;
    --data-gray-color: #576270;
    --data-gray-color-muted: #1c1c1c;
    --display-blue-bgColor-muted: #001a47;
    --display-blue-bgColor-emphasis: #0576ff;
    --display-blue-fgColor: #4da0ff;
    --display-blue-borderColor-muted: #002766;
    --display-blue-borderColor-emphasis: #0576ff;
    --display-green-bgColor-muted: #122117;
    --display-green-bgColor-emphasis: #388f3f;
    --display-green-fgColor: #41b445;
    --display-green-borderColor-muted: #182f1f;
    --display-green-borderColor-emphasis: #388f3f;
    --display-orange-bgColor-muted: #311708;
    --display-orange-bgColor-emphasis: #c46212;
    --display-orange-fgColor: #ed8326;
    --display-orange-borderColor-muted: #43200a;
    --display-orange-borderColor-emphasis: #c46212;
    --display-purple-bgColor-muted: #211047;
    --display-purple-bgColor-emphasis: #975bf1;
    --display-purple-fgColor: #b687f7;
    --display-purple-borderColor-muted: #31146b;
    --display-purple-borderColor-emphasis: #975bf1;
    --display-plum-bgColor-muted: #2a0e3f;
    --display-plum-bgColor-emphasis: #b643ef;
    --display-plum-fgColor: #d07ef7;
    --display-plum-borderColor-muted: #40125e;
    --display-plum-borderColor-emphasis: #b643ef;
    --display-red-bgColor-muted: #3c0614;
    --display-red-bgColor-emphasis: #eb3342;
    --display-red-fgColor: #f27d83;
    --display-red-borderColor-muted: #58091a;
    --display-red-borderColor-emphasis: #eb3342;
    --display-coral-bgColor-muted: #3c0614;
    --display-coral-bgColor-emphasis: #eb3342;
    --display-coral-fgColor: #f27d83;
    --display-coral-borderColor-muted: #58091a;
    --display-coral-borderColor-emphasis: #eb3342;
    --display-yellow-bgColor-muted: #2e1a00;
    --display-yellow-bgColor-emphasis: #aa7109;
    --display-yellow-fgColor: #d3910d;
    --display-yellow-borderColor-muted: #3d2401;
    --display-yellow-borderColor-emphasis: #aa7109;
    --display-gray-bgColor-muted: #1c1c1c;
    --display-gray-bgColor-emphasis: #6e7f96;
    --display-gray-fgColor: #92a1b5;
    --display-gray-borderColor-muted: #2a2b2d;
    --display-gray-borderColor-emphasis: #6e7f96;
    --display-auburn-bgColor-muted: #271817;
    --display-auburn-bgColor-emphasis: #a86f6b;
    --display-auburn-fgColor: #bf9592;
    --display-auburn-borderColor-muted: #3a2422;
    --display-auburn-borderColor-emphasis: #a86f6b;
    --display-brown-bgColor-muted: #241c14;
    --display-brown-bgColor-emphasis: #94774c;
    --display-brown-fgColor: #b69a6d;
    --display-brown-borderColor-muted: #342a1d;
    --display-brown-borderColor-emphasis: #94774c;
    --display-lemon-bgColor-muted: #291d00;
    --display-lemon-bgColor-emphasis: #977b0c;
    --display-lemon-fgColor: #ba9b12;
    --display-lemon-borderColor-muted: #372901;
    --display-lemon-borderColor-emphasis: #977b0c;
    --display-olive-bgColor-muted: #171e0b;
    --display-olive-bgColor-emphasis: #7a8321;
    --display-olive-fgColor: #a2a626;
    --display-olive-borderColor-muted: #252d10;
    --display-olive-borderColor-emphasis: #7a8321;
    --display-lime-bgColor-muted: #141f0f;
    --display-lime-bgColor-emphasis: #5f892f;
    --display-lime-fgColor: #7dae37;
    --display-lime-borderColor-muted: #1f3116;
    --display-lime-borderColor-emphasis: #5f892f;
    --display-pine-bgColor-muted: #082119;
    --display-pine-bgColor-emphasis: #18915e;
    --display-pine-fgColor: #1bb673;
    --display-pine-borderColor-muted: #0b3224;
    --display-pine-borderColor-emphasis: #18915e;
    --display-teal-bgColor-muted: #041f25;
    --display-teal-bgColor-emphasis: #158a8a;
    --display-teal-fgColor: #1cb0ab;
    --display-teal-borderColor-muted: #073036;
    --display-teal-borderColor-emphasis: #158a8a;
    --display-cyan-bgColor-muted: #001f29;
    --display-cyan-bgColor-emphasis: #0587b3;
    --display-cyan-fgColor: #07ace4;
    --display-cyan-borderColor-muted: #002e3d;
    --display-cyan-borderColor-emphasis: #0587b3;
    --display-indigo-bgColor-muted: #1b183f;
    --display-indigo-bgColor-emphasis: #7070e1;
    --display-indigo-fgColor: #9899ec;
    --display-indigo-borderColor-muted: #25215f;
    --display-indigo-borderColor-emphasis: #7070e1;
    --display-pink-bgColor-muted: #2d1524;
    --display-pink-bgColor-emphasis: #d34591;
    --display-pink-fgColor: #e57bb2;
    --display-pink-borderColor-muted: #451c35;
    --display-pink-borderColor-emphasis: #d34591;
    --avatar-bgColor: #cdd9e51a;
    --avatar-borderColor: #cdd9e526;
    --avatar-shadow: 0px 0px 0px 2px #22272e;
    --avatarStack-fade-bgColor-default: #444c56;
    --avatarStack-fade-bgColor-muted: #373e47;
    --control-bgColor-rest: #373e47;
    --control-bgColor-hover: #3d444e;
    --control-bgColor-active: #434a54;
    --control-bgColor-disabled: #373e47b3;
    --control-bgColor-selected: #2d333b;
    --control-fgColor-rest: #adbac7;
    --control-fgColor-placeholder: #727f8c;
    --control-fgColor-disabled: #636e7b;
    --control-borderColor-rest: #444c56;
    --control-borderColor-emphasis: #606b77;
    --control-borderColor-disabled: #373e47b3;
    --control-borderColor-selected: #cdd9e5;
    --control-borderColor-success: #347d39;
    --control-borderColor-danger: #c93c37;
    --control-borderColor-warning: #966600;
    --control-iconColor-rest: #778491;
    --control-transparent-bgColor-rest: #00000000;
    --control-transparent-bgColor-hover: #909dab1f;
    --control-transparent-bgColor-active: #909dab33;
    --control-transparent-bgColor-disabled: #373e47b3;
    --control-transparent-bgColor-selected: #909dab14;
    --control-transparent-borderColor-rest: #00000000;
    --control-transparent-borderColor-hover: #00000000;
    --control-transparent-borderColor-active: #00000000;
    --control-danger-fgColor-rest: #e5534b;
    --control-danger-fgColor-hover: #f47067;
    --control-danger-bgColor-hover: #e5534b1a;
    --control-danger-bgColor-active: #e5534b66;
    --control-checked-bgColor-rest: #316dca;
    --control-checked-bgColor-hover: #3876d3;
    --control-checked-bgColor-active: #3f7fdb;
    --control-checked-bgColor-disabled: #636e7b;
    --control-checked-fgColor-rest: #cdd9e5;
    --control-checked-fgColor-disabled: #1c2128;
    --control-checked-borderColor-rest: #316dca;
    --control-checked-borderColor-hover: #3876d3;
    --control-checked-borderColor-active: #3f7fdb;
    --control-checked-borderColor-disabled: #636e7b;
    --controlTrack-bgColor-rest: #373e47;
    --controlTrack-bgColor-hover: #3d444e;
    --controlTrack-bgColor-active: #434a54;
    --controlTrack-bgColor-disabled: #636e7b;
    --controlTrack-fgColor-rest: #778491;
    --controlTrack-fgColor-disabled: #cdd9e5;
    --controlTrack-borderColor-rest: #00000000;
    --controlTrack-borderColor-disabled: #636e7b;
    --controlKnob-bgColor-rest: #1c2128;
    --controlKnob-bgColor-disabled: #373e47b3;
    --controlKnob-bgColor-checked: #cdd9e5;
    --controlKnob-borderColor-rest: #606b77;
    --controlKnob-borderColor-disabled: #373e47b3;
    --controlKnob-borderColor-checked: #316dca;
    --counter-borderColor: #00000000;
    --button-default-fgColor-rest: #adbac7;
    --button-default-bgColor-rest: #373e47;
    --button-default-bgColor-hover: #3d444e;
    --button-default-bgColor-active: #434a54;
    --button-default-bgColor-selected: #434a54;
    --button-default-bgColor-disabled: #373e47b3;
    --button-default-borderColor-rest: #444c56;
    --button-default-borderColor-hover: #444c56;
    --button-default-borderColor-active: #444c56;
    --button-default-borderColor-disabled: #373e47b3;
    --button-default-shadow-resting: 0px 0px 0px 0px #000000;
    --button-primary-fgColor-rest: #ffffff;
    --button-primary-fgColor-disabled: #cdd9e566;
    --button-primary-iconColor-rest: #ffffff;
    --button-primary-bgColor-rest: #347d39;
    --button-primary-bgColor-hover: #3b8640;
    --button-primary-bgColor-active: #428f46;
    --button-primary-bgColor-disabled: #50a254;
    --button-primary-borderColor-rest: #cdd9e51a;
    --button-primary-borderColor-hover: #cdd9e51a;
    --button-primary-borderColor-active: #cdd9e51a;
    --button-primary-borderColor-disabled: #50a254;
    --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
    --button-invisible-fgColor-rest: #478be6;
    --button-invisible-fgColor-hover: #539bf5;
    --button-invisible-fgColor-disabled: #636e7b;
    --button-invisible-iconColor-rest: #778491;
    --button-invisible-iconColor-hover: #778491;
    --button-invisible-iconColor-disabled: #636e7b;
    --button-invisible-bgColor-rest: #00000000;
    --button-invisible-bgColor-hover: #909dab1f;
    --button-invisible-bgColor-active: #909dab33;
    --button-invisible-bgColor-disabled: #373e47b3;
    --button-invisible-borderColor-rest: #00000000;
    --button-invisible-borderColor-hover: #00000000;
    --button-invisible-borderColor-disabled: #373e47b3;
    --button-outline-fgColor-rest: #4184e4;
    --button-outline-fgColor-hover: #539bf5;
    --button-outline-fgColor-active: #cdd9e5;
    --button-outline-fgColor-disabled: #478be680;
    --button-outline-bgColor-rest: #cdd9e5;
    --button-outline-bgColor-hover: #444c56;
    --button-outline-bgColor-active: #1b4b91;
    --button-outline-bgColor-disabled: #22272e;
    --button-outline-borderColor-hover: #cdd9e51a;
    --button-outline-borderColor-selected: #cdd9e51a;
    --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
    --button-danger-fgColor-rest: #e5534b;
    --button-danger-fgColor-hover: #cdd9e5;
    --button-danger-fgColor-active: #cdd9e5;
    --button-danger-fgColor-disabled: #e5534b80;
    --button-danger-iconColor-rest: #e5534b;
    --button-danger-iconColor-hover: #cdd9e5;
    --button-danger-bgColor-rest: #373e47;
    --button-danger-bgColor-hover: #ad2e2c;
    --button-danger-bgColor-active: #c33d38;
    --button-danger-bgColor-disabled: #373e47b3;
    --button-danger-borderColor-rest: #444c56;
    --button-danger-borderColor-hover: #cdd9e51a;
    --button-danger-borderColor-active: #cdd9e51a;
    --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
    --button-inactive-fgColor: #768390;
    --button-inactive-bgColor: #373e47;
    --button-star-iconColor: #daaa3f;
    --buttonCounter-default-bgColor-rest: #444c56;
    --buttonCounter-invisible-bgColor-rest: #444c56;
    --buttonCounter-primary-bgColor-rest: #11341733;
    --buttonCounter-outline-bgColor-rest: #0f2d5c33;
    --buttonCounter-outline-bgColor-hover: #0f2d5c33;
    --buttonCounter-outline-bgColor-disabled: #316dca0d;
    --buttonCounter-outline-fgColor-rest: #4184e4;
    --buttonCounter-outline-fgColor-hover: #539bf5;
    --buttonCounter-outline-fgColor-disabled: #478be680;
    --buttonCounter-danger-bgColor-hover: #cdd9e533;
    --buttonCounter-danger-bgColor-disabled: #c93c370d;
    --buttonCounter-danger-bgColor-rest: #5d0f1233;
    --buttonCounter-danger-fgColor-rest: #e5534b;
    --buttonCounter-danger-fgColor-hover: #cdd9e5;
    --buttonCounter-danger-fgColor-disabled: #e5534b80;
    --reactionButton-selected-bgColor-rest: #4184e433;
    --reactionButton-selected-bgColor-hover: #4285e55c;
    --reactionButton-selected-fgColor-rest: #478be6;
    --reactionButton-selected-fgColor-hover: #6cb6ff;
    --focus-outlineColor: #316dca;
    --menu-bgColor-active: #2d333b;
    --overlay-bgColor: #2d333b;
    --overlay-borderColor: #444c56b3;
    --overlay-backdrop-bgColor: #2d333b66;
    --selectMenu-borderColor: #545d68;
    --selectMenu-bgColor-active: #143d79;
    --sideNav-bgColor-selected: #373e47;
    --skeletonLoader-bgColor: #2d333b;
    --timelineBadge-bgColor: #373e47;
    --treeViewItem-leadingVisual-iconColor-rest: #778491;
    --underlineNav-borderColor-active: #ec775c;
    --underlineNav-borderColor-hover: #636e7b66;
    --underlineNav-iconColor-rest: #778491;
    --selection-bgColor: #316dcab3;
    --card-bgColor: #2d333b;
    --label-green-bgColor-rest: #122117;
    --label-green-bgColor-hover: #182f1f;
    --label-green-bgColor-active: #214529;
    --label-green-fgColor-rest: #41b445;
    --label-green-fgColor-hover: #46c144;
    --label-green-fgColor-active: #75d36f;
    --label-orange-bgColor-rest: #311708;
    --label-orange-bgColor-hover: #43200a;
    --label-orange-bgColor-active: #632f0d;
    --label-orange-fgColor-rest: #ed8326;
    --label-orange-fgColor-hover: #f1933b;
    --label-orange-fgColor-active: #f6b06a;
    --label-purple-bgColor-rest: #211047;
    --label-purple-bgColor-hover: #31146b;
    --label-purple-bgColor-active: #481a9e;
    --label-purple-fgColor-rest: #b687f7;
    --label-purple-fgColor-hover: #c398fb;
    --label-purple-fgColor-active: #d2affd;
    --label-red-bgColor-rest: #3c0614;
    --label-red-bgColor-hover: #58091a;
    --label-red-bgColor-active: #790c20;
    --label-red-fgColor-rest: #f27d83;
    --label-red-fgColor-hover: #f48b8d;
    --label-red-fgColor-active: #f7adab;
    --label-yellow-bgColor-rest: #2e1a00;
    --label-yellow-bgColor-hover: #3d2401;
    --label-yellow-bgColor-active: #5a3702;
    --label-yellow-fgColor-rest: #d3910d;
    --label-yellow-fgColor-hover: #df9e11;
    --label-yellow-fgColor-active: #edb431;
    --label-gray-bgColor-rest: #1c1c1c;
    --label-gray-bgColor-hover: #2a2b2d;
    --label-gray-bgColor-active: #393d41;
    --label-gray-fgColor-rest: #92a1b5;
    --label-gray-fgColor-hover: #9babbf;
    --label-gray-fgColor-active: #b3c0d1;
    --label-auburn-bgColor-rest: #271817;
    --label-auburn-bgColor-hover: #3a2422;
    --label-auburn-bgColor-active: #543331;
    --label-auburn-fgColor-rest: #bf9592;
    --label-auburn-fgColor-hover: #c6a19f;
    --label-auburn-fgColor-active: #d4b7b5;
    --label-brown-bgColor-rest: #241c14;
    --label-brown-bgColor-hover: #342a1d;
    --label-brown-bgColor-active: #483a28;
    --label-brown-fgColor-rest: #b69a6d;
    --label-brown-fgColor-hover: #bfa77d;
    --label-brown-fgColor-active: #cdbb98;
    --label-lemon-bgColor-rest: #291d00;
    --label-lemon-bgColor-hover: #372901;
    --label-lemon-bgColor-active: #4f3c02;
    --label-lemon-fgColor-rest: #ba9b12;
    --label-lemon-fgColor-hover: #c4a717;
    --label-lemon-fgColor-active: #d7bc1d;
    --label-olive-bgColor-rest: #171e0b;
    --label-olive-bgColor-hover: #252d10;
    --label-olive-bgColor-active: #374115;
    --label-olive-fgColor-rest: #a2a626;
    --label-olive-fgColor-hover: #b2af24;
    --label-olive-fgColor-active: #cbc025;
    --label-lime-bgColor-rest: #141f0f;
    --label-lime-bgColor-hover: #1f3116;
    --label-lime-bgColor-active: #2c441d;
    --label-lime-fgColor-rest: #7dae37;
    --label-lime-fgColor-hover: #89ba36;
    --label-lime-fgColor-active: #9fcc3e;
    --label-pine-bgColor-rest: #082119;
    --label-pine-bgColor-hover: #0b3224;
    --label-pine-bgColor-active: #0e4430;
    --label-pine-fgColor-rest: #1bb673;
    --label-pine-fgColor-hover: #1ac176;
    --label-pine-fgColor-active: #1bda81;
    --label-teal-bgColor-rest: #041f25;
    --label-teal-bgColor-hover: #073036;
    --label-teal-bgColor-active: #0a464d;
    --label-teal-fgColor-rest: #1cb0ab;
    --label-teal-fgColor-hover: #1fbdb2;
    --label-teal-fgColor-active: #24d6c4;
    --label-cyan-bgColor-rest: #001f29;
    --label-cyan-bgColor-hover: #002e3d;
    --label-cyan-bgColor-active: #014156;
    --label-cyan-fgColor-rest: #07ace4;
    --label-cyan-fgColor-hover: #09b7f1;
    --label-cyan-fgColor-active: #45cbf7;
    --label-indigo-bgColor-rest: #1b183f;
    --label-indigo-bgColor-hover: #25215f;
    --label-indigo-bgColor-active: #312c90;
    --label-indigo-fgColor-rest: #9899ec;
    --label-indigo-fgColor-hover: #a2a5f1;
    --label-indigo-fgColor-active: #b7baf6;
    --label-blue-bgColor-rest: #001a47;
    --label-blue-bgColor-hover: #002766;
    --label-blue-bgColor-active: #00378a;
    --label-blue-fgColor-rest: #4da0ff;
    --label-blue-fgColor-hover: #61adff;
    --label-blue-fgColor-active: #85c2ff;
    --label-plum-bgColor-rest: #2a0e3f;
    --label-plum-bgColor-hover: #40125e;
    --label-plum-bgColor-active: #5c1688;
    --label-plum-fgColor-rest: #d07ef7;
    --label-plum-fgColor-hover: #d889fa;
    --label-plum-fgColor-active: #e4a5fd;
    --label-pink-bgColor-rest: #2d1524;
    --label-pink-bgColor-hover: #451c35;
    --label-pink-bgColor-active: #65244a;
    --label-pink-fgColor-rest: #e57bb2;
    --label-pink-fgColor-hover: #ec8dbd;
    --label-pink-fgColor-active: #f4a9cd;
    --label-coral-bgColor-rest: #351008;
    --label-coral-bgColor-hover: #51180b;
    --label-coral-bgColor-active: #72220d;
    --label-coral-fgColor-rest: #f7794b;
    --label-coral-fgColor-hover: #fa8c61;
    --label-coral-fgColor-active: #fdaa86;
    --fgColor-default: #c5d1de;
    --fgColor-muted: #778491;
    --fgColor-onEmphasis: #cdd9e5;
    --fgColor-white: #cdd9e5;
    --fgColor-black: #1c2128;
    --fgColor-disabled: #636e7b;
    --fgColor-link: #478be6;
    --fgColor-neutral: #636e7b;
    --fgColor-accent: #478be6;
    --fgColor-success: #57ab5a;
    --fgColor-attention: #c69026;
    --fgColor-severe: #cc6b2c;
    --fgColor-danger: #e5534b;
    --fgColor-open: #57ab5a;
    --fgColor-closed: #e5534b;
    --fgColor-done: #986ee2;
    --fgColor-upsell: #986ee2;
    --fgColor-sponsors: #c96198;
    --bgColor-default: #22272e;
    --bgColor-muted: #2d333b;
    --bgColor-inset: #1c2128;
    --bgColor-emphasis: #636e7b;
    --bgColor-inverse: #cdd9e5;
    --bgColor-white: #cdd9e5;
    --bgColor-black: #1c2128;
    --bgColor-disabled: #373e47b3;
    --bgColor-transparent: #00000000;
    --bgColor-neutral-muted: #636e7b66;
    --bgColor-neutral-emphasis: #636e7b;
    --bgColor-accent-muted: #4184e41a;
    --bgColor-accent-emphasis: #316dca;
    --bgColor-success-muted: #46954a26;
    --bgColor-success-emphasis: #347d39;
    --bgColor-attention-muted: #ae7c1426;
    --bgColor-attention-emphasis: #966600;
    --bgColor-severe-muted: #cc6b2c1a;
    --bgColor-severe-emphasis: #ae5622;
    --bgColor-danger-muted: #e5534b1a;
    --bgColor-danger-emphasis: #c93c37;
    --bgColor-open-muted: #46954a1a;
    --bgColor-open-emphasis: #347d39;
    --bgColor-closed-muted: #e5534b26;
    --bgColor-closed-emphasis: #c93c37;
    --bgColor-done-muted: #986ee226;
    --bgColor-done-emphasis: #8256d0;
    --bgColor-upsell-muted: #986ee226;
    --bgColor-upsell-emphasis: #8256d0;
    --bgColor-sponsors-muted: #c961981a;
    --bgColor-sponsors-emphasis: #ae4c82;
    --borderColor-default: #444c56;
    --borderColor-muted: #444c56b3;
    --borderColor-emphasis: #545d68;
    --borderColor-disabled: #373e47b3;
    --borderColor-transparent: #00000000;
    --borderColor-translucent: #cdd9e526;
    --borderColor-neutral-muted: #636e7b66;
    --borderColor-neutral-emphasis: #636e7b;
    --borderColor-accent-muted: #4184e466;
    --borderColor-accent-emphasis: #316dca;
    --borderColor-success-muted: #46954a66;
    --borderColor-success-emphasis: #347d39;
    --borderColor-attention-muted: #ae7c1466;
    --borderColor-attention-emphasis: #966600;
    --borderColor-severe-muted: #cc6b2c66;
    --borderColor-severe-emphasis: #ae5622;
    --borderColor-danger-muted: #e5534b66;
    --borderColor-danger-emphasis: #c93c37;
    --borderColor-open-muted: #46954a66;
    --borderColor-open-emphasis: #347d39;
    --borderColor-closed-muted: #e5534b66;
    --borderColor-closed-emphasis: #c93c37;
    --borderColor-done-muted: #986ee266;
    --borderColor-done-emphasis: #8256d0;
    --borderColor-upsell-muted: #986ee266;
    --borderColor-upsell-emphasis: #8256d0;
    --borderColor-sponsors-muted: #c9619866;
    --borderColor-sponsors-emphasis: #ae4c82;
    --color-ansi-black: #545d68;
    --color-ansi-black-bright: #636e7b;
    --color-ansi-white: #909dab;
    --color-ansi-white-bright: #cdd9e5;
    --color-ansi-gray: #636e7b;
    --color-ansi-red: #f47067;
    --color-ansi-red-bright: #ff938a;
    --color-ansi-green: #57ab5a;
    --color-ansi-green-bright: #6bc46d;
    --color-ansi-yellow: #c69026;
    --color-ansi-yellow-bright: #daaa3f;
    --color-ansi-blue: #539bf5;
    --color-ansi-blue-bright: #6cb6ff;
    --color-ansi-magenta: #b083f0;
    --color-ansi-magenta-bright: #dcbdfb;
    --color-ansi-cyan: #39c5cf;
    --color-ansi-cyan-bright: #56d4dd;
    --color-prettylights-syntax-comment: #768390;
    --color-prettylights-syntax-constant: #6cb6ff;
    --color-prettylights-syntax-constant-other-reference-link: #96d0ff;
    --color-prettylights-syntax-entity: #dcbdfb;
    --color-prettylights-syntax-storage-modifier-import: #adbac7;
    --color-prettylights-syntax-entity-tag: #8ddb8c;
    --color-prettylights-syntax-keyword: #f47067;
    --color-prettylights-syntax-string: #96d0ff;
    --color-prettylights-syntax-variable: #f69d50;
    --color-prettylights-syntax-brackethighlighter-unmatched: #e5534b;
    --color-prettylights-syntax-brackethighlighter-angle: #768390;
    --color-prettylights-syntax-invalid-illegal-text: #cdd9e5;
    --color-prettylights-syntax-invalid-illegal-bg: #922323;
    --color-prettylights-syntax-carriage-return-text: #cdd9e5;
    --color-prettylights-syntax-carriage-return-bg: #ad2e2c;
    --color-prettylights-syntax-string-regexp: #8ddb8c;
    --color-prettylights-syntax-markup-list: #eac55f;
    --color-prettylights-syntax-markup-heading: #316dca;
    --color-prettylights-syntax-markup-italic: #adbac7;
    --color-prettylights-syntax-markup-bold: #adbac7;
    --color-prettylights-syntax-markup-deleted-text: #ffd8d3;
    --color-prettylights-syntax-markup-deleted-bg: #78191b;
    --color-prettylights-syntax-markup-inserted-text: #b4f1b4;
    --color-prettylights-syntax-markup-inserted-bg: #1b4721;
    --color-prettylights-syntax-markup-changed-text: #ffddb0;
    --color-prettylights-syntax-markup-changed-bg: #682d0f;
    --color-prettylights-syntax-markup-ignored-text: #adbac7;
    --color-prettylights-syntax-markup-ignored-bg: #255ab2;
    --color-prettylights-syntax-meta-diff-range: #dcbdfb;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68;
    --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
    --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
    --shadow-resting-small: 0px 1px 0px 0px #1c212866;
    --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
    --shadow-floating-small: 0px 0px 0px 1px #444c56, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
    --shadow-floating-medium: 0px 0px 0px 1px #444c56, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866;
    --shadow-floating-large: 0px 0px 0px 1px #444c56, 0px 24px 48px 0px #1c2128;
    --shadow-floating-xlarge: 0px 0px 0px 1px #444c56, 0px 32px 64px 0px #1c2128;
    --shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
    --outline-focus: #316dca solid 2px;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/functional/themes/dark-high-contrast.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
[data-color-mode="dark"][data-dark-theme="dark_high_contrast"],
[data-color-mode="dark"][data-dark-theme="dark_high_contrast"] ::backdrop,
[data-color-mode="auto"][data-light-theme="dark_high_contrast"],
[data-color-mode="auto"][data-light-theme="dark_high_contrast"] ::backdrop {
  --topicTag-borderColor: #409eff;
  --highlight-neutral-bgColor: #f0b72f66;
  --page-header-bgColor: #0a0c10;
  --diffBlob-addition-fgColor-text: #0a0c10;
  --diffBlob-addition-fgColor-num: #fbfcfd;
  --diffBlob-addition-bgColor-num: #28d7514d;
  --diffBlob-addition-bgColor-line: #0ac74026;
  --diffBlob-addition-bgColor-word: #0ac740;
  --diffBlob-deletion-fgColor-text: #0a0c10;
  --diffBlob-deletion-fgColor-num: #fbfcfd;
  --diffBlob-deletion-bgColor-num: #ff80804d;
  --diffBlob-deletion-bgColor-line: #ff808026;
  --diffBlob-deletion-bgColor-word: #ff6a69;
  --diffBlob-hunk-bgColor-num: #5cacff66;
  --diffBlob-expander-iconColor: #fbfcfd;
  --codeMirror-fgColor: #fbfcfd;
  --codeMirror-bgColor: #0a0c10;
  --codeMirror-gutters-bgColor: #0a0c10;
  --codeMirror-gutterMarker-fgColor-default: #0a0c10;
  --codeMirror-gutterMarker-fgColor-muted: #f0f3f6;
  --codeMirror-lineNumber-fgColor: #f0f3f6;
  --codeMirror-cursor-fgColor: #fbfcfd;
  --codeMirror-selection-bgColor: #5cacff66;
  --codeMirror-activeline-bgColor: #9ea7b366;
  --codeMirror-matchingBracket-fgColor: #fbfcfd;
  --codeMirror-lines-bgColor: #0a0c10;
  --codeMirror-syntax-fgColor-comment: #bdc4cc;
  --codeMirror-syntax-fgColor-constant: #91cbff;
  --codeMirror-syntax-fgColor-entity: #dbb7ff;
  --codeMirror-syntax-fgColor-keyword: #ff9492;
  --codeMirror-syntax-fgColor-storage: #ff9492;
  --codeMirror-syntax-fgColor-string: #addcff;
  --codeMirror-syntax-fgColor-support: #91cbff;
  --codeMirror-syntax-fgColor-variable: #ffb757;
  --header-fgColor-default: #ffffffb3;
  --header-fgColor-logo: #ffffff;
  --header-bgColor: #272b33f2;
  --header-borderColor-divider: #bdc4cc;
  --headerSearch-bgColor: #0a0c10;
  --headerSearch-borderColor: #525964;
  --data-blue-color: #0576ff;
  --data-blue-color-muted: #001a47;
  --data-auburn-color: #a86f6b;
  --data-auburn-color-muted: #271817;
  --data-orange-color: #984b10;
  --data-orange-color-muted: #311708;
  --data-yellow-color: #895906;
  --data-yellow-color-muted: #2e1a00;
  --data-green-color: #2f6f37;
  --data-green-color-muted: #122117;
  --data-teal-color: #106c70;
  --data-teal-color-muted: #041f25;
  --data-purple-color: #975bf1;
  --data-purple-color-muted: #211047;
  --data-pink-color: #d34591;
  --data-pink-color-muted: #2d1524;
  --data-red-color: #eb3342;
  --data-red-color-muted: #3c0614;
  --data-gray-color: #576270;
  --data-gray-color-muted: #1c1c1c;
  --display-blue-bgColor-muted: #001a47;
  --display-blue-bgColor-emphasis: #0576ff;
  --display-blue-fgColor: #4da0ff;
  --display-blue-borderColor-muted: #002766;
  --display-blue-borderColor-emphasis: #0576ff;
  --display-green-bgColor-muted: #122117;
  --display-green-bgColor-emphasis: #388f3f;
  --display-green-fgColor: #41b445;
  --display-green-borderColor-muted: #182f1f;
  --display-green-borderColor-emphasis: #388f3f;
  --display-orange-bgColor-muted: #311708;
  --display-orange-bgColor-emphasis: #c46212;
  --display-orange-fgColor: #ed8326;
  --display-orange-borderColor-muted: #43200a;
  --display-orange-borderColor-emphasis: #c46212;
  --display-purple-bgColor-muted: #211047;
  --display-purple-bgColor-emphasis: #975bf1;
  --display-purple-fgColor: #b687f7;
  --display-purple-borderColor-muted: #31146b;
  --display-purple-borderColor-emphasis: #975bf1;
  --display-plum-bgColor-muted: #2a0e3f;
  --display-plum-bgColor-emphasis: #b643ef;
  --display-plum-fgColor: #d07ef7;
  --display-plum-borderColor-muted: #40125e;
  --display-plum-borderColor-emphasis: #b643ef;
  --display-red-bgColor-muted: #3c0614;
  --display-red-bgColor-emphasis: #eb3342;
  --display-red-fgColor: #f27d83;
  --display-red-borderColor-muted: #58091a;
  --display-red-borderColor-emphasis: #eb3342;
  --display-coral-bgColor-muted: #3c0614;
  --display-coral-bgColor-emphasis: #eb3342;
  --display-coral-fgColor: #f27d83;
  --display-coral-borderColor-muted: #58091a;
  --display-coral-borderColor-emphasis: #eb3342;
  --display-yellow-bgColor-muted: #2e1a00;
  --display-yellow-bgColor-emphasis: #aa7109;
  --display-yellow-fgColor: #d3910d;
  --display-yellow-borderColor-muted: #3d2401;
  --display-yellow-borderColor-emphasis: #aa7109;
  --display-gray-bgColor-muted: #1c1c1c;
  --display-gray-bgColor-emphasis: #6e7f96;
  --display-gray-fgColor: #92a1b5;
  --display-gray-borderColor-muted: #2a2b2d;
  --display-gray-borderColor-emphasis: #6e7f96;
  --display-auburn-bgColor-muted: #271817;
  --display-auburn-bgColor-emphasis: #a86f6b;
  --display-auburn-fgColor: #bf9592;
  --display-auburn-borderColor-muted: #3a2422;
  --display-auburn-borderColor-emphasis: #a86f6b;
  --display-brown-bgColor-muted: #241c14;
  --display-brown-bgColor-emphasis: #94774c;
  --display-brown-fgColor: #b69a6d;
  --display-brown-borderColor-muted: #342a1d;
  --display-brown-borderColor-emphasis: #94774c;
  --display-lemon-bgColor-muted: #291d00;
  --display-lemon-bgColor-emphasis: #977b0c;
  --display-lemon-fgColor: #ba9b12;
  --display-lemon-borderColor-muted: #372901;
  --display-lemon-borderColor-emphasis: #977b0c;
  --display-olive-bgColor-muted: #171e0b;
  --display-olive-bgColor-emphasis: #7a8321;
  --display-olive-fgColor: #a2a626;
  --display-olive-borderColor-muted: #252d10;
  --display-olive-borderColor-emphasis: #7a8321;
  --display-lime-bgColor-muted: #141f0f;
  --display-lime-bgColor-emphasis: #5f892f;
  --display-lime-fgColor: #7dae37;
  --display-lime-borderColor-muted: #1f3116;
  --display-lime-borderColor-emphasis: #5f892f;
  --display-pine-bgColor-muted: #082119;
  --display-pine-bgColor-emphasis: #18915e;
  --display-pine-fgColor: #1bb673;
  --display-pine-borderColor-muted: #0b3224;
  --display-pine-borderColor-emphasis: #18915e;
  --display-teal-bgColor-muted: #041f25;
  --display-teal-bgColor-emphasis: #158a8a;
  --display-teal-fgColor: #1cb0ab;
  --display-teal-borderColor-muted: #073036;
  --display-teal-borderColor-emphasis: #158a8a;
  --display-cyan-bgColor-muted: #001f29;
  --display-cyan-bgColor-emphasis: #0587b3;
  --display-cyan-fgColor: #07ace4;
  --display-cyan-borderColor-muted: #002e3d;
  --display-cyan-borderColor-emphasis: #0587b3;
  --display-indigo-bgColor-muted: #1b183f;
  --display-indigo-bgColor-emphasis: #7070e1;
  --display-indigo-fgColor: #9899ec;
  --display-indigo-borderColor-muted: #25215f;
  --display-indigo-borderColor-emphasis: #7070e1;
  --display-pink-bgColor-muted: #2d1524;
  --display-pink-bgColor-emphasis: #d34591;
  --display-pink-fgColor: #e57bb2;
  --display-pink-borderColor-muted: #451c35;
  --display-pink-borderColor-emphasis: #d34591;
  --avatar-bgColor: #ffffff1a;
  --avatar-borderColor: #ffffffe6;
  --avatar-shadow: 0px 0px 0px 2px #0a0c10;
  --avatarStack-fade-bgColor-default: #525964;
  --avatarStack-fade-bgColor-muted: #3d424d;
  --control-bgColor-rest: #3d424d;
  --control-bgColor-hover: #494f5a;
  --control-bgColor-active: #555c67;
  --control-bgColor-disabled: #3d424db3;
  --control-bgColor-selected: #525964;
  --control-fgColor-rest: #f0f3f6;
  --control-fgColor-placeholder: #b7bec7;
  --control-fgColor-disabled: #9ea7b3;
  --control-borderColor-rest: #7a828e;
  --control-borderColor-emphasis: #7a828e;
  --control-borderColor-disabled: #3d424db3;
  --control-borderColor-selected: #ffffff;
  --control-borderColor-success: #09b43a;
  --control-borderColor-danger: #ff6a69;
  --control-borderColor-warning: #e09b13;
  --control-iconColor-rest: #f0f3f6;
  --control-transparent-bgColor-rest: #00000000;
  --control-transparent-bgColor-hover: #272b33;
  --control-transparent-bgColor-active: #525964;
  --control-transparent-bgColor-disabled: #3d424db3;
  --control-transparent-bgColor-selected: #525964;
  --control-transparent-borderColor-rest: #00000000;
  --control-transparent-borderColor-hover: #7a828e;
  --control-transparent-borderColor-active: #9ea7b3;
  --control-danger-fgColor-rest: #ff8080;
  --control-danger-fgColor-hover: #0a0c10;
  --control-danger-bgColor-hover: #ff6a69;
  --control-danger-bgColor-active: #f65052;
  --control-checked-bgColor-rest: #409eff;
  --control-checked-bgColor-hover: #4aa3ff;
  --control-checked-bgColor-active: #54a8ff;
  --control-checked-bgColor-disabled: #9ea7b3;
  --control-checked-fgColor-rest: #0a0c10;
  --control-checked-fgColor-disabled: #010409;
  --control-checked-borderColor-rest: #409eff;
  --control-checked-borderColor-hover: #4aa3ff;
  --control-checked-borderColor-active: #54a8ff;
  --control-checked-borderColor-disabled: #9ea7b3;
  --controlTrack-bgColor-rest: #3d424d;
  --controlTrack-bgColor-hover: #494f5a;
  --controlTrack-bgColor-active: #555c67;
  --controlTrack-bgColor-disabled: #9ea7b3;
  --controlTrack-fgColor-rest: #fbfcfd;
  --controlTrack-fgColor-disabled: #0a0c10;
  --controlTrack-borderColor-rest: #00000000;
  --controlTrack-borderColor-disabled: #9ea7b3;
  --controlKnob-bgColor-rest: #010409;
  --controlKnob-bgColor-disabled: #3d424db3;
  --controlKnob-bgColor-checked: #ffffff;
  --controlKnob-borderColor-rest: #7a828e;
  --controlKnob-borderColor-disabled: #3d424db3;
  --controlKnob-borderColor-checked: #409eff;
  --counter-borderColor: #00000000;
  --button-default-fgColor-rest: #f0f3f6;
  --button-default-bgColor-rest: #3d424d;
  --button-default-bgColor-hover: #494f5a;
  --button-default-bgColor-active: #555c67;
  --button-default-bgColor-selected: #555c67;
  --button-default-bgColor-disabled: #3d424db3;
  --button-default-borderColor-rest: #7a828e;
  --button-default-borderColor-hover: #7a828e;
  --button-default-borderColor-active: #7a828e;
  --button-default-borderColor-disabled: #3d424db3;
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
  --button-primary-fgColor-rest: #0a0c10;
  --button-primary-fgColor-disabled: #0a0c1080;
  --button-primary-iconColor-rest: #0a0c10;
  --button-primary-bgColor-rest: #09b43a;
  --button-primary-bgColor-hover: #0fbb3f;
  --button-primary-bgColor-active: #15c243;
  --button-primary-bgColor-disabled: #048f2f;
  --button-primary-borderColor-rest: #4ae168;
  --button-primary-borderColor-hover: #4ae168;
  --button-primary-borderColor-active: #4ae168;
  --button-primary-borderColor-disabled: #4ae16866;
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
  --button-invisible-fgColor-rest: #60aeff;
  --button-invisible-fgColor-hover: #1e60d5;
  --button-invisible-fgColor-disabled: #9ea7b3;
  --button-invisible-iconColor-rest: #f0f3f6;
  --button-invisible-iconColor-hover: #0a0c10;
  --button-invisible-iconColor-disabled: #9ea7b3;
  --button-invisible-bgColor-rest: #00000000;
  --button-invisible-bgColor-hover: #f0f3f6;
  --button-invisible-bgColor-active: #d9dee3;
  --button-invisible-bgColor-disabled: #3d424db3;
  --button-invisible-borderColor-rest: #00000000;
  --button-invisible-borderColor-hover: #7a828e;
  --button-invisible-borderColor-disabled: #3d424db3;
  --button-outline-fgColor-rest: #5cacff;
  --button-outline-fgColor-hover: #71b7ff;
  --button-outline-fgColor-active: #ffffff;
  --button-outline-fgColor-disabled: #60aeff80;
  --button-outline-bgColor-rest: #ffffff;
  --button-outline-bgColor-hover: #525964;
  --button-outline-bgColor-active: #2672f3;
  --button-outline-bgColor-disabled: #0a0c10;
  --button-outline-borderColor-hover: #ffffff1a;
  --button-outline-borderColor-selected: #ffffff1a;
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
  --button-danger-fgColor-rest: #ff9492;
  --button-danger-fgColor-hover: #ffffff;
  --button-danger-fgColor-active: #ffffff;
  --button-danger-fgColor-disabled: #ff808080;
  --button-danger-iconColor-rest: #ff8080;
  --button-danger-iconColor-hover: #ffffff;
  --button-danger-bgColor-rest: #3d424d;
  --button-danger-bgColor-hover: #ff4445;
  --button-danger-bgColor-active: #ff5c5d;
  --button-danger-bgColor-disabled: #3d424db3;
  --button-danger-borderColor-rest: #7a828e;
  --button-danger-borderColor-hover: #ffffff1a;
  --button-danger-borderColor-active: #ffffff1a;
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
  --button-inactive-fgColor: #bdc4cc;
  --button-inactive-bgColor: #3d424d;
  --button-star-iconColor: #f7c843;
  --buttonCounter-default-bgColor-rest: #525964;
  --buttonCounter-invisible-bgColor-rest: #525964;
  --buttonCounter-primary-bgColor-rest: #01040926;
  --buttonCounter-outline-bgColor-rest: #194fb133;
  --buttonCounter-outline-bgColor-hover: #194fb133;
  --buttonCounter-outline-bgColor-disabled: #409eff0d;
  --buttonCounter-outline-fgColor-rest: #5cacff;
  --buttonCounter-outline-fgColor-hover: #71b7ff;
  --buttonCounter-outline-fgColor-disabled: #60aeff80;
  --buttonCounter-danger-bgColor-hover: #01040926;
  --buttonCounter-danger-bgColor-disabled: #ff6a690d;
  --buttonCounter-danger-bgColor-rest: #01040926;
  --buttonCounter-danger-fgColor-rest: #ff8080;
  --buttonCounter-danger-fgColor-hover: #ffffff;
  --buttonCounter-danger-fgColor-disabled: #ff808080;
  --reactionButton-selected-bgColor-rest: #5cacff33;
  --reactionButton-selected-bgColor-hover: #5dadff5c;
  --reactionButton-selected-fgColor-rest: #60aeff;
  --reactionButton-selected-fgColor-hover: #91cbff;
  --focus-outlineColor: #409eff;
  --menu-bgColor-active: #272b33;
  --overlay-bgColor: #272b33;
  --overlay-borderColor: #7a828e;
  --overlay-backdrop-bgColor: #272b3366;
  --selectMenu-borderColor: #7a828e;
  --selectMenu-bgColor-active: #1e60d5;
  --sideNav-bgColor-selected: #3d424d;
  --skeletonLoader-bgColor: #272b33;
  --timelineBadge-bgColor: #3d424d;
  --treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
  --underlineNav-borderColor-active: #ff967d;
  --underlineNav-borderColor-hover: #bdc4cc;
  --underlineNav-iconColor-rest: #f0f3f6;
  --selection-bgColor: #409effb3;
  --card-bgColor: #272b33;
  --label-green-bgColor-rest: #122117;
  --label-green-bgColor-hover: #182f1f;
  --label-green-bgColor-active: #214529;
  --label-green-fgColor-rest: #41b445;
  --label-green-fgColor-hover: #46c144;
  --label-green-fgColor-active: #75d36f;
  --label-orange-bgColor-rest: #311708;
  --label-orange-bgColor-hover: #43200a;
  --label-orange-bgColor-active: #632f0d;
  --label-orange-fgColor-rest: #ed8326;
  --label-orange-fgColor-hover: #f1933b;
  --label-orange-fgColor-active: #f6b06a;
  --label-purple-bgColor-rest: #211047;
  --label-purple-bgColor-hover: #31146b;
  --label-purple-bgColor-active: #481a9e;
  --label-purple-fgColor-rest: #b687f7;
  --label-purple-fgColor-hover: #c398fb;
  --label-purple-fgColor-active: #d2affd;
  --label-red-bgColor-rest: #3c0614;
  --label-red-bgColor-hover: #58091a;
  --label-red-bgColor-active: #790c20;
  --label-red-fgColor-rest: #f27d83;
  --label-red-fgColor-hover: #f48b8d;
  --label-red-fgColor-active: #f7adab;
  --label-yellow-bgColor-rest: #2e1a00;
  --label-yellow-bgColor-hover: #3d2401;
  --label-yellow-bgColor-active: #5a3702;
  --label-yellow-fgColor-rest: #d3910d;
  --label-yellow-fgColor-hover: #df9e11;
  --label-yellow-fgColor-active: #edb431;
  --label-gray-bgColor-rest: #1c1c1c;
  --label-gray-bgColor-hover: #2a2b2d;
  --label-gray-bgColor-active: #393d41;
  --label-gray-fgColor-rest: #92a1b5;
  --label-gray-fgColor-hover: #9babbf;
  --label-gray-fgColor-active: #b3c0d1;
  --label-auburn-bgColor-rest: #271817;
  --label-auburn-bgColor-hover: #3a2422;
  --label-auburn-bgColor-active: #543331;
  --label-auburn-fgColor-rest: #bf9592;
  --label-auburn-fgColor-hover: #c6a19f;
  --label-auburn-fgColor-active: #d4b7b5;
  --label-brown-bgColor-rest: #241c14;
  --label-brown-bgColor-hover: #342a1d;
  --label-brown-bgColor-active: #483a28;
  --label-brown-fgColor-rest: #b69a6d;
  --label-brown-fgColor-hover: #bfa77d;
  --label-brown-fgColor-active: #cdbb98;
  --label-lemon-bgColor-rest: #291d00;
  --label-lemon-bgColor-hover: #372901;
  --label-lemon-bgColor-active: #4f3c02;
  --label-lemon-fgColor-rest: #ba9b12;
  --label-lemon-fgColor-hover: #c4a717;
  --label-lemon-fgColor-active: #d7bc1d;
  --label-olive-bgColor-rest: #171e0b;
  --label-olive-bgColor-hover: #252d10;
  --label-olive-bgColor-active: #374115;
  --label-olive-fgColor-rest: #a2a626;
  --label-olive-fgColor-hover: #b2af24;
  --label-olive-fgColor-active: #cbc025;
  --label-lime-bgColor-rest: #141f0f;
  --label-lime-bgColor-hover: #1f3116;
  --label-lime-bgColor-active: #2c441d;
  --label-lime-fgColor-rest: #7dae37;
  --label-lime-fgColor-hover: #89ba36;
  --label-lime-fgColor-active: #9fcc3e;
  --label-pine-bgColor-rest: #082119;
  --label-pine-bgColor-hover: #0b3224;
  --label-pine-bgColor-active: #0e4430;
  --label-pine-fgColor-rest: #1bb673;
  --label-pine-fgColor-hover: #1ac176;
  --label-pine-fgColor-active: #1bda81;
  --label-teal-bgColor-rest: #041f25;
  --label-teal-bgColor-hover: #073036;
  --label-teal-bgColor-active: #0a464d;
  --label-teal-fgColor-rest: #1cb0ab;
  --label-teal-fgColor-hover: #1fbdb2;
  --label-teal-fgColor-active: #24d6c4;
  --label-cyan-bgColor-rest: #001f29;
  --label-cyan-bgColor-hover: #002e3d;
  --label-cyan-bgColor-active: #014156;
  --label-cyan-fgColor-rest: #07ace4;
  --label-cyan-fgColor-hover: #09b7f1;
  --label-cyan-fgColor-active: #45cbf7;
  --label-indigo-bgColor-rest: #1b183f;
  --label-indigo-bgColor-hover: #25215f;
  --label-indigo-bgColor-active: #312c90;
  --label-indigo-fgColor-rest: #9899ec;
  --label-indigo-fgColor-hover: #a2a5f1;
  --label-indigo-fgColor-active: #b7baf6;
  --label-blue-bgColor-rest: #001a47;
  --label-blue-bgColor-hover: #002766;
  --label-blue-bgColor-active: #00378a;
  --label-blue-fgColor-rest: #4da0ff;
  --label-blue-fgColor-hover: #61adff;
  --label-blue-fgColor-active: #85c2ff;
  --label-plum-bgColor-rest: #2a0e3f;
  --label-plum-bgColor-hover: #40125e;
  --label-plum-bgColor-active: #5c1688;
  --label-plum-fgColor-rest: #d07ef7;
  --label-plum-fgColor-hover: #d889fa;
  --label-plum-fgColor-active: #e4a5fd;
  --label-pink-bgColor-rest: #2d1524;
  --label-pink-bgColor-hover: #451c35;
  --label-pink-bgColor-active: #65244a;
  --label-pink-fgColor-rest: #e57bb2;
  --label-pink-fgColor-hover: #ec8dbd;
  --label-pink-fgColor-active: #f4a9cd;
  --label-coral-bgColor-rest: #351008;
  --label-coral-bgColor-hover: #51180b;
  --label-coral-bgColor-active: #72220d;
  --label-coral-fgColor-rest: #f7794b;
  --label-coral-fgColor-hover: #fa8c61;
  --label-coral-fgColor-active: #fdaa86;
  --fgColor-default: #fbfcfd;
  --fgColor-muted: #f0f3f6;
  --fgColor-onEmphasis: #0a0c10;
  --fgColor-white: #ffffff;
  --fgColor-black: #010409;
  --fgColor-disabled: #9ea7b3;
  --fgColor-link: #60aeff;
  --fgColor-neutral: #9ea7b3;
  --fgColor-accent: #60aeff;
  --fgColor-success: #28d751;
  --fgColor-attention: #f0b72f;
  --fgColor-severe: #f48b25;
  --fgColor-danger: #ff8080;
  --fgColor-open: #28d751;
  --fgColor-closed: #ff8080;
  --fgColor-done: #bf8fff;
  --fgColor-upsell: #bf8fff;
  --fgColor-sponsors: #f87cbd;
  --bgColor-default: #0a0c10;
  --bgColor-muted: #272b33;
  --bgColor-inset: #010409;
  --bgColor-emphasis: #ffffff;
  --bgColor-inverse: #ffffff;
  --bgColor-white: #ffffff;
  --bgColor-black: #010409;
  --bgColor-disabled: #3d424db3;
  --bgColor-transparent: #00000000;
  --bgColor-neutral-muted: #9ea7b366;
  --bgColor-neutral-emphasis: #9ea7b3;
  --bgColor-accent-muted: #5cacff1a;
  --bgColor-accent-emphasis: #409eff;
  --bgColor-success-muted: #0ac74026;
  --bgColor-success-emphasis: #09b43a;
  --bgColor-attention-muted: #edaa2726;
  --bgColor-attention-emphasis: #e09b13;
  --bgColor-severe-muted: #f48b251a;
  --bgColor-severe-emphasis: #e7811d;
  --bgColor-danger-muted: #ff80801a;
  --bgColor-danger-emphasis: #ff6a69;
  --bgColor-open-muted: #0ac7401a;
  --bgColor-open-emphasis: #09b43a;
  --bgColor-closed-muted: #ff808026;
  --bgColor-closed-emphasis: #ff6a69;
  --bgColor-done-muted: #bf8fff26;
  --bgColor-done-emphasis: #b87fff;
  --bgColor-upsell-muted: #bf8fff26;
  --bgColor-upsell-emphasis: #b87fff;
  --bgColor-sponsors-muted: #f87cbd1a;
  --bgColor-sponsors-emphasis: #ef6eb1;
  --borderColor-default: #7a828e;
  --borderColor-muted: #7a828e;
  --borderColor-emphasis: #7a828e;
  --borderColor-disabled: #3d424db3;
  --borderColor-transparent: #00000000;
  --borderColor-translucent: #7a828e;
  --borderColor-neutral-muted: #9ea7b3;
  --borderColor-neutral-emphasis: #9ea7b3;
  --borderColor-accent-muted: #5cacff;
  --borderColor-accent-emphasis: #409eff;
  --borderColor-success-muted: #0ac740;
  --borderColor-success-emphasis: #09b43a;
  --borderColor-attention-muted: #edaa27;
  --borderColor-attention-emphasis: #e09b13;
  --borderColor-severe-muted: #f48b25;
  --borderColor-severe-emphasis: #e7811d;
  --borderColor-danger-muted: #ff8080;
  --borderColor-danger-emphasis: #ff6a69;
  --borderColor-open-muted: #0ac740;
  --borderColor-open-emphasis: #09b43a;
  --borderColor-closed-muted: #ff808066;
  --borderColor-closed-emphasis: #ff6a69;
  --borderColor-done-muted: #bf8fff;
  --borderColor-done-emphasis: #b87fff;
  --borderColor-upsell-muted: #bf8fff66;
  --borderColor-upsell-emphasis: #b87fff;
  --borderColor-sponsors-muted: #f87cbd;
  --borderColor-sponsors-emphasis: #ef6eb1;
  --color-ansi-black: #7a828e;
  --color-ansi-black-bright: #9ea7b3;
  --color-ansi-white: #d9dee3;
  --color-ansi-white-bright: #ffffff;
  --color-ansi-gray: #9ea7b3;
  --color-ansi-red: #ff9492;
  --color-ansi-red-bright: #ffb1af;
  --color-ansi-green: #28d751;
  --color-ansi-green-bright: #4ae168;
  --color-ansi-yellow: #f0b72f;
  --color-ansi-yellow-bright: #f7c843;
  --color-ansi-blue: #71b7ff;
  --color-ansi-blue-bright: #91cbff;
  --color-ansi-magenta: #cb9eff;
  --color-ansi-magenta-bright: #dbb7ff;
  --color-ansi-cyan: #39c5cf;
  --color-ansi-cyan-bright: #56d4dd;
  --color-prettylights-syntax-comment: #bdc4cc;
  --color-prettylights-syntax-constant: #91cbff;
  --color-prettylights-syntax-constant-other-reference-link: #addcff;
  --color-prettylights-syntax-entity: #dbb7ff;
  --color-prettylights-syntax-storage-modifier-import: #f0f3f6;
  --color-prettylights-syntax-entity-tag: #72f088;
  --color-prettylights-syntax-keyword: #ff9492;
  --color-prettylights-syntax-string: #addcff;
  --color-prettylights-syntax-variable: #ffb757;
  --color-prettylights-syntax-brackethighlighter-unmatched: #ff8080;
  --color-prettylights-syntax-brackethighlighter-angle: #bdc4cc;
  --color-prettylights-syntax-invalid-illegal-text: #ffffff;
  --color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
  --color-prettylights-syntax-carriage-return-text: #ffffff;
  --color-prettylights-syntax-carriage-return-bg: #ff4445;
  --color-prettylights-syntax-string-regexp: #72f088;
  --color-prettylights-syntax-markup-list: #fbd669;
  --color-prettylights-syntax-markup-heading: #409eff;
  --color-prettylights-syntax-markup-italic: #f0f3f6;
  --color-prettylights-syntax-markup-bold: #f0f3f6;
  --color-prettylights-syntax-markup-deleted-text: #ffdedb;
  --color-prettylights-syntax-markup-deleted-bg: #cc1421;
  --color-prettylights-syntax-markup-inserted-text: #acf7b6;
  --color-prettylights-syntax-markup-inserted-bg: #007728;
  --color-prettylights-syntax-markup-changed-text: #ffe1b4;
  --color-prettylights-syntax-markup-changed-bg: #a74c00;
  --color-prettylights-syntax-markup-ignored-text: #f0f3f6;
  --color-prettylights-syntax-markup-ignored-bg: #318bf8;
  --color-prettylights-syntax-meta-diff-range: #dbb7ff;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e;
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
  --shadow-resting-small: 0px 1px 0px 0px #01040966;
  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
  --shadow-floating-small: 0px 0px 0px 1px #7a828e, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
  --shadow-floating-medium: 0px 0px 0px 1px #7a828e, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
  --shadow-floating-large: 0px 0px 0px 1px #7a828e, 0px 24px 48px 0px #010409;
  --shadow-floating-xlarge: 0px 0px 0px 1px #7a828e, 0px 32px 64px 0px #010409;
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
  --outline-focus: #409eff solid 2px;
}
@media (prefers-color-scheme: dark) {
  [data-color-mode="auto"][data-dark-theme="dark_high_contrast"],
  [data-color-mode="auto"][data-dark-theme="dark_high_contrast"] ::backdrop {
    --topicTag-borderColor: #409eff;
    --highlight-neutral-bgColor: #f0b72f66;
    --page-header-bgColor: #0a0c10;
    --diffBlob-addition-fgColor-text: #0a0c10;
    --diffBlob-addition-fgColor-num: #fbfcfd;
    --diffBlob-addition-bgColor-num: #28d7514d;
    --diffBlob-addition-bgColor-line: #0ac74026;
    --diffBlob-addition-bgColor-word: #0ac740;
    --diffBlob-deletion-fgColor-text: #0a0c10;
    --diffBlob-deletion-fgColor-num: #fbfcfd;
    --diffBlob-deletion-bgColor-num: #ff80804d;
    --diffBlob-deletion-bgColor-line: #ff808026;
    --diffBlob-deletion-bgColor-word: #ff6a69;
    --diffBlob-hunk-bgColor-num: #5cacff66;
    --diffBlob-expander-iconColor: #fbfcfd;
    --codeMirror-fgColor: #fbfcfd;
    --codeMirror-bgColor: #0a0c10;
    --codeMirror-gutters-bgColor: #0a0c10;
    --codeMirror-gutterMarker-fgColor-default: #0a0c10;
    --codeMirror-gutterMarker-fgColor-muted: #f0f3f6;
    --codeMirror-lineNumber-fgColor: #f0f3f6;
    --codeMirror-cursor-fgColor: #fbfcfd;
    --codeMirror-selection-bgColor: #5cacff66;
    --codeMirror-activeline-bgColor: #9ea7b366;
    --codeMirror-matchingBracket-fgColor: #fbfcfd;
    --codeMirror-lines-bgColor: #0a0c10;
    --codeMirror-syntax-fgColor-comment: #bdc4cc;
    --codeMirror-syntax-fgColor-constant: #91cbff;
    --codeMirror-syntax-fgColor-entity: #dbb7ff;
    --codeMirror-syntax-fgColor-keyword: #ff9492;
    --codeMirror-syntax-fgColor-storage: #ff9492;
    --codeMirror-syntax-fgColor-string: #addcff;
    --codeMirror-syntax-fgColor-support: #91cbff;
    --codeMirror-syntax-fgColor-variable: #ffb757;
    --header-fgColor-default: #ffffffb3;
    --header-fgColor-logo: #ffffff;
    --header-bgColor: #272b33f2;
    --header-borderColor-divider: #bdc4cc;
    --headerSearch-bgColor: #0a0c10;
    --headerSearch-borderColor: #525964;
    --data-blue-color: #0576ff;
    --data-blue-color-muted: #001a47;
    --data-auburn-color: #a86f6b;
    --data-auburn-color-muted: #271817;
    --data-orange-color: #984b10;
    --data-orange-color-muted: #311708;
    --data-yellow-color: #895906;
    --data-yellow-color-muted: #2e1a00;
    --data-green-color: #2f6f37;
    --data-green-color-muted: #122117;
    --data-teal-color: #106c70;
    --data-teal-color-muted: #041f25;
    --data-purple-color: #975bf1;
    --data-purple-color-muted: #211047;
    --data-pink-color: #d34591;
    --data-pink-color-muted: #2d1524;
    --data-red-color: #eb3342;
    --data-red-color-muted: #3c0614;
    --data-gray-color: #576270;
    --data-gray-color-muted: #1c1c1c;
    --display-blue-bgColor-muted: #001a47;
    --display-blue-bgColor-emphasis: #0576ff;
    --display-blue-fgColor: #4da0ff;
    --display-blue-borderColor-muted: #002766;
    --display-blue-borderColor-emphasis: #0576ff;
    --display-green-bgColor-muted: #122117;
    --display-green-bgColor-emphasis: #388f3f;
    --display-green-fgColor: #41b445;
    --display-green-borderColor-muted: #182f1f;
    --display-green-borderColor-emphasis: #388f3f;
    --display-orange-bgColor-muted: #311708;
    --display-orange-bgColor-emphasis: #c46212;
    --display-orange-fgColor: #ed8326;
    --display-orange-borderColor-muted: #43200a;
    --display-orange-borderColor-emphasis: #c46212;
    --display-purple-bgColor-muted: #211047;
    --display-purple-bgColor-emphasis: #975bf1;
    --display-purple-fgColor: #b687f7;
    --display-purple-borderColor-muted: #31146b;
    --display-purple-borderColor-emphasis: #975bf1;
    --display-plum-bgColor-muted: #2a0e3f;
    --display-plum-bgColor-emphasis: #b643ef;
    --display-plum-fgColor: #d07ef7;
    --display-plum-borderColor-muted: #40125e;
    --display-plum-borderColor-emphasis: #b643ef;
    --display-red-bgColor-muted: #3c0614;
    --display-red-bgColor-emphasis: #eb3342;
    --display-red-fgColor: #f27d83;
    --display-red-borderColor-muted: #58091a;
    --display-red-borderColor-emphasis: #eb3342;
    --display-coral-bgColor-muted: #3c0614;
    --display-coral-bgColor-emphasis: #eb3342;
    --display-coral-fgColor: #f27d83;
    --display-coral-borderColor-muted: #58091a;
    --display-coral-borderColor-emphasis: #eb3342;
    --display-yellow-bgColor-muted: #2e1a00;
    --display-yellow-bgColor-emphasis: #aa7109;
    --display-yellow-fgColor: #d3910d;
    --display-yellow-borderColor-muted: #3d2401;
    --display-yellow-borderColor-emphasis: #aa7109;
    --display-gray-bgColor-muted: #1c1c1c;
    --display-gray-bgColor-emphasis: #6e7f96;
    --display-gray-fgColor: #92a1b5;
    --display-gray-borderColor-muted: #2a2b2d;
    --display-gray-borderColor-emphasis: #6e7f96;
    --display-auburn-bgColor-muted: #271817;
    --display-auburn-bgColor-emphasis: #a86f6b;
    --display-auburn-fgColor: #bf9592;
    --display-auburn-borderColor-muted: #3a2422;
    --display-auburn-borderColor-emphasis: #a86f6b;
    --display-brown-bgColor-muted: #241c14;
    --display-brown-bgColor-emphasis: #94774c;
    --display-brown-fgColor: #b69a6d;
    --display-brown-borderColor-muted: #342a1d;
    --display-brown-borderColor-emphasis: #94774c;
    --display-lemon-bgColor-muted: #291d00;
    --display-lemon-bgColor-emphasis: #977b0c;
    --display-lemon-fgColor: #ba9b12;
    --display-lemon-borderColor-muted: #372901;
    --display-lemon-borderColor-emphasis: #977b0c;
    --display-olive-bgColor-muted: #171e0b;
    --display-olive-bgColor-emphasis: #7a8321;
    --display-olive-fgColor: #a2a626;
    --display-olive-borderColor-muted: #252d10;
    --display-olive-borderColor-emphasis: #7a8321;
    --display-lime-bgColor-muted: #141f0f;
    --display-lime-bgColor-emphasis: #5f892f;
    --display-lime-fgColor: #7dae37;
    --display-lime-borderColor-muted: #1f3116;
    --display-lime-borderColor-emphasis: #5f892f;
    --display-pine-bgColor-muted: #082119;
    --display-pine-bgColor-emphasis: #18915e;
    --display-pine-fgColor: #1bb673;
    --display-pine-borderColor-muted: #0b3224;
    --display-pine-borderColor-emphasis: #18915e;
    --display-teal-bgColor-muted: #041f25;
    --display-teal-bgColor-emphasis: #158a8a;
    --display-teal-fgColor: #1cb0ab;
    --display-teal-borderColor-muted: #073036;
    --display-teal-borderColor-emphasis: #158a8a;
    --display-cyan-bgColor-muted: #001f29;
    --display-cyan-bgColor-emphasis: #0587b3;
    --display-cyan-fgColor: #07ace4;
    --display-cyan-borderColor-muted: #002e3d;
    --display-cyan-borderColor-emphasis: #0587b3;
    --display-indigo-bgColor-muted: #1b183f;
    --display-indigo-bgColor-emphasis: #7070e1;
    --display-indigo-fgColor: #9899ec;
    --display-indigo-borderColor-muted: #25215f;
    --display-indigo-borderColor-emphasis: #7070e1;
    --display-pink-bgColor-muted: #2d1524;
    --display-pink-bgColor-emphasis: #d34591;
    --display-pink-fgColor: #e57bb2;
    --display-pink-borderColor-muted: #451c35;
    --display-pink-borderColor-emphasis: #d34591;
    --avatar-bgColor: #ffffff1a;
    --avatar-borderColor: #ffffffe6;
    --avatar-shadow: 0px 0px 0px 2px #0a0c10;
    --avatarStack-fade-bgColor-default: #525964;
    --avatarStack-fade-bgColor-muted: #3d424d;
    --control-bgColor-rest: #3d424d;
    --control-bgColor-hover: #494f5a;
    --control-bgColor-active: #555c67;
    --control-bgColor-disabled: #3d424db3;
    --control-bgColor-selected: #525964;
    --control-fgColor-rest: #f0f3f6;
    --control-fgColor-placeholder: #b7bec7;
    --control-fgColor-disabled: #9ea7b3;
    --control-borderColor-rest: #7a828e;
    --control-borderColor-emphasis: #7a828e;
    --control-borderColor-disabled: #3d424db3;
    --control-borderColor-selected: #ffffff;
    --control-borderColor-success: #09b43a;
    --control-borderColor-danger: #ff6a69;
    --control-borderColor-warning: #e09b13;
    --control-iconColor-rest: #f0f3f6;
    --control-transparent-bgColor-rest: #00000000;
    --control-transparent-bgColor-hover: #272b33;
    --control-transparent-bgColor-active: #525964;
    --control-transparent-bgColor-disabled: #3d424db3;
    --control-transparent-bgColor-selected: #525964;
    --control-transparent-borderColor-rest: #00000000;
    --control-transparent-borderColor-hover: #7a828e;
    --control-transparent-borderColor-active: #9ea7b3;
    --control-danger-fgColor-rest: #ff8080;
    --control-danger-fgColor-hover: #0a0c10;
    --control-danger-bgColor-hover: #ff6a69;
    --control-danger-bgColor-active: #f65052;
    --control-checked-bgColor-rest: #409eff;
    --control-checked-bgColor-hover: #4aa3ff;
    --control-checked-bgColor-active: #54a8ff;
    --control-checked-bgColor-disabled: #9ea7b3;
    --control-checked-fgColor-rest: #0a0c10;
    --control-checked-fgColor-disabled: #010409;
    --control-checked-borderColor-rest: #409eff;
    --control-checked-borderColor-hover: #4aa3ff;
    --control-checked-borderColor-active: #54a8ff;
    --control-checked-borderColor-disabled: #9ea7b3;
    --controlTrack-bgColor-rest: #3d424d;
    --controlTrack-bgColor-hover: #494f5a;
    --controlTrack-bgColor-active: #555c67;
    --controlTrack-bgColor-disabled: #9ea7b3;
    --controlTrack-fgColor-rest: #fbfcfd;
    --controlTrack-fgColor-disabled: #0a0c10;
    --controlTrack-borderColor-rest: #00000000;
    --controlTrack-borderColor-disabled: #9ea7b3;
    --controlKnob-bgColor-rest: #010409;
    --controlKnob-bgColor-disabled: #3d424db3;
    --controlKnob-bgColor-checked: #ffffff;
    --controlKnob-borderColor-rest: #7a828e;
    --controlKnob-borderColor-disabled: #3d424db3;
    --controlKnob-borderColor-checked: #409eff;
    --counter-borderColor: #00000000;
    --button-default-fgColor-rest: #f0f3f6;
    --button-default-bgColor-rest: #3d424d;
    --button-default-bgColor-hover: #494f5a;
    --button-default-bgColor-active: #555c67;
    --button-default-bgColor-selected: #555c67;
    --button-default-bgColor-disabled: #3d424db3;
    --button-default-borderColor-rest: #7a828e;
    --button-default-borderColor-hover: #7a828e;
    --button-default-borderColor-active: #7a828e;
    --button-default-borderColor-disabled: #3d424db3;
    --button-default-shadow-resting: 0px 0px 0px 0px #000000;
    --button-primary-fgColor-rest: #0a0c10;
    --button-primary-fgColor-disabled: #0a0c1080;
    --button-primary-iconColor-rest: #0a0c10;
    --button-primary-bgColor-rest: #09b43a;
    --button-primary-bgColor-hover: #0fbb3f;
    --button-primary-bgColor-active: #15c243;
    --button-primary-bgColor-disabled: #048f2f;
    --button-primary-borderColor-rest: #4ae168;
    --button-primary-borderColor-hover: #4ae168;
    --button-primary-borderColor-active: #4ae168;
    --button-primary-borderColor-disabled: #4ae16866;
    --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
    --button-invisible-fgColor-rest: #60aeff;
    --button-invisible-fgColor-hover: #1e60d5;
    --button-invisible-fgColor-disabled: #9ea7b3;
    --button-invisible-iconColor-rest: #f0f3f6;
    --button-invisible-iconColor-hover: #0a0c10;
    --button-invisible-iconColor-disabled: #9ea7b3;
    --button-invisible-bgColor-rest: #00000000;
    --button-invisible-bgColor-hover: #f0f3f6;
    --button-invisible-bgColor-active: #d9dee3;
    --button-invisible-bgColor-disabled: #3d424db3;
    --button-invisible-borderColor-rest: #00000000;
    --button-invisible-borderColor-hover: #7a828e;
    --button-invisible-borderColor-disabled: #3d424db3;
    --button-outline-fgColor-rest: #5cacff;
    --button-outline-fgColor-hover: #71b7ff;
    --button-outline-fgColor-active: #ffffff;
    --button-outline-fgColor-disabled: #60aeff80;
    --button-outline-bgColor-rest: #ffffff;
    --button-outline-bgColor-hover: #525964;
    --button-outline-bgColor-active: #2672f3;
    --button-outline-bgColor-disabled: #0a0c10;
    --button-outline-borderColor-hover: #ffffff1a;
    --button-outline-borderColor-selected: #ffffff1a;
    --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
    --button-danger-fgColor-rest: #ff9492;
    --button-danger-fgColor-hover: #ffffff;
    --button-danger-fgColor-active: #ffffff;
    --button-danger-fgColor-disabled: #ff808080;
    --button-danger-iconColor-rest: #ff8080;
    --button-danger-iconColor-hover: #ffffff;
    --button-danger-bgColor-rest: #3d424d;
    --button-danger-bgColor-hover: #ff4445;
    --button-danger-bgColor-active: #ff5c5d;
    --button-danger-bgColor-disabled: #3d424db3;
    --button-danger-borderColor-rest: #7a828e;
    --button-danger-borderColor-hover: #ffffff1a;
    --button-danger-borderColor-active: #ffffff1a;
    --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
    --button-inactive-fgColor: #bdc4cc;
    --button-inactive-bgColor: #3d424d;
    --button-star-iconColor: #f7c843;
    --buttonCounter-default-bgColor-rest: #525964;
    --buttonCounter-invisible-bgColor-rest: #525964;
    --buttonCounter-primary-bgColor-rest: #01040926;
    --buttonCounter-outline-bgColor-rest: #194fb133;
    --buttonCounter-outline-bgColor-hover: #194fb133;
    --buttonCounter-outline-bgColor-disabled: #409eff0d;
    --buttonCounter-outline-fgColor-rest: #5cacff;
    --buttonCounter-outline-fgColor-hover: #71b7ff;
    --buttonCounter-outline-fgColor-disabled: #60aeff80;
    --buttonCounter-danger-bgColor-hover: #01040926;
    --buttonCounter-danger-bgColor-disabled: #ff6a690d;
    --buttonCounter-danger-bgColor-rest: #01040926;
    --buttonCounter-danger-fgColor-rest: #ff8080;
    --buttonCounter-danger-fgColor-hover: #ffffff;
    --buttonCounter-danger-fgColor-disabled: #ff808080;
    --reactionButton-selected-bgColor-rest: #5cacff33;
    --reactionButton-selected-bgColor-hover: #5dadff5c;
    --reactionButton-selected-fgColor-rest: #60aeff;
    --reactionButton-selected-fgColor-hover: #91cbff;
    --focus-outlineColor: #409eff;
    --menu-bgColor-active: #272b33;
    --overlay-bgColor: #272b33;
    --overlay-borderColor: #7a828e;
    --overlay-backdrop-bgColor: #272b3366;
    --selectMenu-borderColor: #7a828e;
    --selectMenu-bgColor-active: #1e60d5;
    --sideNav-bgColor-selected: #3d424d;
    --skeletonLoader-bgColor: #272b33;
    --timelineBadge-bgColor: #3d424d;
    --treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
    --underlineNav-borderColor-active: #ff967d;
    --underlineNav-borderColor-hover: #bdc4cc;
    --underlineNav-iconColor-rest: #f0f3f6;
    --selection-bgColor: #409effb3;
    --card-bgColor: #272b33;
    --label-green-bgColor-rest: #122117;
    --label-green-bgColor-hover: #182f1f;
    --label-green-bgColor-active: #214529;
    --label-green-fgColor-rest: #41b445;
    --label-green-fgColor-hover: #46c144;
    --label-green-fgColor-active: #75d36f;
    --label-orange-bgColor-rest: #311708;
    --label-orange-bgColor-hover: #43200a;
    --label-orange-bgColor-active: #632f0d;
    --label-orange-fgColor-rest: #ed8326;
    --label-orange-fgColor-hover: #f1933b;
    --label-orange-fgColor-active: #f6b06a;
    --label-purple-bgColor-rest: #211047;
    --label-purple-bgColor-hover: #31146b;
    --label-purple-bgColor-active: #481a9e;
    --label-purple-fgColor-rest: #b687f7;
    --label-purple-fgColor-hover: #c398fb;
    --label-purple-fgColor-active: #d2affd;
    --label-red-bgColor-rest: #3c0614;
    --label-red-bgColor-hover: #58091a;
    --label-red-bgColor-active: #790c20;
    --label-red-fgColor-rest: #f27d83;
    --label-red-fgColor-hover: #f48b8d;
    --label-red-fgColor-active: #f7adab;
    --label-yellow-bgColor-rest: #2e1a00;
    --label-yellow-bgColor-hover: #3d2401;
    --label-yellow-bgColor-active: #5a3702;
    --label-yellow-fgColor-rest: #d3910d;
    --label-yellow-fgColor-hover: #df9e11;
    --label-yellow-fgColor-active: #edb431;
    --label-gray-bgColor-rest: #1c1c1c;
    --label-gray-bgColor-hover: #2a2b2d;
    --label-gray-bgColor-active: #393d41;
    --label-gray-fgColor-rest: #92a1b5;
    --label-gray-fgColor-hover: #9babbf;
    --label-gray-fgColor-active: #b3c0d1;
    --label-auburn-bgColor-rest: #271817;
    --label-auburn-bgColor-hover: #3a2422;
    --label-auburn-bgColor-active: #543331;
    --label-auburn-fgColor-rest: #bf9592;
    --label-auburn-fgColor-hover: #c6a19f;
    --label-auburn-fgColor-active: #d4b7b5;
    --label-brown-bgColor-rest: #241c14;
    --label-brown-bgColor-hover: #342a1d;
    --label-brown-bgColor-active: #483a28;
    --label-brown-fgColor-rest: #b69a6d;
    --label-brown-fgColor-hover: #bfa77d;
    --label-brown-fgColor-active: #cdbb98;
    --label-lemon-bgColor-rest: #291d00;
    --label-lemon-bgColor-hover: #372901;
    --label-lemon-bgColor-active: #4f3c02;
    --label-lemon-fgColor-rest: #ba9b12;
    --label-lemon-fgColor-hover: #c4a717;
    --label-lemon-fgColor-active: #d7bc1d;
    --label-olive-bgColor-rest: #171e0b;
    --label-olive-bgColor-hover: #252d10;
    --label-olive-bgColor-active: #374115;
    --label-olive-fgColor-rest: #a2a626;
    --label-olive-fgColor-hover: #b2af24;
    --label-olive-fgColor-active: #cbc025;
    --label-lime-bgColor-rest: #141f0f;
    --label-lime-bgColor-hover: #1f3116;
    --label-lime-bgColor-active: #2c441d;
    --label-lime-fgColor-rest: #7dae37;
    --label-lime-fgColor-hover: #89ba36;
    --label-lime-fgColor-active: #9fcc3e;
    --label-pine-bgColor-rest: #082119;
    --label-pine-bgColor-hover: #0b3224;
    --label-pine-bgColor-active: #0e4430;
    --label-pine-fgColor-rest: #1bb673;
    --label-pine-fgColor-hover: #1ac176;
    --label-pine-fgColor-active: #1bda81;
    --label-teal-bgColor-rest: #041f25;
    --label-teal-bgColor-hover: #073036;
    --label-teal-bgColor-active: #0a464d;
    --label-teal-fgColor-rest: #1cb0ab;
    --label-teal-fgColor-hover: #1fbdb2;
    --label-teal-fgColor-active: #24d6c4;
    --label-cyan-bgColor-rest: #001f29;
    --label-cyan-bgColor-hover: #002e3d;
    --label-cyan-bgColor-active: #014156;
    --label-cyan-fgColor-rest: #07ace4;
    --label-cyan-fgColor-hover: #09b7f1;
    --label-cyan-fgColor-active: #45cbf7;
    --label-indigo-bgColor-rest: #1b183f;
    --label-indigo-bgColor-hover: #25215f;
    --label-indigo-bgColor-active: #312c90;
    --label-indigo-fgColor-rest: #9899ec;
    --label-indigo-fgColor-hover: #a2a5f1;
    --label-indigo-fgColor-active: #b7baf6;
    --label-blue-bgColor-rest: #001a47;
    --label-blue-bgColor-hover: #002766;
    --label-blue-bgColor-active: #00378a;
    --label-blue-fgColor-rest: #4da0ff;
    --label-blue-fgColor-hover: #61adff;
    --label-blue-fgColor-active: #85c2ff;
    --label-plum-bgColor-rest: #2a0e3f;
    --label-plum-bgColor-hover: #40125e;
    --label-plum-bgColor-active: #5c1688;
    --label-plum-fgColor-rest: #d07ef7;
    --label-plum-fgColor-hover: #d889fa;
    --label-plum-fgColor-active: #e4a5fd;
    --label-pink-bgColor-rest: #2d1524;
    --label-pink-bgColor-hover: #451c35;
    --label-pink-bgColor-active: #65244a;
    --label-pink-fgColor-rest: #e57bb2;
    --label-pink-fgColor-hover: #ec8dbd;
    --label-pink-fgColor-active: #f4a9cd;
    --label-coral-bgColor-rest: #351008;
    --label-coral-bgColor-hover: #51180b;
    --label-coral-bgColor-active: #72220d;
    --label-coral-fgColor-rest: #f7794b;
    --label-coral-fgColor-hover: #fa8c61;
    --label-coral-fgColor-active: #fdaa86;
    --fgColor-default: #fbfcfd;
    --fgColor-muted: #f0f3f6;
    --fgColor-onEmphasis: #0a0c10;
    --fgColor-white: #ffffff;
    --fgColor-black: #010409;
    --fgColor-disabled: #9ea7b3;
    --fgColor-link: #60aeff;
    --fgColor-neutral: #9ea7b3;
    --fgColor-accent: #60aeff;
    --fgColor-success: #28d751;
    --fgColor-attention: #f0b72f;
    --fgColor-severe: #f48b25;
    --fgColor-danger: #ff8080;
    --fgColor-open: #28d751;
    --fgColor-closed: #ff8080;
    --fgColor-done: #bf8fff;
    --fgColor-upsell: #bf8fff;
    --fgColor-sponsors: #f87cbd;
    --bgColor-default: #0a0c10;
    --bgColor-muted: #272b33;
    --bgColor-inset: #010409;
    --bgColor-emphasis: #ffffff;
    --bgColor-inverse: #ffffff;
    --bgColor-white: #ffffff;
    --bgColor-black: #010409;
    --bgColor-disabled: #3d424db3;
    --bgColor-transparent: #00000000;
    --bgColor-neutral-muted: #9ea7b366;
    --bgColor-neutral-emphasis: #9ea7b3;
    --bgColor-accent-muted: #5cacff1a;
    --bgColor-accent-emphasis: #409eff;
    --bgColor-success-muted: #0ac74026;
    --bgColor-success-emphasis: #09b43a;
    --bgColor-attention-muted: #edaa2726;
    --bgColor-attention-emphasis: #e09b13;
    --bgColor-severe-muted: #f48b251a;
    --bgColor-severe-emphasis: #e7811d;
    --bgColor-danger-muted: #ff80801a;
    --bgColor-danger-emphasis: #ff6a69;
    --bgColor-open-muted: #0ac7401a;
    --bgColor-open-emphasis: #09b43a;
    --bgColor-closed-muted: #ff808026;
    --bgColor-closed-emphasis: #ff6a69;
    --bgColor-done-muted: #bf8fff26;
    --bgColor-done-emphasis: #b87fff;
    --bgColor-upsell-muted: #bf8fff26;
    --bgColor-upsell-emphasis: #b87fff;
    --bgColor-sponsors-muted: #f87cbd1a;
    --bgColor-sponsors-emphasis: #ef6eb1;
    --borderColor-default: #7a828e;
    --borderColor-muted: #7a828e;
    --borderColor-emphasis: #7a828e;
    --borderColor-disabled: #3d424db3;
    --borderColor-transparent: #00000000;
    --borderColor-translucent: #7a828e;
    --borderColor-neutral-muted: #9ea7b3;
    --borderColor-neutral-emphasis: #9ea7b3;
    --borderColor-accent-muted: #5cacff;
    --borderColor-accent-emphasis: #409eff;
    --borderColor-success-muted: #0ac740;
    --borderColor-success-emphasis: #09b43a;
    --borderColor-attention-muted: #edaa27;
    --borderColor-attention-emphasis: #e09b13;
    --borderColor-severe-muted: #f48b25;
    --borderColor-severe-emphasis: #e7811d;
    --borderColor-danger-muted: #ff8080;
    --borderColor-danger-emphasis: #ff6a69;
    --borderColor-open-muted: #0ac740;
    --borderColor-open-emphasis: #09b43a;
    --borderColor-closed-muted: #ff808066;
    --borderColor-closed-emphasis: #ff6a69;
    --borderColor-done-muted: #bf8fff;
    --borderColor-done-emphasis: #b87fff;
    --borderColor-upsell-muted: #bf8fff66;
    --borderColor-upsell-emphasis: #b87fff;
    --borderColor-sponsors-muted: #f87cbd;
    --borderColor-sponsors-emphasis: #ef6eb1;
    --color-ansi-black: #7a828e;
    --color-ansi-black-bright: #9ea7b3;
    --color-ansi-white: #d9dee3;
    --color-ansi-white-bright: #ffffff;
    --color-ansi-gray: #9ea7b3;
    --color-ansi-red: #ff9492;
    --color-ansi-red-bright: #ffb1af;
    --color-ansi-green: #28d751;
    --color-ansi-green-bright: #4ae168;
    --color-ansi-yellow: #f0b72f;
    --color-ansi-yellow-bright: #f7c843;
    --color-ansi-blue: #71b7ff;
    --color-ansi-blue-bright: #91cbff;
    --color-ansi-magenta: #cb9eff;
    --color-ansi-magenta-bright: #dbb7ff;
    --color-ansi-cyan: #39c5cf;
    --color-ansi-cyan-bright: #56d4dd;
    --color-prettylights-syntax-comment: #bdc4cc;
    --color-prettylights-syntax-constant: #91cbff;
    --color-prettylights-syntax-constant-other-reference-link: #addcff;
    --color-prettylights-syntax-entity: #dbb7ff;
    --color-prettylights-syntax-storage-modifier-import: #f0f3f6;
    --color-prettylights-syntax-entity-tag: #72f088;
    --color-prettylights-syntax-keyword: #ff9492;
    --color-prettylights-syntax-string: #addcff;
    --color-prettylights-syntax-variable: #ffb757;
    --color-prettylights-syntax-brackethighlighter-unmatched: #ff8080;
    --color-prettylights-syntax-brackethighlighter-angle: #bdc4cc;
    --color-prettylights-syntax-invalid-illegal-text: #ffffff;
    --color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
    --color-prettylights-syntax-carriage-return-text: #ffffff;
    --color-prettylights-syntax-carriage-return-bg: #ff4445;
    --color-prettylights-syntax-string-regexp: #72f088;
    --color-prettylights-syntax-markup-list: #fbd669;
    --color-prettylights-syntax-markup-heading: #409eff;
    --color-prettylights-syntax-markup-italic: #f0f3f6;
    --color-prettylights-syntax-markup-bold: #f0f3f6;
    --color-prettylights-syntax-markup-deleted-text: #ffdedb;
    --color-prettylights-syntax-markup-deleted-bg: #cc1421;
    --color-prettylights-syntax-markup-inserted-text: #acf7b6;
    --color-prettylights-syntax-markup-inserted-bg: #007728;
    --color-prettylights-syntax-markup-changed-text: #ffe1b4;
    --color-prettylights-syntax-markup-changed-bg: #a74c00;
    --color-prettylights-syntax-markup-ignored-text: #f0f3f6;
    --color-prettylights-syntax-markup-ignored-bg: #318bf8;
    --color-prettylights-syntax-meta-diff-range: #dbb7ff;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e;
    --shadow-inset: inset 0px 1px 0px 0px #0104093d;
    --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
    --shadow-resting-small: 0px 1px 0px 0px #01040966;
    --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
    --shadow-floating-small: 0px 0px 0px 1px #7a828e, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
    --shadow-floating-medium: 0px 0px 0px 1px #7a828e, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
    --shadow-floating-large: 0px 0px 0px 1px #7a828e, 0px 24px 48px 0px #010409;
    --shadow-floating-xlarge: 0px 0px 0px 1px #7a828e, 0px 32px 64px 0px #010409;
    --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
    --outline-focus: #409eff solid 2px;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/functional/themes/dark-tritanopia.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
[data-color-mode="dark"][data-dark-theme="dark_tritanopia"],
[data-color-mode="dark"][data-dark-theme="dark_tritanopia"] ::backdrop,
[data-color-mode="auto"][data-light-theme="dark_tritanopia"],
[data-color-mode="auto"][data-light-theme="dark_tritanopia"] ::backdrop {
  --topicTag-borderColor: #00000000;
  --highlight-neutral-bgColor: #d2992266;
  --page-header-bgColor: #0d1117;
  --diffBlob-addition-fgColor-text: #e6edf3;
  --diffBlob-addition-fgColor-num: #e6edf3;
  --diffBlob-addition-bgColor-num: #58a6ff4d;
  --diffBlob-addition-bgColor-line: #388bfd26;
  --diffBlob-addition-bgColor-word: #388bfd66;
  --diffBlob-deletion-fgColor-text: #e6edf3;
  --diffBlob-deletion-fgColor-num: #e6edf3;
  --diffBlob-deletion-bgColor-num: #f851494d;
  --diffBlob-deletion-bgColor-line: #f8514926;
  --diffBlob-deletion-bgColor-word: #f8514966;
  --diffBlob-hunk-bgColor-num: #388bfd66;
  --diffBlob-expander-iconColor: #8d96a0;
  --codeMirror-fgColor: #e6edf3;
  --codeMirror-bgColor: #0d1117;
  --codeMirror-gutters-bgColor: #0d1117;
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
  --codeMirror-gutterMarker-fgColor-muted: #8d96a0;
  --codeMirror-lineNumber-fgColor: #8d96a0;
  --codeMirror-cursor-fgColor: #e6edf3;
  --codeMirror-selection-bgColor: #388bfd66;
  --codeMirror-activeline-bgColor: #6e768166;
  --codeMirror-matchingBracket-fgColor: #e6edf3;
  --codeMirror-lines-bgColor: #0d1117;
  --codeMirror-syntax-fgColor-comment: #8b949e;
  --codeMirror-syntax-fgColor-constant: #79c0ff;
  --codeMirror-syntax-fgColor-entity: #d2a8ff;
  --codeMirror-syntax-fgColor-keyword: #ff7b72;
  --codeMirror-syntax-fgColor-storage: #ff7b72;
  --codeMirror-syntax-fgColor-string: #a5d6ff;
  --codeMirror-syntax-fgColor-support: #79c0ff;
  --codeMirror-syntax-fgColor-variable: #ffa198;
  --header-fgColor-default: #ffffffb3;
  --header-fgColor-logo: #f0f6fc;
  --header-bgColor: #161b22f2;
  --header-borderColor-divider: #8b949e;
  --headerSearch-bgColor: #0d1117;
  --headerSearch-borderColor: #30363d;
  --data-blue-color: #0576ff;
  --data-blue-color-muted: #001a47;
  --data-auburn-color: #a86f6b;
  --data-auburn-color-muted: #271817;
  --data-orange-color: #984b10;
  --data-orange-color-muted: #311708;
  --data-yellow-color: #895906;
  --data-yellow-color-muted: #2e1a00;
  --data-green-color: #2f6f37;
  --data-green-color-muted: #122117;
  --data-teal-color: #106c70;
  --data-teal-color-muted: #041f25;
  --data-purple-color: #975bf1;
  --data-purple-color-muted: #211047;
  --data-pink-color: #d34591;
  --data-pink-color-muted: #2d1524;
  --data-red-color: #eb3342;
  --data-red-color-muted: #3c0614;
  --data-gray-color: #576270;
  --data-gray-color-muted: #1c1c1c;
  --display-blue-bgColor-muted: #001a47;
  --display-blue-bgColor-emphasis: #0576ff;
  --display-blue-fgColor: #4da0ff;
  --display-blue-borderColor-muted: #002766;
  --display-blue-borderColor-emphasis: #0576ff;
  --display-green-bgColor-muted: #122117;
  --display-green-bgColor-emphasis: #388f3f;
  --display-green-fgColor: #41b445;
  --display-green-borderColor-muted: #182f1f;
  --display-green-borderColor-emphasis: #388f3f;
  --display-orange-bgColor-muted: #311708;
  --display-orange-bgColor-emphasis: #c46212;
  --display-orange-fgColor: #ed8326;
  --display-orange-borderColor-muted: #43200a;
  --display-orange-borderColor-emphasis: #c46212;
  --display-purple-bgColor-muted: #211047;
  --display-purple-bgColor-emphasis: #975bf1;
  --display-purple-fgColor: #b687f7;
  --display-purple-borderColor-muted: #31146b;
  --display-purple-borderColor-emphasis: #975bf1;
  --display-plum-bgColor-muted: #2a0e3f;
  --display-plum-bgColor-emphasis: #b643ef;
  --display-plum-fgColor: #d07ef7;
  --display-plum-borderColor-muted: #40125e;
  --display-plum-borderColor-emphasis: #b643ef;
  --display-red-bgColor-muted: #3c0614;
  --display-red-bgColor-emphasis: #eb3342;
  --display-red-fgColor: #f27d83;
  --display-red-borderColor-muted: #58091a;
  --display-red-borderColor-emphasis: #eb3342;
  --display-coral-bgColor-muted: #3c0614;
  --display-coral-bgColor-emphasis: #eb3342;
  --display-coral-fgColor: #f27d83;
  --display-coral-borderColor-muted: #58091a;
  --display-coral-borderColor-emphasis: #eb3342;
  --display-yellow-bgColor-muted: #2e1a00;
  --display-yellow-bgColor-emphasis: #aa7109;
  --display-yellow-fgColor: #d3910d;
  --display-yellow-borderColor-muted: #3d2401;
  --display-yellow-borderColor-emphasis: #aa7109;
  --display-gray-bgColor-muted: #1c1c1c;
  --display-gray-bgColor-emphasis: #6e7f96;
  --display-gray-fgColor: #92a1b5;
  --display-gray-borderColor-muted: #2a2b2d;
  --display-gray-borderColor-emphasis: #6e7f96;
  --display-auburn-bgColor-muted: #271817;
  --display-auburn-bgColor-emphasis: #a86f6b;
  --display-auburn-fgColor: #bf9592;
  --display-auburn-borderColor-muted: #3a2422;
  --display-auburn-borderColor-emphasis: #a86f6b;
  --display-brown-bgColor-muted: #241c14;
  --display-brown-bgColor-emphasis: #94774c;
  --display-brown-fgColor: #b69a6d;
  --display-brown-borderColor-muted: #342a1d;
  --display-brown-borderColor-emphasis: #94774c;
  --display-lemon-bgColor-muted: #291d00;
  --display-lemon-bgColor-emphasis: #977b0c;
  --display-lemon-fgColor: #ba9b12;
  --display-lemon-borderColor-muted: #372901;
  --display-lemon-borderColor-emphasis: #977b0c;
  --display-olive-bgColor-muted: #171e0b;
  --display-olive-bgColor-emphasis: #7a8321;
  --display-olive-fgColor: #a2a626;
  --display-olive-borderColor-muted: #252d10;
  --display-olive-borderColor-emphasis: #7a8321;
  --display-lime-bgColor-muted: #141f0f;
  --display-lime-bgColor-emphasis: #5f892f;
  --display-lime-fgColor: #7dae37;
  --display-lime-borderColor-muted: #1f3116;
  --display-lime-borderColor-emphasis: #5f892f;
  --display-pine-bgColor-muted: #082119;
  --display-pine-bgColor-emphasis: #18915e;
  --display-pine-fgColor: #1bb673;
  --display-pine-borderColor-muted: #0b3224;
  --display-pine-borderColor-emphasis: #18915e;
  --display-teal-bgColor-muted: #041f25;
  --display-teal-bgColor-emphasis: #158a8a;
  --display-teal-fgColor: #1cb0ab;
  --display-teal-borderColor-muted: #073036;
  --display-teal-borderColor-emphasis: #158a8a;
  --display-cyan-bgColor-muted: #001f29;
  --display-cyan-bgColor-emphasis: #0587b3;
  --display-cyan-fgColor: #07ace4;
  --display-cyan-borderColor-muted: #002e3d;
  --display-cyan-borderColor-emphasis: #0587b3;
  --display-indigo-bgColor-muted: #1b183f;
  --display-indigo-bgColor-emphasis: #7070e1;
  --display-indigo-fgColor: #9899ec;
  --display-indigo-borderColor-muted: #25215f;
  --display-indigo-borderColor-emphasis: #7070e1;
  --display-pink-bgColor-muted: #2d1524;
  --display-pink-bgColor-emphasis: #d34591;
  --display-pink-fgColor: #e57bb2;
  --display-pink-borderColor-muted: #451c35;
  --display-pink-borderColor-emphasis: #d34591;
  --avatar-bgColor: #ffffff1a;
  --avatar-borderColor: #ffffff26;
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
  --avatarStack-fade-bgColor-default: #30363d;
  --avatarStack-fade-bgColor-muted: #21262d;
  --control-bgColor-rest: #21262d;
  --control-bgColor-hover: #292e36;
  --control-bgColor-active: #31363e;
  --control-bgColor-disabled: #21262db3;
  --control-bgColor-selected: #161b22;
  --control-fgColor-rest: #c9d1d9;
  --control-fgColor-placeholder: #858e98;
  --control-fgColor-disabled: #6e7681;
  --control-borderColor-rest: #30363d;
  --control-borderColor-emphasis: #666e79;
  --control-borderColor-disabled: #21262db3;
  --control-borderColor-selected: #f0f6fc;
  --control-borderColor-success: #1f6feb;
  --control-borderColor-danger: #da3633;
  --control-borderColor-warning: #9e6a03;
  --control-iconColor-rest: #8d96a0;
  --control-transparent-bgColor-rest: #00000000;
  --control-transparent-bgColor-hover: #b1bac41f;
  --control-transparent-bgColor-active: #b1bac433;
  --control-transparent-bgColor-disabled: #21262db3;
  --control-transparent-bgColor-selected: #b1bac414;
  --control-transparent-borderColor-rest: #00000000;
  --control-transparent-borderColor-hover: #00000000;
  --control-transparent-borderColor-active: #00000000;
  --control-danger-fgColor-rest: #f85149;
  --control-danger-fgColor-hover: #ff7b72;
  --control-danger-bgColor-hover: #f851491a;
  --control-danger-bgColor-active: #f8514966;
  --control-checked-bgColor-rest: #1f6feb;
  --control-checked-bgColor-hover: #2a7aef;
  --control-checked-bgColor-active: #3685f3;
  --control-checked-bgColor-disabled: #6e7681;
  --control-checked-fgColor-rest: #ffffff;
  --control-checked-fgColor-disabled: #010409;
  --control-checked-borderColor-rest: #1f6feb;
  --control-checked-borderColor-hover: #2a7aef;
  --control-checked-borderColor-active: #3685f3;
  --control-checked-borderColor-disabled: #6e7681;
  --controlTrack-bgColor-rest: #21262d;
  --controlTrack-bgColor-hover: #292e36;
  --controlTrack-bgColor-active: #31363e;
  --controlTrack-bgColor-disabled: #6e7681;
  --controlTrack-fgColor-rest: #8d96a0;
  --controlTrack-fgColor-disabled: #ffffff;
  --controlTrack-borderColor-rest: #00000000;
  --controlTrack-borderColor-disabled: #6e7681;
  --controlKnob-bgColor-rest: #010409;
  --controlKnob-bgColor-disabled: #21262db3;
  --controlKnob-bgColor-checked: #ffffff;
  --controlKnob-borderColor-rest: #666e79;
  --controlKnob-borderColor-disabled: #21262db3;
  --controlKnob-borderColor-checked: #1f6feb;
  --counter-borderColor: #00000000;
  --button-default-fgColor-rest: #c9d1d9;
  --button-default-bgColor-rest: #21262d;
  --button-default-bgColor-hover: #292e36;
  --button-default-bgColor-active: #31363e;
  --button-default-bgColor-selected: #31363e;
  --button-default-bgColor-disabled: #21262db3;
  --button-default-borderColor-rest: #30363d;
  --button-default-borderColor-hover: #30363d;
  --button-default-borderColor-active: #30363d;
  --button-default-borderColor-disabled: #21262db3;
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
  --button-primary-fgColor-rest: #ffffff;
  --button-primary-fgColor-disabled: #ffffff66;
  --button-primary-iconColor-rest: #ffffff;
  --button-primary-bgColor-rest: #1f6feb;
  --button-primary-bgColor-hover: #2a7aef;
  --button-primary-bgColor-active: #3685f3;
  --button-primary-bgColor-disabled: #5fabfe;
  --button-primary-borderColor-rest: #f0f6fc1a;
  --button-primary-borderColor-hover: #f0f6fc1a;
  --button-primary-borderColor-active: #f0f6fc1a;
  --button-primary-borderColor-disabled: #5fabfe;
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
  --button-invisible-fgColor-rest: #4493f8;
  --button-invisible-fgColor-hover: #58a6ff;
  --button-invisible-fgColor-disabled: #6e7681;
  --button-invisible-iconColor-rest: #8d96a0;
  --button-invisible-iconColor-hover: #e6edf3;
  --button-invisible-iconColor-disabled: #6e7681;
  --button-invisible-bgColor-rest: #00000000;
  --button-invisible-bgColor-hover: #b1bac41f;
  --button-invisible-bgColor-active: #b1bac433;
  --button-invisible-bgColor-disabled: #21262db3;
  --button-invisible-borderColor-rest: #00000000;
  --button-invisible-borderColor-hover: #00000000;
  --button-invisible-borderColor-disabled: #21262db3;
  --button-outline-fgColor-rest: #388bfd;
  --button-outline-fgColor-hover: #58a6ff;
  --button-outline-fgColor-active: #ffffff;
  --button-outline-fgColor-disabled: #4493f880;
  --button-outline-bgColor-rest: #f0f6fc;
  --button-outline-bgColor-hover: #30363d;
  --button-outline-bgColor-active: #0d419d;
  --button-outline-bgColor-disabled: #0d1117;
  --button-outline-borderColor-hover: #f0f6fc1a;
  --button-outline-borderColor-selected: #f0f6fc1a;
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
  --button-danger-fgColor-rest: #f85149;
  --button-danger-fgColor-hover: #ffffff;
  --button-danger-fgColor-active: #ffffff;
  --button-danger-fgColor-disabled: #f8514980;
  --button-danger-iconColor-rest: #f85149;
  --button-danger-iconColor-hover: #ffffff;
  --button-danger-bgColor-rest: #21262d;
  --button-danger-bgColor-hover: #b62324;
  --button-danger-bgColor-active: #d03533;
  --button-danger-bgColor-disabled: #21262db3;
  --button-danger-borderColor-rest: #30363d;
  --button-danger-borderColor-hover: #f0f6fc1a;
  --button-danger-borderColor-active: #f0f6fc1a;
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
  --button-inactive-fgColor: #8b949e;
  --button-inactive-bgColor: #21262d;
  --button-star-iconColor: #e3b341;
  --buttonCounter-default-bgColor-rest: #30363d;
  --buttonCounter-invisible-bgColor-rest: #30363d;
  --buttonCounter-primary-bgColor-rest: #04260f33;
  --buttonCounter-outline-bgColor-rest: #051d4d33;
  --buttonCounter-outline-bgColor-hover: #051d4d33;
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
  --buttonCounter-outline-fgColor-rest: #388bfd;
  --buttonCounter-outline-fgColor-hover: #58a6ff;
  --buttonCounter-outline-fgColor-disabled: #4493f880;
  --buttonCounter-danger-bgColor-hover: #ffffff33;
  --buttonCounter-danger-bgColor-disabled: #da36330d;
  --buttonCounter-danger-bgColor-rest: #49020233;
  --buttonCounter-danger-fgColor-rest: #f85149;
  --buttonCounter-danger-fgColor-hover: #ffffff;
  --buttonCounter-danger-fgColor-disabled: #f8514980;
  --reactionButton-selected-bgColor-rest: #388bfd33;
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
  --reactionButton-selected-fgColor-rest: #4493f8;
  --reactionButton-selected-fgColor-hover: #79c0ff;
  --focus-outlineColor: #1f6feb;
  --menu-bgColor-active: #161b22;
  --overlay-bgColor: #161b22;
  --overlay-borderColor: #30363db3;
  --overlay-backdrop-bgColor: #161b2266;
  --selectMenu-borderColor: #484f58;
  --selectMenu-bgColor-active: #0c2d6b;
  --sideNav-bgColor-selected: #21262d;
  --skeletonLoader-bgColor: #161b22;
  --timelineBadge-bgColor: #21262d;
  --treeViewItem-leadingVisual-iconColor-rest: #8d96a0;
  --underlineNav-borderColor-active: #f78166;
  --underlineNav-borderColor-hover: #6e768166;
  --underlineNav-iconColor-rest: #8d96a0;
  --selection-bgColor: #1f6febb3;
  --card-bgColor: #161b22;
  --label-green-bgColor-rest: #122117;
  --label-green-bgColor-hover: #182f1f;
  --label-green-bgColor-active: #214529;
  --label-green-fgColor-rest: #41b445;
  --label-green-fgColor-hover: #46c144;
  --label-green-fgColor-active: #75d36f;
  --label-orange-bgColor-rest: #311708;
  --label-orange-bgColor-hover: #43200a;
  --label-orange-bgColor-active: #632f0d;
  --label-orange-fgColor-rest: #ed8326;
  --label-orange-fgColor-hover: #f1933b;
  --label-orange-fgColor-active: #f6b06a;
  --label-purple-bgColor-rest: #211047;
  --label-purple-bgColor-hover: #31146b;
  --label-purple-bgColor-active: #481a9e;
  --label-purple-fgColor-rest: #b687f7;
  --label-purple-fgColor-hover: #c398fb;
  --label-purple-fgColor-active: #d2affd;
  --label-red-bgColor-rest: #3c0614;
  --label-red-bgColor-hover: #58091a;
  --label-red-bgColor-active: #790c20;
  --label-red-fgColor-rest: #f27d83;
  --label-red-fgColor-hover: #f48b8d;
  --label-red-fgColor-active: #f7adab;
  --label-yellow-bgColor-rest: #2e1a00;
  --label-yellow-bgColor-hover: #3d2401;
  --label-yellow-bgColor-active: #5a3702;
  --label-yellow-fgColor-rest: #d3910d;
  --label-yellow-fgColor-hover: #df9e11;
  --label-yellow-fgColor-active: #edb431;
  --label-gray-bgColor-rest: #1c1c1c;
  --label-gray-bgColor-hover: #2a2b2d;
  --label-gray-bgColor-active: #393d41;
  --label-gray-fgColor-rest: #92a1b5;
  --label-gray-fgColor-hover: #9babbf;
  --label-gray-fgColor-active: #b3c0d1;
  --label-auburn-bgColor-rest: #271817;
  --label-auburn-bgColor-hover: #3a2422;
  --label-auburn-bgColor-active: #543331;
  --label-auburn-fgColor-rest: #bf9592;
  --label-auburn-fgColor-hover: #c6a19f;
  --label-auburn-fgColor-active: #d4b7b5;
  --label-brown-bgColor-rest: #241c14;
  --label-brown-bgColor-hover: #342a1d;
  --label-brown-bgColor-active: #483a28;
  --label-brown-fgColor-rest: #b69a6d;
  --label-brown-fgColor-hover: #bfa77d;
  --label-brown-fgColor-active: #cdbb98;
  --label-lemon-bgColor-rest: #291d00;
  --label-lemon-bgColor-hover: #372901;
  --label-lemon-bgColor-active: #4f3c02;
  --label-lemon-fgColor-rest: #ba9b12;
  --label-lemon-fgColor-hover: #c4a717;
  --label-lemon-fgColor-active: #d7bc1d;
  --label-olive-bgColor-rest: #171e0b;
  --label-olive-bgColor-hover: #252d10;
  --label-olive-bgColor-active: #374115;
  --label-olive-fgColor-rest: #a2a626;
  --label-olive-fgColor-hover: #b2af24;
  --label-olive-fgColor-active: #cbc025;
  --label-lime-bgColor-rest: #141f0f;
  --label-lime-bgColor-hover: #1f3116;
  --label-lime-bgColor-active: #2c441d;
  --label-lime-fgColor-rest: #7dae37;
  --label-lime-fgColor-hover: #89ba36;
  --label-lime-fgColor-active: #9fcc3e;
  --label-pine-bgColor-rest: #082119;
  --label-pine-bgColor-hover: #0b3224;
  --label-pine-bgColor-active: #0e4430;
  --label-pine-fgColor-rest: #1bb673;
  --label-pine-fgColor-hover: #1ac176;
  --label-pine-fgColor-active: #1bda81;
  --label-teal-bgColor-rest: #041f25;
  --label-teal-bgColor-hover: #073036;
  --label-teal-bgColor-active: #0a464d;
  --label-teal-fgColor-rest: #1cb0ab;
  --label-teal-fgColor-hover: #1fbdb2;
  --label-teal-fgColor-active: #24d6c4;
  --label-cyan-bgColor-rest: #001f29;
  --label-cyan-bgColor-hover: #002e3d;
  --label-cyan-bgColor-active: #014156;
  --label-cyan-fgColor-rest: #07ace4;
  --label-cyan-fgColor-hover: #09b7f1;
  --label-cyan-fgColor-active: #45cbf7;
  --label-indigo-bgColor-rest: #1b183f;
  --label-indigo-bgColor-hover: #25215f;
  --label-indigo-bgColor-active: #312c90;
  --label-indigo-fgColor-rest: #9899ec;
  --label-indigo-fgColor-hover: #a2a5f1;
  --label-indigo-fgColor-active: #b7baf6;
  --label-blue-bgColor-rest: #001a47;
  --label-blue-bgColor-hover: #002766;
  --label-blue-bgColor-active: #00378a;
  --label-blue-fgColor-rest: #4da0ff;
  --label-blue-fgColor-hover: #61adff;
  --label-blue-fgColor-active: #85c2ff;
  --label-plum-bgColor-rest: #2a0e3f;
  --label-plum-bgColor-hover: #40125e;
  --label-plum-bgColor-active: #5c1688;
  --label-plum-fgColor-rest: #d07ef7;
  --label-plum-fgColor-hover: #d889fa;
  --label-plum-fgColor-active: #e4a5fd;
  --label-pink-bgColor-rest: #2d1524;
  --label-pink-bgColor-hover: #451c35;
  --label-pink-bgColor-active: #65244a;
  --label-pink-fgColor-rest: #e57bb2;
  --label-pink-fgColor-hover: #ec8dbd;
  --label-pink-fgColor-active: #f4a9cd;
  --label-coral-bgColor-rest: #351008;
  --label-coral-bgColor-hover: #51180b;
  --label-coral-bgColor-active: #72220d;
  --label-coral-fgColor-rest: #f7794b;
  --label-coral-fgColor-hover: #fa8c61;
  --label-coral-fgColor-active: #fdaa86;
  --fgColor-default: #e6edf3;
  --fgColor-muted: #8d96a0;
  --fgColor-onEmphasis: #ffffff;
  --fgColor-white: #ffffff;
  --fgColor-black: #010409;
  --fgColor-disabled: #6e7681;
  --fgColor-link: #4493f8;
  --fgColor-neutral: #6e7681;
  --fgColor-accent: #4493f8;
  --fgColor-success: #58a6ff;
  --fgColor-attention: #d29922;
  --fgColor-severe: #f85149;
  --fgColor-danger: #f85149;
  --fgColor-open: #f85149;
  --fgColor-closed: #6e7681;
  --fgColor-done: #ab7df8;
  --fgColor-upsell: #ab7df8;
  --fgColor-sponsors: #db61a2;
  --bgColor-default: #0d1117;
  --bgColor-muted: #161b22;
  --bgColor-inset: #010409;
  --bgColor-emphasis: #6e7681;
  --bgColor-inverse: #ffffff;
  --bgColor-white: #ffffff;
  --bgColor-black: #010409;
  --bgColor-disabled: #21262db3;
  --bgColor-transparent: #00000000;
  --bgColor-neutral-muted: #6e768166;
  --bgColor-neutral-emphasis: #6e7681;
  --bgColor-accent-muted: #388bfd1a;
  --bgColor-accent-emphasis: #1f6feb;
  --bgColor-success-muted: #388bfd26;
  --bgColor-success-emphasis: #1f6feb;
  --bgColor-attention-muted: #bb800926;
  --bgColor-attention-emphasis: #9e6a03;
  --bgColor-severe-muted: #f851491a;
  --bgColor-severe-emphasis: #da3633;
  --bgColor-danger-muted: #f851491a;
  --bgColor-danger-emphasis: #da3633;
  --bgColor-open-muted: #f851491a;
  --bgColor-open-emphasis: #da3633;
  --bgColor-closed-muted: #6e768126;
  --bgColor-closed-emphasis: #484f58;
  --bgColor-done-muted: #ab7df826;
  --bgColor-done-emphasis: #8957e5;
  --bgColor-upsell-muted: #ab7df826;
  --bgColor-upsell-emphasis: #8957e5;
  --bgColor-sponsors-muted: #db61a21a;
  --bgColor-sponsors-emphasis: #bf4b8a;
  --borderColor-default: #30363d;
  --borderColor-muted: #30363db3;
  --borderColor-emphasis: #484f58;
  --borderColor-disabled: #21262db3;
  --borderColor-transparent: #00000000;
  --borderColor-translucent: #ffffff26;
  --borderColor-neutral-muted: #6e768166;
  --borderColor-neutral-emphasis: #6e7681;
  --borderColor-accent-muted: #388bfd66;
  --borderColor-accent-emphasis: #1f6feb;
  --borderColor-success-muted: #388bfd66;
  --borderColor-success-emphasis: #1f6feb;
  --borderColor-attention-muted: #bb800966;
  --borderColor-attention-emphasis: #9e6a03;
  --borderColor-severe-muted: #f8514966;
  --borderColor-severe-emphasis: #da3633;
  --borderColor-danger-muted: #f8514966;
  --borderColor-danger-emphasis: #da3633;
  --borderColor-open-muted: #f8514966;
  --borderColor-open-emphasis: #da3633;
  --borderColor-closed-muted: #6e768166;
  --borderColor-closed-emphasis: #484f58;
  --borderColor-done-muted: #ab7df866;
  --borderColor-done-emphasis: #8957e5;
  --borderColor-upsell-muted: #ab7df866;
  --borderColor-upsell-emphasis: #8957e5;
  --borderColor-sponsors-muted: #db61a266;
  --borderColor-sponsors-emphasis: #bf4b8a;
  --color-ansi-black: #484f58;
  --color-ansi-black-bright: #6e7681;
  --color-ansi-white: #b1bac4;
  --color-ansi-white-bright: #ffffff;
  --color-ansi-gray: #6e7681;
  --color-ansi-red: #ff7b72;
  --color-ansi-red-bright: #ffa198;
  --color-ansi-green: #58a6ff;
  --color-ansi-green-bright: #79c0ff;
  --color-ansi-yellow: #d29922;
  --color-ansi-yellow-bright: #e3b341;
  --color-ansi-blue: #58a6ff;
  --color-ansi-blue-bright: #79c0ff;
  --color-ansi-magenta: #be8fff;
  --color-ansi-magenta-bright: #d2a8ff;
  --color-ansi-cyan: #39c5cf;
  --color-ansi-cyan-bright: #56d4dd;
  --color-prettylights-syntax-comment: #8b949e;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
  --color-prettylights-syntax-entity-tag: #a5d6ff;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-variable: #ffa198;
  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
  --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
  --color-prettylights-syntax-carriage-return-bg: #b62324;
  --color-prettylights-syntax-string-regexp: #a5d6ff;
  --color-prettylights-syntax-markup-list: #f2cc60;
  --color-prettylights-syntax-markup-heading: #1f6feb;
  --color-prettylights-syntax-markup-italic: #c9d1d9;
  --color-prettylights-syntax-markup-bold: #c9d1d9;
  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
  --color-prettylights-syntax-markup-deleted-bg: #67060c;
  --color-prettylights-syntax-markup-inserted-text: #cae8ff;
  --color-prettylights-syntax-markup-inserted-bg: #0c2d6b;
  --color-prettylights-syntax-markup-changed-text: #ffdcd7;
  --color-prettylights-syntax-markup-changed-bg: #67060c;
  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
  --shadow-resting-small: 0px 1px 0px 0px #01040966;
  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
  --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
  --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
  --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
  --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
  --outline-focus: #1f6feb solid 2px;
}
@media (prefers-color-scheme: dark) {
  [data-color-mode="auto"][data-dark-theme="dark_tritanopia"],
  [data-color-mode="auto"][data-dark-theme="dark_tritanopia"] ::backdrop {
    --topicTag-borderColor: #00000000;
    --highlight-neutral-bgColor: #d2992266;
    --page-header-bgColor: #0d1117;
    --diffBlob-addition-fgColor-text: #e6edf3;
    --diffBlob-addition-fgColor-num: #e6edf3;
    --diffBlob-addition-bgColor-num: #58a6ff4d;
    --diffBlob-addition-bgColor-line: #388bfd26;
    --diffBlob-addition-bgColor-word: #388bfd66;
    --diffBlob-deletion-fgColor-text: #e6edf3;
    --diffBlob-deletion-fgColor-num: #e6edf3;
    --diffBlob-deletion-bgColor-num: #f851494d;
    --diffBlob-deletion-bgColor-line: #f8514926;
    --diffBlob-deletion-bgColor-word: #f8514966;
    --diffBlob-hunk-bgColor-num: #388bfd66;
    --diffBlob-expander-iconColor: #8d96a0;
    --codeMirror-fgColor: #e6edf3;
    --codeMirror-bgColor: #0d1117;
    --codeMirror-gutters-bgColor: #0d1117;
    --codeMirror-gutterMarker-fgColor-default: #0d1117;
    --codeMirror-gutterMarker-fgColor-muted: #8d96a0;
    --codeMirror-lineNumber-fgColor: #8d96a0;
    --codeMirror-cursor-fgColor: #e6edf3;
    --codeMirror-selection-bgColor: #388bfd66;
    --codeMirror-activeline-bgColor: #6e768166;
    --codeMirror-matchingBracket-fgColor: #e6edf3;
    --codeMirror-lines-bgColor: #0d1117;
    --codeMirror-syntax-fgColor-comment: #8b949e;
    --codeMirror-syntax-fgColor-constant: #79c0ff;
    --codeMirror-syntax-fgColor-entity: #d2a8ff;
    --codeMirror-syntax-fgColor-keyword: #ff7b72;
    --codeMirror-syntax-fgColor-storage: #ff7b72;
    --codeMirror-syntax-fgColor-string: #a5d6ff;
    --codeMirror-syntax-fgColor-support: #79c0ff;
    --codeMirror-syntax-fgColor-variable: #ffa198;
    --header-fgColor-default: #ffffffb3;
    --header-fgColor-logo: #f0f6fc;
    --header-bgColor: #161b22f2;
    --header-borderColor-divider: #8b949e;
    --headerSearch-bgColor: #0d1117;
    --headerSearch-borderColor: #30363d;
    --data-blue-color: #0576ff;
    --data-blue-color-muted: #001a47;
    --data-auburn-color: #a86f6b;
    --data-auburn-color-muted: #271817;
    --data-orange-color: #984b10;
    --data-orange-color-muted: #311708;
    --data-yellow-color: #895906;
    --data-yellow-color-muted: #2e1a00;
    --data-green-color: #2f6f37;
    --data-green-color-muted: #122117;
    --data-teal-color: #106c70;
    --data-teal-color-muted: #041f25;
    --data-purple-color: #975bf1;
    --data-purple-color-muted: #211047;
    --data-pink-color: #d34591;
    --data-pink-color-muted: #2d1524;
    --data-red-color: #eb3342;
    --data-red-color-muted: #3c0614;
    --data-gray-color: #576270;
    --data-gray-color-muted: #1c1c1c;
    --display-blue-bgColor-muted: #001a47;
    --display-blue-bgColor-emphasis: #0576ff;
    --display-blue-fgColor: #4da0ff;
    --display-blue-borderColor-muted: #002766;
    --display-blue-borderColor-emphasis: #0576ff;
    --display-green-bgColor-muted: #122117;
    --display-green-bgColor-emphasis: #388f3f;
    --display-green-fgColor: #41b445;
    --display-green-borderColor-muted: #182f1f;
    --display-green-borderColor-emphasis: #388f3f;
    --display-orange-bgColor-muted: #311708;
    --display-orange-bgColor-emphasis: #c46212;
    --display-orange-fgColor: #ed8326;
    --display-orange-borderColor-muted: #43200a;
    --display-orange-borderColor-emphasis: #c46212;
    --display-purple-bgColor-muted: #211047;
    --display-purple-bgColor-emphasis: #975bf1;
    --display-purple-fgColor: #b687f7;
    --display-purple-borderColor-muted: #31146b;
    --display-purple-borderColor-emphasis: #975bf1;
    --display-plum-bgColor-muted: #2a0e3f;
    --display-plum-bgColor-emphasis: #b643ef;
    --display-plum-fgColor: #d07ef7;
    --display-plum-borderColor-muted: #40125e;
    --display-plum-borderColor-emphasis: #b643ef;
    --display-red-bgColor-muted: #3c0614;
    --display-red-bgColor-emphasis: #eb3342;
    --display-red-fgColor: #f27d83;
    --display-red-borderColor-muted: #58091a;
    --display-red-borderColor-emphasis: #eb3342;
    --display-coral-bgColor-muted: #3c0614;
    --display-coral-bgColor-emphasis: #eb3342;
    --display-coral-fgColor: #f27d83;
    --display-coral-borderColor-muted: #58091a;
    --display-coral-borderColor-emphasis: #eb3342;
    --display-yellow-bgColor-muted: #2e1a00;
    --display-yellow-bgColor-emphasis: #aa7109;
    --display-yellow-fgColor: #d3910d;
    --display-yellow-borderColor-muted: #3d2401;
    --display-yellow-borderColor-emphasis: #aa7109;
    --display-gray-bgColor-muted: #1c1c1c;
    --display-gray-bgColor-emphasis: #6e7f96;
    --display-gray-fgColor: #92a1b5;
    --display-gray-borderColor-muted: #2a2b2d;
    --display-gray-borderColor-emphasis: #6e7f96;
    --display-auburn-bgColor-muted: #271817;
    --display-auburn-bgColor-emphasis: #a86f6b;
    --display-auburn-fgColor: #bf9592;
    --display-auburn-borderColor-muted: #3a2422;
    --display-auburn-borderColor-emphasis: #a86f6b;
    --display-brown-bgColor-muted: #241c14;
    --display-brown-bgColor-emphasis: #94774c;
    --display-brown-fgColor: #b69a6d;
    --display-brown-borderColor-muted: #342a1d;
    --display-brown-borderColor-emphasis: #94774c;
    --display-lemon-bgColor-muted: #291d00;
    --display-lemon-bgColor-emphasis: #977b0c;
    --display-lemon-fgColor: #ba9b12;
    --display-lemon-borderColor-muted: #372901;
    --display-lemon-borderColor-emphasis: #977b0c;
    --display-olive-bgColor-muted: #171e0b;
    --display-olive-bgColor-emphasis: #7a8321;
    --display-olive-fgColor: #a2a626;
    --display-olive-borderColor-muted: #252d10;
    --display-olive-borderColor-emphasis: #7a8321;
    --display-lime-bgColor-muted: #141f0f;
    --display-lime-bgColor-emphasis: #5f892f;
    --display-lime-fgColor: #7dae37;
    --display-lime-borderColor-muted: #1f3116;
    --display-lime-borderColor-emphasis: #5f892f;
    --display-pine-bgColor-muted: #082119;
    --display-pine-bgColor-emphasis: #18915e;
    --display-pine-fgColor: #1bb673;
    --display-pine-borderColor-muted: #0b3224;
    --display-pine-borderColor-emphasis: #18915e;
    --display-teal-bgColor-muted: #041f25;
    --display-teal-bgColor-emphasis: #158a8a;
    --display-teal-fgColor: #1cb0ab;
    --display-teal-borderColor-muted: #073036;
    --display-teal-borderColor-emphasis: #158a8a;
    --display-cyan-bgColor-muted: #001f29;
    --display-cyan-bgColor-emphasis: #0587b3;
    --display-cyan-fgColor: #07ace4;
    --display-cyan-borderColor-muted: #002e3d;
    --display-cyan-borderColor-emphasis: #0587b3;
    --display-indigo-bgColor-muted: #1b183f;
    --display-indigo-bgColor-emphasis: #7070e1;
    --display-indigo-fgColor: #9899ec;
    --display-indigo-borderColor-muted: #25215f;
    --display-indigo-borderColor-emphasis: #7070e1;
    --display-pink-bgColor-muted: #2d1524;
    --display-pink-bgColor-emphasis: #d34591;
    --display-pink-fgColor: #e57bb2;
    --display-pink-borderColor-muted: #451c35;
    --display-pink-borderColor-emphasis: #d34591;
    --avatar-bgColor: #ffffff1a;
    --avatar-borderColor: #ffffff26;
    --avatar-shadow: 0px 0px 0px 2px #0d1117;
    --avatarStack-fade-bgColor-default: #30363d;
    --avatarStack-fade-bgColor-muted: #21262d;
    --control-bgColor-rest: #21262d;
    --control-bgColor-hover: #292e36;
    --control-bgColor-active: #31363e;
    --control-bgColor-disabled: #21262db3;
    --control-bgColor-selected: #161b22;
    --control-fgColor-rest: #c9d1d9;
    --control-fgColor-placeholder: #858e98;
    --control-fgColor-disabled: #6e7681;
    --control-borderColor-rest: #30363d;
    --control-borderColor-emphasis: #666e79;
    --control-borderColor-disabled: #21262db3;
    --control-borderColor-selected: #f0f6fc;
    --control-borderColor-success: #1f6feb;
    --control-borderColor-danger: #da3633;
    --control-borderColor-warning: #9e6a03;
    --control-iconColor-rest: #8d96a0;
    --control-transparent-bgColor-rest: #00000000;
    --control-transparent-bgColor-hover: #b1bac41f;
    --control-transparent-bgColor-active: #b1bac433;
    --control-transparent-bgColor-disabled: #21262db3;
    --control-transparent-bgColor-selected: #b1bac414;
    --control-transparent-borderColor-rest: #00000000;
    --control-transparent-borderColor-hover: #00000000;
    --control-transparent-borderColor-active: #00000000;
    --control-danger-fgColor-rest: #f85149;
    --control-danger-fgColor-hover: #ff7b72;
    --control-danger-bgColor-hover: #f851491a;
    --control-danger-bgColor-active: #f8514966;
    --control-checked-bgColor-rest: #1f6feb;
    --control-checked-bgColor-hover: #2a7aef;
    --control-checked-bgColor-active: #3685f3;
    --control-checked-bgColor-disabled: #6e7681;
    --control-checked-fgColor-rest: #ffffff;
    --control-checked-fgColor-disabled: #010409;
    --control-checked-borderColor-rest: #1f6feb;
    --control-checked-borderColor-hover: #2a7aef;
    --control-checked-borderColor-active: #3685f3;
    --control-checked-borderColor-disabled: #6e7681;
    --controlTrack-bgColor-rest: #21262d;
    --controlTrack-bgColor-hover: #292e36;
    --controlTrack-bgColor-active: #31363e;
    --controlTrack-bgColor-disabled: #6e7681;
    --controlTrack-fgColor-rest: #8d96a0;
    --controlTrack-fgColor-disabled: #ffffff;
    --controlTrack-borderColor-rest: #00000000;
    --controlTrack-borderColor-disabled: #6e7681;
    --controlKnob-bgColor-rest: #010409;
    --controlKnob-bgColor-disabled: #21262db3;
    --controlKnob-bgColor-checked: #ffffff;
    --controlKnob-borderColor-rest: #666e79;
    --controlKnob-borderColor-disabled: #21262db3;
    --controlKnob-borderColor-checked: #1f6feb;
    --counter-borderColor: #00000000;
    --button-default-fgColor-rest: #c9d1d9;
    --button-default-bgColor-rest: #21262d;
    --button-default-bgColor-hover: #292e36;
    --button-default-bgColor-active: #31363e;
    --button-default-bgColor-selected: #31363e;
    --button-default-bgColor-disabled: #21262db3;
    --button-default-borderColor-rest: #30363d;
    --button-default-borderColor-hover: #30363d;
    --button-default-borderColor-active: #30363d;
    --button-default-borderColor-disabled: #21262db3;
    --button-default-shadow-resting: 0px 0px 0px 0px #000000;
    --button-primary-fgColor-rest: #ffffff;
    --button-primary-fgColor-disabled: #ffffff66;
    --button-primary-iconColor-rest: #ffffff;
    --button-primary-bgColor-rest: #1f6feb;
    --button-primary-bgColor-hover: #2a7aef;
    --button-primary-bgColor-active: #3685f3;
    --button-primary-bgColor-disabled: #5fabfe;
    --button-primary-borderColor-rest: #f0f6fc1a;
    --button-primary-borderColor-hover: #f0f6fc1a;
    --button-primary-borderColor-active: #f0f6fc1a;
    --button-primary-borderColor-disabled: #5fabfe;
    --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
    --button-invisible-fgColor-rest: #4493f8;
    --button-invisible-fgColor-hover: #58a6ff;
    --button-invisible-fgColor-disabled: #6e7681;
    --button-invisible-iconColor-rest: #8d96a0;
    --button-invisible-iconColor-hover: #e6edf3;
    --button-invisible-iconColor-disabled: #6e7681;
    --button-invisible-bgColor-rest: #00000000;
    --button-invisible-bgColor-hover: #b1bac41f;
    --button-invisible-bgColor-active: #b1bac433;
    --button-invisible-bgColor-disabled: #21262db3;
    --button-invisible-borderColor-rest: #00000000;
    --button-invisible-borderColor-hover: #00000000;
    --button-invisible-borderColor-disabled: #21262db3;
    --button-outline-fgColor-rest: #388bfd;
    --button-outline-fgColor-hover: #58a6ff;
    --button-outline-fgColor-active: #ffffff;
    --button-outline-fgColor-disabled: #4493f880;
    --button-outline-bgColor-rest: #f0f6fc;
    --button-outline-bgColor-hover: #30363d;
    --button-outline-bgColor-active: #0d419d;
    --button-outline-bgColor-disabled: #0d1117;
    --button-outline-borderColor-hover: #f0f6fc1a;
    --button-outline-borderColor-selected: #f0f6fc1a;
    --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
    --button-danger-fgColor-rest: #f85149;
    --button-danger-fgColor-hover: #ffffff;
    --button-danger-fgColor-active: #ffffff;
    --button-danger-fgColor-disabled: #f8514980;
    --button-danger-iconColor-rest: #f85149;
    --button-danger-iconColor-hover: #ffffff;
    --button-danger-bgColor-rest: #21262d;
    --button-danger-bgColor-hover: #b62324;
    --button-danger-bgColor-active: #d03533;
    --button-danger-bgColor-disabled: #21262db3;
    --button-danger-borderColor-rest: #30363d;
    --button-danger-borderColor-hover: #f0f6fc1a;
    --button-danger-borderColor-active: #f0f6fc1a;
    --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
    --button-inactive-fgColor: #8b949e;
    --button-inactive-bgColor: #21262d;
    --button-star-iconColor: #e3b341;
    --buttonCounter-default-bgColor-rest: #30363d;
    --buttonCounter-invisible-bgColor-rest: #30363d;
    --buttonCounter-primary-bgColor-rest: #04260f33;
    --buttonCounter-outline-bgColor-rest: #051d4d33;
    --buttonCounter-outline-bgColor-hover: #051d4d33;
    --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
    --buttonCounter-outline-fgColor-rest: #388bfd;
    --buttonCounter-outline-fgColor-hover: #58a6ff;
    --buttonCounter-outline-fgColor-disabled: #4493f880;
    --buttonCounter-danger-bgColor-hover: #ffffff33;
    --buttonCounter-danger-bgColor-disabled: #da36330d;
    --buttonCounter-danger-bgColor-rest: #49020233;
    --buttonCounter-danger-fgColor-rest: #f85149;
    --buttonCounter-danger-fgColor-hover: #ffffff;
    --buttonCounter-danger-fgColor-disabled: #f8514980;
    --reactionButton-selected-bgColor-rest: #388bfd33;
    --reactionButton-selected-bgColor-hover: #3a8cfd5c;
    --reactionButton-selected-fgColor-rest: #4493f8;
    --reactionButton-selected-fgColor-hover: #79c0ff;
    --focus-outlineColor: #1f6feb;
    --menu-bgColor-active: #161b22;
    --overlay-bgColor: #161b22;
    --overlay-borderColor: #30363db3;
    --overlay-backdrop-bgColor: #161b2266;
    --selectMenu-borderColor: #484f58;
    --selectMenu-bgColor-active: #0c2d6b;
    --sideNav-bgColor-selected: #21262d;
    --skeletonLoader-bgColor: #161b22;
    --timelineBadge-bgColor: #21262d;
    --treeViewItem-leadingVisual-iconColor-rest: #8d96a0;
    --underlineNav-borderColor-active: #f78166;
    --underlineNav-borderColor-hover: #6e768166;
    --underlineNav-iconColor-rest: #8d96a0;
    --selection-bgColor: #1f6febb3;
    --card-bgColor: #161b22;
    --label-green-bgColor-rest: #122117;
    --label-green-bgColor-hover: #182f1f;
    --label-green-bgColor-active: #214529;
    --label-green-fgColor-rest: #41b445;
    --label-green-fgColor-hover: #46c144;
    --label-green-fgColor-active: #75d36f;
    --label-orange-bgColor-rest: #311708;
    --label-orange-bgColor-hover: #43200a;
    --label-orange-bgColor-active: #632f0d;
    --label-orange-fgColor-rest: #ed8326;
    --label-orange-fgColor-hover: #f1933b;
    --label-orange-fgColor-active: #f6b06a;
    --label-purple-bgColor-rest: #211047;
    --label-purple-bgColor-hover: #31146b;
    --label-purple-bgColor-active: #481a9e;
    --label-purple-fgColor-rest: #b687f7;
    --label-purple-fgColor-hover: #c398fb;
    --label-purple-fgColor-active: #d2affd;
    --label-red-bgColor-rest: #3c0614;
    --label-red-bgColor-hover: #58091a;
    --label-red-bgColor-active: #790c20;
    --label-red-fgColor-rest: #f27d83;
    --label-red-fgColor-hover: #f48b8d;
    --label-red-fgColor-active: #f7adab;
    --label-yellow-bgColor-rest: #2e1a00;
    --label-yellow-bgColor-hover: #3d2401;
    --label-yellow-bgColor-active: #5a3702;
    --label-yellow-fgColor-rest: #d3910d;
    --label-yellow-fgColor-hover: #df9e11;
    --label-yellow-fgColor-active: #edb431;
    --label-gray-bgColor-rest: #1c1c1c;
    --label-gray-bgColor-hover: #2a2b2d;
    --label-gray-bgColor-active: #393d41;
    --label-gray-fgColor-rest: #92a1b5;
    --label-gray-fgColor-hover: #9babbf;
    --label-gray-fgColor-active: #b3c0d1;
    --label-auburn-bgColor-rest: #271817;
    --label-auburn-bgColor-hover: #3a2422;
    --label-auburn-bgColor-active: #543331;
    --label-auburn-fgColor-rest: #bf9592;
    --label-auburn-fgColor-hover: #c6a19f;
    --label-auburn-fgColor-active: #d4b7b5;
    --label-brown-bgColor-rest: #241c14;
    --label-brown-bgColor-hover: #342a1d;
    --label-brown-bgColor-active: #483a28;
    --label-brown-fgColor-rest: #b69a6d;
    --label-brown-fgColor-hover: #bfa77d;
    --label-brown-fgColor-active: #cdbb98;
    --label-lemon-bgColor-rest: #291d00;
    --label-lemon-bgColor-hover: #372901;
    --label-lemon-bgColor-active: #4f3c02;
    --label-lemon-fgColor-rest: #ba9b12;
    --label-lemon-fgColor-hover: #c4a717;
    --label-lemon-fgColor-active: #d7bc1d;
    --label-olive-bgColor-rest: #171e0b;
    --label-olive-bgColor-hover: #252d10;
    --label-olive-bgColor-active: #374115;
    --label-olive-fgColor-rest: #a2a626;
    --label-olive-fgColor-hover: #b2af24;
    --label-olive-fgColor-active: #cbc025;
    --label-lime-bgColor-rest: #141f0f;
    --label-lime-bgColor-hover: #1f3116;
    --label-lime-bgColor-active: #2c441d;
    --label-lime-fgColor-rest: #7dae37;
    --label-lime-fgColor-hover: #89ba36;
    --label-lime-fgColor-active: #9fcc3e;
    --label-pine-bgColor-rest: #082119;
    --label-pine-bgColor-hover: #0b3224;
    --label-pine-bgColor-active: #0e4430;
    --label-pine-fgColor-rest: #1bb673;
    --label-pine-fgColor-hover: #1ac176;
    --label-pine-fgColor-active: #1bda81;
    --label-teal-bgColor-rest: #041f25;
    --label-teal-bgColor-hover: #073036;
    --label-teal-bgColor-active: #0a464d;
    --label-teal-fgColor-rest: #1cb0ab;
    --label-teal-fgColor-hover: #1fbdb2;
    --label-teal-fgColor-active: #24d6c4;
    --label-cyan-bgColor-rest: #001f29;
    --label-cyan-bgColor-hover: #002e3d;
    --label-cyan-bgColor-active: #014156;
    --label-cyan-fgColor-rest: #07ace4;
    --label-cyan-fgColor-hover: #09b7f1;
    --label-cyan-fgColor-active: #45cbf7;
    --label-indigo-bgColor-rest: #1b183f;
    --label-indigo-bgColor-hover: #25215f;
    --label-indigo-bgColor-active: #312c90;
    --label-indigo-fgColor-rest: #9899ec;
    --label-indigo-fgColor-hover: #a2a5f1;
    --label-indigo-fgColor-active: #b7baf6;
    --label-blue-bgColor-rest: #001a47;
    --label-blue-bgColor-hover: #002766;
    --label-blue-bgColor-active: #00378a;
    --label-blue-fgColor-rest: #4da0ff;
    --label-blue-fgColor-hover: #61adff;
    --label-blue-fgColor-active: #85c2ff;
    --label-plum-bgColor-rest: #2a0e3f;
    --label-plum-bgColor-hover: #40125e;
    --label-plum-bgColor-active: #5c1688;
    --label-plum-fgColor-rest: #d07ef7;
    --label-plum-fgColor-hover: #d889fa;
    --label-plum-fgColor-active: #e4a5fd;
    --label-pink-bgColor-rest: #2d1524;
    --label-pink-bgColor-hover: #451c35;
    --label-pink-bgColor-active: #65244a;
    --label-pink-fgColor-rest: #e57bb2;
    --label-pink-fgColor-hover: #ec8dbd;
    --label-pink-fgColor-active: #f4a9cd;
    --label-coral-bgColor-rest: #351008;
    --label-coral-bgColor-hover: #51180b;
    --label-coral-bgColor-active: #72220d;
    --label-coral-fgColor-rest: #f7794b;
    --label-coral-fgColor-hover: #fa8c61;
    --label-coral-fgColor-active: #fdaa86;
    --fgColor-default: #e6edf3;
    --fgColor-muted: #8d96a0;
    --fgColor-onEmphasis: #ffffff;
    --fgColor-white: #ffffff;
    --fgColor-black: #010409;
    --fgColor-disabled: #6e7681;
    --fgColor-link: #4493f8;
    --fgColor-neutral: #6e7681;
    --fgColor-accent: #4493f8;
    --fgColor-success: #58a6ff;
    --fgColor-attention: #d29922;
    --fgColor-severe: #f85149;
    --fgColor-danger: #f85149;
    --fgColor-open: #f85149;
    --fgColor-closed: #6e7681;
    --fgColor-done: #ab7df8;
    --fgColor-upsell: #ab7df8;
    --fgColor-sponsors: #db61a2;
    --bgColor-default: #0d1117;
    --bgColor-muted: #161b22;
    --bgColor-inset: #010409;
    --bgColor-emphasis: #6e7681;
    --bgColor-inverse: #ffffff;
    --bgColor-white: #ffffff;
    --bgColor-black: #010409;
    --bgColor-disabled: #21262db3;
    --bgColor-transparent: #00000000;
    --bgColor-neutral-muted: #6e768166;
    --bgColor-neutral-emphasis: #6e7681;
    --bgColor-accent-muted: #388bfd1a;
    --bgColor-accent-emphasis: #1f6feb;
    --bgColor-success-muted: #388bfd26;
    --bgColor-success-emphasis: #1f6feb;
    --bgColor-attention-muted: #bb800926;
    --bgColor-attention-emphasis: #9e6a03;
    --bgColor-severe-muted: #f851491a;
    --bgColor-severe-emphasis: #da3633;
    --bgColor-danger-muted: #f851491a;
    --bgColor-danger-emphasis: #da3633;
    --bgColor-open-muted: #f851491a;
    --bgColor-open-emphasis: #da3633;
    --bgColor-closed-muted: #6e768126;
    --bgColor-closed-emphasis: #484f58;
    --bgColor-done-muted: #ab7df826;
    --bgColor-done-emphasis: #8957e5;
    --bgColor-upsell-muted: #ab7df826;
    --bgColor-upsell-emphasis: #8957e5;
    --bgColor-sponsors-muted: #db61a21a;
    --bgColor-sponsors-emphasis: #bf4b8a;
    --borderColor-default: #30363d;
    --borderColor-muted: #30363db3;
    --borderColor-emphasis: #484f58;
    --borderColor-disabled: #21262db3;
    --borderColor-transparent: #00000000;
    --borderColor-translucent: #ffffff26;
    --borderColor-neutral-muted: #6e768166;
    --borderColor-neutral-emphasis: #6e7681;
    --borderColor-accent-muted: #388bfd66;
    --borderColor-accent-emphasis: #1f6feb;
    --borderColor-success-muted: #388bfd66;
    --borderColor-success-emphasis: #1f6feb;
    --borderColor-attention-muted: #bb800966;
    --borderColor-attention-emphasis: #9e6a03;
    --borderColor-severe-muted: #f8514966;
    --borderColor-severe-emphasis: #da3633;
    --borderColor-danger-muted: #f8514966;
    --borderColor-danger-emphasis: #da3633;
    --borderColor-open-muted: #f8514966;
    --borderColor-open-emphasis: #da3633;
    --borderColor-closed-muted: #6e768166;
    --borderColor-closed-emphasis: #484f58;
    --borderColor-done-muted: #ab7df866;
    --borderColor-done-emphasis: #8957e5;
    --borderColor-upsell-muted: #ab7df866;
    --borderColor-upsell-emphasis: #8957e5;
    --borderColor-sponsors-muted: #db61a266;
    --borderColor-sponsors-emphasis: #bf4b8a;
    --color-ansi-black: #484f58;
    --color-ansi-black-bright: #6e7681;
    --color-ansi-white: #b1bac4;
    --color-ansi-white-bright: #ffffff;
    --color-ansi-gray: #6e7681;
    --color-ansi-red: #ff7b72;
    --color-ansi-red-bright: #ffa198;
    --color-ansi-green: #58a6ff;
    --color-ansi-green-bright: #79c0ff;
    --color-ansi-yellow: #d29922;
    --color-ansi-yellow-bright: #e3b341;
    --color-ansi-blue: #58a6ff;
    --color-ansi-blue-bright: #79c0ff;
    --color-ansi-magenta: #be8fff;
    --color-ansi-magenta-bright: #d2a8ff;
    --color-ansi-cyan: #39c5cf;
    --color-ansi-cyan-bright: #56d4dd;
    --color-prettylights-syntax-comment: #8b949e;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
    --color-prettylights-syntax-entity-tag: #a5d6ff;
    --color-prettylights-syntax-keyword: #ff7b72;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-variable: #ffa198;
    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-carriage-return-bg: #b62324;
    --color-prettylights-syntax-string-regexp: #a5d6ff;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-italic: #c9d1d9;
    --color-prettylights-syntax-markup-bold: #c9d1d9;
    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
    --color-prettylights-syntax-markup-deleted-bg: #67060c;
    --color-prettylights-syntax-markup-inserted-text: #cae8ff;
    --color-prettylights-syntax-markup-inserted-bg: #0c2d6b;
    --color-prettylights-syntax-markup-changed-text: #ffdcd7;
    --color-prettylights-syntax-markup-changed-bg: #67060c;
    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
    --shadow-inset: inset 0px 1px 0px 0px #0104093d;
    --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
    --shadow-resting-small: 0px 1px 0px 0px #01040966;
    --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
    --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
    --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
    --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
    --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
    --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
    --outline-focus: #1f6feb solid 2px;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/functional/themes/dark.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
[data-color-mode="dark"][data-dark-theme="dark"],
[data-color-mode="dark"][data-dark-theme="dark"] ::backdrop,
[data-color-mode="auto"][data-light-theme="dark"],
[data-color-mode="auto"][data-light-theme="dark"] ::backdrop {
  --topicTag-borderColor: #00000000;
  --highlight-neutral-bgColor: #d2992266;
  --page-header-bgColor: #0d1117;
  --diffBlob-addition-fgColor-text: #e6edf3;
  --diffBlob-addition-fgColor-num: #e6edf3;
  --diffBlob-addition-bgColor-num: #3fb9504d;
  --diffBlob-addition-bgColor-line: #2ea04326;
  --diffBlob-addition-bgColor-word: #2ea04366;
  --diffBlob-deletion-fgColor-text: #e6edf3;
  --diffBlob-deletion-fgColor-num: #e6edf3;
  --diffBlob-deletion-bgColor-num: #f851494d;
  --diffBlob-deletion-bgColor-line: #f8514926;
  --diffBlob-deletion-bgColor-word: #f8514966;
  --diffBlob-hunk-bgColor-num: #388bfd66;
  --diffBlob-expander-iconColor: #8d96a0;
  --codeMirror-fgColor: #e6edf3;
  --codeMirror-bgColor: #0d1117;
  --codeMirror-gutters-bgColor: #0d1117;
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
  --codeMirror-gutterMarker-fgColor-muted: #8d96a0;
  --codeMirror-lineNumber-fgColor: #8d96a0;
  --codeMirror-cursor-fgColor: #e6edf3;
  --codeMirror-selection-bgColor: #388bfd66;
  --codeMirror-activeline-bgColor: #6e768166;
  --codeMirror-matchingBracket-fgColor: #e6edf3;
  --codeMirror-lines-bgColor: #0d1117;
  --codeMirror-syntax-fgColor-comment: #8b949e;
  --codeMirror-syntax-fgColor-constant: #79c0ff;
  --codeMirror-syntax-fgColor-entity: #d2a8ff;
  --codeMirror-syntax-fgColor-keyword: #ff7b72;
  --codeMirror-syntax-fgColor-storage: #ff7b72;
  --codeMirror-syntax-fgColor-string: #a5d6ff;
  --codeMirror-syntax-fgColor-support: #79c0ff;
  --codeMirror-syntax-fgColor-variable: #ffa657;
  --header-fgColor-default: #ffffffb3;
  --header-fgColor-logo: #f0f6fc;
  --header-bgColor: #161b22f2;
  --header-borderColor-divider: #8b949e;
  --headerSearch-bgColor: #0d1117;
  --headerSearch-borderColor: #30363d;
  --data-blue-color: #0576ff;
  --data-blue-color-muted: #001a47;
  --data-auburn-color: #a86f6b;
  --data-auburn-color-muted: #271817;
  --data-orange-color: #984b10;
  --data-orange-color-muted: #311708;
  --data-yellow-color: #895906;
  --data-yellow-color-muted: #2e1a00;
  --data-green-color: #2f6f37;
  --data-green-color-muted: #122117;
  --data-teal-color: #106c70;
  --data-teal-color-muted: #041f25;
  --data-purple-color: #975bf1;
  --data-purple-color-muted: #211047;
  --data-pink-color: #d34591;
  --data-pink-color-muted: #2d1524;
  --data-red-color: #eb3342;
  --data-red-color-muted: #3c0614;
  --data-gray-color: #576270;
  --data-gray-color-muted: #1c1c1c;
  --display-blue-bgColor-muted: #001a47;
  --display-blue-bgColor-emphasis: #0576ff;
  --display-blue-fgColor: #4da0ff;
  --display-blue-borderColor-muted: #002766;
  --display-blue-borderColor-emphasis: #0576ff;
  --display-green-bgColor-muted: #122117;
  --display-green-bgColor-emphasis: #388f3f;
  --display-green-fgColor: #41b445;
  --display-green-borderColor-muted: #182f1f;
  --display-green-borderColor-emphasis: #388f3f;
  --display-orange-bgColor-muted: #311708;
  --display-orange-bgColor-emphasis: #c46212;
  --display-orange-fgColor: #ed8326;
  --display-orange-borderColor-muted: #43200a;
  --display-orange-borderColor-emphasis: #c46212;
  --display-purple-bgColor-muted: #211047;
  --display-purple-bgColor-emphasis: #975bf1;
  --display-purple-fgColor: #b687f7;
  --display-purple-borderColor-muted: #31146b;
  --display-purple-borderColor-emphasis: #975bf1;
  --display-plum-bgColor-muted: #2a0e3f;
  --display-plum-bgColor-emphasis: #b643ef;
  --display-plum-fgColor: #d07ef7;
  --display-plum-borderColor-muted: #40125e;
  --display-plum-borderColor-emphasis: #b643ef;
  --display-red-bgColor-muted: #3c0614;
  --display-red-bgColor-emphasis: #eb3342;
  --display-red-fgColor: #f27d83;
  --display-red-borderColor-muted: #58091a;
  --display-red-borderColor-emphasis: #eb3342;
  --display-coral-bgColor-muted: #3c0614;
  --display-coral-bgColor-emphasis: #eb3342;
  --display-coral-fgColor: #f27d83;
  --display-coral-borderColor-muted: #58091a;
  --display-coral-borderColor-emphasis: #eb3342;
  --display-yellow-bgColor-muted: #2e1a00;
  --display-yellow-bgColor-emphasis: #aa7109;
  --display-yellow-fgColor: #d3910d;
  --display-yellow-borderColor-muted: #3d2401;
  --display-yellow-borderColor-emphasis: #aa7109;
  --display-gray-bgColor-muted: #1c1c1c;
  --display-gray-bgColor-emphasis: #6e7f96;
  --display-gray-fgColor: #92a1b5;
  --display-gray-borderColor-muted: #2a2b2d;
  --display-gray-borderColor-emphasis: #6e7f96;
  --display-auburn-bgColor-muted: #271817;
  --display-auburn-bgColor-emphasis: #a86f6b;
  --display-auburn-fgColor: #bf9592;
  --display-auburn-borderColor-muted: #3a2422;
  --display-auburn-borderColor-emphasis: #a86f6b;
  --display-brown-bgColor-muted: #241c14;
  --display-brown-bgColor-emphasis: #94774c;
  --display-brown-fgColor: #b69a6d;
  --display-brown-borderColor-muted: #342a1d;
  --display-brown-borderColor-emphasis: #94774c;
  --display-lemon-bgColor-muted: #291d00;
  --display-lemon-bgColor-emphasis: #977b0c;
  --display-lemon-fgColor: #ba9b12;
  --display-lemon-borderColor-muted: #372901;
  --display-lemon-borderColor-emphasis: #977b0c;
  --display-olive-bgColor-muted: #171e0b;
  --display-olive-bgColor-emphasis: #7a8321;
  --display-olive-fgColor: #a2a626;
  --display-olive-borderColor-muted: #252d10;
  --display-olive-borderColor-emphasis: #7a8321;
  --display-lime-bgColor-muted: #141f0f;
  --display-lime-bgColor-emphasis: #5f892f;
  --display-lime-fgColor: #7dae37;
  --display-lime-borderColor-muted: #1f3116;
  --display-lime-borderColor-emphasis: #5f892f;
  --display-pine-bgColor-muted: #082119;
  --display-pine-bgColor-emphasis: #18915e;
  --display-pine-fgColor: #1bb673;
  --display-pine-borderColor-muted: #0b3224;
  --display-pine-borderColor-emphasis: #18915e;
  --display-teal-bgColor-muted: #041f25;
  --display-teal-bgColor-emphasis: #158a8a;
  --display-teal-fgColor: #1cb0ab;
  --display-teal-borderColor-muted: #073036;
  --display-teal-borderColor-emphasis: #158a8a;
  --display-cyan-bgColor-muted: #001f29;
  --display-cyan-bgColor-emphasis: #0587b3;
  --display-cyan-fgColor: #07ace4;
  --display-cyan-borderColor-muted: #002e3d;
  --display-cyan-borderColor-emphasis: #0587b3;
  --display-indigo-bgColor-muted: #1b183f;
  --display-indigo-bgColor-emphasis: #7070e1;
  --display-indigo-fgColor: #9899ec;
  --display-indigo-borderColor-muted: #25215f;
  --display-indigo-borderColor-emphasis: #7070e1;
  --display-pink-bgColor-muted: #2d1524;
  --display-pink-bgColor-emphasis: #d34591;
  --display-pink-fgColor: #e57bb2;
  --display-pink-borderColor-muted: #451c35;
  --display-pink-borderColor-emphasis: #d34591;
  --avatar-bgColor: #ffffff1a;
  --avatar-borderColor: #ffffff26;
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
  --avatarStack-fade-bgColor-default: #30363d;
  --avatarStack-fade-bgColor-muted: #21262d;
  --control-bgColor-rest: #21262d;
  --control-bgColor-hover: #292e36;
  --control-bgColor-active: #31363e;
  --control-bgColor-disabled: #21262db3;
  --control-bgColor-selected: #161b22;
  --control-fgColor-rest: #c9d1d9;
  --control-fgColor-placeholder: #858e98;
  --control-fgColor-disabled: #6e7681;
  --control-borderColor-rest: #30363d;
  --control-borderColor-emphasis: #666e79;
  --control-borderColor-disabled: #21262db3;
  --control-borderColor-selected: #f0f6fc;
  --control-borderColor-success: #238636;
  --control-borderColor-danger: #da3633;
  --control-borderColor-warning: #9e6a03;
  --control-iconColor-rest: #8d96a0;
  --control-transparent-bgColor-rest: #00000000;
  --control-transparent-bgColor-hover: #b1bac41f;
  --control-transparent-bgColor-active: #b1bac433;
  --control-transparent-bgColor-disabled: #21262db3;
  --control-transparent-bgColor-selected: #b1bac414;
  --control-transparent-borderColor-rest: #00000000;
  --control-transparent-borderColor-hover: #00000000;
  --control-transparent-borderColor-active: #00000000;
  --control-danger-fgColor-rest: #f85149;
  --control-danger-fgColor-hover: #ff7b72;
  --control-danger-bgColor-hover: #f851491a;
  --control-danger-bgColor-active: #f8514966;
  --control-checked-bgColor-rest: #1f6feb;
  --control-checked-bgColor-hover: #2a7aef;
  --control-checked-bgColor-active: #3685f3;
  --control-checked-bgColor-disabled: #6e7681;
  --control-checked-fgColor-rest: #ffffff;
  --control-checked-fgColor-disabled: #010409;
  --control-checked-borderColor-rest: #1f6feb;
  --control-checked-borderColor-hover: #2a7aef;
  --control-checked-borderColor-active: #3685f3;
  --control-checked-borderColor-disabled: #6e7681;
  --controlTrack-bgColor-rest: #21262d;
  --controlTrack-bgColor-hover: #292e36;
  --controlTrack-bgColor-active: #31363e;
  --controlTrack-bgColor-disabled: #6e7681;
  --controlTrack-fgColor-rest: #8d96a0;
  --controlTrack-fgColor-disabled: #ffffff;
  --controlTrack-borderColor-rest: #00000000;
  --controlTrack-borderColor-disabled: #6e7681;
  --controlKnob-bgColor-rest: #010409;
  --controlKnob-bgColor-disabled: #21262db3;
  --controlKnob-bgColor-checked: #ffffff;
  --controlKnob-borderColor-rest: #666e79;
  --controlKnob-borderColor-disabled: #21262db3;
  --controlKnob-borderColor-checked: #1f6feb;
  --counter-borderColor: #00000000;
  --button-default-fgColor-rest: #c9d1d9;
  --button-default-bgColor-rest: #21262d;
  --button-default-bgColor-hover: #292e36;
  --button-default-bgColor-active: #31363e;
  --button-default-bgColor-selected: #31363e;
  --button-default-bgColor-disabled: #21262db3;
  --button-default-borderColor-rest: #30363d;
  --button-default-borderColor-hover: #30363d;
  --button-default-borderColor-active: #30363d;
  --button-default-borderColor-disabled: #21262db3;
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
  --button-primary-fgColor-rest: #ffffff;
  --button-primary-fgColor-disabled: #ffffff66;
  --button-primary-iconColor-rest: #ffffff;
  --button-primary-bgColor-rest: #238636;
  --button-primary-bgColor-hover: #29903b;
  --button-primary-bgColor-active: #2e9a40;
  --button-primary-bgColor-disabled: #105823;
  --button-primary-borderColor-rest: #f0f6fc1a;
  --button-primary-borderColor-hover: #f0f6fc1a;
  --button-primary-borderColor-active: #f0f6fc1a;
  --button-primary-borderColor-disabled: #105823;
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
  --button-invisible-fgColor-rest: #4493f8;
  --button-invisible-fgColor-hover: #58a6ff;
  --button-invisible-fgColor-disabled: #6e7681;
  --button-invisible-iconColor-rest: #8d96a0;
  --button-invisible-iconColor-hover: #e6edf3;
  --button-invisible-iconColor-disabled: #6e7681;
  --button-invisible-bgColor-rest: #00000000;
  --button-invisible-bgColor-hover: #b1bac41f;
  --button-invisible-bgColor-active: #b1bac433;
  --button-invisible-bgColor-disabled: #21262db3;
  --button-invisible-borderColor-rest: #00000000;
  --button-invisible-borderColor-hover: #00000000;
  --button-invisible-borderColor-disabled: #21262db3;
  --button-outline-fgColor-rest: #388bfd;
  --button-outline-fgColor-hover: #58a6ff;
  --button-outline-fgColor-active: #ffffff;
  --button-outline-fgColor-disabled: #4493f880;
  --button-outline-bgColor-rest: #f0f6fc;
  --button-outline-bgColor-hover: #30363d;
  --button-outline-bgColor-active: #0d419d;
  --button-outline-bgColor-disabled: #0d1117;
  --button-outline-borderColor-hover: #f0f6fc1a;
  --button-outline-borderColor-selected: #f0f6fc1a;
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
  --button-danger-fgColor-rest: #f85149;
  --button-danger-fgColor-hover: #ffffff;
  --button-danger-fgColor-active: #ffffff;
  --button-danger-fgColor-disabled: #f8514980;
  --button-danger-iconColor-rest: #f85149;
  --button-danger-iconColor-hover: #ffffff;
  --button-danger-bgColor-rest: #21262d;
  --button-danger-bgColor-hover: #b62324;
  --button-danger-bgColor-active: #d03533;
  --button-danger-bgColor-disabled: #21262db3;
  --button-danger-borderColor-rest: #30363d;
  --button-danger-borderColor-hover: #f0f6fc1a;
  --button-danger-borderColor-active: #f0f6fc1a;
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
  --button-inactive-fgColor: #8b949e;
  --button-inactive-bgColor: #21262d;
  --button-star-iconColor: #e3b341;
  --buttonCounter-default-bgColor-rest: #30363d;
  --buttonCounter-invisible-bgColor-rest: #30363d;
  --buttonCounter-primary-bgColor-rest: #04260f33;
  --buttonCounter-outline-bgColor-rest: #051d4d33;
  --buttonCounter-outline-bgColor-hover: #051d4d33;
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
  --buttonCounter-outline-fgColor-rest: #388bfd;
  --buttonCounter-outline-fgColor-hover: #58a6ff;
  --buttonCounter-outline-fgColor-disabled: #4493f880;
  --buttonCounter-danger-bgColor-hover: #ffffff33;
  --buttonCounter-danger-bgColor-disabled: #da36330d;
  --buttonCounter-danger-bgColor-rest: #49020233;
  --buttonCounter-danger-fgColor-rest: #f85149;
  --buttonCounter-danger-fgColor-hover: #ffffff;
  --buttonCounter-danger-fgColor-disabled: #f8514980;
  --reactionButton-selected-bgColor-rest: #388bfd33;
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
  --reactionButton-selected-fgColor-rest: #4493f8;
  --reactionButton-selected-fgColor-hover: #79c0ff;
  --focus-outlineColor: #1f6feb;
  --menu-bgColor-active: #161b22;
  --overlay-bgColor: #161b22;
  --overlay-borderColor: #30363db3;
  --overlay-backdrop-bgColor: #161b2266;
  --selectMenu-borderColor: #484f58;
  --selectMenu-bgColor-active: #0c2d6b;
  --sideNav-bgColor-selected: #21262d;
  --skeletonLoader-bgColor: #161b22;
  --timelineBadge-bgColor: #21262d;
  --treeViewItem-leadingVisual-iconColor-rest: #8d96a0;
  --underlineNav-borderColor-active: #f78166;
  --underlineNav-borderColor-hover: #6e768166;
  --underlineNav-iconColor-rest: #8d96a0;
  --selection-bgColor: #1f6febb3;
  --card-bgColor: #161b22;
  --label-green-bgColor-rest: #122117;
  --label-green-bgColor-hover: #182f1f;
  --label-green-bgColor-active: #214529;
  --label-green-fgColor-rest: #41b445;
  --label-green-fgColor-hover: #46c144;
  --label-green-fgColor-active: #75d36f;
  --label-orange-bgColor-rest: #311708;
  --label-orange-bgColor-hover: #43200a;
  --label-orange-bgColor-active: #632f0d;
  --label-orange-fgColor-rest: #ed8326;
  --label-orange-fgColor-hover: #f1933b;
  --label-orange-fgColor-active: #f6b06a;
  --label-purple-bgColor-rest: #211047;
  --label-purple-bgColor-hover: #31146b;
  --label-purple-bgColor-active: #481a9e;
  --label-purple-fgColor-rest: #b687f7;
  --label-purple-fgColor-hover: #c398fb;
  --label-purple-fgColor-active: #d2affd;
  --label-red-bgColor-rest: #3c0614;
  --label-red-bgColor-hover: #58091a;
  --label-red-bgColor-active: #790c20;
  --label-red-fgColor-rest: #f27d83;
  --label-red-fgColor-hover: #f48b8d;
  --label-red-fgColor-active: #f7adab;
  --label-yellow-bgColor-rest: #2e1a00;
  --label-yellow-bgColor-hover: #3d2401;
  --label-yellow-bgColor-active: #5a3702;
  --label-yellow-fgColor-rest: #d3910d;
  --label-yellow-fgColor-hover: #df9e11;
  --label-yellow-fgColor-active: #edb431;
  --label-gray-bgColor-rest: #1c1c1c;
  --label-gray-bgColor-hover: #2a2b2d;
  --label-gray-bgColor-active: #393d41;
  --label-gray-fgColor-rest: #92a1b5;
  --label-gray-fgColor-hover: #9babbf;
  --label-gray-fgColor-active: #b3c0d1;
  --label-auburn-bgColor-rest: #271817;
  --label-auburn-bgColor-hover: #3a2422;
  --label-auburn-bgColor-active: #543331;
  --label-auburn-fgColor-rest: #bf9592;
  --label-auburn-fgColor-hover: #c6a19f;
  --label-auburn-fgColor-active: #d4b7b5;
  --label-brown-bgColor-rest: #241c14;
  --label-brown-bgColor-hover: #342a1d;
  --label-brown-bgColor-active: #483a28;
  --label-brown-fgColor-rest: #b69a6d;
  --label-brown-fgColor-hover: #bfa77d;
  --label-brown-fgColor-active: #cdbb98;
  --label-lemon-bgColor-rest: #291d00;
  --label-lemon-bgColor-hover: #372901;
  --label-lemon-bgColor-active: #4f3c02;
  --label-lemon-fgColor-rest: #ba9b12;
  --label-lemon-fgColor-hover: #c4a717;
  --label-lemon-fgColor-active: #d7bc1d;
  --label-olive-bgColor-rest: #171e0b;
  --label-olive-bgColor-hover: #252d10;
  --label-olive-bgColor-active: #374115;
  --label-olive-fgColor-rest: #a2a626;
  --label-olive-fgColor-hover: #b2af24;
  --label-olive-fgColor-active: #cbc025;
  --label-lime-bgColor-rest: #141f0f;
  --label-lime-bgColor-hover: #1f3116;
  --label-lime-bgColor-active: #2c441d;
  --label-lime-fgColor-rest: #7dae37;
  --label-lime-fgColor-hover: #89ba36;
  --label-lime-fgColor-active: #9fcc3e;
  --label-pine-bgColor-rest: #082119;
  --label-pine-bgColor-hover: #0b3224;
  --label-pine-bgColor-active: #0e4430;
  --label-pine-fgColor-rest: #1bb673;
  --label-pine-fgColor-hover: #1ac176;
  --label-pine-fgColor-active: #1bda81;
  --label-teal-bgColor-rest: #041f25;
  --label-teal-bgColor-hover: #073036;
  --label-teal-bgColor-active: #0a464d;
  --label-teal-fgColor-rest: #1cb0ab;
  --label-teal-fgColor-hover: #1fbdb2;
  --label-teal-fgColor-active: #24d6c4;
  --label-cyan-bgColor-rest: #001f29;
  --label-cyan-bgColor-hover: #002e3d;
  --label-cyan-bgColor-active: #014156;
  --label-cyan-fgColor-rest: #07ace4;
  --label-cyan-fgColor-hover: #09b7f1;
  --label-cyan-fgColor-active: #45cbf7;
  --label-indigo-bgColor-rest: #1b183f;
  --label-indigo-bgColor-hover: #25215f;
  --label-indigo-bgColor-active: #312c90;
  --label-indigo-fgColor-rest: #9899ec;
  --label-indigo-fgColor-hover: #a2a5f1;
  --label-indigo-fgColor-active: #b7baf6;
  --label-blue-bgColor-rest: #001a47;
  --label-blue-bgColor-hover: #002766;
  --label-blue-bgColor-active: #00378a;
  --label-blue-fgColor-rest: #4da0ff;
  --label-blue-fgColor-hover: #61adff;
  --label-blue-fgColor-active: #85c2ff;
  --label-plum-bgColor-rest: #2a0e3f;
  --label-plum-bgColor-hover: #40125e;
  --label-plum-bgColor-active: #5c1688;
  --label-plum-fgColor-rest: #d07ef7;
  --label-plum-fgColor-hover: #d889fa;
  --label-plum-fgColor-active: #e4a5fd;
  --label-pink-bgColor-rest: #2d1524;
  --label-pink-bgColor-hover: #451c35;
  --label-pink-bgColor-active: #65244a;
  --label-pink-fgColor-rest: #e57bb2;
  --label-pink-fgColor-hover: #ec8dbd;
  --label-pink-fgColor-active: #f4a9cd;
  --label-coral-bgColor-rest: #351008;
  --label-coral-bgColor-hover: #51180b;
  --label-coral-bgColor-active: #72220d;
  --label-coral-fgColor-rest: #f7794b;
  --label-coral-fgColor-hover: #fa8c61;
  --label-coral-fgColor-active: #fdaa86;
  --fgColor-default: #e6edf3;
  --fgColor-muted: #8d96a0;
  --fgColor-onEmphasis: #ffffff;
  --fgColor-white: #ffffff;
  --fgColor-black: #010409;
  --fgColor-disabled: #6e7681;
  --fgColor-link: #4493f8;
  --fgColor-neutral: #6e7681;
  --fgColor-accent: #4493f8;
  --fgColor-success: #3fb950;
  --fgColor-attention: #d29922;
  --fgColor-severe: #db6d28;
  --fgColor-danger: #f85149;
  --fgColor-open: #3fb950;
  --fgColor-closed: #f85149;
  --fgColor-done: #ab7df8;
  --fgColor-upsell: #ab7df8;
  --fgColor-sponsors: #db61a2;
  --bgColor-default: #0d1117;
  --bgColor-muted: #161b22;
  --bgColor-inset: #010409;
  --bgColor-emphasis: #6e7681;
  --bgColor-inverse: #ffffff;
  --bgColor-white: #ffffff;
  --bgColor-black: #010409;
  --bgColor-disabled: #21262db3;
  --bgColor-transparent: #00000000;
  --bgColor-neutral-muted: #6e768166;
  --bgColor-neutral-emphasis: #6e7681;
  --bgColor-accent-muted: #388bfd1a;
  --bgColor-accent-emphasis: #1f6feb;
  --bgColor-success-muted: #2ea04326;
  --bgColor-success-emphasis: #238636;
  --bgColor-attention-muted: #bb800926;
  --bgColor-attention-emphasis: #9e6a03;
  --bgColor-severe-muted: #db6d281a;
  --bgColor-severe-emphasis: #bd561d;
  --bgColor-danger-muted: #f851491a;
  --bgColor-danger-emphasis: #da3633;
  --bgColor-open-muted: #2ea0431a;
  --bgColor-open-emphasis: #238636;
  --bgColor-closed-muted: #f8514926;
  --bgColor-closed-emphasis: #da3633;
  --bgColor-done-muted: #ab7df826;
  --bgColor-done-emphasis: #8957e5;
  --bgColor-upsell-muted: #ab7df826;
  --bgColor-upsell-emphasis: #8957e5;
  --bgColor-sponsors-muted: #db61a21a;
  --bgColor-sponsors-emphasis: #bf4b8a;
  --borderColor-default: #30363d;
  --borderColor-muted: #30363db3;
  --borderColor-emphasis: #484f58;
  --borderColor-disabled: #21262db3;
  --borderColor-transparent: #00000000;
  --borderColor-translucent: #ffffff26;
  --borderColor-neutral-muted: #6e768166;
  --borderColor-neutral-emphasis: #6e7681;
  --borderColor-accent-muted: #388bfd66;
  --borderColor-accent-emphasis: #1f6feb;
  --borderColor-success-muted: #2ea04366;
  --borderColor-success-emphasis: #238636;
  --borderColor-attention-muted: #bb800966;
  --borderColor-attention-emphasis: #9e6a03;
  --borderColor-severe-muted: #db6d2866;
  --borderColor-severe-emphasis: #bd561d;
  --borderColor-danger-muted: #f8514966;
  --borderColor-danger-emphasis: #da3633;
  --borderColor-open-muted: #2ea04366;
  --borderColor-open-emphasis: #238636;
  --borderColor-closed-muted: #f8514966;
  --borderColor-closed-emphasis: #da3633;
  --borderColor-done-muted: #ab7df866;
  --borderColor-done-emphasis: #8957e5;
  --borderColor-upsell-muted: #ab7df866;
  --borderColor-upsell-emphasis: #8957e5;
  --borderColor-sponsors-muted: #db61a266;
  --borderColor-sponsors-emphasis: #bf4b8a;
  --color-ansi-black: #484f58;
  --color-ansi-black-bright: #6e7681;
  --color-ansi-white: #b1bac4;
  --color-ansi-white-bright: #ffffff;
  --color-ansi-gray: #6e7681;
  --color-ansi-red: #ff7b72;
  --color-ansi-red-bright: #ffa198;
  --color-ansi-green: #3fb950;
  --color-ansi-green-bright: #56d364;
  --color-ansi-yellow: #d29922;
  --color-ansi-yellow-bright: #e3b341;
  --color-ansi-blue: #58a6ff;
  --color-ansi-blue-bright: #79c0ff;
  --color-ansi-magenta: #be8fff;
  --color-ansi-magenta-bright: #d2a8ff;
  --color-ansi-cyan: #39c5cf;
  --color-ansi-cyan-bright: #56d4dd;
  --color-prettylights-syntax-comment: #8b949e;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
  --color-prettylights-syntax-entity-tag: #7ee787;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-variable: #ffa657;
  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
  --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
  --color-prettylights-syntax-carriage-return-bg: #b62324;
  --color-prettylights-syntax-string-regexp: #7ee787;
  --color-prettylights-syntax-markup-list: #f2cc60;
  --color-prettylights-syntax-markup-heading: #1f6feb;
  --color-prettylights-syntax-markup-italic: #c9d1d9;
  --color-prettylights-syntax-markup-bold: #c9d1d9;
  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
  --color-prettylights-syntax-markup-deleted-bg: #67060c;
  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
  --color-prettylights-syntax-markup-inserted-bg: #033a16;
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
  --shadow-resting-small: 0px 1px 0px 0px #01040966;
  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
  --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
  --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
  --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
  --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
  --outline-focus: #1f6feb solid 2px;
}
@media (prefers-color-scheme: dark) {
  [data-color-mode="auto"][data-dark-theme="dark"],
  [data-color-mode="auto"][data-dark-theme="dark"] ::backdrop {
    --topicTag-borderColor: #00000000;
    --highlight-neutral-bgColor: #d2992266;
    --page-header-bgColor: #0d1117;
    --diffBlob-addition-fgColor-text: #e6edf3;
    --diffBlob-addition-fgColor-num: #e6edf3;
    --diffBlob-addition-bgColor-num: #3fb9504d;
    --diffBlob-addition-bgColor-line: #2ea04326;
    --diffBlob-addition-bgColor-word: #2ea04366;
    --diffBlob-deletion-fgColor-text: #e6edf3;
    --diffBlob-deletion-fgColor-num: #e6edf3;
    --diffBlob-deletion-bgColor-num: #f851494d;
    --diffBlob-deletion-bgColor-line: #f8514926;
    --diffBlob-deletion-bgColor-word: #f8514966;
    --diffBlob-hunk-bgColor-num: #388bfd66;
    --diffBlob-expander-iconColor: #8d96a0;
    --codeMirror-fgColor: #e6edf3;
    --codeMirror-bgColor: #0d1117;
    --codeMirror-gutters-bgColor: #0d1117;
    --codeMirror-gutterMarker-fgColor-default: #0d1117;
    --codeMirror-gutterMarker-fgColor-muted: #8d96a0;
    --codeMirror-lineNumber-fgColor: #8d96a0;
    --codeMirror-cursor-fgColor: #e6edf3;
    --codeMirror-selection-bgColor: #388bfd66;
    --codeMirror-activeline-bgColor: #6e768166;
    --codeMirror-matchingBracket-fgColor: #e6edf3;
    --codeMirror-lines-bgColor: #0d1117;
    --codeMirror-syntax-fgColor-comment: #8b949e;
    --codeMirror-syntax-fgColor-constant: #79c0ff;
    --codeMirror-syntax-fgColor-entity: #d2a8ff;
    --codeMirror-syntax-fgColor-keyword: #ff7b72;
    --codeMirror-syntax-fgColor-storage: #ff7b72;
    --codeMirror-syntax-fgColor-string: #a5d6ff;
    --codeMirror-syntax-fgColor-support: #79c0ff;
    --codeMirror-syntax-fgColor-variable: #ffa657;
    --header-fgColor-default: #ffffffb3;
    --header-fgColor-logo: #f0f6fc;
    --header-bgColor: #161b22f2;
    --header-borderColor-divider: #8b949e;
    --headerSearch-bgColor: #0d1117;
    --headerSearch-borderColor: #30363d;
    --data-blue-color: #0576ff;
    --data-blue-color-muted: #001a47;
    --data-auburn-color: #a86f6b;
    --data-auburn-color-muted: #271817;
    --data-orange-color: #984b10;
    --data-orange-color-muted: #311708;
    --data-yellow-color: #895906;
    --data-yellow-color-muted: #2e1a00;
    --data-green-color: #2f6f37;
    --data-green-color-muted: #122117;
    --data-teal-color: #106c70;
    --data-teal-color-muted: #041f25;
    --data-purple-color: #975bf1;
    --data-purple-color-muted: #211047;
    --data-pink-color: #d34591;
    --data-pink-color-muted: #2d1524;
    --data-red-color: #eb3342;
    --data-red-color-muted: #3c0614;
    --data-gray-color: #576270;
    --data-gray-color-muted: #1c1c1c;
    --display-blue-bgColor-muted: #001a47;
    --display-blue-bgColor-emphasis: #0576ff;
    --display-blue-fgColor: #4da0ff;
    --display-blue-borderColor-muted: #002766;
    --display-blue-borderColor-emphasis: #0576ff;
    --display-green-bgColor-muted: #122117;
    --display-green-bgColor-emphasis: #388f3f;
    --display-green-fgColor: #41b445;
    --display-green-borderColor-muted: #182f1f;
    --display-green-borderColor-emphasis: #388f3f;
    --display-orange-bgColor-muted: #311708;
    --display-orange-bgColor-emphasis: #c46212;
    --display-orange-fgColor: #ed8326;
    --display-orange-borderColor-muted: #43200a;
    --display-orange-borderColor-emphasis: #c46212;
    --display-purple-bgColor-muted: #211047;
    --display-purple-bgColor-emphasis: #975bf1;
    --display-purple-fgColor: #b687f7;
    --display-purple-borderColor-muted: #31146b;
    --display-purple-borderColor-emphasis: #975bf1;
    --display-plum-bgColor-muted: #2a0e3f;
    --display-plum-bgColor-emphasis: #b643ef;
    --display-plum-fgColor: #d07ef7;
    --display-plum-borderColor-muted: #40125e;
    --display-plum-borderColor-emphasis: #b643ef;
    --display-red-bgColor-muted: #3c0614;
    --display-red-bgColor-emphasis: #eb3342;
    --display-red-fgColor: #f27d83;
    --display-red-borderColor-muted: #58091a;
    --display-red-borderColor-emphasis: #eb3342;
    --display-coral-bgColor-muted: #3c0614;
    --display-coral-bgColor-emphasis: #eb3342;
    --display-coral-fgColor: #f27d83;
    --display-coral-borderColor-muted: #58091a;
    --display-coral-borderColor-emphasis: #eb3342;
    --display-yellow-bgColor-muted: #2e1a00;
    --display-yellow-bgColor-emphasis: #aa7109;
    --display-yellow-fgColor: #d3910d;
    --display-yellow-borderColor-muted: #3d2401;
    --display-yellow-borderColor-emphasis: #aa7109;
    --display-gray-bgColor-muted: #1c1c1c;
    --display-gray-bgColor-emphasis: #6e7f96;
    --display-gray-fgColor: #92a1b5;
    --display-gray-borderColor-muted: #2a2b2d;
    --display-gray-borderColor-emphasis: #6e7f96;
    --display-auburn-bgColor-muted: #271817;
    --display-auburn-bgColor-emphasis: #a86f6b;
    --display-auburn-fgColor: #bf9592;
    --display-auburn-borderColor-muted: #3a2422;
    --display-auburn-borderColor-emphasis: #a86f6b;
    --display-brown-bgColor-muted: #241c14;
    --display-brown-bgColor-emphasis: #94774c;
    --display-brown-fgColor: #b69a6d;
    --display-brown-borderColor-muted: #342a1d;
    --display-brown-borderColor-emphasis: #94774c;
    --display-lemon-bgColor-muted: #291d00;
    --display-lemon-bgColor-emphasis: #977b0c;
    --display-lemon-fgColor: #ba9b12;
    --display-lemon-borderColor-muted: #372901;
    --display-lemon-borderColor-emphasis: #977b0c;
    --display-olive-bgColor-muted: #171e0b;
    --display-olive-bgColor-emphasis: #7a8321;
    --display-olive-fgColor: #a2a626;
    --display-olive-borderColor-muted: #252d10;
    --display-olive-borderColor-emphasis: #7a8321;
    --display-lime-bgColor-muted: #141f0f;
    --display-lime-bgColor-emphasis: #5f892f;
    --display-lime-fgColor: #7dae37;
    --display-lime-borderColor-muted: #1f3116;
    --display-lime-borderColor-emphasis: #5f892f;
    --display-pine-bgColor-muted: #082119;
    --display-pine-bgColor-emphasis: #18915e;
    --display-pine-fgColor: #1bb673;
    --display-pine-borderColor-muted: #0b3224;
    --display-pine-borderColor-emphasis: #18915e;
    --display-teal-bgColor-muted: #041f25;
    --display-teal-bgColor-emphasis: #158a8a;
    --display-teal-fgColor: #1cb0ab;
    --display-teal-borderColor-muted: #073036;
    --display-teal-borderColor-emphasis: #158a8a;
    --display-cyan-bgColor-muted: #001f29;
    --display-cyan-bgColor-emphasis: #0587b3;
    --display-cyan-fgColor: #07ace4;
    --display-cyan-borderColor-muted: #002e3d;
    --display-cyan-borderColor-emphasis: #0587b3;
    --display-indigo-bgColor-muted: #1b183f;
    --display-indigo-bgColor-emphasis: #7070e1;
    --display-indigo-fgColor: #9899ec;
    --display-indigo-borderColor-muted: #25215f;
    --display-indigo-borderColor-emphasis: #7070e1;
    --display-pink-bgColor-muted: #2d1524;
    --display-pink-bgColor-emphasis: #d34591;
    --display-pink-fgColor: #e57bb2;
    --display-pink-borderColor-muted: #451c35;
    --display-pink-borderColor-emphasis: #d34591;
    --avatar-bgColor: #ffffff1a;
    --avatar-borderColor: #ffffff26;
    --avatar-shadow: 0px 0px 0px 2px #0d1117;
    --avatarStack-fade-bgColor-default: #30363d;
    --avatarStack-fade-bgColor-muted: #21262d;
    --control-bgColor-rest: #21262d;
    --control-bgColor-hover: #292e36;
    --control-bgColor-active: #31363e;
    --control-bgColor-disabled: #21262db3;
    --control-bgColor-selected: #161b22;
    --control-fgColor-rest: #c9d1d9;
    --control-fgColor-placeholder: #858e98;
    --control-fgColor-disabled: #6e7681;
    --control-borderColor-rest: #30363d;
    --control-borderColor-emphasis: #666e79;
    --control-borderColor-disabled: #21262db3;
    --control-borderColor-selected: #f0f6fc;
    --control-borderColor-success: #238636;
    --control-borderColor-danger: #da3633;
    --control-borderColor-warning: #9e6a03;
    --control-iconColor-rest: #8d96a0;
    --control-transparent-bgColor-rest: #00000000;
    --control-transparent-bgColor-hover: #b1bac41f;
    --control-transparent-bgColor-active: #b1bac433;
    --control-transparent-bgColor-disabled: #21262db3;
    --control-transparent-bgColor-selected: #b1bac414;
    --control-transparent-borderColor-rest: #00000000;
    --control-transparent-borderColor-hover: #00000000;
    --control-transparent-borderColor-active: #00000000;
    --control-danger-fgColor-rest: #f85149;
    --control-danger-fgColor-hover: #ff7b72;
    --control-danger-bgColor-hover: #f851491a;
    --control-danger-bgColor-active: #f8514966;
    --control-checked-bgColor-rest: #1f6feb;
    --control-checked-bgColor-hover: #2a7aef;
    --control-checked-bgColor-active: #3685f3;
    --control-checked-bgColor-disabled: #6e7681;
    --control-checked-fgColor-rest: #ffffff;
    --control-checked-fgColor-disabled: #010409;
    --control-checked-borderColor-rest: #1f6feb;
    --control-checked-borderColor-hover: #2a7aef;
    --control-checked-borderColor-active: #3685f3;
    --control-checked-borderColor-disabled: #6e7681;
    --controlTrack-bgColor-rest: #21262d;
    --controlTrack-bgColor-hover: #292e36;
    --controlTrack-bgColor-active: #31363e;
    --controlTrack-bgColor-disabled: #6e7681;
    --controlTrack-fgColor-rest: #8d96a0;
    --controlTrack-fgColor-disabled: #ffffff;
    --controlTrack-borderColor-rest: #00000000;
    --controlTrack-borderColor-disabled: #6e7681;
    --controlKnob-bgColor-rest: #010409;
    --controlKnob-bgColor-disabled: #21262db3;
    --controlKnob-bgColor-checked: #ffffff;
    --controlKnob-borderColor-rest: #666e79;
    --controlKnob-borderColor-disabled: #21262db3;
    --controlKnob-borderColor-checked: #1f6feb;
    --counter-borderColor: #00000000;
    --button-default-fgColor-rest: #c9d1d9;
    --button-default-bgColor-rest: #21262d;
    --button-default-bgColor-hover: #292e36;
    --button-default-bgColor-active: #31363e;
    --button-default-bgColor-selected: #31363e;
    --button-default-bgColor-disabled: #21262db3;
    --button-default-borderColor-rest: #30363d;
    --button-default-borderColor-hover: #30363d;
    --button-default-borderColor-active: #30363d;
    --button-default-borderColor-disabled: #21262db3;
    --button-default-shadow-resting: 0px 0px 0px 0px #000000;
    --button-primary-fgColor-rest: #ffffff;
    --button-primary-fgColor-disabled: #ffffff66;
    --button-primary-iconColor-rest: #ffffff;
    --button-primary-bgColor-rest: #238636;
    --button-primary-bgColor-hover: #29903b;
    --button-primary-bgColor-active: #2e9a40;
    --button-primary-bgColor-disabled: #105823;
    --button-primary-borderColor-rest: #f0f6fc1a;
    --button-primary-borderColor-hover: #f0f6fc1a;
    --button-primary-borderColor-active: #f0f6fc1a;
    --button-primary-borderColor-disabled: #105823;
    --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
    --button-invisible-fgColor-rest: #4493f8;
    --button-invisible-fgColor-hover: #58a6ff;
    --button-invisible-fgColor-disabled: #6e7681;
    --button-invisible-iconColor-rest: #8d96a0;
    --button-invisible-iconColor-hover: #e6edf3;
    --button-invisible-iconColor-disabled: #6e7681;
    --button-invisible-bgColor-rest: #00000000;
    --button-invisible-bgColor-hover: #b1bac41f;
    --button-invisible-bgColor-active: #b1bac433;
    --button-invisible-bgColor-disabled: #21262db3;
    --button-invisible-borderColor-rest: #00000000;
    --button-invisible-borderColor-hover: #00000000;
    --button-invisible-borderColor-disabled: #21262db3;
    --button-outline-fgColor-rest: #388bfd;
    --button-outline-fgColor-hover: #58a6ff;
    --button-outline-fgColor-active: #ffffff;
    --button-outline-fgColor-disabled: #4493f880;
    --button-outline-bgColor-rest: #f0f6fc;
    --button-outline-bgColor-hover: #30363d;
    --button-outline-bgColor-active: #0d419d;
    --button-outline-bgColor-disabled: #0d1117;
    --button-outline-borderColor-hover: #f0f6fc1a;
    --button-outline-borderColor-selected: #f0f6fc1a;
    --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
    --button-danger-fgColor-rest: #f85149;
    --button-danger-fgColor-hover: #ffffff;
    --button-danger-fgColor-active: #ffffff;
    --button-danger-fgColor-disabled: #f8514980;
    --button-danger-iconColor-rest: #f85149;
    --button-danger-iconColor-hover: #ffffff;
    --button-danger-bgColor-rest: #21262d;
    --button-danger-bgColor-hover: #b62324;
    --button-danger-bgColor-active: #d03533;
    --button-danger-bgColor-disabled: #21262db3;
    --button-danger-borderColor-rest: #30363d;
    --button-danger-borderColor-hover: #f0f6fc1a;
    --button-danger-borderColor-active: #f0f6fc1a;
    --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
    --button-inactive-fgColor: #8b949e;
    --button-inactive-bgColor: #21262d;
    --button-star-iconColor: #e3b341;
    --buttonCounter-default-bgColor-rest: #30363d;
    --buttonCounter-invisible-bgColor-rest: #30363d;
    --buttonCounter-primary-bgColor-rest: #04260f33;
    --buttonCounter-outline-bgColor-rest: #051d4d33;
    --buttonCounter-outline-bgColor-hover: #051d4d33;
    --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
    --buttonCounter-outline-fgColor-rest: #388bfd;
    --buttonCounter-outline-fgColor-hover: #58a6ff;
    --buttonCounter-outline-fgColor-disabled: #4493f880;
    --buttonCounter-danger-bgColor-hover: #ffffff33;
    --buttonCounter-danger-bgColor-disabled: #da36330d;
    --buttonCounter-danger-bgColor-rest: #49020233;
    --buttonCounter-danger-fgColor-rest: #f85149;
    --buttonCounter-danger-fgColor-hover: #ffffff;
    --buttonCounter-danger-fgColor-disabled: #f8514980;
    --reactionButton-selected-bgColor-rest: #388bfd33;
    --reactionButton-selected-bgColor-hover: #3a8cfd5c;
    --reactionButton-selected-fgColor-rest: #4493f8;
    --reactionButton-selected-fgColor-hover: #79c0ff;
    --focus-outlineColor: #1f6feb;
    --menu-bgColor-active: #161b22;
    --overlay-bgColor: #161b22;
    --overlay-borderColor: #30363db3;
    --overlay-backdrop-bgColor: #161b2266;
    --selectMenu-borderColor: #484f58;
    --selectMenu-bgColor-active: #0c2d6b;
    --sideNav-bgColor-selected: #21262d;
    --skeletonLoader-bgColor: #161b22;
    --timelineBadge-bgColor: #21262d;
    --treeViewItem-leadingVisual-iconColor-rest: #8d96a0;
    --underlineNav-borderColor-active: #f78166;
    --underlineNav-borderColor-hover: #6e768166;
    --underlineNav-iconColor-rest: #8d96a0;
    --selection-bgColor: #1f6febb3;
    --card-bgColor: #161b22;
    --label-green-bgColor-rest: #122117;
    --label-green-bgColor-hover: #182f1f;
    --label-green-bgColor-active: #214529;
    --label-green-fgColor-rest: #41b445;
    --label-green-fgColor-hover: #46c144;
    --label-green-fgColor-active: #75d36f;
    --label-orange-bgColor-rest: #311708;
    --label-orange-bgColor-hover: #43200a;
    --label-orange-bgColor-active: #632f0d;
    --label-orange-fgColor-rest: #ed8326;
    --label-orange-fgColor-hover: #f1933b;
    --label-orange-fgColor-active: #f6b06a;
    --label-purple-bgColor-rest: #211047;
    --label-purple-bgColor-hover: #31146b;
    --label-purple-bgColor-active: #481a9e;
    --label-purple-fgColor-rest: #b687f7;
    --label-purple-fgColor-hover: #c398fb;
    --label-purple-fgColor-active: #d2affd;
    --label-red-bgColor-rest: #3c0614;
    --label-red-bgColor-hover: #58091a;
    --label-red-bgColor-active: #790c20;
    --label-red-fgColor-rest: #f27d83;
    --label-red-fgColor-hover: #f48b8d;
    --label-red-fgColor-active: #f7adab;
    --label-yellow-bgColor-rest: #2e1a00;
    --label-yellow-bgColor-hover: #3d2401;
    --label-yellow-bgColor-active: #5a3702;
    --label-yellow-fgColor-rest: #d3910d;
    --label-yellow-fgColor-hover: #df9e11;
    --label-yellow-fgColor-active: #edb431;
    --label-gray-bgColor-rest: #1c1c1c;
    --label-gray-bgColor-hover: #2a2b2d;
    --label-gray-bgColor-active: #393d41;
    --label-gray-fgColor-rest: #92a1b5;
    --label-gray-fgColor-hover: #9babbf;
    --label-gray-fgColor-active: #b3c0d1;
    --label-auburn-bgColor-rest: #271817;
    --label-auburn-bgColor-hover: #3a2422;
    --label-auburn-bgColor-active: #543331;
    --label-auburn-fgColor-rest: #bf9592;
    --label-auburn-fgColor-hover: #c6a19f;
    --label-auburn-fgColor-active: #d4b7b5;
    --label-brown-bgColor-rest: #241c14;
    --label-brown-bgColor-hover: #342a1d;
    --label-brown-bgColor-active: #483a28;
    --label-brown-fgColor-rest: #b69a6d;
    --label-brown-fgColor-hover: #bfa77d;
    --label-brown-fgColor-active: #cdbb98;
    --label-lemon-bgColor-rest: #291d00;
    --label-lemon-bgColor-hover: #372901;
    --label-lemon-bgColor-active: #4f3c02;
    --label-lemon-fgColor-rest: #ba9b12;
    --label-lemon-fgColor-hover: #c4a717;
    --label-lemon-fgColor-active: #d7bc1d;
    --label-olive-bgColor-rest: #171e0b;
    --label-olive-bgColor-hover: #252d10;
    --label-olive-bgColor-active: #374115;
    --label-olive-fgColor-rest: #a2a626;
    --label-olive-fgColor-hover: #b2af24;
    --label-olive-fgColor-active: #cbc025;
    --label-lime-bgColor-rest: #141f0f;
    --label-lime-bgColor-hover: #1f3116;
    --label-lime-bgColor-active: #2c441d;
    --label-lime-fgColor-rest: #7dae37;
    --label-lime-fgColor-hover: #89ba36;
    --label-lime-fgColor-active: #9fcc3e;
    --label-pine-bgColor-rest: #082119;
    --label-pine-bgColor-hover: #0b3224;
    --label-pine-bgColor-active: #0e4430;
    --label-pine-fgColor-rest: #1bb673;
    --label-pine-fgColor-hover: #1ac176;
    --label-pine-fgColor-active: #1bda81;
    --label-teal-bgColor-rest: #041f25;
    --label-teal-bgColor-hover: #073036;
    --label-teal-bgColor-active: #0a464d;
    --label-teal-fgColor-rest: #1cb0ab;
    --label-teal-fgColor-hover: #1fbdb2;
    --label-teal-fgColor-active: #24d6c4;
    --label-cyan-bgColor-rest: #001f29;
    --label-cyan-bgColor-hover: #002e3d;
    --label-cyan-bgColor-active: #014156;
    --label-cyan-fgColor-rest: #07ace4;
    --label-cyan-fgColor-hover: #09b7f1;
    --label-cyan-fgColor-active: #45cbf7;
    --label-indigo-bgColor-rest: #1b183f;
    --label-indigo-bgColor-hover: #25215f;
    --label-indigo-bgColor-active: #312c90;
    --label-indigo-fgColor-rest: #9899ec;
    --label-indigo-fgColor-hover: #a2a5f1;
    --label-indigo-fgColor-active: #b7baf6;
    --label-blue-bgColor-rest: #001a47;
    --label-blue-bgColor-hover: #002766;
    --label-blue-bgColor-active: #00378a;
    --label-blue-fgColor-rest: #4da0ff;
    --label-blue-fgColor-hover: #61adff;
    --label-blue-fgColor-active: #85c2ff;
    --label-plum-bgColor-rest: #2a0e3f;
    --label-plum-bgColor-hover: #40125e;
    --label-plum-bgColor-active: #5c1688;
    --label-plum-fgColor-rest: #d07ef7;
    --label-plum-fgColor-hover: #d889fa;
    --label-plum-fgColor-active: #e4a5fd;
    --label-pink-bgColor-rest: #2d1524;
    --label-pink-bgColor-hover: #451c35;
    --label-pink-bgColor-active: #65244a;
    --label-pink-fgColor-rest: #e57bb2;
    --label-pink-fgColor-hover: #ec8dbd;
    --label-pink-fgColor-active: #f4a9cd;
    --label-coral-bgColor-rest: #351008;
    --label-coral-bgColor-hover: #51180b;
    --label-coral-bgColor-active: #72220d;
    --label-coral-fgColor-rest: #f7794b;
    --label-coral-fgColor-hover: #fa8c61;
    --label-coral-fgColor-active: #fdaa86;
    --fgColor-default: #e6edf3;
    --fgColor-muted: #8d96a0;
    --fgColor-onEmphasis: #ffffff;
    --fgColor-white: #ffffff;
    --fgColor-black: #010409;
    --fgColor-disabled: #6e7681;
    --fgColor-link: #4493f8;
    --fgColor-neutral: #6e7681;
    --fgColor-accent: #4493f8;
    --fgColor-success: #3fb950;
    --fgColor-attention: #d29922;
    --fgColor-severe: #db6d28;
    --fgColor-danger: #f85149;
    --fgColor-open: #3fb950;
    --fgColor-closed: #f85149;
    --fgColor-done: #ab7df8;
    --fgColor-upsell: #ab7df8;
    --fgColor-sponsors: #db61a2;
    --bgColor-default: #0d1117;
    --bgColor-muted: #161b22;
    --bgColor-inset: #010409;
    --bgColor-emphasis: #6e7681;
    --bgColor-inverse: #ffffff;
    --bgColor-white: #ffffff;
    --bgColor-black: #010409;
    --bgColor-disabled: #21262db3;
    --bgColor-transparent: #00000000;
    --bgColor-neutral-muted: #6e768166;
    --bgColor-neutral-emphasis: #6e7681;
    --bgColor-accent-muted: #388bfd1a;
    --bgColor-accent-emphasis: #1f6feb;
    --bgColor-success-muted: #2ea04326;
    --bgColor-success-emphasis: #238636;
    --bgColor-attention-muted: #bb800926;
    --bgColor-attention-emphasis: #9e6a03;
    --bgColor-severe-muted: #db6d281a;
    --bgColor-severe-emphasis: #bd561d;
    --bgColor-danger-muted: #f851491a;
    --bgColor-danger-emphasis: #da3633;
    --bgColor-open-muted: #2ea0431a;
    --bgColor-open-emphasis: #238636;
    --bgColor-closed-muted: #f8514926;
    --bgColor-closed-emphasis: #da3633;
    --bgColor-done-muted: #ab7df826;
    --bgColor-done-emphasis: #8957e5;
    --bgColor-upsell-muted: #ab7df826;
    --bgColor-upsell-emphasis: #8957e5;
    --bgColor-sponsors-muted: #db61a21a;
    --bgColor-sponsors-emphasis: #bf4b8a;
    --borderColor-default: #30363d;
    --borderColor-muted: #30363db3;
    --borderColor-emphasis: #484f58;
    --borderColor-disabled: #21262db3;
    --borderColor-transparent: #00000000;
    --borderColor-translucent: #ffffff26;
    --borderColor-neutral-muted: #6e768166;
    --borderColor-neutral-emphasis: #6e7681;
    --borderColor-accent-muted: #388bfd66;
    --borderColor-accent-emphasis: #1f6feb;
    --borderColor-success-muted: #2ea04366;
    --borderColor-success-emphasis: #238636;
    --borderColor-attention-muted: #bb800966;
    --borderColor-attention-emphasis: #9e6a03;
    --borderColor-severe-muted: #db6d2866;
    --borderColor-severe-emphasis: #bd561d;
    --borderColor-danger-muted: #f8514966;
    --borderColor-danger-emphasis: #da3633;
    --borderColor-open-muted: #2ea04366;
    --borderColor-open-emphasis: #238636;
    --borderColor-closed-muted: #f8514966;
    --borderColor-closed-emphasis: #da3633;
    --borderColor-done-muted: #ab7df866;
    --borderColor-done-emphasis: #8957e5;
    --borderColor-upsell-muted: #ab7df866;
    --borderColor-upsell-emphasis: #8957e5;
    --borderColor-sponsors-muted: #db61a266;
    --borderColor-sponsors-emphasis: #bf4b8a;
    --color-ansi-black: #484f58;
    --color-ansi-black-bright: #6e7681;
    --color-ansi-white: #b1bac4;
    --color-ansi-white-bright: #ffffff;
    --color-ansi-gray: #6e7681;
    --color-ansi-red: #ff7b72;
    --color-ansi-red-bright: #ffa198;
    --color-ansi-green: #3fb950;
    --color-ansi-green-bright: #56d364;
    --color-ansi-yellow: #d29922;
    --color-ansi-yellow-bright: #e3b341;
    --color-ansi-blue: #58a6ff;
    --color-ansi-blue-bright: #79c0ff;
    --color-ansi-magenta: #be8fff;
    --color-ansi-magenta-bright: #d2a8ff;
    --color-ansi-cyan: #39c5cf;
    --color-ansi-cyan-bright: #56d4dd;
    --color-prettylights-syntax-comment: #8b949e;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
    --color-prettylights-syntax-entity-tag: #7ee787;
    --color-prettylights-syntax-keyword: #ff7b72;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-variable: #ffa657;
    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-carriage-return-bg: #b62324;
    --color-prettylights-syntax-string-regexp: #7ee787;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-italic: #c9d1d9;
    --color-prettylights-syntax-markup-bold: #c9d1d9;
    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
    --color-prettylights-syntax-markup-deleted-bg: #67060c;
    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
    --color-prettylights-syntax-markup-inserted-bg: #033a16;
    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
    --shadow-inset: inset 0px 1px 0px 0px #0104093d;
    --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
    --shadow-resting-small: 0px 1px 0px 0px #01040966;
    --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
    --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
    --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
    --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
    --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
    --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
    --outline-focus: #1f6feb solid 2px;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/functional/themes/light-colorblind.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
[data-color-mode="light"][data-light-theme="light_colorblind"],
[data-color-mode="light"][data-light-theme="light_colorblind"] ::backdrop,
[data-color-mode="auto"][data-light-theme="light_colorblind"],
[data-color-mode="auto"][data-light-theme="light_colorblind"] ::backdrop {
  --topicTag-borderColor: #ffffff00;
  --highlight-neutral-bgColor: #fff8c5;
  --page-header-bgColor: #f6f8fa;
  --diffBlob-addition-fgColor-text: #1f2328;
  --diffBlob-addition-fgColor-num: #1f2328;
  --diffBlob-addition-bgColor-num: #54aeff66;
  --diffBlob-addition-bgColor-line: #ddf4ff80;
  --diffBlob-addition-bgColor-word: #54aeff66;
  --diffBlob-deletion-fgColor-text: #1f2328;
  --diffBlob-deletion-fgColor-num: #1f2328;
  --diffBlob-deletion-bgColor-num: #fb8f4466;
  --diffBlob-deletion-bgColor-line: #fff1e580;
  --diffBlob-deletion-bgColor-word: #ffb77c80;
  --diffBlob-hunk-bgColor-num: #54aeff66;
  --diffBlob-expander-iconColor: #636c76;
  --codeMirror-fgColor: #1f2328;
  --codeMirror-bgColor: #ffffff;
  --codeMirror-gutters-bgColor: #ffffff;
  --codeMirror-gutterMarker-fgColor-default: #ffffff;
  --codeMirror-gutterMarker-fgColor-muted: #636c76;
  --codeMirror-lineNumber-fgColor: #636c76;
  --codeMirror-cursor-fgColor: #1f2328;
  --codeMirror-selection-bgColor: #54aeff66;
  --codeMirror-activeline-bgColor: #afb8c133;
  --codeMirror-matchingBracket-fgColor: #1f2328;
  --codeMirror-lines-bgColor: #ffffff;
  --codeMirror-syntax-fgColor-comment: #24292f;
  --codeMirror-syntax-fgColor-constant: #0550ae;
  --codeMirror-syntax-fgColor-entity: #8250df;
  --codeMirror-syntax-fgColor-keyword: #bc4c00;
  --codeMirror-syntax-fgColor-storage: #bc4c00;
  --codeMirror-syntax-fgColor-string: #0a3069;
  --codeMirror-syntax-fgColor-support: #0550ae;
  --codeMirror-syntax-fgColor-variable: #953800;
  --header-fgColor-default: #ffffffb3;
  --header-fgColor-logo: #ffffff;
  --header-bgColor: #24292f;
  --header-borderColor-divider: #57606a;
  --headerSearch-bgColor: #24292f;
  --headerSearch-borderColor: #57606a;
  --data-blue-color: #006edb;
  --data-blue-color-muted: #d1f0ff;
  --data-auburn-color: #9d615c;
  --data-auburn-color-muted: #f2e9e9;
  --data-orange-color: #eb670f;
  --data-orange-color-muted: #ffe7d1;
  --data-yellow-color: #b88700;
  --data-yellow-color-muted: #ffec9e;
  --data-green-color: #30a147;
  --data-green-color-muted: #caf7ca;
  --data-teal-color: #179b9b;
  --data-teal-color-muted: #c7f5ef;
  --data-purple-color: #894ceb;
  --data-purple-color-muted: #f1e5ff;
  --data-pink-color: #ce2c85;
  --data-pink-color-muted: #ffe5f1;
  --data-red-color: #df0c24;
  --data-red-color-muted: #ffe2e0;
  --data-gray-color: #808fa3;
  --data-gray-color-muted: #e8ecf2;
  --display-blue-bgColor-muted: #d1f0ff;
  --display-blue-bgColor-emphasis: #006edb;
  --display-blue-fgColor: #005fcc;
  --display-blue-borderColor-muted: #ade1ff;
  --display-blue-borderColor-emphasis: #006edb;
  --display-green-bgColor-muted: #caf7ca;
  --display-green-bgColor-emphasis: #2c8141;
  --display-green-fgColor: #2b6e3f;
  --display-green-borderColor-muted: #9ceda0;
  --display-green-borderColor-emphasis: #2c8141;
  --display-orange-bgColor-muted: #ffe7d1;
  --display-orange-bgColor-emphasis: #b8500f;
  --display-orange-fgColor: #a24610;
  --display-orange-borderColor-muted: #fecfaa;
  --display-orange-borderColor-emphasis: #b8500f;
  --display-purple-bgColor-muted: #f1e5ff;
  --display-purple-bgColor-emphasis: #894ceb;
  --display-purple-fgColor: #783ae4;
  --display-purple-borderColor-muted: #e6d2fe;
  --display-purple-borderColor-emphasis: #894ceb;
  --display-plum-bgColor-muted: #f8e5ff;
  --display-plum-bgColor-emphasis: #a830e8;
  --display-plum-fgColor: #961edc;
  --display-plum-borderColor-muted: #f0cdfe;
  --display-plum-borderColor-emphasis: #a830e8;
  --display-red-bgColor-muted: #ffe2e0;
  --display-red-bgColor-emphasis: #df0c24;
  --display-red-fgColor: #c50d28;
  --display-red-borderColor-muted: #fecdcd;
  --display-red-borderColor-emphasis: #df0c24;
  --display-coral-bgColor-muted: #ffe5db;
  --display-coral-bgColor-emphasis: #d43511;
  --display-coral-fgColor: #ba2e12;
  --display-coral-borderColor-muted: #fecebe;
  --display-coral-borderColor-emphasis: #d43511;
  --display-yellow-bgColor-muted: #ffec9e;
  --display-yellow-bgColor-emphasis: #946a00;
  --display-yellow-fgColor: #805900;
  --display-yellow-borderColor-muted: #ffd642;
  --display-yellow-borderColor-emphasis: #946a00;
  --display-gray-bgColor-muted: #e8ecf2;
  --display-gray-bgColor-emphasis: #647182;
  --display-gray-fgColor: #5c6570;
  --display-gray-borderColor-muted: #d2dae4;
  --display-gray-borderColor-emphasis: #647182;
  --display-auburn-bgColor-muted: #f2e9e9;
  --display-auburn-bgColor-emphasis: #9d615c;
  --display-auburn-fgColor: #8a5551;
  --display-auburn-borderColor-muted: #e6d6d5;
  --display-auburn-borderColor-emphasis: #9d615c;
  --display-brown-bgColor-muted: #eeeae2;
  --display-brown-bgColor-emphasis: #856d4c;
  --display-brown-fgColor: #755f43;
  --display-brown-borderColor-muted: #dfd7c8;
  --display-brown-borderColor-emphasis: #856d4c;
  --display-lemon-bgColor-muted: #f7eea1;
  --display-lemon-bgColor-emphasis: #866e04;
  --display-lemon-fgColor: #786002;
  --display-lemon-borderColor-muted: #f0db3d;
  --display-lemon-borderColor-emphasis: #866e04;
  --display-olive-bgColor-muted: #f0f0ad;
  --display-olive-bgColor-emphasis: #64762d;
  --display-olive-fgColor: #56682c;
  --display-olive-borderColor-muted: #dbe170;
  --display-olive-borderColor-emphasis: #64762d;
  --display-lime-bgColor-muted: #e3f2b5;
  --display-lime-bgColor-emphasis: #527a29;
  --display-lime-fgColor: #476c28;
  --display-lime-borderColor-muted: #c7e580;
  --display-lime-borderColor-emphasis: #527a29;
  --display-pine-bgColor-muted: #bff8db;
  --display-pine-bgColor-emphasis: #167e53;
  --display-pine-fgColor: #156f4b;
  --display-pine-borderColor-muted: #80efb9;
  --display-pine-borderColor-emphasis: #167e53;
  --display-teal-bgColor-muted: #c7f5ef;
  --display-teal-bgColor-emphasis: #127e81;
  --display-teal-fgColor: #106e75;
  --display-teal-borderColor-muted: #89ebe1;
  --display-teal-borderColor-emphasis: #127e81;
  --display-cyan-bgColor-muted: #bdf4ff;
  --display-cyan-bgColor-emphasis: #007b94;
  --display-cyan-fgColor: #006a80;
  --display-cyan-borderColor-muted: #7ae9ff;
  --display-cyan-borderColor-emphasis: #007b94;
  --display-indigo-bgColor-muted: #e5e9ff;
  --display-indigo-bgColor-emphasis: #5a61e7;
  --display-indigo-fgColor: #494edf;
  --display-indigo-borderColor-muted: #d2d7fe;
  --display-indigo-borderColor-emphasis: #5a61e7;
  --display-pink-bgColor-muted: #ffe5f1;
  --display-pink-bgColor-emphasis: #ce2c85;
  --display-pink-fgColor: #b12f79;
  --display-pink-borderColor-muted: #fdc9e2;
  --display-pink-borderColor-emphasis: #ce2c85;
  --avatar-bgColor: #ffffff;
  --avatar-borderColor: #1f232826;
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
  --avatarStack-fade-bgColor-default: #afb8c1;
  --avatarStack-fade-bgColor-muted: #d0d7de;
  --control-bgColor-rest: #f6f8fa;
  --control-bgColor-hover: #eef1f4;
  --control-bgColor-active: #e7ebef;
  --control-bgColor-disabled: #eaeef2b3;
  --control-bgColor-selected: #f6f8fa;
  --control-fgColor-rest: #24292f;
  --control-fgColor-placeholder: #69727c;
  --control-fgColor-disabled: #8c959f;
  --control-borderColor-rest: #d0d7de;
  --control-borderColor-emphasis: #868f99;
  --control-borderColor-disabled: #eaeef2b3;
  --control-borderColor-selected: #f6f8fa;
  --control-borderColor-success: #218bff;
  --control-borderColor-danger: #bc4c00;
  --control-borderColor-warning: #bf8700;
  --control-iconColor-rest: #636c76;
  --control-transparent-bgColor-rest: #ffffff00;
  --control-transparent-bgColor-hover: #d0d7de33;
  --control-transparent-bgColor-active: #d0d7de66;
  --control-transparent-bgColor-disabled: #eaeef2b3;
  --control-transparent-bgColor-selected: #d0d7de33;
  --control-transparent-borderColor-rest: #ffffff00;
  --control-transparent-borderColor-hover: #ffffff00;
  --control-transparent-borderColor-active: #ffffff00;
  --control-danger-fgColor-rest: #be4e02;
  --control-danger-fgColor-hover: #be4e02;
  --control-danger-bgColor-hover: #fff1e5;
  --control-danger-bgColor-active: #fff1e566;
  --control-checked-bgColor-rest: #0969da;
  --control-checked-bgColor-hover: #0860ca;
  --control-checked-bgColor-active: #0757ba;
  --control-checked-bgColor-disabled: #8c959f;
  --control-checked-fgColor-rest: #ffffff;
  --control-checked-fgColor-disabled: #ffffff;
  --control-checked-borderColor-rest: #0969da;
  --control-checked-borderColor-hover: #0860ca;
  --control-checked-borderColor-active: #0757ba;
  --control-checked-borderColor-disabled: #8c959f;
  --controlTrack-bgColor-rest: #eaeef2;
  --controlTrack-bgColor-hover: #dee3e8;
  --controlTrack-bgColor-active: #d2d8de;
  --controlTrack-bgColor-disabled: #8c959f;
  --controlTrack-fgColor-rest: #636c76;
  --controlTrack-fgColor-disabled: #ffffff;
  --controlTrack-borderColor-rest: #ffffff00;
  --controlTrack-borderColor-disabled: #8c959f;
  --controlKnob-bgColor-rest: #ffffff;
  --controlKnob-bgColor-disabled: #eaeef2b3;
  --controlKnob-bgColor-checked: #ffffff;
  --controlKnob-borderColor-rest: #868f99;
  --controlKnob-borderColor-disabled: #eaeef2b3;
  --controlKnob-borderColor-checked: #0969da;
  --counter-borderColor: #ffffff00;
  --button-default-fgColor-rest: #24292f;
  --button-default-bgColor-rest: #f6f8fa;
  --button-default-bgColor-hover: #eef1f4;
  --button-default-bgColor-active: #e7ebef;
  --button-default-bgColor-selected: #e7ebef;
  --button-default-bgColor-disabled: #eaeef2b3;
  --button-default-borderColor-rest: #d0d7de;
  --button-default-borderColor-hover: #d0d7de;
  --button-default-borderColor-active: #d0d7de;
  --button-default-borderColor-disabled: #eaeef2b3;
  --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
  --button-primary-fgColor-rest: #ffffff;
  --button-primary-fgColor-disabled: #ffffffcc;
  --button-primary-iconColor-rest: #ffffffcc;
  --button-primary-bgColor-rest: #0f72e3;
  --button-primary-bgColor-hover: #0d6bd8;
  --button-primary-bgColor-active: #0b64ce;
  --button-primary-bgColor-disabled: #92caff;
  --button-primary-borderColor-rest: #1f232826;
  --button-primary-borderColor-hover: #1f232826;
  --button-primary-borderColor-active: #1f232826;
  --button-primary-borderColor-disabled: #92caff;
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
  --button-invisible-fgColor-rest: #0969da;
  --button-invisible-fgColor-hover: #0969da;
  --button-invisible-fgColor-disabled: #8c959f;
  --button-invisible-iconColor-rest: #636c76;
  --button-invisible-iconColor-hover: #636c76;
  --button-invisible-iconColor-disabled: #8c959f;
  --button-invisible-bgColor-rest: #ffffff00;
  --button-invisible-bgColor-hover: #d0d7de33;
  --button-invisible-bgColor-active: #d0d7de66;
  --button-invisible-bgColor-disabled: #eaeef2b3;
  --button-invisible-borderColor-rest: #ffffff00;
  --button-invisible-borderColor-hover: #ffffff00;
  --button-invisible-borderColor-disabled: #eaeef2b3;
  --button-outline-fgColor-rest: #0969da;
  --button-outline-fgColor-hover: #ffffff;
  --button-outline-fgColor-active: #ffffff;
  --button-outline-fgColor-disabled: #0969da80;
  --button-outline-bgColor-rest: #f6f8fa;
  --button-outline-bgColor-hover: #0969da;
  --button-outline-bgColor-active: #0757ba;
  --button-outline-bgColor-disabled: #f6f8fa;
  --button-outline-borderColor-hover: #1f232826;
  --button-outline-borderColor-active: #1f232826;
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
  --button-danger-fgColor-rest: #be4e02;
  --button-danger-fgColor-hover: #ffffff;
  --button-danger-fgColor-active: #ffffff;
  --button-danger-fgColor-disabled: #be4e0280;
  --button-danger-iconColor-rest: #be4e02;
  --button-danger-iconColor-hover: #ffffff;
  --button-danger-bgColor-rest: #f6f8fa;
  --button-danger-bgColor-hover: #953800;
  --button-danger-bgColor-active: #7e2f00;
  --button-danger-bgColor-disabled: #eaeef2b3;
  --button-danger-borderColor-rest: #d0d7de;
  --button-danger-borderColor-hover: #1f232826;
  --button-danger-borderColor-active: #1f232826;
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
  --button-inactive-fgColor: #57606a;
  --button-inactive-bgColor: #eaeef2;
  --button-star-iconColor: #eac54f;
  --buttonCounter-default-bgColor-rest: #afb8c133;
  --buttonCounter-invisible-bgColor-rest: #afb8c133;
  --buttonCounter-primary-bgColor-rest: #002d1133;
  --buttonCounter-outline-bgColor-rest: #0969da1a;
  --buttonCounter-outline-bgColor-hover: #ffffff33;
  --buttonCounter-outline-bgColor-disabled: #0969da0d;
  --buttonCounter-outline-fgColor-rest: #0550ae;
  --buttonCounter-outline-fgColor-hover: #ffffff;
  --buttonCounter-outline-fgColor-disabled: #0969da80;
  --buttonCounter-danger-bgColor-hover: #ffffff33;
  --buttonCounter-danger-bgColor-disabled: #bc4c000d;
  --buttonCounter-danger-bgColor-rest: #bc4c001a;
  --buttonCounter-danger-fgColor-rest: #c21c2c;
  --buttonCounter-danger-fgColor-hover: #ffffff;
  --buttonCounter-danger-fgColor-disabled: #be4e0280;
  --reactionButton-selected-bgColor-rest: #ddf4ff;
  --reactionButton-selected-bgColor-hover: #caecff;
  --reactionButton-selected-fgColor-rest: #0969da;
  --reactionButton-selected-fgColor-hover: #0550ae;
  --focus-outlineColor: #0969da;
  --focus-outline: #0969da solid 2px;
  --menu-bgColor-active: #ffffff00;
  --overlay-bgColor: #ffffff;
  --overlay-borderColor: #d0d7de80;
  --overlay-backdrop-bgColor: #8c959f33;
  --selectMenu-borderColor: #ffffff00;
  --selectMenu-bgColor-active: #b6e3ff;
  --sideNav-bgColor-selected: #ffffff;
  --skeletonLoader-bgColor: #f6f8fa;
  --timelineBadge-bgColor: #eaeef2;
  --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
  --underlineNav-borderColor-active: #fd8c73;
  --underlineNav-borderColor-hover: #afb8c133;
  --underlineNav-iconColor-rest: #636c76;
  --selection-bgColor: #0969da33;
  --card-bgColor: #ffffff;
  --label-green-bgColor-rest: #caf7ca;
  --label-green-bgColor-hover: #9ceda0;
  --label-green-bgColor-active: #54d961;
  --label-green-fgColor-rest: #2b6e3f;
  --label-green-fgColor-hover: #285c3b;
  --label-green-fgColor-active: #254b34;
  --label-orange-bgColor-rest: #ffe7d1;
  --label-orange-bgColor-hover: #fecfaa;
  --label-orange-bgColor-active: #fbaf74;
  --label-orange-fgColor-rest: #a24610;
  --label-orange-fgColor-hover: #8d3c11;
  --label-orange-fgColor-active: #70300f;
  --label-purple-bgColor-rest: #f1e5ff;
  --label-purple-bgColor-hover: #e6d2fe;
  --label-purple-bgColor-active: #d1b1fc;
  --label-purple-fgColor-rest: #783ae4;
  --label-purple-fgColor-hover: #6223d7;
  --label-purple-fgColor-active: #4f21ab;
  --label-red-bgColor-rest: #ffe2e0;
  --label-red-bgColor-hover: #fecdcd;
  --label-red-bgColor-active: #fda5a7;
  --label-red-fgColor-rest: #c50d28;
  --label-red-fgColor-hover: #a60c29;
  --label-red-fgColor-active: #880c27;
  --label-yellow-bgColor-rest: #ffec9e;
  --label-yellow-bgColor-hover: #ffd642;
  --label-yellow-bgColor-active: #ebb400;
  --label-yellow-fgColor-rest: #805900;
  --label-yellow-fgColor-hover: #704d00;
  --label-yellow-fgColor-active: #5c3d00;
  --label-gray-bgColor-rest: #e8ecf2;
  --label-gray-bgColor-hover: #d2dae4;
  --label-gray-bgColor-active: #b4c0cf;
  --label-gray-fgColor-rest: #5c6570;
  --label-gray-fgColor-hover: #4e535a;
  --label-gray-fgColor-active: #424448;
  --label-auburn-bgColor-rest: #f2e9e9;
  --label-auburn-bgColor-hover: #e6d6d5;
  --label-auburn-bgColor-active: #d4b7b5;
  --label-auburn-fgColor-rest: #8a5551;
  --label-auburn-fgColor-hover: #744744;
  --label-auburn-fgColor-active: #5d3937;
  --label-brown-bgColor-rest: #eeeae2;
  --label-brown-bgColor-hover: #dfd7c8;
  --label-brown-bgColor-active: #cbbda4;
  --label-brown-fgColor-rest: #755f43;
  --label-brown-fgColor-hover: #64513a;
  --label-brown-fgColor-active: #51412f;
  --label-lemon-bgColor-rest: #f7eea1;
  --label-lemon-bgColor-hover: #f0db3d;
  --label-lemon-bgColor-active: #d8bd0e;
  --label-lemon-fgColor-rest: #786002;
  --label-lemon-fgColor-hover: #654f01;
  --label-lemon-fgColor-active: #523f00;
  --label-olive-bgColor-rest: #f0f0ad;
  --label-olive-bgColor-hover: #dbe170;
  --label-olive-bgColor-active: #b9c832;
  --label-olive-fgColor-rest: #56682c;
  --label-olive-fgColor-hover: #495a2b;
  --label-olive-fgColor-active: #3b4927;
  --label-lime-bgColor-rest: #e3f2b5;
  --label-lime-bgColor-hover: #c7e580;
  --label-lime-bgColor-active: #9bd039;
  --label-lime-fgColor-rest: #476c28;
  --label-lime-fgColor-hover: #3a5b25;
  --label-lime-fgColor-active: #2f4a21;
  --label-pine-bgColor-rest: #bff8db;
  --label-pine-bgColor-hover: #80efb9;
  --label-pine-bgColor-active: #1dd781;
  --label-pine-fgColor-rest: #156f4b;
  --label-pine-fgColor-hover: #135d41;
  --label-pine-fgColor-active: #114b36;
  --label-teal-bgColor-rest: #c7f5ef;
  --label-teal-bgColor-hover: #89ebe1;
  --label-teal-bgColor-active: #22d3c7;
  --label-teal-fgColor-rest: #106e75;
  --label-teal-fgColor-hover: #0d5b63;
  --label-teal-fgColor-active: #0a4852;
  --label-cyan-bgColor-rest: #bdf4ff;
  --label-cyan-bgColor-hover: #7ae9ff;
  --label-cyan-bgColor-active: #00d0fa;
  --label-cyan-fgColor-rest: #006a80;
  --label-cyan-fgColor-hover: #00596b;
  --label-cyan-fgColor-active: #004857;
  --label-indigo-bgColor-rest: #e5e9ff;
  --label-indigo-bgColor-hover: #d2d7fe;
  --label-indigo-bgColor-active: #b1b9fb;
  --label-indigo-fgColor-rest: #494edf;
  --label-indigo-fgColor-hover: #393cd5;
  --label-indigo-fgColor-active: #2d2db4;
  --label-blue-bgColor-rest: #d1f0ff;
  --label-blue-bgColor-hover: #ade1ff;
  --label-blue-bgColor-active: #75c8ff;
  --label-blue-fgColor-rest: #005fcc;
  --label-blue-fgColor-hover: #004db3;
  --label-blue-fgColor-active: #003d99;
  --label-plum-bgColor-rest: #f8e5ff;
  --label-plum-bgColor-hover: #f0cdfe;
  --label-plum-bgColor-active: #e2a7fb;
  --label-plum-fgColor-rest: #961edc;
  --label-plum-fgColor-hover: #7d1eb8;
  --label-plum-fgColor-active: #651d96;
  --label-pink-bgColor-rest: #ffe5f1;
  --label-pink-bgColor-hover: #fdc9e2;
  --label-pink-bgColor-active: #f8a5cf;
  --label-pink-fgColor-rest: #b12f79;
  --label-pink-fgColor-hover: #8e2e66;
  --label-pink-fgColor-active: #6e2b53;
  --label-coral-bgColor-rest: #ffe5db;
  --label-coral-bgColor-hover: #fecebe;
  --label-coral-bgColor-active: #fcab92;
  --label-coral-fgColor-rest: #ba2e12;
  --label-coral-fgColor-hover: #9b2712;
  --label-coral-fgColor-active: #7e2011;
  --fgColor-default: #1f2328;
  --fgColor-muted: #636c76;
  --fgColor-onEmphasis: #ffffff;
  --fgColor-white: #ffffff;
  --fgColor-black: #1f2328;
  --fgColor-disabled: #8c959f;
  --fgColor-link: #0969da;
  --fgColor-neutral: #6e7781;
  --fgColor-accent: #0969da;
  --fgColor-success: #0969da;
  --fgColor-attention: #9a6700;
  --fgColor-severe: #bc4c00;
  --fgColor-danger: #be4e02;
  --fgColor-open: #bc4c00;
  --fgColor-closed: #6e7781;
  --fgColor-done: #8250df;
  --fgColor-upsell: #8250df;
  --fgColor-sponsors: #bf3989;
  --bgColor-default: #ffffff;
  --bgColor-muted: #f6f8fa;
  --bgColor-inset: #f6f8fa;
  --bgColor-emphasis: #24292f;
  --bgColor-inverse: #24292f;
  --bgColor-white: #ffffff;
  --bgColor-black: #1f2328;
  --bgColor-disabled: #eaeef2b3;
  --bgColor-transparent: #ffffff00;
  --bgColor-neutral-muted: #afb8c133;
  --bgColor-neutral-emphasis: #6e7781;
  --bgColor-accent-muted: #ddf4ff;
  --bgColor-accent-emphasis: #0969da;
  --bgColor-success-muted: #ddf4ff;
  --bgColor-success-emphasis: #0f72e3;
  --bgColor-attention-muted: #fff8c5;
  --bgColor-attention-emphasis: #9a6700;
  --bgColor-severe-muted: #fff1e5;
  --bgColor-severe-emphasis: #bc4c00;
  --bgColor-danger-muted: #fff1e5;
  --bgColor-danger-emphasis: #bc4c00;
  --bgColor-open-muted: #fb8f4466;
  --bgColor-open-emphasis: #e16f24;
  --bgColor-closed-muted: #afb8c166;
  --bgColor-closed-emphasis: #6e7781;
  --bgColor-done-muted: #fbefff;
  --bgColor-done-emphasis: #8250df;
  --bgColor-upsell-muted: #fbefff;
  --bgColor-upsell-emphasis: #8250df;
  --bgColor-sponsors-muted: #ffeff7;
  --bgColor-sponsors-emphasis: #bf3989;
  --borderColor-default: #d0d7de;
  --borderColor-muted: #d0d7deb3;
  --borderColor-emphasis: #6e7781;
  --borderColor-disabled: #eaeef2b3;
  --borderColor-transparent: #ffffff00;
  --borderColor-translucent: #1f232826;
  --borderColor-neutral-muted: #afb8c133;
  --borderColor-neutral-emphasis: #6e7781;
  --borderColor-accent-muted: #54aeff66;
  --borderColor-accent-emphasis: #0969da;
  --borderColor-success-muted: #54aeff66;
  --borderColor-success-emphasis: #218bff;
  --borderColor-attention-muted: #d4a72c66;
  --borderColor-attention-emphasis: #bf8700;
  --borderColor-severe-muted: #fb8f4466;
  --borderColor-severe-emphasis: #bc4c00;
  --borderColor-danger-muted: #fb8f4466;
  --borderColor-danger-emphasis: #bc4c00;
  --borderColor-open-muted: #fb8f4466;
  --borderColor-open-emphasis: #e16f24;
  --borderColor-closed-muted: #afb8c166;
  --borderColor-closed-emphasis: #6e7781;
  --borderColor-done-muted: #c297ff66;
  --borderColor-done-emphasis: #8250df;
  --borderColor-upsell-muted: #c297ff66;
  --borderColor-upsell-emphasis: #8250df;
  --borderColor-sponsors-muted: #ff80c866;
  --borderColor-sponsors-emphasis: #bf3989;
  --color-ansi-black: #24292f;
  --color-ansi-black-bright: #57606a;
  --color-ansi-white: #6e7781;
  --color-ansi-white-bright: #8c959f;
  --color-ansi-gray: #6e7781;
  --color-ansi-red: #bc4c00;
  --color-ansi-red-bright: #953800;
  --color-ansi-green: #0550ae;
  --color-ansi-green-bright: #0969da;
  --color-ansi-yellow: #4d2d00;
  --color-ansi-yellow-bright: #633c01;
  --color-ansi-blue: #0969da;
  --color-ansi-blue-bright: #218bff;
  --color-ansi-magenta: #8250df;
  --color-ansi-magenta-bright: #a475f9;
  --color-ansi-cyan: #1b7c83;
  --color-ansi-cyan-bright: #3192aa;
  --color-prettylights-syntax-comment: #57606a;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
  --color-prettylights-syntax-entity: #6639ba;
  --color-prettylights-syntax-storage-modifier-import: #24292f;
  --color-prettylights-syntax-entity-tag: #0550ae;
  --color-prettylights-syntax-keyword: #bc4c00;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-variable: #953800;
  --color-prettylights-syntax-brackethighlighter-unmatched: #762c00;
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
  --color-prettylights-syntax-invalid-illegal-bg: #762c00;
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
  --color-prettylights-syntax-carriage-return-bg: #bc4c00;
  --color-prettylights-syntax-string-regexp: #0550ae;
  --color-prettylights-syntax-markup-list: #3b2300;
  --color-prettylights-syntax-markup-heading: #0550ae;
  --color-prettylights-syntax-markup-italic: #24292f;
  --color-prettylights-syntax-markup-bold: #24292f;
  --color-prettylights-syntax-markup-deleted-text: #762c00;
  --color-prettylights-syntax-markup-deleted-bg: #fff1e5;
  --color-prettylights-syntax-markup-inserted-text: #0550ae;
  --color-prettylights-syntax-markup-inserted-bg: #ddf4ff;
  --color-prettylights-syntax-markup-changed-text: #953800;
  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
  --color-prettylights-syntax-markup-ignored-text: #eaeef2;
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
  --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
  --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
  --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
  --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
  --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
  --shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
}
@media (prefers-color-scheme: dark) {
  [data-color-mode="auto"][data-dark-theme="light_colorblind"],
  [data-color-mode="auto"][data-dark-theme="light_colorblind"] ::backdrop {
    --topicTag-borderColor: #ffffff00;
    --highlight-neutral-bgColor: #fff8c5;
    --page-header-bgColor: #f6f8fa;
    --diffBlob-addition-fgColor-text: #1f2328;
    --diffBlob-addition-fgColor-num: #1f2328;
    --diffBlob-addition-bgColor-num: #54aeff66;
    --diffBlob-addition-bgColor-line: #ddf4ff80;
    --diffBlob-addition-bgColor-word: #54aeff66;
    --diffBlob-deletion-fgColor-text: #1f2328;
    --diffBlob-deletion-fgColor-num: #1f2328;
    --diffBlob-deletion-bgColor-num: #fb8f4466;
    --diffBlob-deletion-bgColor-line: #fff1e580;
    --diffBlob-deletion-bgColor-word: #ffb77c80;
    --diffBlob-hunk-bgColor-num: #54aeff66;
    --diffBlob-expander-iconColor: #636c76;
    --codeMirror-fgColor: #1f2328;
    --codeMirror-bgColor: #ffffff;
    --codeMirror-gutters-bgColor: #ffffff;
    --codeMirror-gutterMarker-fgColor-default: #ffffff;
    --codeMirror-gutterMarker-fgColor-muted: #636c76;
    --codeMirror-lineNumber-fgColor: #636c76;
    --codeMirror-cursor-fgColor: #1f2328;
    --codeMirror-selection-bgColor: #54aeff66;
    --codeMirror-activeline-bgColor: #afb8c133;
    --codeMirror-matchingBracket-fgColor: #1f2328;
    --codeMirror-lines-bgColor: #ffffff;
    --codeMirror-syntax-fgColor-comment: #24292f;
    --codeMirror-syntax-fgColor-constant: #0550ae;
    --codeMirror-syntax-fgColor-entity: #8250df;
    --codeMirror-syntax-fgColor-keyword: #bc4c00;
    --codeMirror-syntax-fgColor-storage: #bc4c00;
    --codeMirror-syntax-fgColor-string: #0a3069;
    --codeMirror-syntax-fgColor-support: #0550ae;
    --codeMirror-syntax-fgColor-variable: #953800;
    --header-fgColor-default: #ffffffb3;
    --header-fgColor-logo: #ffffff;
    --header-bgColor: #24292f;
    --header-borderColor-divider: #57606a;
    --headerSearch-bgColor: #24292f;
    --headerSearch-borderColor: #57606a;
    --data-blue-color: #006edb;
    --data-blue-color-muted: #d1f0ff;
    --data-auburn-color: #9d615c;
    --data-auburn-color-muted: #f2e9e9;
    --data-orange-color: #eb670f;
    --data-orange-color-muted: #ffe7d1;
    --data-yellow-color: #b88700;
    --data-yellow-color-muted: #ffec9e;
    --data-green-color: #30a147;
    --data-green-color-muted: #caf7ca;
    --data-teal-color: #179b9b;
    --data-teal-color-muted: #c7f5ef;
    --data-purple-color: #894ceb;
    --data-purple-color-muted: #f1e5ff;
    --data-pink-color: #ce2c85;
    --data-pink-color-muted: #ffe5f1;
    --data-red-color: #df0c24;
    --data-red-color-muted: #ffe2e0;
    --data-gray-color: #808fa3;
    --data-gray-color-muted: #e8ecf2;
    --display-blue-bgColor-muted: #d1f0ff;
    --display-blue-bgColor-emphasis: #006edb;
    --display-blue-fgColor: #005fcc;
    --display-blue-borderColor-muted: #ade1ff;
    --display-blue-borderColor-emphasis: #006edb;
    --display-green-bgColor-muted: #caf7ca;
    --display-green-bgColor-emphasis: #2c8141;
    --display-green-fgColor: #2b6e3f;
    --display-green-borderColor-muted: #9ceda0;
    --display-green-borderColor-emphasis: #2c8141;
    --display-orange-bgColor-muted: #ffe7d1;
    --display-orange-bgColor-emphasis: #b8500f;
    --display-orange-fgColor: #a24610;
    --display-orange-borderColor-muted: #fecfaa;
    --display-orange-borderColor-emphasis: #b8500f;
    --display-purple-bgColor-muted: #f1e5ff;
    --display-purple-bgColor-emphasis: #894ceb;
    --display-purple-fgColor: #783ae4;
    --display-purple-borderColor-muted: #e6d2fe;
    --display-purple-borderColor-emphasis: #894ceb;
    --display-plum-bgColor-muted: #f8e5ff;
    --display-plum-bgColor-emphasis: #a830e8;
    --display-plum-fgColor: #961edc;
    --display-plum-borderColor-muted: #f0cdfe;
    --display-plum-borderColor-emphasis: #a830e8;
    --display-red-bgColor-muted: #ffe2e0;
    --display-red-bgColor-emphasis: #df0c24;
    --display-red-fgColor: #c50d28;
    --display-red-borderColor-muted: #fecdcd;
    --display-red-borderColor-emphasis: #df0c24;
    --display-coral-bgColor-muted: #ffe5db;
    --display-coral-bgColor-emphasis: #d43511;
    --display-coral-fgColor: #ba2e12;
    --display-coral-borderColor-muted: #fecebe;
    --display-coral-borderColor-emphasis: #d43511;
    --display-yellow-bgColor-muted: #ffec9e;
    --display-yellow-bgColor-emphasis: #946a00;
    --display-yellow-fgColor: #805900;
    --display-yellow-borderColor-muted: #ffd642;
    --display-yellow-borderColor-emphasis: #946a00;
    --display-gray-bgColor-muted: #e8ecf2;
    --display-gray-bgColor-emphasis: #647182;
    --display-gray-fgColor: #5c6570;
    --display-gray-borderColor-muted: #d2dae4;
    --display-gray-borderColor-emphasis: #647182;
    --display-auburn-bgColor-muted: #f2e9e9;
    --display-auburn-bgColor-emphasis: #9d615c;
    --display-auburn-fgColor: #8a5551;
    --display-auburn-borderColor-muted: #e6d6d5;
    --display-auburn-borderColor-emphasis: #9d615c;
    --display-brown-bgColor-muted: #eeeae2;
    --display-brown-bgColor-emphasis: #856d4c;
    --display-brown-fgColor: #755f43;
    --display-brown-borderColor-muted: #dfd7c8;
    --display-brown-borderColor-emphasis: #856d4c;
    --display-lemon-bgColor-muted: #f7eea1;
    --display-lemon-bgColor-emphasis: #866e04;
    --display-lemon-fgColor: #786002;
    --display-lemon-borderColor-muted: #f0db3d;
    --display-lemon-borderColor-emphasis: #866e04;
    --display-olive-bgColor-muted: #f0f0ad;
    --display-olive-bgColor-emphasis: #64762d;
    --display-olive-fgColor: #56682c;
    --display-olive-borderColor-muted: #dbe170;
    --display-olive-borderColor-emphasis: #64762d;
    --display-lime-bgColor-muted: #e3f2b5;
    --display-lime-bgColor-emphasis: #527a29;
    --display-lime-fgColor: #476c28;
    --display-lime-borderColor-muted: #c7e580;
    --display-lime-borderColor-emphasis: #527a29;
    --display-pine-bgColor-muted: #bff8db;
    --display-pine-bgColor-emphasis: #167e53;
    --display-pine-fgColor: #156f4b;
    --display-pine-borderColor-muted: #80efb9;
    --display-pine-borderColor-emphasis: #167e53;
    --display-teal-bgColor-muted: #c7f5ef;
    --display-teal-bgColor-emphasis: #127e81;
    --display-teal-fgColor: #106e75;
    --display-teal-borderColor-muted: #89ebe1;
    --display-teal-borderColor-emphasis: #127e81;
    --display-cyan-bgColor-muted: #bdf4ff;
    --display-cyan-bgColor-emphasis: #007b94;
    --display-cyan-fgColor: #006a80;
    --display-cyan-borderColor-muted: #7ae9ff;
    --display-cyan-borderColor-emphasis: #007b94;
    --display-indigo-bgColor-muted: #e5e9ff;
    --display-indigo-bgColor-emphasis: #5a61e7;
    --display-indigo-fgColor: #494edf;
    --display-indigo-borderColor-muted: #d2d7fe;
    --display-indigo-borderColor-emphasis: #5a61e7;
    --display-pink-bgColor-muted: #ffe5f1;
    --display-pink-bgColor-emphasis: #ce2c85;
    --display-pink-fgColor: #b12f79;
    --display-pink-borderColor-muted: #fdc9e2;
    --display-pink-borderColor-emphasis: #ce2c85;
    --avatar-bgColor: #ffffff;
    --avatar-borderColor: #1f232826;
    --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
    --avatarStack-fade-bgColor-default: #afb8c1;
    --avatarStack-fade-bgColor-muted: #d0d7de;
    --control-bgColor-rest: #f6f8fa;
    --control-bgColor-hover: #eef1f4;
    --control-bgColor-active: #e7ebef;
    --control-bgColor-disabled: #eaeef2b3;
    --control-bgColor-selected: #f6f8fa;
    --control-fgColor-rest: #24292f;
    --control-fgColor-placeholder: #69727c;
    --control-fgColor-disabled: #8c959f;
    --control-borderColor-rest: #d0d7de;
    --control-borderColor-emphasis: #868f99;
    --control-borderColor-disabled: #eaeef2b3;
    --control-borderColor-selected: #f6f8fa;
    --control-borderColor-success: #218bff;
    --control-borderColor-danger: #bc4c00;
    --control-borderColor-warning: #bf8700;
    --control-iconColor-rest: #636c76;
    --control-transparent-bgColor-rest: #ffffff00;
    --control-transparent-bgColor-hover: #d0d7de33;
    --control-transparent-bgColor-active: #d0d7de66;
    --control-transparent-bgColor-disabled: #eaeef2b3;
    --control-transparent-bgColor-selected: #d0d7de33;
    --control-transparent-borderColor-rest: #ffffff00;
    --control-transparent-borderColor-hover: #ffffff00;
    --control-transparent-borderColor-active: #ffffff00;
    --control-danger-fgColor-rest: #be4e02;
    --control-danger-fgColor-hover: #be4e02;
    --control-danger-bgColor-hover: #fff1e5;
    --control-danger-bgColor-active: #fff1e566;
    --control-checked-bgColor-rest: #0969da;
    --control-checked-bgColor-hover: #0860ca;
    --control-checked-bgColor-active: #0757ba;
    --control-checked-bgColor-disabled: #8c959f;
    --control-checked-fgColor-rest: #ffffff;
    --control-checked-fgColor-disabled: #ffffff;
    --control-checked-borderColor-rest: #0969da;
    --control-checked-borderColor-hover: #0860ca;
    --control-checked-borderColor-active: #0757ba;
    --control-checked-borderColor-disabled: #8c959f;
    --controlTrack-bgColor-rest: #eaeef2;
    --controlTrack-bgColor-hover: #dee3e8;
    --controlTrack-bgColor-active: #d2d8de;
    --controlTrack-bgColor-disabled: #8c959f;
    --controlTrack-fgColor-rest: #636c76;
    --controlTrack-fgColor-disabled: #ffffff;
    --controlTrack-borderColor-rest: #ffffff00;
    --controlTrack-borderColor-disabled: #8c959f;
    --controlKnob-bgColor-rest: #ffffff;
    --controlKnob-bgColor-disabled: #eaeef2b3;
    --controlKnob-bgColor-checked: #ffffff;
    --controlKnob-borderColor-rest: #868f99;
    --controlKnob-borderColor-disabled: #eaeef2b3;
    --controlKnob-borderColor-checked: #0969da;
    --counter-borderColor: #ffffff00;
    --button-default-fgColor-rest: #24292f;
    --button-default-bgColor-rest: #f6f8fa;
    --button-default-bgColor-hover: #eef1f4;
    --button-default-bgColor-active: #e7ebef;
    --button-default-bgColor-selected: #e7ebef;
    --button-default-bgColor-disabled: #eaeef2b3;
    --button-default-borderColor-rest: #d0d7de;
    --button-default-borderColor-hover: #d0d7de;
    --button-default-borderColor-active: #d0d7de;
    --button-default-borderColor-disabled: #eaeef2b3;
    --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
    --button-primary-fgColor-rest: #ffffff;
    --button-primary-fgColor-disabled: #ffffffcc;
    --button-primary-iconColor-rest: #ffffffcc;
    --button-primary-bgColor-rest: #0f72e3;
    --button-primary-bgColor-hover: #0d6bd8;
    --button-primary-bgColor-active: #0b64ce;
    --button-primary-bgColor-disabled: #92caff;
    --button-primary-borderColor-rest: #1f232826;
    --button-primary-borderColor-hover: #1f232826;
    --button-primary-borderColor-active: #1f232826;
    --button-primary-borderColor-disabled: #92caff;
    --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
    --button-invisible-fgColor-rest: #0969da;
    --button-invisible-fgColor-hover: #0969da;
    --button-invisible-fgColor-disabled: #8c959f;
    --button-invisible-iconColor-rest: #636c76;
    --button-invisible-iconColor-hover: #636c76;
    --button-invisible-iconColor-disabled: #8c959f;
    --button-invisible-bgColor-rest: #ffffff00;
    --button-invisible-bgColor-hover: #d0d7de33;
    --button-invisible-bgColor-active: #d0d7de66;
    --button-invisible-bgColor-disabled: #eaeef2b3;
    --button-invisible-borderColor-rest: #ffffff00;
    --button-invisible-borderColor-hover: #ffffff00;
    --button-invisible-borderColor-disabled: #eaeef2b3;
    --button-outline-fgColor-rest: #0969da;
    --button-outline-fgColor-hover: #ffffff;
    --button-outline-fgColor-active: #ffffff;
    --button-outline-fgColor-disabled: #0969da80;
    --button-outline-bgColor-rest: #f6f8fa;
    --button-outline-bgColor-hover: #0969da;
    --button-outline-bgColor-active: #0757ba;
    --button-outline-bgColor-disabled: #f6f8fa;
    --button-outline-borderColor-hover: #1f232826;
    --button-outline-borderColor-active: #1f232826;
    --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
    --button-danger-fgColor-rest: #be4e02;
    --button-danger-fgColor-hover: #ffffff;
    --button-danger-fgColor-active: #ffffff;
    --button-danger-fgColor-disabled: #be4e0280;
    --button-danger-iconColor-rest: #be4e02;
    --button-danger-iconColor-hover: #ffffff;
    --button-danger-bgColor-rest: #f6f8fa;
    --button-danger-bgColor-hover: #953800;
    --button-danger-bgColor-active: #7e2f00;
    --button-danger-bgColor-disabled: #eaeef2b3;
    --button-danger-borderColor-rest: #d0d7de;
    --button-danger-borderColor-hover: #1f232826;
    --button-danger-borderColor-active: #1f232826;
    --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
    --button-inactive-fgColor: #57606a;
    --button-inactive-bgColor: #eaeef2;
    --button-star-iconColor: #eac54f;
    --buttonCounter-default-bgColor-rest: #afb8c133;
    --buttonCounter-invisible-bgColor-rest: #afb8c133;
    --buttonCounter-primary-bgColor-rest: #002d1133;
    --buttonCounter-outline-bgColor-rest: #0969da1a;
    --buttonCounter-outline-bgColor-hover: #ffffff33;
    --buttonCounter-outline-bgColor-disabled: #0969da0d;
    --buttonCounter-outline-fgColor-rest: #0550ae;
    --buttonCounter-outline-fgColor-hover: #ffffff;
    --buttonCounter-outline-fgColor-disabled: #0969da80;
    --buttonCounter-danger-bgColor-hover: #ffffff33;
    --buttonCounter-danger-bgColor-disabled: #bc4c000d;
    --buttonCounter-danger-bgColor-rest: #bc4c001a;
    --buttonCounter-danger-fgColor-rest: #c21c2c;
    --buttonCounter-danger-fgColor-hover: #ffffff;
    --buttonCounter-danger-fgColor-disabled: #be4e0280;
    --reactionButton-selected-bgColor-rest: #ddf4ff;
    --reactionButton-selected-bgColor-hover: #caecff;
    --reactionButton-selected-fgColor-rest: #0969da;
    --reactionButton-selected-fgColor-hover: #0550ae;
    --focus-outlineColor: #0969da;
    --focus-outline: #0969da solid 2px;
    --menu-bgColor-active: #ffffff00;
    --overlay-bgColor: #ffffff;
    --overlay-borderColor: #d0d7de80;
    --overlay-backdrop-bgColor: #8c959f33;
    --selectMenu-borderColor: #ffffff00;
    --selectMenu-bgColor-active: #b6e3ff;
    --sideNav-bgColor-selected: #ffffff;
    --skeletonLoader-bgColor: #f6f8fa;
    --timelineBadge-bgColor: #eaeef2;
    --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
    --underlineNav-borderColor-active: #fd8c73;
    --underlineNav-borderColor-hover: #afb8c133;
    --underlineNav-iconColor-rest: #636c76;
    --selection-bgColor: #0969da33;
    --card-bgColor: #ffffff;
    --label-green-bgColor-rest: #caf7ca;
    --label-green-bgColor-hover: #9ceda0;
    --label-green-bgColor-active: #54d961;
    --label-green-fgColor-rest: #2b6e3f;
    --label-green-fgColor-hover: #285c3b;
    --label-green-fgColor-active: #254b34;
    --label-orange-bgColor-rest: #ffe7d1;
    --label-orange-bgColor-hover: #fecfaa;
    --label-orange-bgColor-active: #fbaf74;
    --label-orange-fgColor-rest: #a24610;
    --label-orange-fgColor-hover: #8d3c11;
    --label-orange-fgColor-active: #70300f;
    --label-purple-bgColor-rest: #f1e5ff;
    --label-purple-bgColor-hover: #e6d2fe;
    --label-purple-bgColor-active: #d1b1fc;
    --label-purple-fgColor-rest: #783ae4;
    --label-purple-fgColor-hover: #6223d7;
    --label-purple-fgColor-active: #4f21ab;
    --label-red-bgColor-rest: #ffe2e0;
    --label-red-bgColor-hover: #fecdcd;
    --label-red-bgColor-active: #fda5a7;
    --label-red-fgColor-rest: #c50d28;
    --label-red-fgColor-hover: #a60c29;
    --label-red-fgColor-active: #880c27;
    --label-yellow-bgColor-rest: #ffec9e;
    --label-yellow-bgColor-hover: #ffd642;
    --label-yellow-bgColor-active: #ebb400;
    --label-yellow-fgColor-rest: #805900;
    --label-yellow-fgColor-hover: #704d00;
    --label-yellow-fgColor-active: #5c3d00;
    --label-gray-bgColor-rest: #e8ecf2;
    --label-gray-bgColor-hover: #d2dae4;
    --label-gray-bgColor-active: #b4c0cf;
    --label-gray-fgColor-rest: #5c6570;
    --label-gray-fgColor-hover: #4e535a;
    --label-gray-fgColor-active: #424448;
    --label-auburn-bgColor-rest: #f2e9e9;
    --label-auburn-bgColor-hover: #e6d6d5;
    --label-auburn-bgColor-active: #d4b7b5;
    --label-auburn-fgColor-rest: #8a5551;
    --label-auburn-fgColor-hover: #744744;
    --label-auburn-fgColor-active: #5d3937;
    --label-brown-bgColor-rest: #eeeae2;
    --label-brown-bgColor-hover: #dfd7c8;
    --label-brown-bgColor-active: #cbbda4;
    --label-brown-fgColor-rest: #755f43;
    --label-brown-fgColor-hover: #64513a;
    --label-brown-fgColor-active: #51412f;
    --label-lemon-bgColor-rest: #f7eea1;
    --label-lemon-bgColor-hover: #f0db3d;
    --label-lemon-bgColor-active: #d8bd0e;
    --label-lemon-fgColor-rest: #786002;
    --label-lemon-fgColor-hover: #654f01;
    --label-lemon-fgColor-active: #523f00;
    --label-olive-bgColor-rest: #f0f0ad;
    --label-olive-bgColor-hover: #dbe170;
    --label-olive-bgColor-active: #b9c832;
    --label-olive-fgColor-rest: #56682c;
    --label-olive-fgColor-hover: #495a2b;
    --label-olive-fgColor-active: #3b4927;
    --label-lime-bgColor-rest: #e3f2b5;
    --label-lime-bgColor-hover: #c7e580;
    --label-lime-bgColor-active: #9bd039;
    --label-lime-fgColor-rest: #476c28;
    --label-lime-fgColor-hover: #3a5b25;
    --label-lime-fgColor-active: #2f4a21;
    --label-pine-bgColor-rest: #bff8db;
    --label-pine-bgColor-hover: #80efb9;
    --label-pine-bgColor-active: #1dd781;
    --label-pine-fgColor-rest: #156f4b;
    --label-pine-fgColor-hover: #135d41;
    --label-pine-fgColor-active: #114b36;
    --label-teal-bgColor-rest: #c7f5ef;
    --label-teal-bgColor-hover: #89ebe1;
    --label-teal-bgColor-active: #22d3c7;
    --label-teal-fgColor-rest: #106e75;
    --label-teal-fgColor-hover: #0d5b63;
    --label-teal-fgColor-active: #0a4852;
    --label-cyan-bgColor-rest: #bdf4ff;
    --label-cyan-bgColor-hover: #7ae9ff;
    --label-cyan-bgColor-active: #00d0fa;
    --label-cyan-fgColor-rest: #006a80;
    --label-cyan-fgColor-hover: #00596b;
    --label-cyan-fgColor-active: #004857;
    --label-indigo-bgColor-rest: #e5e9ff;
    --label-indigo-bgColor-hover: #d2d7fe;
    --label-indigo-bgColor-active: #b1b9fb;
    --label-indigo-fgColor-rest: #494edf;
    --label-indigo-fgColor-hover: #393cd5;
    --label-indigo-fgColor-active: #2d2db4;
    --label-blue-bgColor-rest: #d1f0ff;
    --label-blue-bgColor-hover: #ade1ff;
    --label-blue-bgColor-active: #75c8ff;
    --label-blue-fgColor-rest: #005fcc;
    --label-blue-fgColor-hover: #004db3;
    --label-blue-fgColor-active: #003d99;
    --label-plum-bgColor-rest: #f8e5ff;
    --label-plum-bgColor-hover: #f0cdfe;
    --label-plum-bgColor-active: #e2a7fb;
    --label-plum-fgColor-rest: #961edc;
    --label-plum-fgColor-hover: #7d1eb8;
    --label-plum-fgColor-active: #651d96;
    --label-pink-bgColor-rest: #ffe5f1;
    --label-pink-bgColor-hover: #fdc9e2;
    --label-pink-bgColor-active: #f8a5cf;
    --label-pink-fgColor-rest: #b12f79;
    --label-pink-fgColor-hover: #8e2e66;
    --label-pink-fgColor-active: #6e2b53;
    --label-coral-bgColor-rest: #ffe5db;
    --label-coral-bgColor-hover: #fecebe;
    --label-coral-bgColor-active: #fcab92;
    --label-coral-fgColor-rest: #ba2e12;
    --label-coral-fgColor-hover: #9b2712;
    --label-coral-fgColor-active: #7e2011;
    --fgColor-default: #1f2328;
    --fgColor-muted: #636c76;
    --fgColor-onEmphasis: #ffffff;
    --fgColor-white: #ffffff;
    --fgColor-black: #1f2328;
    --fgColor-disabled: #8c959f;
    --fgColor-link: #0969da;
    --fgColor-neutral: #6e7781;
    --fgColor-accent: #0969da;
    --fgColor-success: #0969da;
    --fgColor-attention: #9a6700;
    --fgColor-severe: #bc4c00;
    --fgColor-danger: #be4e02;
    --fgColor-open: #bc4c00;
    --fgColor-closed: #6e7781;
    --fgColor-done: #8250df;
    --fgColor-upsell: #8250df;
    --fgColor-sponsors: #bf3989;
    --bgColor-default: #ffffff;
    --bgColor-muted: #f6f8fa;
    --bgColor-inset: #f6f8fa;
    --bgColor-emphasis: #24292f;
    --bgColor-inverse: #24292f;
    --bgColor-white: #ffffff;
    --bgColor-black: #1f2328;
    --bgColor-disabled: #eaeef2b3;
    --bgColor-transparent: #ffffff00;
    --bgColor-neutral-muted: #afb8c133;
    --bgColor-neutral-emphasis: #6e7781;
    --bgColor-accent-muted: #ddf4ff;
    --bgColor-accent-emphasis: #0969da;
    --bgColor-success-muted: #ddf4ff;
    --bgColor-success-emphasis: #0f72e3;
    --bgColor-attention-muted: #fff8c5;
    --bgColor-attention-emphasis: #9a6700;
    --bgColor-severe-muted: #fff1e5;
    --bgColor-severe-emphasis: #bc4c00;
    --bgColor-danger-muted: #fff1e5;
    --bgColor-danger-emphasis: #bc4c00;
    --bgColor-open-muted: #fb8f4466;
    --bgColor-open-emphasis: #e16f24;
    --bgColor-closed-muted: #afb8c166;
    --bgColor-closed-emphasis: #6e7781;
    --bgColor-done-muted: #fbefff;
    --bgColor-done-emphasis: #8250df;
    --bgColor-upsell-muted: #fbefff;
    --bgColor-upsell-emphasis: #8250df;
    --bgColor-sponsors-muted: #ffeff7;
    --bgColor-sponsors-emphasis: #bf3989;
    --borderColor-default: #d0d7de;
    --borderColor-muted: #d0d7deb3;
    --borderColor-emphasis: #6e7781;
    --borderColor-disabled: #eaeef2b3;
    --borderColor-transparent: #ffffff00;
    --borderColor-translucent: #1f232826;
    --borderColor-neutral-muted: #afb8c133;
    --borderColor-neutral-emphasis: #6e7781;
    --borderColor-accent-muted: #54aeff66;
    --borderColor-accent-emphasis: #0969da;
    --borderColor-success-muted: #54aeff66;
    --borderColor-success-emphasis: #218bff;
    --borderColor-attention-muted: #d4a72c66;
    --borderColor-attention-emphasis: #bf8700;
    --borderColor-severe-muted: #fb8f4466;
    --borderColor-severe-emphasis: #bc4c00;
    --borderColor-danger-muted: #fb8f4466;
    --borderColor-danger-emphasis: #bc4c00;
    --borderColor-open-muted: #fb8f4466;
    --borderColor-open-emphasis: #e16f24;
    --borderColor-closed-muted: #afb8c166;
    --borderColor-closed-emphasis: #6e7781;
    --borderColor-done-muted: #c297ff66;
    --borderColor-done-emphasis: #8250df;
    --borderColor-upsell-muted: #c297ff66;
    --borderColor-upsell-emphasis: #8250df;
    --borderColor-sponsors-muted: #ff80c866;
    --borderColor-sponsors-emphasis: #bf3989;
    --color-ansi-black: #24292f;
    --color-ansi-black-bright: #57606a;
    --color-ansi-white: #6e7781;
    --color-ansi-white-bright: #8c959f;
    --color-ansi-gray: #6e7781;
    --color-ansi-red: #bc4c00;
    --color-ansi-red-bright: #953800;
    --color-ansi-green: #0550ae;
    --color-ansi-green-bright: #0969da;
    --color-ansi-yellow: #4d2d00;
    --color-ansi-yellow-bright: #633c01;
    --color-ansi-blue: #0969da;
    --color-ansi-blue-bright: #218bff;
    --color-ansi-magenta: #8250df;
    --color-ansi-magenta-bright: #a475f9;
    --color-ansi-cyan: #1b7c83;
    --color-ansi-cyan-bright: #3192aa;
    --color-prettylights-syntax-comment: #57606a;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-prettylights-syntax-entity: #6639ba;
    --color-prettylights-syntax-storage-modifier-import: #24292f;
    --color-prettylights-syntax-entity-tag: #0550ae;
    --color-prettylights-syntax-keyword: #bc4c00;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-variable: #953800;
    --color-prettylights-syntax-brackethighlighter-unmatched: #762c00;
    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
    --color-prettylights-syntax-invalid-illegal-bg: #762c00;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-carriage-return-bg: #bc4c00;
    --color-prettylights-syntax-string-regexp: #0550ae;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-italic: #24292f;
    --color-prettylights-syntax-markup-bold: #24292f;
    --color-prettylights-syntax-markup-deleted-text: #762c00;
    --color-prettylights-syntax-markup-deleted-bg: #fff1e5;
    --color-prettylights-syntax-markup-inserted-text: #0550ae;
    --color-prettylights-syntax-markup-inserted-bg: #ddf4ff;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
    --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
    --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
    --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
    --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
    --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
    --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
    --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
    --shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/functional/themes/light-high-contrast.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
[data-color-mode="light"][data-light-theme="light_high_contrast"],
[data-color-mode="light"][data-light-theme="light_high_contrast"] ::backdrop,
[data-color-mode="auto"][data-light-theme="light_high_contrast"],
[data-color-mode="auto"][data-light-theme="light_high_contrast"] ::backdrop {
  --topicTag-borderColor: #0349b4;
  --highlight-neutral-bgColor: #fcf7be;
  --page-header-bgColor: #e7ecf0;
  --diffBlob-addition-fgColor-text: #ffffff;
  --diffBlob-addition-fgColor-num: #010409;
  --diffBlob-addition-bgColor-num: #c2f9cd;
  --diffBlob-addition-bgColor-line: #d2fedb;
  --diffBlob-addition-bgColor-word: #117f32;
  --diffBlob-deletion-fgColor-text: #ffffff;
  --diffBlob-deletion-fgColor-num: #010409;
  --diffBlob-deletion-bgColor-num: #ffc1bc;
  --diffBlob-deletion-bgColor-line: #fff0ee;
  --diffBlob-deletion-bgColor-word: #a0111f;
  --diffBlob-hunk-bgColor-num: #9cd7ff;
  --diffBlob-expander-iconColor: #0e1116;
  --codeMirror-fgColor: #010409;
  --codeMirror-bgColor: #ffffff;
  --codeMirror-gutters-bgColor: #ffffff;
  --codeMirror-gutterMarker-fgColor-default: #ffffff;
  --codeMirror-gutterMarker-fgColor-muted: #0e1116;
  --codeMirror-lineNumber-fgColor: #0e1116;
  --codeMirror-cursor-fgColor: #010409;
  --codeMirror-selection-bgColor: #368cf9;
  --codeMirror-activeline-bgColor: #e7ecf0;
  --codeMirror-matchingBracket-fgColor: #010409;
  --codeMirror-lines-bgColor: #ffffff;
  --codeMirror-syntax-fgColor-comment: #0e1116;
  --codeMirror-syntax-fgColor-constant: #023b95;
  --codeMirror-syntax-fgColor-entity: #622cbc;
  --codeMirror-syntax-fgColor-keyword: #a0111f;
  --codeMirror-syntax-fgColor-storage: #a0111f;
  --codeMirror-syntax-fgColor-string: #032563;
  --codeMirror-syntax-fgColor-support: #023b95;
  --codeMirror-syntax-fgColor-variable: #702c00;
  --header-fgColor-default: #ffffffb3;
  --header-fgColor-logo: #ffffff;
  --header-bgColor: #0e1116;
  --header-borderColor-divider: #acb6c0;
  --headerSearch-bgColor: #0e1116;
  --headerSearch-borderColor: #4b535d;
  --data-blue-color: #006edb;
  --data-blue-color-muted: #d1f0ff;
  --data-auburn-color: #9d615c;
  --data-auburn-color-muted: #f2e9e9;
  --data-orange-color: #eb670f;
  --data-orange-color-muted: #ffe7d1;
  --data-yellow-color: #b88700;
  --data-yellow-color-muted: #ffec9e;
  --data-green-color: #30a147;
  --data-green-color-muted: #caf7ca;
  --data-teal-color: #179b9b;
  --data-teal-color-muted: #c7f5ef;
  --data-purple-color: #894ceb;
  --data-purple-color-muted: #f1e5ff;
  --data-pink-color: #ce2c85;
  --data-pink-color-muted: #ffe5f1;
  --data-red-color: #df0c24;
  --data-red-color-muted: #ffe2e0;
  --data-gray-color: #808fa3;
  --data-gray-color-muted: #e8ecf2;
  --display-blue-bgColor-muted: #d1f0ff;
  --display-blue-bgColor-emphasis: #006edb;
  --display-blue-fgColor: #005fcc;
  --display-blue-borderColor-muted: #ade1ff;
  --display-blue-borderColor-emphasis: #006edb;
  --display-green-bgColor-muted: #caf7ca;
  --display-green-bgColor-emphasis: #2c8141;
  --display-green-fgColor: #2b6e3f;
  --display-green-borderColor-muted: #9ceda0;
  --display-green-borderColor-emphasis: #2c8141;
  --display-orange-bgColor-muted: #ffe7d1;
  --display-orange-bgColor-emphasis: #b8500f;
  --display-orange-fgColor: #a24610;
  --display-orange-borderColor-muted: #fecfaa;
  --display-orange-borderColor-emphasis: #b8500f;
  --display-purple-bgColor-muted: #f1e5ff;
  --display-purple-bgColor-emphasis: #894ceb;
  --display-purple-fgColor: #783ae4;
  --display-purple-borderColor-muted: #e6d2fe;
  --display-purple-borderColor-emphasis: #894ceb;
  --display-plum-bgColor-muted: #f8e5ff;
  --display-plum-bgColor-emphasis: #a830e8;
  --display-plum-fgColor: #961edc;
  --display-plum-borderColor-muted: #f0cdfe;
  --display-plum-borderColor-emphasis: #a830e8;
  --display-red-bgColor-muted: #ffe2e0;
  --display-red-bgColor-emphasis: #df0c24;
  --display-red-fgColor: #c50d28;
  --display-red-borderColor-muted: #fecdcd;
  --display-red-borderColor-emphasis: #df0c24;
  --display-coral-bgColor-muted: #ffe5db;
  --display-coral-bgColor-emphasis: #d43511;
  --display-coral-fgColor: #ba2e12;
  --display-coral-borderColor-muted: #fecebe;
  --display-coral-borderColor-emphasis: #d43511;
  --display-yellow-bgColor-muted: #ffec9e;
  --display-yellow-bgColor-emphasis: #946a00;
  --display-yellow-fgColor: #805900;
  --display-yellow-borderColor-muted: #ffd642;
  --display-yellow-borderColor-emphasis: #946a00;
  --display-gray-bgColor-muted: #e8ecf2;
  --display-gray-bgColor-emphasis: #647182;
  --display-gray-fgColor: #5c6570;
  --display-gray-borderColor-muted: #d2dae4;
  --display-gray-borderColor-emphasis: #647182;
  --display-auburn-bgColor-muted: #f2e9e9;
  --display-auburn-bgColor-emphasis: #9d615c;
  --display-auburn-fgColor: #8a5551;
  --display-auburn-borderColor-muted: #e6d6d5;
  --display-auburn-borderColor-emphasis: #9d615c;
  --display-brown-bgColor-muted: #eeeae2;
  --display-brown-bgColor-emphasis: #856d4c;
  --display-brown-fgColor: #755f43;
  --display-brown-borderColor-muted: #dfd7c8;
  --display-brown-borderColor-emphasis: #856d4c;
  --display-lemon-bgColor-muted: #f7eea1;
  --display-lemon-bgColor-emphasis: #866e04;
  --display-lemon-fgColor: #786002;
  --display-lemon-borderColor-muted: #f0db3d;
  --display-lemon-borderColor-emphasis: #866e04;
  --display-olive-bgColor-muted: #f0f0ad;
  --display-olive-bgColor-emphasis: #64762d;
  --display-olive-fgColor: #56682c;
  --display-olive-borderColor-muted: #dbe170;
  --display-olive-borderColor-emphasis: #64762d;
  --display-lime-bgColor-muted: #e3f2b5;
  --display-lime-bgColor-emphasis: #527a29;
  --display-lime-fgColor: #476c28;
  --display-lime-borderColor-muted: #c7e580;
  --display-lime-borderColor-emphasis: #527a29;
  --display-pine-bgColor-muted: #bff8db;
  --display-pine-bgColor-emphasis: #167e53;
  --display-pine-fgColor: #156f4b;
  --display-pine-borderColor-muted: #80efb9;
  --display-pine-borderColor-emphasis: #167e53;
  --display-teal-bgColor-muted: #c7f5ef;
  --display-teal-bgColor-emphasis: #127e81;
  --display-teal-fgColor: #106e75;
  --display-teal-borderColor-muted: #89ebe1;
  --display-teal-borderColor-emphasis: #127e81;
  --display-cyan-bgColor-muted: #bdf4ff;
  --display-cyan-bgColor-emphasis: #007b94;
  --display-cyan-fgColor: #006a80;
  --display-cyan-borderColor-muted: #7ae9ff;
  --display-cyan-borderColor-emphasis: #007b94;
  --display-indigo-bgColor-muted: #e5e9ff;
  --display-indigo-bgColor-emphasis: #5a61e7;
  --display-indigo-fgColor: #494edf;
  --display-indigo-borderColor-muted: #d2d7fe;
  --display-indigo-borderColor-emphasis: #5a61e7;
  --display-pink-bgColor-muted: #ffe5f1;
  --display-pink-bgColor-emphasis: #ce2c85;
  --display-pink-fgColor: #b12f79;
  --display-pink-borderColor-muted: #fdc9e2;
  --display-pink-borderColor-emphasis: #ce2c85;
  --avatar-bgColor: #ffffff;
  --avatar-borderColor: #010409e6;
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
  --avatarStack-fade-bgColor-default: #acb6c0;
  --avatarStack-fade-bgColor-muted: #ced5dc;
  --control-bgColor-rest: #e7ecf0;
  --control-bgColor-hover: #dbe1e6;
  --control-bgColor-active: #cfd6dd;
  --control-bgColor-disabled: #ced5dcb3;
  --control-bgColor-selected: #acb6c0;
  --control-fgColor-rest: #0e1116;
  --control-fgColor-placeholder: #616a75;
  --control-fgColor-disabled: #66707b;
  --control-borderColor-rest: #20252c;
  --control-borderColor-emphasis: #20252c;
  --control-borderColor-disabled: #ced5dcb3;
  --control-borderColor-selected: #ffffff;
  --control-borderColor-success: #055d20;
  --control-borderColor-danger: #a0111f;
  --control-borderColor-warning: #744500;
  --control-iconColor-rest: #0e1116;
  --control-transparent-bgColor-rest: #ffffff00;
  --control-transparent-bgColor-hover: #e7ecf0;
  --control-transparent-bgColor-active: #ced5dc;
  --control-transparent-bgColor-disabled: #ced5dcb3;
  --control-transparent-bgColor-selected: #ced5dc33;
  --control-transparent-borderColor-rest: #ffffff00;
  --control-transparent-borderColor-hover: #20252c;
  --control-transparent-borderColor-active: #ffffff00;
  --control-danger-fgColor-rest: #8a071e;
  --control-danger-fgColor-hover: #ffffff;
  --control-danger-bgColor-hover: #a0111f;
  --control-danger-bgColor-active: #8c0b1d;
  --control-checked-bgColor-rest: #0349b4;
  --control-checked-bgColor-hover: #0344a8;
  --control-checked-bgColor-active: #033f9d;
  --control-checked-bgColor-disabled: #66707b;
  --control-checked-fgColor-rest: #ffffff;
  --control-checked-fgColor-disabled: #ffffff;
  --control-checked-borderColor-rest: #0349b4;
  --control-checked-borderColor-hover: #0344a8;
  --control-checked-borderColor-active: #033f9d;
  --control-checked-borderColor-disabled: #66707b;
  --controlTrack-bgColor-rest: #acb6c0;
  --controlTrack-bgColor-hover: #9ea8b2;
  --controlTrack-bgColor-active: #909aa4;
  --controlTrack-bgColor-disabled: #66707b;
  --controlTrack-fgColor-rest: #010409;
  --controlTrack-fgColor-disabled: #ffffff;
  --controlTrack-borderColor-rest: #ffffff00;
  --controlTrack-borderColor-disabled: #66707b;
  --controlKnob-bgColor-rest: #ffffff;
  --controlKnob-bgColor-disabled: #ced5dcb3;
  --controlKnob-bgColor-checked: #ffffff;
  --controlKnob-borderColor-rest: #20252c;
  --controlKnob-borderColor-disabled: #ced5dcb3;
  --controlKnob-borderColor-checked: #0349b4;
  --counter-borderColor: #20252c;
  --button-default-fgColor-rest: #0e1116;
  --button-default-bgColor-rest: #e7ecf0;
  --button-default-bgColor-hover: #dbe1e6;
  --button-default-bgColor-active: #cfd6dd;
  --button-default-bgColor-selected: #cfd6dd;
  --button-default-bgColor-disabled: #ced5dcb3;
  --button-default-borderColor-rest: #20252c;
  --button-default-borderColor-hover: #20252c;
  --button-default-borderColor-active: #20252c;
  --button-default-borderColor-disabled: #ced5dcb3;
  --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
  --button-primary-fgColor-rest: #ffffff;
  --button-primary-fgColor-disabled: #ffffffcc;
  --button-primary-iconColor-rest: #ffffffcc;
  --button-primary-bgColor-rest: #055d20;
  --button-primary-bgColor-hover: #04571e;
  --button-primary-bgColor-active: #03501b;
  --button-primary-bgColor-disabled: #85cb97;
  --button-primary-borderColor-rest: #013d14;
  --button-primary-borderColor-hover: #013d14;
  --button-primary-borderColor-active: #013d14;
  --button-primary-borderColor-disabled: #85cb97;
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
  --button-invisible-fgColor-rest: #023b95;
  --button-invisible-fgColor-hover: #67b3fd;
  --button-invisible-fgColor-disabled: #66707b;
  --button-invisible-iconColor-rest: #0e1116;
  --button-invisible-iconColor-hover: #ffffff;
  --button-invisible-iconColor-disabled: #66707b;
  --button-invisible-bgColor-rest: #ffffff00;
  --button-invisible-bgColor-hover: #20252c;
  --button-invisible-bgColor-active: #4b535d;
  --button-invisible-bgColor-disabled: #ced5dcb3;
  --button-invisible-borderColor-rest: #ffffff00;
  --button-invisible-borderColor-hover: #20252c;
  --button-invisible-borderColor-disabled: #ced5dcb3;
  --button-outline-fgColor-rest: #023b95;
  --button-outline-fgColor-hover: #ffffff;
  --button-outline-fgColor-active: #ffffff;
  --button-outline-fgColor-disabled: #023b9580;
  --button-outline-bgColor-rest: #e7ecf0;
  --button-outline-bgColor-hover: #0349b4;
  --button-outline-bgColor-active: #033f9d;
  --button-outline-bgColor-disabled: #ffffff;
  --button-outline-borderColor-hover: #01040926;
  --button-outline-borderColor-active: #01040926;
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
  --button-danger-fgColor-rest: #8a071e;
  --button-danger-fgColor-hover: #ffffff;
  --button-danger-fgColor-active: #ffffff;
  --button-danger-fgColor-disabled: #8a071e80;
  --button-danger-iconColor-rest: #8a071e;
  --button-danger-iconColor-hover: #ffffff;
  --button-danger-bgColor-rest: #e7ecf0;
  --button-danger-bgColor-hover: #86061d;
  --button-danger-bgColor-active: #74041a;
  --button-danger-bgColor-disabled: #ced5dcb3;
  --button-danger-borderColor-rest: #20252c;
  --button-danger-borderColor-hover: #01040926;
  --button-danger-borderColor-active: #01040926;
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
  --button-inactive-fgColor: #4b535d;
  --button-inactive-bgColor: #e7ecf0;
  --button-star-iconColor: #d5a824;
  --buttonCounter-default-bgColor-rest: #66707b33;
  --buttonCounter-invisible-bgColor-rest: #66707b33;
  --buttonCounter-primary-bgColor-rest: #00230b33;
  --buttonCounter-outline-bgColor-rest: #0349b41a;
  --buttonCounter-outline-bgColor-hover: #ffffff33;
  --buttonCounter-outline-bgColor-disabled: #0349b40d;
  --buttonCounter-outline-fgColor-rest: #023b95;
  --buttonCounter-outline-fgColor-hover: #ffffff;
  --buttonCounter-outline-fgColor-disabled: #023b9580;
  --buttonCounter-danger-bgColor-hover: #ffffff33;
  --buttonCounter-danger-bgColor-disabled: #a0111f0d;
  --buttonCounter-danger-bgColor-rest: #a0111f1a;
  --buttonCounter-danger-fgColor-rest: #980e1e;
  --buttonCounter-danger-fgColor-hover: #ffffff;
  --buttonCounter-danger-fgColor-disabled: #8a071e80;
  --reactionButton-selected-bgColor-rest: #dff7ff;
  --reactionButton-selected-bgColor-hover: #c7e9ff;
  --reactionButton-selected-fgColor-rest: #023b95;
  --reactionButton-selected-fgColor-hover: #023b95;
  --focus-outlineColor: #0349b4;
  --focus-outline: #0349b4 solid 2px;
  --menu-bgColor-active: #ffffff00;
  --overlay-bgColor: #ffffff;
  --overlay-borderColor: #88929d;
  --overlay-backdrop-bgColor: #88929d33;
  --selectMenu-borderColor: #ffffff00;
  --selectMenu-bgColor-active: #9cd7ff;
  --sideNav-bgColor-selected: #ffffff;
  --skeletonLoader-bgColor: #e7ecf0;
  --timelineBadge-bgColor: #e7ecf0;
  --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
  --underlineNav-borderColor-active: #cd3425;
  --underlineNav-borderColor-hover: #88929d;
  --underlineNav-iconColor-rest: #0e1116;
  --selection-bgColor: #0349b433;
  --card-bgColor: #ffffff;
  --label-green-bgColor-rest: #caf7ca;
  --label-green-bgColor-hover: #9ceda0;
  --label-green-bgColor-active: #54d961;
  --label-green-fgColor-rest: #2b6e3f;
  --label-green-fgColor-hover: #285c3b;
  --label-green-fgColor-active: #254b34;
  --label-orange-bgColor-rest: #ffe7d1;
  --label-orange-bgColor-hover: #fecfaa;
  --label-orange-bgColor-active: #fbaf74;
  --label-orange-fgColor-rest: #a24610;
  --label-orange-fgColor-hover: #8d3c11;
  --label-orange-fgColor-active: #70300f;
  --label-purple-bgColor-rest: #f1e5ff;
  --label-purple-bgColor-hover: #e6d2fe;
  --label-purple-bgColor-active: #d1b1fc;
  --label-purple-fgColor-rest: #783ae4;
  --label-purple-fgColor-hover: #6223d7;
  --label-purple-fgColor-active: #4f21ab;
  --label-red-bgColor-rest: #ffe2e0;
  --label-red-bgColor-hover: #fecdcd;
  --label-red-bgColor-active: #fda5a7;
  --label-red-fgColor-rest: #c50d28;
  --label-red-fgColor-hover: #a60c29;
  --label-red-fgColor-active: #880c27;
  --label-yellow-bgColor-rest: #ffec9e;
  --label-yellow-bgColor-hover: #ffd642;
  --label-yellow-bgColor-active: #ebb400;
  --label-yellow-fgColor-rest: #805900;
  --label-yellow-fgColor-hover: #704d00;
  --label-yellow-fgColor-active: #5c3d00;
  --label-gray-bgColor-rest: #e8ecf2;
  --label-gray-bgColor-hover: #d2dae4;
  --label-gray-bgColor-active: #b4c0cf;
  --label-gray-fgColor-rest: #5c6570;
  --label-gray-fgColor-hover: #4e535a;
  --label-gray-fgColor-active: #424448;
  --label-auburn-bgColor-rest: #f2e9e9;
  --label-auburn-bgColor-hover: #e6d6d5;
  --label-auburn-bgColor-active: #d4b7b5;
  --label-auburn-fgColor-rest: #8a5551;
  --label-auburn-fgColor-hover: #744744;
  --label-auburn-fgColor-active: #5d3937;
  --label-brown-bgColor-rest: #eeeae2;
  --label-brown-bgColor-hover: #dfd7c8;
  --label-brown-bgColor-active: #cbbda4;
  --label-brown-fgColor-rest: #755f43;
  --label-brown-fgColor-hover: #64513a;
  --label-brown-fgColor-active: #51412f;
  --label-lemon-bgColor-rest: #f7eea1;
  --label-lemon-bgColor-hover: #f0db3d;
  --label-lemon-bgColor-active: #d8bd0e;
  --label-lemon-fgColor-rest: #786002;
  --label-lemon-fgColor-hover: #654f01;
  --label-lemon-fgColor-active: #523f00;
  --label-olive-bgColor-rest: #f0f0ad;
  --label-olive-bgColor-hover: #dbe170;
  --label-olive-bgColor-active: #b9c832;
  --label-olive-fgColor-rest: #56682c;
  --label-olive-fgColor-hover: #495a2b;
  --label-olive-fgColor-active: #3b4927;
  --label-lime-bgColor-rest: #e3f2b5;
  --label-lime-bgColor-hover: #c7e580;
  --label-lime-bgColor-active: #9bd039;
  --label-lime-fgColor-rest: #476c28;
  --label-lime-fgColor-hover: #3a5b25;
  --label-lime-fgColor-active: #2f4a21;
  --label-pine-bgColor-rest: #bff8db;
  --label-pine-bgColor-hover: #80efb9;
  --label-pine-bgColor-active: #1dd781;
  --label-pine-fgColor-rest: #156f4b;
  --label-pine-fgColor-hover: #135d41;
  --label-pine-fgColor-active: #114b36;
  --label-teal-bgColor-rest: #c7f5ef;
  --label-teal-bgColor-hover: #89ebe1;
  --label-teal-bgColor-active: #22d3c7;
  --label-teal-fgColor-rest: #106e75;
  --label-teal-fgColor-hover: #0d5b63;
  --label-teal-fgColor-active: #0a4852;
  --label-cyan-bgColor-rest: #bdf4ff;
  --label-cyan-bgColor-hover: #7ae9ff;
  --label-cyan-bgColor-active: #00d0fa;
  --label-cyan-fgColor-rest: #006a80;
  --label-cyan-fgColor-hover: #00596b;
  --label-cyan-fgColor-active: #004857;
  --label-indigo-bgColor-rest: #e5e9ff;
  --label-indigo-bgColor-hover: #d2d7fe;
  --label-indigo-bgColor-active: #b1b9fb;
  --label-indigo-fgColor-rest: #494edf;
  --label-indigo-fgColor-hover: #393cd5;
  --label-indigo-fgColor-active: #2d2db4;
  --label-blue-bgColor-rest: #d1f0ff;
  --label-blue-bgColor-hover: #ade1ff;
  --label-blue-bgColor-active: #75c8ff;
  --label-blue-fgColor-rest: #005fcc;
  --label-blue-fgColor-hover: #004db3;
  --label-blue-fgColor-active: #003d99;
  --label-plum-bgColor-rest: #f8e5ff;
  --label-plum-bgColor-hover: #f0cdfe;
  --label-plum-bgColor-active: #e2a7fb;
  --label-plum-fgColor-rest: #961edc;
  --label-plum-fgColor-hover: #7d1eb8;
  --label-plum-fgColor-active: #651d96;
  --label-pink-bgColor-rest: #ffe5f1;
  --label-pink-bgColor-hover: #fdc9e2;
  --label-pink-bgColor-active: #f8a5cf;
  --label-pink-fgColor-rest: #b12f79;
  --label-pink-fgColor-hover: #8e2e66;
  --label-pink-fgColor-active: #6e2b53;
  --label-coral-bgColor-rest: #ffe5db;
  --label-coral-bgColor-hover: #fecebe;
  --label-coral-bgColor-active: #fcab92;
  --label-coral-fgColor-rest: #ba2e12;
  --label-coral-fgColor-hover: #9b2712;
  --label-coral-fgColor-active: #7e2011;
  --fgColor-default: #010409;
  --fgColor-muted: #0e1116;
  --fgColor-onEmphasis: #ffffff;
  --fgColor-white: #ffffff;
  --fgColor-black: #010409;
  --fgColor-disabled: #66707b;
  --fgColor-link: #023b95;
  --fgColor-neutral: #66707b;
  --fgColor-accent: #023b95;
  --fgColor-success: #055d20;
  --fgColor-attention: #744500;
  --fgColor-severe: #873800;
  --fgColor-danger: #8a071e;
  --fgColor-open: #055d20;
  --fgColor-closed: #8a071e;
  --fgColor-done: #622cbc;
  --fgColor-upsell: #622cbc;
  --fgColor-sponsors: #971368;
  --bgColor-default: #ffffff;
  --bgColor-muted: #e7ecf0;
  --bgColor-inset: #ffffff;
  --bgColor-emphasis: #0e1116;
  --bgColor-inverse: #0e1116;
  --bgColor-white: #ffffff;
  --bgColor-black: #010409;
  --bgColor-disabled: #ced5dcb3;
  --bgColor-transparent: #ffffff00;
  --bgColor-neutral-muted: #e7ecf0;
  --bgColor-neutral-emphasis: #66707b;
  --bgColor-accent-muted: #dff7ff;
  --bgColor-accent-emphasis: #0349b4;
  --bgColor-success-muted: #d2fedb;
  --bgColor-success-emphasis: #055d20;
  --bgColor-attention-muted: #fcf7be;
  --bgColor-attention-emphasis: #744500;
  --bgColor-severe-muted: #fff2d5;
  --bgColor-severe-emphasis: #873800;
  --bgColor-danger-muted: #fff0ee;
  --bgColor-danger-emphasis: #a0111f;
  --bgColor-open-muted: #d2fedb;
  --bgColor-open-emphasis: #055d20;
  --bgColor-closed-muted: #fff0ee;
  --bgColor-closed-emphasis: #a0111f;
  --bgColor-done-muted: #faf0fe;
  --bgColor-done-emphasis: #622cbc;
  --bgColor-upsell-muted: #faf0fe;
  --bgColor-upsell-emphasis: #622cbc;
  --bgColor-sponsors-muted: #feeff7;
  --bgColor-sponsors-emphasis: #971368;
  --borderColor-default: #20252c;
  --borderColor-muted: #88929d;
  --borderColor-emphasis: #66707b;
  --borderColor-disabled: #ced5dcb3;
  --borderColor-transparent: #ffffff00;
  --borderColor-translucent: #20252c;
  --borderColor-neutral-muted: #88929d;
  --borderColor-neutral-emphasis: #66707b;
  --borderColor-accent-muted: #368cf9;
  --borderColor-accent-emphasis: #0349b4;
  --borderColor-success-muted: #26a148;
  --borderColor-success-emphasis: #055d20;
  --borderColor-attention-muted: #b58407;
  --borderColor-attention-emphasis: #744500;
  --borderColor-severe-muted: #dc6d1a;
  --borderColor-severe-emphasis: #873800;
  --borderColor-danger-muted: #ee5a5d;
  --borderColor-danger-emphasis: #a0111f;
  --borderColor-open-muted: #26a148;
  --borderColor-open-emphasis: #055d20;
  --borderColor-closed-muted: #ee5a5d66;
  --borderColor-closed-emphasis: #a0111f;
  --borderColor-done-muted: #a371f7;
  --borderColor-done-emphasis: #622cbc;
  --borderColor-upsell-muted: #a371f766;
  --borderColor-upsell-emphasis: #622cbc;
  --borderColor-sponsors-muted: #ed4baf;
  --borderColor-sponsors-emphasis: #971368;
  --color-ansi-black: #0e1116;
  --color-ansi-black-bright: #4b535d;
  --color-ansi-white: #66707b;
  --color-ansi-white-bright: #88929d;
  --color-ansi-gray: #66707b;
  --color-ansi-red: #a0111f;
  --color-ansi-red-bright: #86061d;
  --color-ansi-green: #024c1a;
  --color-ansi-green-bright: #055d20;
  --color-ansi-yellow: #3f2200;
  --color-ansi-yellow-bright: #4e2c00;
  --color-ansi-blue: #0349b4;
  --color-ansi-blue-bright: #1168e3;
  --color-ansi-magenta: #622cbc;
  --color-ansi-magenta-bright: #844ae7;
  --color-ansi-cyan: #1b7c83;
  --color-ansi-cyan-bright: #3192aa;
  --color-prettylights-syntax-comment: #4b535d;
  --color-prettylights-syntax-constant: #023b95;
  --color-prettylights-syntax-constant-other-reference-link: #032563;
  --color-prettylights-syntax-entity: #512598;
  --color-prettylights-syntax-storage-modifier-import: #0e1116;
  --color-prettylights-syntax-entity-tag: #023b95;
  --color-prettylights-syntax-keyword: #a0111f;
  --color-prettylights-syntax-string: #032563;
  --color-prettylights-syntax-variable: #702c00;
  --color-prettylights-syntax-brackethighlighter-unmatched: #6e011a;
  --color-prettylights-syntax-brackethighlighter-angle: #4b535d;
  --color-prettylights-syntax-invalid-illegal-text: #ffffff;
  --color-prettylights-syntax-invalid-illegal-bg: #6e011a;
  --color-prettylights-syntax-carriage-return-text: #ffffff;
  --color-prettylights-syntax-carriage-return-bg: #a0111f;
  --color-prettylights-syntax-string-regexp: #024c1a;
  --color-prettylights-syntax-markup-list: #2e1800;
  --color-prettylights-syntax-markup-heading: #023b95;
  --color-prettylights-syntax-markup-italic: #0e1116;
  --color-prettylights-syntax-markup-bold: #0e1116;
  --color-prettylights-syntax-markup-deleted-text: #6e011a;
  --color-prettylights-syntax-markup-deleted-bg: #fff0ee;
  --color-prettylights-syntax-markup-inserted-text: #024c1a;
  --color-prettylights-syntax-markup-inserted-bg: #d2fedb;
  --color-prettylights-syntax-markup-changed-text: #702c00;
  --color-prettylights-syntax-markup-changed-bg: #ffc67b;
  --color-prettylights-syntax-markup-ignored-text: #e7ecf0;
  --color-prettylights-syntax-markup-ignored-bg: #023b95;
  --color-prettylights-syntax-meta-diff-range: #622cbc;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
  --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
  --shadow-resting-small: 0px 1px 0px 0px #0104090a;
  --shadow-resting-medium: 0px 3px 6px 0px #343b431f;
  --shadow-floating-small: 0px 0px 0px 1px #88929d80, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
  --shadow-floating-medium: 0px 0px 0px 1px #88929d, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
  --shadow-floating-large: 0px 0px 0px 1px #88929d, 0px 40px 80px 0px #343b433d;
  --shadow-floating-xlarge: 0px 0px 0px 1px #88929d, 0px 56px 112px 0px #343b4352;
  --shadow-floating-legacy: 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
}
@media (prefers-color-scheme: dark) {
  [data-color-mode="auto"][data-dark-theme="light_high_contrast"],
  [data-color-mode="auto"][data-dark-theme="light_high_contrast"] ::backdrop {
    --topicTag-borderColor: #0349b4;
    --highlight-neutral-bgColor: #fcf7be;
    --page-header-bgColor: #e7ecf0;
    --diffBlob-addition-fgColor-text: #ffffff;
    --diffBlob-addition-fgColor-num: #010409;
    --diffBlob-addition-bgColor-num: #c2f9cd;
    --diffBlob-addition-bgColor-line: #d2fedb;
    --diffBlob-addition-bgColor-word: #117f32;
    --diffBlob-deletion-fgColor-text: #ffffff;
    --diffBlob-deletion-fgColor-num: #010409;
    --diffBlob-deletion-bgColor-num: #ffc1bc;
    --diffBlob-deletion-bgColor-line: #fff0ee;
    --diffBlob-deletion-bgColor-word: #a0111f;
    --diffBlob-hunk-bgColor-num: #9cd7ff;
    --diffBlob-expander-iconColor: #0e1116;
    --codeMirror-fgColor: #010409;
    --codeMirror-bgColor: #ffffff;
    --codeMirror-gutters-bgColor: #ffffff;
    --codeMirror-gutterMarker-fgColor-default: #ffffff;
    --codeMirror-gutterMarker-fgColor-muted: #0e1116;
    --codeMirror-lineNumber-fgColor: #0e1116;
    --codeMirror-cursor-fgColor: #010409;
    --codeMirror-selection-bgColor: #368cf9;
    --codeMirror-activeline-bgColor: #e7ecf0;
    --codeMirror-matchingBracket-fgColor: #010409;
    --codeMirror-lines-bgColor: #ffffff;
    --codeMirror-syntax-fgColor-comment: #0e1116;
    --codeMirror-syntax-fgColor-constant: #023b95;
    --codeMirror-syntax-fgColor-entity: #622cbc;
    --codeMirror-syntax-fgColor-keyword: #a0111f;
    --codeMirror-syntax-fgColor-storage: #a0111f;
    --codeMirror-syntax-fgColor-string: #032563;
    --codeMirror-syntax-fgColor-support: #023b95;
    --codeMirror-syntax-fgColor-variable: #702c00;
    --header-fgColor-default: #ffffffb3;
    --header-fgColor-logo: #ffffff;
    --header-bgColor: #0e1116;
    --header-borderColor-divider: #acb6c0;
    --headerSearch-bgColor: #0e1116;
    --headerSearch-borderColor: #4b535d;
    --data-blue-color: #006edb;
    --data-blue-color-muted: #d1f0ff;
    --data-auburn-color: #9d615c;
    --data-auburn-color-muted: #f2e9e9;
    --data-orange-color: #eb670f;
    --data-orange-color-muted: #ffe7d1;
    --data-yellow-color: #b88700;
    --data-yellow-color-muted: #ffec9e;
    --data-green-color: #30a147;
    --data-green-color-muted: #caf7ca;
    --data-teal-color: #179b9b;
    --data-teal-color-muted: #c7f5ef;
    --data-purple-color: #894ceb;
    --data-purple-color-muted: #f1e5ff;
    --data-pink-color: #ce2c85;
    --data-pink-color-muted: #ffe5f1;
    --data-red-color: #df0c24;
    --data-red-color-muted: #ffe2e0;
    --data-gray-color: #808fa3;
    --data-gray-color-muted: #e8ecf2;
    --display-blue-bgColor-muted: #d1f0ff;
    --display-blue-bgColor-emphasis: #006edb;
    --display-blue-fgColor: #005fcc;
    --display-blue-borderColor-muted: #ade1ff;
    --display-blue-borderColor-emphasis: #006edb;
    --display-green-bgColor-muted: #caf7ca;
    --display-green-bgColor-emphasis: #2c8141;
    --display-green-fgColor: #2b6e3f;
    --display-green-borderColor-muted: #9ceda0;
    --display-green-borderColor-emphasis: #2c8141;
    --display-orange-bgColor-muted: #ffe7d1;
    --display-orange-bgColor-emphasis: #b8500f;
    --display-orange-fgColor: #a24610;
    --display-orange-borderColor-muted: #fecfaa;
    --display-orange-borderColor-emphasis: #b8500f;
    --display-purple-bgColor-muted: #f1e5ff;
    --display-purple-bgColor-emphasis: #894ceb;
    --display-purple-fgColor: #783ae4;
    --display-purple-borderColor-muted: #e6d2fe;
    --display-purple-borderColor-emphasis: #894ceb;
    --display-plum-bgColor-muted: #f8e5ff;
    --display-plum-bgColor-emphasis: #a830e8;
    --display-plum-fgColor: #961edc;
    --display-plum-borderColor-muted: #f0cdfe;
    --display-plum-borderColor-emphasis: #a830e8;
    --display-red-bgColor-muted: #ffe2e0;
    --display-red-bgColor-emphasis: #df0c24;
    --display-red-fgColor: #c50d28;
    --display-red-borderColor-muted: #fecdcd;
    --display-red-borderColor-emphasis: #df0c24;
    --display-coral-bgColor-muted: #ffe5db;
    --display-coral-bgColor-emphasis: #d43511;
    --display-coral-fgColor: #ba2e12;
    --display-coral-borderColor-muted: #fecebe;
    --display-coral-borderColor-emphasis: #d43511;
    --display-yellow-bgColor-muted: #ffec9e;
    --display-yellow-bgColor-emphasis: #946a00;
    --display-yellow-fgColor: #805900;
    --display-yellow-borderColor-muted: #ffd642;
    --display-yellow-borderColor-emphasis: #946a00;
    --display-gray-bgColor-muted: #e8ecf2;
    --display-gray-bgColor-emphasis: #647182;
    --display-gray-fgColor: #5c6570;
    --display-gray-borderColor-muted: #d2dae4;
    --display-gray-borderColor-emphasis: #647182;
    --display-auburn-bgColor-muted: #f2e9e9;
    --display-auburn-bgColor-emphasis: #9d615c;
    --display-auburn-fgColor: #8a5551;
    --display-auburn-borderColor-muted: #e6d6d5;
    --display-auburn-borderColor-emphasis: #9d615c;
    --display-brown-bgColor-muted: #eeeae2;
    --display-brown-bgColor-emphasis: #856d4c;
    --display-brown-fgColor: #755f43;
    --display-brown-borderColor-muted: #dfd7c8;
    --display-brown-borderColor-emphasis: #856d4c;
    --display-lemon-bgColor-muted: #f7eea1;
    --display-lemon-bgColor-emphasis: #866e04;
    --display-lemon-fgColor: #786002;
    --display-lemon-borderColor-muted: #f0db3d;
    --display-lemon-borderColor-emphasis: #866e04;
    --display-olive-bgColor-muted: #f0f0ad;
    --display-olive-bgColor-emphasis: #64762d;
    --display-olive-fgColor: #56682c;
    --display-olive-borderColor-muted: #dbe170;
    --display-olive-borderColor-emphasis: #64762d;
    --display-lime-bgColor-muted: #e3f2b5;
    --display-lime-bgColor-emphasis: #527a29;
    --display-lime-fgColor: #476c28;
    --display-lime-borderColor-muted: #c7e580;
    --display-lime-borderColor-emphasis: #527a29;
    --display-pine-bgColor-muted: #bff8db;
    --display-pine-bgColor-emphasis: #167e53;
    --display-pine-fgColor: #156f4b;
    --display-pine-borderColor-muted: #80efb9;
    --display-pine-borderColor-emphasis: #167e53;
    --display-teal-bgColor-muted: #c7f5ef;
    --display-teal-bgColor-emphasis: #127e81;
    --display-teal-fgColor: #106e75;
    --display-teal-borderColor-muted: #89ebe1;
    --display-teal-borderColor-emphasis: #127e81;
    --display-cyan-bgColor-muted: #bdf4ff;
    --display-cyan-bgColor-emphasis: #007b94;
    --display-cyan-fgColor: #006a80;
    --display-cyan-borderColor-muted: #7ae9ff;
    --display-cyan-borderColor-emphasis: #007b94;
    --display-indigo-bgColor-muted: #e5e9ff;
    --display-indigo-bgColor-emphasis: #5a61e7;
    --display-indigo-fgColor: #494edf;
    --display-indigo-borderColor-muted: #d2d7fe;
    --display-indigo-borderColor-emphasis: #5a61e7;
    --display-pink-bgColor-muted: #ffe5f1;
    --display-pink-bgColor-emphasis: #ce2c85;
    --display-pink-fgColor: #b12f79;
    --display-pink-borderColor-muted: #fdc9e2;
    --display-pink-borderColor-emphasis: #ce2c85;
    --avatar-bgColor: #ffffff;
    --avatar-borderColor: #010409e6;
    --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
    --avatarStack-fade-bgColor-default: #acb6c0;
    --avatarStack-fade-bgColor-muted: #ced5dc;
    --control-bgColor-rest: #e7ecf0;
    --control-bgColor-hover: #dbe1e6;
    --control-bgColor-active: #cfd6dd;
    --control-bgColor-disabled: #ced5dcb3;
    --control-bgColor-selected: #acb6c0;
    --control-fgColor-rest: #0e1116;
    --control-fgColor-placeholder: #616a75;
    --control-fgColor-disabled: #66707b;
    --control-borderColor-rest: #20252c;
    --control-borderColor-emphasis: #20252c;
    --control-borderColor-disabled: #ced5dcb3;
    --control-borderColor-selected: #ffffff;
    --control-borderColor-success: #055d20;
    --control-borderColor-danger: #a0111f;
    --control-borderColor-warning: #744500;
    --control-iconColor-rest: #0e1116;
    --control-transparent-bgColor-rest: #ffffff00;
    --control-transparent-bgColor-hover: #e7ecf0;
    --control-transparent-bgColor-active: #ced5dc;
    --control-transparent-bgColor-disabled: #ced5dcb3;
    --control-transparent-bgColor-selected: #ced5dc33;
    --control-transparent-borderColor-rest: #ffffff00;
    --control-transparent-borderColor-hover: #20252c;
    --control-transparent-borderColor-active: #ffffff00;
    --control-danger-fgColor-rest: #8a071e;
    --control-danger-fgColor-hover: #ffffff;
    --control-danger-bgColor-hover: #a0111f;
    --control-danger-bgColor-active: #8c0b1d;
    --control-checked-bgColor-rest: #0349b4;
    --control-checked-bgColor-hover: #0344a8;
    --control-checked-bgColor-active: #033f9d;
    --control-checked-bgColor-disabled: #66707b;
    --control-checked-fgColor-rest: #ffffff;
    --control-checked-fgColor-disabled: #ffffff;
    --control-checked-borderColor-rest: #0349b4;
    --control-checked-borderColor-hover: #0344a8;
    --control-checked-borderColor-active: #033f9d;
    --control-checked-borderColor-disabled: #66707b;
    --controlTrack-bgColor-rest: #acb6c0;
    --controlTrack-bgColor-hover: #9ea8b2;
    --controlTrack-bgColor-active: #909aa4;
    --controlTrack-bgColor-disabled: #66707b;
    --controlTrack-fgColor-rest: #010409;
    --controlTrack-fgColor-disabled: #ffffff;
    --controlTrack-borderColor-rest: #ffffff00;
    --controlTrack-borderColor-disabled: #66707b;
    --controlKnob-bgColor-rest: #ffffff;
    --controlKnob-bgColor-disabled: #ced5dcb3;
    --controlKnob-bgColor-checked: #ffffff;
    --controlKnob-borderColor-rest: #20252c;
    --controlKnob-borderColor-disabled: #ced5dcb3;
    --controlKnob-borderColor-checked: #0349b4;
    --counter-borderColor: #20252c;
    --button-default-fgColor-rest: #0e1116;
    --button-default-bgColor-rest: #e7ecf0;
    --button-default-bgColor-hover: #dbe1e6;
    --button-default-bgColor-active: #cfd6dd;
    --button-default-bgColor-selected: #cfd6dd;
    --button-default-bgColor-disabled: #ced5dcb3;
    --button-default-borderColor-rest: #20252c;
    --button-default-borderColor-hover: #20252c;
    --button-default-borderColor-active: #20252c;
    --button-default-borderColor-disabled: #ced5dcb3;
    --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
    --button-primary-fgColor-rest: #ffffff;
    --button-primary-fgColor-disabled: #ffffffcc;
    --button-primary-iconColor-rest: #ffffffcc;
    --button-primary-bgColor-rest: #055d20;
    --button-primary-bgColor-hover: #04571e;
    --button-primary-bgColor-active: #03501b;
    --button-primary-bgColor-disabled: #85cb97;
    --button-primary-borderColor-rest: #013d14;
    --button-primary-borderColor-hover: #013d14;
    --button-primary-borderColor-active: #013d14;
    --button-primary-borderColor-disabled: #85cb97;
    --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
    --button-invisible-fgColor-rest: #023b95;
    --button-invisible-fgColor-hover: #67b3fd;
    --button-invisible-fgColor-disabled: #66707b;
    --button-invisible-iconColor-rest: #0e1116;
    --button-invisible-iconColor-hover: #ffffff;
    --button-invisible-iconColor-disabled: #66707b;
    --button-invisible-bgColor-rest: #ffffff00;
    --button-invisible-bgColor-hover: #20252c;
    --button-invisible-bgColor-active: #4b535d;
    --button-invisible-bgColor-disabled: #ced5dcb3;
    --button-invisible-borderColor-rest: #ffffff00;
    --button-invisible-borderColor-hover: #20252c;
    --button-invisible-borderColor-disabled: #ced5dcb3;
    --button-outline-fgColor-rest: #023b95;
    --button-outline-fgColor-hover: #ffffff;
    --button-outline-fgColor-active: #ffffff;
    --button-outline-fgColor-disabled: #023b9580;
    --button-outline-bgColor-rest: #e7ecf0;
    --button-outline-bgColor-hover: #0349b4;
    --button-outline-bgColor-active: #033f9d;
    --button-outline-bgColor-disabled: #ffffff;
    --button-outline-borderColor-hover: #01040926;
    --button-outline-borderColor-active: #01040926;
    --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
    --button-danger-fgColor-rest: #8a071e;
    --button-danger-fgColor-hover: #ffffff;
    --button-danger-fgColor-active: #ffffff;
    --button-danger-fgColor-disabled: #8a071e80;
    --button-danger-iconColor-rest: #8a071e;
    --button-danger-iconColor-hover: #ffffff;
    --button-danger-bgColor-rest: #e7ecf0;
    --button-danger-bgColor-hover: #86061d;
    --button-danger-bgColor-active: #74041a;
    --button-danger-bgColor-disabled: #ced5dcb3;
    --button-danger-borderColor-rest: #20252c;
    --button-danger-borderColor-hover: #01040926;
    --button-danger-borderColor-active: #01040926;
    --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
    --button-inactive-fgColor: #4b535d;
    --button-inactive-bgColor: #e7ecf0;
    --button-star-iconColor: #d5a824;
    --buttonCounter-default-bgColor-rest: #66707b33;
    --buttonCounter-invisible-bgColor-rest: #66707b33;
    --buttonCounter-primary-bgColor-rest: #00230b33;
    --buttonCounter-outline-bgColor-rest: #0349b41a;
    --buttonCounter-outline-bgColor-hover: #ffffff33;
    --buttonCounter-outline-bgColor-disabled: #0349b40d;
    --buttonCounter-outline-fgColor-rest: #023b95;
    --buttonCounter-outline-fgColor-hover: #ffffff;
    --buttonCounter-outline-fgColor-disabled: #023b9580;
    --buttonCounter-danger-bgColor-hover: #ffffff33;
    --buttonCounter-danger-bgColor-disabled: #a0111f0d;
    --buttonCounter-danger-bgColor-rest: #a0111f1a;
    --buttonCounter-danger-fgColor-rest: #980e1e;
    --buttonCounter-danger-fgColor-hover: #ffffff;
    --buttonCounter-danger-fgColor-disabled: #8a071e80;
    --reactionButton-selected-bgColor-rest: #dff7ff;
    --reactionButton-selected-bgColor-hover: #c7e9ff;
    --reactionButton-selected-fgColor-rest: #023b95;
    --reactionButton-selected-fgColor-hover: #023b95;
    --focus-outlineColor: #0349b4;
    --focus-outline: #0349b4 solid 2px;
    --menu-bgColor-active: #ffffff00;
    --overlay-bgColor: #ffffff;
    --overlay-borderColor: #88929d;
    --overlay-backdrop-bgColor: #88929d33;
    --selectMenu-borderColor: #ffffff00;
    --selectMenu-bgColor-active: #9cd7ff;
    --sideNav-bgColor-selected: #ffffff;
    --skeletonLoader-bgColor: #e7ecf0;
    --timelineBadge-bgColor: #e7ecf0;
    --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
    --underlineNav-borderColor-active: #cd3425;
    --underlineNav-borderColor-hover: #88929d;
    --underlineNav-iconColor-rest: #0e1116;
    --selection-bgColor: #0349b433;
    --card-bgColor: #ffffff;
    --label-green-bgColor-rest: #caf7ca;
    --label-green-bgColor-hover: #9ceda0;
    --label-green-bgColor-active: #54d961;
    --label-green-fgColor-rest: #2b6e3f;
    --label-green-fgColor-hover: #285c3b;
    --label-green-fgColor-active: #254b34;
    --label-orange-bgColor-rest: #ffe7d1;
    --label-orange-bgColor-hover: #fecfaa;
    --label-orange-bgColor-active: #fbaf74;
    --label-orange-fgColor-rest: #a24610;
    --label-orange-fgColor-hover: #8d3c11;
    --label-orange-fgColor-active: #70300f;
    --label-purple-bgColor-rest: #f1e5ff;
    --label-purple-bgColor-hover: #e6d2fe;
    --label-purple-bgColor-active: #d1b1fc;
    --label-purple-fgColor-rest: #783ae4;
    --label-purple-fgColor-hover: #6223d7;
    --label-purple-fgColor-active: #4f21ab;
    --label-red-bgColor-rest: #ffe2e0;
    --label-red-bgColor-hover: #fecdcd;
    --label-red-bgColor-active: #fda5a7;
    --label-red-fgColor-rest: #c50d28;
    --label-red-fgColor-hover: #a60c29;
    --label-red-fgColor-active: #880c27;
    --label-yellow-bgColor-rest: #ffec9e;
    --label-yellow-bgColor-hover: #ffd642;
    --label-yellow-bgColor-active: #ebb400;
    --label-yellow-fgColor-rest: #805900;
    --label-yellow-fgColor-hover: #704d00;
    --label-yellow-fgColor-active: #5c3d00;
    --label-gray-bgColor-rest: #e8ecf2;
    --label-gray-bgColor-hover: #d2dae4;
    --label-gray-bgColor-active: #b4c0cf;
    --label-gray-fgColor-rest: #5c6570;
    --label-gray-fgColor-hover: #4e535a;
    --label-gray-fgColor-active: #424448;
    --label-auburn-bgColor-rest: #f2e9e9;
    --label-auburn-bgColor-hover: #e6d6d5;
    --label-auburn-bgColor-active: #d4b7b5;
    --label-auburn-fgColor-rest: #8a5551;
    --label-auburn-fgColor-hover: #744744;
    --label-auburn-fgColor-active: #5d3937;
    --label-brown-bgColor-rest: #eeeae2;
    --label-brown-bgColor-hover: #dfd7c8;
    --label-brown-bgColor-active: #cbbda4;
    --label-brown-fgColor-rest: #755f43;
    --label-brown-fgColor-hover: #64513a;
    --label-brown-fgColor-active: #51412f;
    --label-lemon-bgColor-rest: #f7eea1;
    --label-lemon-bgColor-hover: #f0db3d;
    --label-lemon-bgColor-active: #d8bd0e;
    --label-lemon-fgColor-rest: #786002;
    --label-lemon-fgColor-hover: #654f01;
    --label-lemon-fgColor-active: #523f00;
    --label-olive-bgColor-rest: #f0f0ad;
    --label-olive-bgColor-hover: #dbe170;
    --label-olive-bgColor-active: #b9c832;
    --label-olive-fgColor-rest: #56682c;
    --label-olive-fgColor-hover: #495a2b;
    --label-olive-fgColor-active: #3b4927;
    --label-lime-bgColor-rest: #e3f2b5;
    --label-lime-bgColor-hover: #c7e580;
    --label-lime-bgColor-active: #9bd039;
    --label-lime-fgColor-rest: #476c28;
    --label-lime-fgColor-hover: #3a5b25;
    --label-lime-fgColor-active: #2f4a21;
    --label-pine-bgColor-rest: #bff8db;
    --label-pine-bgColor-hover: #80efb9;
    --label-pine-bgColor-active: #1dd781;
    --label-pine-fgColor-rest: #156f4b;
    --label-pine-fgColor-hover: #135d41;
    --label-pine-fgColor-active: #114b36;
    --label-teal-bgColor-rest: #c7f5ef;
    --label-teal-bgColor-hover: #89ebe1;
    --label-teal-bgColor-active: #22d3c7;
    --label-teal-fgColor-rest: #106e75;
    --label-teal-fgColor-hover: #0d5b63;
    --label-teal-fgColor-active: #0a4852;
    --label-cyan-bgColor-rest: #bdf4ff;
    --label-cyan-bgColor-hover: #7ae9ff;
    --label-cyan-bgColor-active: #00d0fa;
    --label-cyan-fgColor-rest: #006a80;
    --label-cyan-fgColor-hover: #00596b;
    --label-cyan-fgColor-active: #004857;
    --label-indigo-bgColor-rest: #e5e9ff;
    --label-indigo-bgColor-hover: #d2d7fe;
    --label-indigo-bgColor-active: #b1b9fb;
    --label-indigo-fgColor-rest: #494edf;
    --label-indigo-fgColor-hover: #393cd5;
    --label-indigo-fgColor-active: #2d2db4;
    --label-blue-bgColor-rest: #d1f0ff;
    --label-blue-bgColor-hover: #ade1ff;
    --label-blue-bgColor-active: #75c8ff;
    --label-blue-fgColor-rest: #005fcc;
    --label-blue-fgColor-hover: #004db3;
    --label-blue-fgColor-active: #003d99;
    --label-plum-bgColor-rest: #f8e5ff;
    --label-plum-bgColor-hover: #f0cdfe;
    --label-plum-bgColor-active: #e2a7fb;
    --label-plum-fgColor-rest: #961edc;
    --label-plum-fgColor-hover: #7d1eb8;
    --label-plum-fgColor-active: #651d96;
    --label-pink-bgColor-rest: #ffe5f1;
    --label-pink-bgColor-hover: #fdc9e2;
    --label-pink-bgColor-active: #f8a5cf;
    --label-pink-fgColor-rest: #b12f79;
    --label-pink-fgColor-hover: #8e2e66;
    --label-pink-fgColor-active: #6e2b53;
    --label-coral-bgColor-rest: #ffe5db;
    --label-coral-bgColor-hover: #fecebe;
    --label-coral-bgColor-active: #fcab92;
    --label-coral-fgColor-rest: #ba2e12;
    --label-coral-fgColor-hover: #9b2712;
    --label-coral-fgColor-active: #7e2011;
    --fgColor-default: #010409;
    --fgColor-muted: #0e1116;
    --fgColor-onEmphasis: #ffffff;
    --fgColor-white: #ffffff;
    --fgColor-black: #010409;
    --fgColor-disabled: #66707b;
    --fgColor-link: #023b95;
    --fgColor-neutral: #66707b;
    --fgColor-accent: #023b95;
    --fgColor-success: #055d20;
    --fgColor-attention: #744500;
    --fgColor-severe: #873800;
    --fgColor-danger: #8a071e;
    --fgColor-open: #055d20;
    --fgColor-closed: #8a071e;
    --fgColor-done: #622cbc;
    --fgColor-upsell: #622cbc;
    --fgColor-sponsors: #971368;
    --bgColor-default: #ffffff;
    --bgColor-muted: #e7ecf0;
    --bgColor-inset: #ffffff;
    --bgColor-emphasis: #0e1116;
    --bgColor-inverse: #0e1116;
    --bgColor-white: #ffffff;
    --bgColor-black: #010409;
    --bgColor-disabled: #ced5dcb3;
    --bgColor-transparent: #ffffff00;
    --bgColor-neutral-muted: #e7ecf0;
    --bgColor-neutral-emphasis: #66707b;
    --bgColor-accent-muted: #dff7ff;
    --bgColor-accent-emphasis: #0349b4;
    --bgColor-success-muted: #d2fedb;
    --bgColor-success-emphasis: #055d20;
    --bgColor-attention-muted: #fcf7be;
    --bgColor-attention-emphasis: #744500;
    --bgColor-severe-muted: #fff2d5;
    --bgColor-severe-emphasis: #873800;
    --bgColor-danger-muted: #fff0ee;
    --bgColor-danger-emphasis: #a0111f;
    --bgColor-open-muted: #d2fedb;
    --bgColor-open-emphasis: #055d20;
    --bgColor-closed-muted: #fff0ee;
    --bgColor-closed-emphasis: #a0111f;
    --bgColor-done-muted: #faf0fe;
    --bgColor-done-emphasis: #622cbc;
    --bgColor-upsell-muted: #faf0fe;
    --bgColor-upsell-emphasis: #622cbc;
    --bgColor-sponsors-muted: #feeff7;
    --bgColor-sponsors-emphasis: #971368;
    --borderColor-default: #20252c;
    --borderColor-muted: #88929d;
    --borderColor-emphasis: #66707b;
    --borderColor-disabled: #ced5dcb3;
    --borderColor-transparent: #ffffff00;
    --borderColor-translucent: #20252c;
    --borderColor-neutral-muted: #88929d;
    --borderColor-neutral-emphasis: #66707b;
    --borderColor-accent-muted: #368cf9;
    --borderColor-accent-emphasis: #0349b4;
    --borderColor-success-muted: #26a148;
    --borderColor-success-emphasis: #055d20;
    --borderColor-attention-muted: #b58407;
    --borderColor-attention-emphasis: #744500;
    --borderColor-severe-muted: #dc6d1a;
    --borderColor-severe-emphasis: #873800;
    --borderColor-danger-muted: #ee5a5d;
    --borderColor-danger-emphasis: #a0111f;
    --borderColor-open-muted: #26a148;
    --borderColor-open-emphasis: #055d20;
    --borderColor-closed-muted: #ee5a5d66;
    --borderColor-closed-emphasis: #a0111f;
    --borderColor-done-muted: #a371f7;
    --borderColor-done-emphasis: #622cbc;
    --borderColor-upsell-muted: #a371f766;
    --borderColor-upsell-emphasis: #622cbc;
    --borderColor-sponsors-muted: #ed4baf;
    --borderColor-sponsors-emphasis: #971368;
    --color-ansi-black: #0e1116;
    --color-ansi-black-bright: #4b535d;
    --color-ansi-white: #66707b;
    --color-ansi-white-bright: #88929d;
    --color-ansi-gray: #66707b;
    --color-ansi-red: #a0111f;
    --color-ansi-red-bright: #86061d;
    --color-ansi-green: #024c1a;
    --color-ansi-green-bright: #055d20;
    --color-ansi-yellow: #3f2200;
    --color-ansi-yellow-bright: #4e2c00;
    --color-ansi-blue: #0349b4;
    --color-ansi-blue-bright: #1168e3;
    --color-ansi-magenta: #622cbc;
    --color-ansi-magenta-bright: #844ae7;
    --color-ansi-cyan: #1b7c83;
    --color-ansi-cyan-bright: #3192aa;
    --color-prettylights-syntax-comment: #4b535d;
    --color-prettylights-syntax-constant: #023b95;
    --color-prettylights-syntax-constant-other-reference-link: #032563;
    --color-prettylights-syntax-entity: #512598;
    --color-prettylights-syntax-storage-modifier-import: #0e1116;
    --color-prettylights-syntax-entity-tag: #023b95;
    --color-prettylights-syntax-keyword: #a0111f;
    --color-prettylights-syntax-string: #032563;
    --color-prettylights-syntax-variable: #702c00;
    --color-prettylights-syntax-brackethighlighter-unmatched: #6e011a;
    --color-prettylights-syntax-brackethighlighter-angle: #4b535d;
    --color-prettylights-syntax-invalid-illegal-text: #ffffff;
    --color-prettylights-syntax-invalid-illegal-bg: #6e011a;
    --color-prettylights-syntax-carriage-return-text: #ffffff;
    --color-prettylights-syntax-carriage-return-bg: #a0111f;
    --color-prettylights-syntax-string-regexp: #024c1a;
    --color-prettylights-syntax-markup-list: #2e1800;
    --color-prettylights-syntax-markup-heading: #023b95;
    --color-prettylights-syntax-markup-italic: #0e1116;
    --color-prettylights-syntax-markup-bold: #0e1116;
    --color-prettylights-syntax-markup-deleted-text: #6e011a;
    --color-prettylights-syntax-markup-deleted-bg: #fff0ee;
    --color-prettylights-syntax-markup-inserted-text: #024c1a;
    --color-prettylights-syntax-markup-inserted-bg: #d2fedb;
    --color-prettylights-syntax-markup-changed-text: #702c00;
    --color-prettylights-syntax-markup-changed-bg: #ffc67b;
    --color-prettylights-syntax-markup-ignored-text: #e7ecf0;
    --color-prettylights-syntax-markup-ignored-bg: #023b95;
    --color-prettylights-syntax-meta-diff-range: #622cbc;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
    --shadow-inset: inset 0px 1px 0px 0px #0104090a;
    --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
    --shadow-resting-small: 0px 1px 0px 0px #0104090a;
    --shadow-resting-medium: 0px 3px 6px 0px #343b431f;
    --shadow-floating-small: 0px 0px 0px 1px #88929d80, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
    --shadow-floating-medium: 0px 0px 0px 1px #88929d, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
    --shadow-floating-large: 0px 0px 0px 1px #88929d, 0px 40px 80px 0px #343b433d;
    --shadow-floating-xlarge: 0px 0px 0px 1px #88929d, 0px 56px 112px 0px #343b4352;
    --shadow-floating-legacy: 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/functional/themes/light-tritanopia.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
[data-color-mode="light"][data-light-theme="light_tritanopia"],
[data-color-mode="light"][data-light-theme="light_tritanopia"] ::backdrop,
[data-color-mode="auto"][data-light-theme="light_tritanopia"],
[data-color-mode="auto"][data-light-theme="light_tritanopia"] ::backdrop {
  --topicTag-borderColor: #ffffff00;
  --highlight-neutral-bgColor: #fff8c5;
  --page-header-bgColor: #f6f8fa;
  --diffBlob-addition-fgColor-text: #1f2328;
  --diffBlob-addition-fgColor-num: #1f2328;
  --diffBlob-addition-bgColor-num: #d5f1ff;
  --diffBlob-addition-bgColor-line: #ddf4ff;
  --diffBlob-addition-bgColor-word: #b6e3ff;
  --diffBlob-deletion-fgColor-text: #1f2328;
  --diffBlob-deletion-fgColor-num: #1f2328;
  --diffBlob-deletion-bgColor-num: #ffcecb;
  --diffBlob-deletion-bgColor-line: #ffebe9;
  --diffBlob-deletion-bgColor-word: #ff818266;
  --diffBlob-hunk-bgColor-num: #54aeff66;
  --diffBlob-expander-iconColor: #636c76;
  --codeMirror-fgColor: #1f2328;
  --codeMirror-bgColor: #ffffff;
  --codeMirror-gutters-bgColor: #ffffff;
  --codeMirror-gutterMarker-fgColor-default: #ffffff;
  --codeMirror-gutterMarker-fgColor-muted: #636c76;
  --codeMirror-lineNumber-fgColor: #636c76;
  --codeMirror-cursor-fgColor: #1f2328;
  --codeMirror-selection-bgColor: #54aeff66;
  --codeMirror-activeline-bgColor: #afb8c133;
  --codeMirror-matchingBracket-fgColor: #1f2328;
  --codeMirror-lines-bgColor: #ffffff;
  --codeMirror-syntax-fgColor-comment: #24292f;
  --codeMirror-syntax-fgColor-constant: #0550ae;
  --codeMirror-syntax-fgColor-entity: #8250df;
  --codeMirror-syntax-fgColor-keyword: #cf222e;
  --codeMirror-syntax-fgColor-storage: #cf222e;
  --codeMirror-syntax-fgColor-string: #0a3069;
  --codeMirror-syntax-fgColor-support: #0550ae;
  --codeMirror-syntax-fgColor-variable: #a40e26;
  --header-fgColor-default: #ffffffb3;
  --header-fgColor-logo: #ffffff;
  --header-bgColor: #24292f;
  --header-borderColor-divider: #57606a;
  --headerSearch-bgColor: #24292f;
  --headerSearch-borderColor: #57606a;
  --data-blue-color: #006edb;
  --data-blue-color-muted: #d1f0ff;
  --data-auburn-color: #9d615c;
  --data-auburn-color-muted: #f2e9e9;
  --data-orange-color: #eb670f;
  --data-orange-color-muted: #ffe7d1;
  --data-yellow-color: #b88700;
  --data-yellow-color-muted: #ffec9e;
  --data-green-color: #30a147;
  --data-green-color-muted: #caf7ca;
  --data-teal-color: #179b9b;
  --data-teal-color-muted: #c7f5ef;
  --data-purple-color: #894ceb;
  --data-purple-color-muted: #f1e5ff;
  --data-pink-color: #ce2c85;
  --data-pink-color-muted: #ffe5f1;
  --data-red-color: #df0c24;
  --data-red-color-muted: #ffe2e0;
  --data-gray-color: #808fa3;
  --data-gray-color-muted: #e8ecf2;
  --display-blue-bgColor-muted: #d1f0ff;
  --display-blue-bgColor-emphasis: #006edb;
  --display-blue-fgColor: #005fcc;
  --display-blue-borderColor-muted: #ade1ff;
  --display-blue-borderColor-emphasis: #006edb;
  --display-green-bgColor-muted: #caf7ca;
  --display-green-bgColor-emphasis: #2c8141;
  --display-green-fgColor: #2b6e3f;
  --display-green-borderColor-muted: #9ceda0;
  --display-green-borderColor-emphasis: #2c8141;
  --display-orange-bgColor-muted: #ffe7d1;
  --display-orange-bgColor-emphasis: #b8500f;
  --display-orange-fgColor: #a24610;
  --display-orange-borderColor-muted: #fecfaa;
  --display-orange-borderColor-emphasis: #b8500f;
  --display-purple-bgColor-muted: #f1e5ff;
  --display-purple-bgColor-emphasis: #894ceb;
  --display-purple-fgColor: #783ae4;
  --display-purple-borderColor-muted: #e6d2fe;
  --display-purple-borderColor-emphasis: #894ceb;
  --display-plum-bgColor-muted: #f8e5ff;
  --display-plum-bgColor-emphasis: #a830e8;
  --display-plum-fgColor: #961edc;
  --display-plum-borderColor-muted: #f0cdfe;
  --display-plum-borderColor-emphasis: #a830e8;
  --display-red-bgColor-muted: #ffe2e0;
  --display-red-bgColor-emphasis: #df0c24;
  --display-red-fgColor: #c50d28;
  --display-red-borderColor-muted: #fecdcd;
  --display-red-borderColor-emphasis: #df0c24;
  --display-coral-bgColor-muted: #ffe5db;
  --display-coral-bgColor-emphasis: #d43511;
  --display-coral-fgColor: #ba2e12;
  --display-coral-borderColor-muted: #fecebe;
  --display-coral-borderColor-emphasis: #d43511;
  --display-yellow-bgColor-muted: #ffec9e;
  --display-yellow-bgColor-emphasis: #946a00;
  --display-yellow-fgColor: #805900;
  --display-yellow-borderColor-muted: #ffd642;
  --display-yellow-borderColor-emphasis: #946a00;
  --display-gray-bgColor-muted: #e8ecf2;
  --display-gray-bgColor-emphasis: #647182;
  --display-gray-fgColor: #5c6570;
  --display-gray-borderColor-muted: #d2dae4;
  --display-gray-borderColor-emphasis: #647182;
  --display-auburn-bgColor-muted: #f2e9e9;
  --display-auburn-bgColor-emphasis: #9d615c;
  --display-auburn-fgColor: #8a5551;
  --display-auburn-borderColor-muted: #e6d6d5;
  --display-auburn-borderColor-emphasis: #9d615c;
  --display-brown-bgColor-muted: #eeeae2;
  --display-brown-bgColor-emphasis: #856d4c;
  --display-brown-fgColor: #755f43;
  --display-brown-borderColor-muted: #dfd7c8;
  --display-brown-borderColor-emphasis: #856d4c;
  --display-lemon-bgColor-muted: #f7eea1;
  --display-lemon-bgColor-emphasis: #866e04;
  --display-lemon-fgColor: #786002;
  --display-lemon-borderColor-muted: #f0db3d;
  --display-lemon-borderColor-emphasis: #866e04;
  --display-olive-bgColor-muted: #f0f0ad;
  --display-olive-bgColor-emphasis: #64762d;
  --display-olive-fgColor: #56682c;
  --display-olive-borderColor-muted: #dbe170;
  --display-olive-borderColor-emphasis: #64762d;
  --display-lime-bgColor-muted: #e3f2b5;
  --display-lime-bgColor-emphasis: #527a29;
  --display-lime-fgColor: #476c28;
  --display-lime-borderColor-muted: #c7e580;
  --display-lime-borderColor-emphasis: #527a29;
  --display-pine-bgColor-muted: #bff8db;
  --display-pine-bgColor-emphasis: #167e53;
  --display-pine-fgColor: #156f4b;
  --display-pine-borderColor-muted: #80efb9;
  --display-pine-borderColor-emphasis: #167e53;
  --display-teal-bgColor-muted: #c7f5ef;
  --display-teal-bgColor-emphasis: #127e81;
  --display-teal-fgColor: #106e75;
  --display-teal-borderColor-muted: #89ebe1;
  --display-teal-borderColor-emphasis: #127e81;
  --display-cyan-bgColor-muted: #bdf4ff;
  --display-cyan-bgColor-emphasis: #007b94;
  --display-cyan-fgColor: #006a80;
  --display-cyan-borderColor-muted: #7ae9ff;
  --display-cyan-borderColor-emphasis: #007b94;
  --display-indigo-bgColor-muted: #e5e9ff;
  --display-indigo-bgColor-emphasis: #5a61e7;
  --display-indigo-fgColor: #494edf;
  --display-indigo-borderColor-muted: #d2d7fe;
  --display-indigo-borderColor-emphasis: #5a61e7;
  --display-pink-bgColor-muted: #ffe5f1;
  --display-pink-bgColor-emphasis: #ce2c85;
  --display-pink-fgColor: #b12f79;
  --display-pink-borderColor-muted: #fdc9e2;
  --display-pink-borderColor-emphasis: #ce2c85;
  --avatar-bgColor: #ffffff;
  --avatar-borderColor: #1f232826;
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
  --avatarStack-fade-bgColor-default: #afb8c1;
  --avatarStack-fade-bgColor-muted: #d0d7de;
  --control-bgColor-rest: #f6f8fa;
  --control-bgColor-hover: #eef1f4;
  --control-bgColor-active: #e7ebef;
  --control-bgColor-disabled: #eaeef2b3;
  --control-bgColor-selected: #f6f8fa;
  --control-fgColor-rest: #24292f;
  --control-fgColor-placeholder: #69727c;
  --control-fgColor-disabled: #8c959f;
  --control-borderColor-rest: #d0d7de;
  --control-borderColor-emphasis: #868f99;
  --control-borderColor-disabled: #eaeef2b3;
  --control-borderColor-selected: #f6f8fa;
  --control-borderColor-success: #218bff;
  --control-borderColor-danger: #cf222e;
  --control-borderColor-warning: #bf8700;
  --control-iconColor-rest: #636c76;
  --control-transparent-bgColor-rest: #ffffff00;
  --control-transparent-bgColor-hover: #d0d7de33;
  --control-transparent-bgColor-active: #d0d7de66;
  --control-transparent-bgColor-disabled: #eaeef2b3;
  --control-transparent-bgColor-selected: #d0d7de33;
  --control-transparent-borderColor-rest: #ffffff00;
  --control-transparent-borderColor-hover: #ffffff00;
  --control-transparent-borderColor-active: #ffffff00;
  --control-danger-fgColor-rest: #d1242f;
  --control-danger-fgColor-hover: #d1242f;
  --control-danger-bgColor-hover: #ffebe9;
  --control-danger-bgColor-active: #ffebe966;
  --control-checked-bgColor-rest: #0969da;
  --control-checked-bgColor-hover: #0860ca;
  --control-checked-bgColor-active: #0757ba;
  --control-checked-bgColor-disabled: #8c959f;
  --control-checked-fgColor-rest: #ffffff;
  --control-checked-fgColor-disabled: #ffffff;
  --control-checked-borderColor-rest: #0969da;
  --control-checked-borderColor-hover: #0860ca;
  --control-checked-borderColor-active: #0757ba;
  --control-checked-borderColor-disabled: #8c959f;
  --controlTrack-bgColor-rest: #eaeef2;
  --controlTrack-bgColor-hover: #dee3e8;
  --controlTrack-bgColor-active: #d2d8de;
  --controlTrack-bgColor-disabled: #8c959f;
  --controlTrack-fgColor-rest: #636c76;
  --controlTrack-fgColor-disabled: #ffffff;
  --controlTrack-borderColor-rest: #ffffff00;
  --controlTrack-borderColor-disabled: #8c959f;
  --controlKnob-bgColor-rest: #ffffff;
  --controlKnob-bgColor-disabled: #eaeef2b3;
  --controlKnob-bgColor-checked: #ffffff;
  --controlKnob-borderColor-rest: #868f99;
  --controlKnob-borderColor-disabled: #eaeef2b3;
  --controlKnob-borderColor-checked: #0969da;
  --counter-borderColor: #ffffff00;
  --button-default-fgColor-rest: #24292f;
  --button-default-bgColor-rest: #f6f8fa;
  --button-default-bgColor-hover: #eef1f4;
  --button-default-bgColor-active: #e7ebef;
  --button-default-bgColor-selected: #e7ebef;
  --button-default-bgColor-disabled: #eaeef2b3;
  --button-default-borderColor-rest: #d0d7de;
  --button-default-borderColor-hover: #d0d7de;
  --button-default-borderColor-active: #d0d7de;
  --button-default-borderColor-disabled: #eaeef2b3;
  --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
  --button-primary-fgColor-rest: #ffffff;
  --button-primary-fgColor-disabled: #ffffffcc;
  --button-primary-iconColor-rest: #ffffffcc;
  --button-primary-bgColor-rest: #0f72e3;
  --button-primary-bgColor-hover: #0d6bd8;
  --button-primary-bgColor-active: #0b64ce;
  --button-primary-bgColor-disabled: #92caff;
  --button-primary-borderColor-rest: #1f232826;
  --button-primary-borderColor-hover: #1f232826;
  --button-primary-borderColor-active: #1f232826;
  --button-primary-borderColor-disabled: #92caff;
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
  --button-invisible-fgColor-rest: #0969da;
  --button-invisible-fgColor-hover: #0969da;
  --button-invisible-fgColor-disabled: #8c959f;
  --button-invisible-iconColor-rest: #636c76;
  --button-invisible-iconColor-hover: #636c76;
  --button-invisible-iconColor-disabled: #8c959f;
  --button-invisible-bgColor-rest: #ffffff00;
  --button-invisible-bgColor-hover: #d0d7de33;
  --button-invisible-bgColor-active: #d0d7de66;
  --button-invisible-bgColor-disabled: #eaeef2b3;
  --button-invisible-borderColor-rest: #ffffff00;
  --button-invisible-borderColor-hover: #ffffff00;
  --button-invisible-borderColor-disabled: #eaeef2b3;
  --button-outline-fgColor-rest: #0969da;
  --button-outline-fgColor-hover: #ffffff;
  --button-outline-fgColor-active: #ffffff;
  --button-outline-fgColor-disabled: #0969da80;
  --button-outline-bgColor-rest: #f6f8fa;
  --button-outline-bgColor-hover: #0969da;
  --button-outline-bgColor-active: #0757ba;
  --button-outline-bgColor-disabled: #f6f8fa;
  --button-outline-borderColor-hover: #1f232826;
  --button-outline-borderColor-active: #1f232826;
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
  --button-danger-fgColor-rest: #d1242f;
  --button-danger-fgColor-hover: #ffffff;
  --button-danger-fgColor-active: #ffffff;
  --button-danger-fgColor-disabled: #d1242f80;
  --button-danger-iconColor-rest: #d1242f;
  --button-danger-iconColor-hover: #ffffff;
  --button-danger-bgColor-rest: #f6f8fa;
  --button-danger-bgColor-hover: #a40e26;
  --button-danger-bgColor-active: #8b0820;
  --button-danger-bgColor-disabled: #eaeef2b3;
  --button-danger-borderColor-rest: #d0d7de;
  --button-danger-borderColor-hover: #1f232826;
  --button-danger-borderColor-active: #1f232826;
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
  --button-inactive-fgColor: #57606a;
  --button-inactive-bgColor: #eaeef2;
  --button-star-iconColor: #eac54f;
  --buttonCounter-default-bgColor-rest: #afb8c133;
  --buttonCounter-invisible-bgColor-rest: #afb8c133;
  --buttonCounter-primary-bgColor-rest: #002d1133;
  --buttonCounter-outline-bgColor-rest: #0969da1a;
  --buttonCounter-outline-bgColor-hover: #ffffff33;
  --buttonCounter-outline-bgColor-disabled: #0969da0d;
  --buttonCounter-outline-fgColor-rest: #0550ae;
  --buttonCounter-outline-fgColor-hover: #ffffff;
  --buttonCounter-outline-fgColor-disabled: #0969da80;
  --buttonCounter-danger-bgColor-hover: #ffffff33;
  --buttonCounter-danger-bgColor-disabled: #cf222e0d;
  --buttonCounter-danger-bgColor-rest: #cf222e1a;
  --buttonCounter-danger-fgColor-rest: #c21c2c;
  --buttonCounter-danger-fgColor-hover: #ffffff;
  --buttonCounter-danger-fgColor-disabled: #d1242f80;
  --reactionButton-selected-bgColor-rest: #ddf4ff;
  --reactionButton-selected-bgColor-hover: #caecff;
  --reactionButton-selected-fgColor-rest: #0969da;
  --reactionButton-selected-fgColor-hover: #0550ae;
  --focus-outlineColor: #0969da;
  --focus-outline: #0969da solid 2px;
  --menu-bgColor-active: #ffffff00;
  --overlay-bgColor: #ffffff;
  --overlay-borderColor: #d0d7de80;
  --overlay-backdrop-bgColor: #8c959f33;
  --selectMenu-borderColor: #ffffff00;
  --selectMenu-bgColor-active: #b6e3ff;
  --sideNav-bgColor-selected: #ffffff;
  --skeletonLoader-bgColor: #f6f8fa;
  --timelineBadge-bgColor: #eaeef2;
  --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
  --underlineNav-borderColor-active: #fd8c73;
  --underlineNav-borderColor-hover: #afb8c133;
  --underlineNav-iconColor-rest: #636c76;
  --selection-bgColor: #0969da33;
  --card-bgColor: #ffffff;
  --label-green-bgColor-rest: #caf7ca;
  --label-green-bgColor-hover: #9ceda0;
  --label-green-bgColor-active: #54d961;
  --label-green-fgColor-rest: #2b6e3f;
  --label-green-fgColor-hover: #285c3b;
  --label-green-fgColor-active: #254b34;
  --label-orange-bgColor-rest: #ffe7d1;
  --label-orange-bgColor-hover: #fecfaa;
  --label-orange-bgColor-active: #fbaf74;
  --label-orange-fgColor-rest: #a24610;
  --label-orange-fgColor-hover: #8d3c11;
  --label-orange-fgColor-active: #70300f;
  --label-purple-bgColor-rest: #f1e5ff;
  --label-purple-bgColor-hover: #e6d2fe;
  --label-purple-bgColor-active: #d1b1fc;
  --label-purple-fgColor-rest: #783ae4;
  --label-purple-fgColor-hover: #6223d7;
  --label-purple-fgColor-active: #4f21ab;
  --label-red-bgColor-rest: #ffe2e0;
  --label-red-bgColor-hover: #fecdcd;
  --label-red-bgColor-active: #fda5a7;
  --label-red-fgColor-rest: #c50d28;
  --label-red-fgColor-hover: #a60c29;
  --label-red-fgColor-active: #880c27;
  --label-yellow-bgColor-rest: #ffec9e;
  --label-yellow-bgColor-hover: #ffd642;
  --label-yellow-bgColor-active: #ebb400;
  --label-yellow-fgColor-rest: #805900;
  --label-yellow-fgColor-hover: #704d00;
  --label-yellow-fgColor-active: #5c3d00;
  --label-gray-bgColor-rest: #e8ecf2;
  --label-gray-bgColor-hover: #d2dae4;
  --label-gray-bgColor-active: #b4c0cf;
  --label-gray-fgColor-rest: #5c6570;
  --label-gray-fgColor-hover: #4e535a;
  --label-gray-fgColor-active: #424448;
  --label-auburn-bgColor-rest: #f2e9e9;
  --label-auburn-bgColor-hover: #e6d6d5;
  --label-auburn-bgColor-active: #d4b7b5;
  --label-auburn-fgColor-rest: #8a5551;
  --label-auburn-fgColor-hover: #744744;
  --label-auburn-fgColor-active: #5d3937;
  --label-brown-bgColor-rest: #eeeae2;
  --label-brown-bgColor-hover: #dfd7c8;
  --label-brown-bgColor-active: #cbbda4;
  --label-brown-fgColor-rest: #755f43;
  --label-brown-fgColor-hover: #64513a;
  --label-brown-fgColor-active: #51412f;
  --label-lemon-bgColor-rest: #f7eea1;
  --label-lemon-bgColor-hover: #f0db3d;
  --label-lemon-bgColor-active: #d8bd0e;
  --label-lemon-fgColor-rest: #786002;
  --label-lemon-fgColor-hover: #654f01;
  --label-lemon-fgColor-active: #523f00;
  --label-olive-bgColor-rest: #f0f0ad;
  --label-olive-bgColor-hover: #dbe170;
  --label-olive-bgColor-active: #b9c832;
  --label-olive-fgColor-rest: #56682c;
  --label-olive-fgColor-hover: #495a2b;
  --label-olive-fgColor-active: #3b4927;
  --label-lime-bgColor-rest: #e3f2b5;
  --label-lime-bgColor-hover: #c7e580;
  --label-lime-bgColor-active: #9bd039;
  --label-lime-fgColor-rest: #476c28;
  --label-lime-fgColor-hover: #3a5b25;
  --label-lime-fgColor-active: #2f4a21;
  --label-pine-bgColor-rest: #bff8db;
  --label-pine-bgColor-hover: #80efb9;
  --label-pine-bgColor-active: #1dd781;
  --label-pine-fgColor-rest: #156f4b;
  --label-pine-fgColor-hover: #135d41;
  --label-pine-fgColor-active: #114b36;
  --label-teal-bgColor-rest: #c7f5ef;
  --label-teal-bgColor-hover: #89ebe1;
  --label-teal-bgColor-active: #22d3c7;
  --label-teal-fgColor-rest: #106e75;
  --label-teal-fgColor-hover: #0d5b63;
  --label-teal-fgColor-active: #0a4852;
  --label-cyan-bgColor-rest: #bdf4ff;
  --label-cyan-bgColor-hover: #7ae9ff;
  --label-cyan-bgColor-active: #00d0fa;
  --label-cyan-fgColor-rest: #006a80;
  --label-cyan-fgColor-hover: #00596b;
  --label-cyan-fgColor-active: #004857;
  --label-indigo-bgColor-rest: #e5e9ff;
  --label-indigo-bgColor-hover: #d2d7fe;
  --label-indigo-bgColor-active: #b1b9fb;
  --label-indigo-fgColor-rest: #494edf;
  --label-indigo-fgColor-hover: #393cd5;
  --label-indigo-fgColor-active: #2d2db4;
  --label-blue-bgColor-rest: #d1f0ff;
  --label-blue-bgColor-hover: #ade1ff;
  --label-blue-bgColor-active: #75c8ff;
  --label-blue-fgColor-rest: #005fcc;
  --label-blue-fgColor-hover: #004db3;
  --label-blue-fgColor-active: #003d99;
  --label-plum-bgColor-rest: #f8e5ff;
  --label-plum-bgColor-hover: #f0cdfe;
  --label-plum-bgColor-active: #e2a7fb;
  --label-plum-fgColor-rest: #961edc;
  --label-plum-fgColor-hover: #7d1eb8;
  --label-plum-fgColor-active: #651d96;
  --label-pink-bgColor-rest: #ffe5f1;
  --label-pink-bgColor-hover: #fdc9e2;
  --label-pink-bgColor-active: #f8a5cf;
  --label-pink-fgColor-rest: #b12f79;
  --label-pink-fgColor-hover: #8e2e66;
  --label-pink-fgColor-active: #6e2b53;
  --label-coral-bgColor-rest: #ffe5db;
  --label-coral-bgColor-hover: #fecebe;
  --label-coral-bgColor-active: #fcab92;
  --label-coral-fgColor-rest: #ba2e12;
  --label-coral-fgColor-hover: #9b2712;
  --label-coral-fgColor-active: #7e2011;
  --fgColor-default: #1f2328;
  --fgColor-muted: #636c76;
  --fgColor-onEmphasis: #ffffff;
  --fgColor-white: #ffffff;
  --fgColor-black: #1f2328;
  --fgColor-disabled: #8c959f;
  --fgColor-link: #0969da;
  --fgColor-neutral: #6e7781;
  --fgColor-accent: #0969da;
  --fgColor-success: #0969da;
  --fgColor-attention: #9a6700;
  --fgColor-severe: #cf222e;
  --fgColor-danger: #d1242f;
  --fgColor-open: #cf222e;
  --fgColor-closed: #6e7781;
  --fgColor-done: #8250df;
  --fgColor-upsell: #8250df;
  --fgColor-sponsors: #bf3989;
  --bgColor-default: #ffffff;
  --bgColor-muted: #f6f8fa;
  --bgColor-inset: #f6f8fa;
  --bgColor-emphasis: #24292f;
  --bgColor-inverse: #24292f;
  --bgColor-white: #ffffff;
  --bgColor-black: #1f2328;
  --bgColor-disabled: #eaeef2b3;
  --bgColor-transparent: #ffffff00;
  --bgColor-neutral-muted: #afb8c133;
  --bgColor-neutral-emphasis: #6e7781;
  --bgColor-accent-muted: #ddf4ff;
  --bgColor-accent-emphasis: #0969da;
  --bgColor-success-muted: #ddf4ff;
  --bgColor-success-emphasis: #0f72e3;
  --bgColor-attention-muted: #fff8c5;
  --bgColor-attention-emphasis: #9a6700;
  --bgColor-severe-muted: #ffebe9;
  --bgColor-severe-emphasis: #cf222e;
  --bgColor-danger-muted: #ffebe9;
  --bgColor-danger-emphasis: #cf222e;
  --bgColor-open-muted: #ffebe9;
  --bgColor-open-emphasis: #cf222e;
  --bgColor-closed-muted: #f6f8fa;
  --bgColor-closed-emphasis: #6e7781;
  --bgColor-done-muted: #fbefff;
  --bgColor-done-emphasis: #8250df;
  --bgColor-upsell-muted: #fbefff;
  --bgColor-upsell-emphasis: #8250df;
  --bgColor-sponsors-muted: #ffeff7;
  --bgColor-sponsors-emphasis: #bf3989;
  --borderColor-default: #d0d7de;
  --borderColor-muted: #d0d7deb3;
  --borderColor-emphasis: #6e7781;
  --borderColor-disabled: #eaeef2b3;
  --borderColor-transparent: #ffffff00;
  --borderColor-translucent: #1f232826;
  --borderColor-neutral-muted: #afb8c133;
  --borderColor-neutral-emphasis: #6e7781;
  --borderColor-accent-muted: #54aeff66;
  --borderColor-accent-emphasis: #0969da;
  --borderColor-success-muted: #54aeff66;
  --borderColor-success-emphasis: #218bff;
  --borderColor-attention-muted: #d4a72c66;
  --borderColor-attention-emphasis: #bf8700;
  --borderColor-severe-muted: #ff818266;
  --borderColor-severe-emphasis: #cf222e;
  --borderColor-danger-muted: #ff818266;
  --borderColor-danger-emphasis: #cf222e;
  --borderColor-open-muted: #ff818266;
  --borderColor-open-emphasis: #cf222e;
  --borderColor-closed-muted: #afb8c166;
  --borderColor-closed-emphasis: #6e7781;
  --borderColor-done-muted: #c297ff66;
  --borderColor-done-emphasis: #8250df;
  --borderColor-upsell-muted: #c297ff66;
  --borderColor-upsell-emphasis: #8250df;
  --borderColor-sponsors-muted: #ff80c866;
  --borderColor-sponsors-emphasis: #bf3989;
  --color-ansi-black: #24292f;
  --color-ansi-black-bright: #57606a;
  --color-ansi-white: #6e7781;
  --color-ansi-white-bright: #8c959f;
  --color-ansi-gray: #6e7781;
  --color-ansi-red: #cf222e;
  --color-ansi-red-bright: #a40e26;
  --color-ansi-green: #0550ae;
  --color-ansi-green-bright: #0969da;
  --color-ansi-yellow: #4d2d00;
  --color-ansi-yellow-bright: #633c01;
  --color-ansi-blue: #0969da;
  --color-ansi-blue-bright: #218bff;
  --color-ansi-magenta: #8250df;
  --color-ansi-magenta-bright: #a475f9;
  --color-ansi-cyan: #1b7c83;
  --color-ansi-cyan-bright: #3192aa;
  --color-prettylights-syntax-comment: #57606a;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
  --color-prettylights-syntax-entity: #6639ba;
  --color-prettylights-syntax-storage-modifier-import: #24292f;
  --color-prettylights-syntax-entity-tag: #0550ae;
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-variable: #a40e26;
  --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
  --color-prettylights-syntax-string-regexp: #0550ae;
  --color-prettylights-syntax-markup-list: #3b2300;
  --color-prettylights-syntax-markup-heading: #0550ae;
  --color-prettylights-syntax-markup-italic: #24292f;
  --color-prettylights-syntax-markup-bold: #24292f;
  --color-prettylights-syntax-markup-deleted-text: #82071e;
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
  --color-prettylights-syntax-markup-inserted-text: #0550ae;
  --color-prettylights-syntax-markup-inserted-bg: #ddf4ff;
  --color-prettylights-syntax-markup-changed-text: #a40e26;
  --color-prettylights-syntax-markup-changed-bg: #ffcecb;
  --color-prettylights-syntax-markup-ignored-text: #eaeef2;
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
  --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
  --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
  --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
  --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
  --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
  --shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
}
@media (prefers-color-scheme: dark) {
  [data-color-mode="auto"][data-dark-theme="light_tritanopia"],
  [data-color-mode="auto"][data-dark-theme="light_tritanopia"] ::backdrop {
    --topicTag-borderColor: #ffffff00;
    --highlight-neutral-bgColor: #fff8c5;
    --page-header-bgColor: #f6f8fa;
    --diffBlob-addition-fgColor-text: #1f2328;
    --diffBlob-addition-fgColor-num: #1f2328;
    --diffBlob-addition-bgColor-num: #d5f1ff;
    --diffBlob-addition-bgColor-line: #ddf4ff;
    --diffBlob-addition-bgColor-word: #b6e3ff;
    --diffBlob-deletion-fgColor-text: #1f2328;
    --diffBlob-deletion-fgColor-num: #1f2328;
    --diffBlob-deletion-bgColor-num: #ffcecb;
    --diffBlob-deletion-bgColor-line: #ffebe9;
    --diffBlob-deletion-bgColor-word: #ff818266;
    --diffBlob-hunk-bgColor-num: #54aeff66;
    --diffBlob-expander-iconColor: #636c76;
    --codeMirror-fgColor: #1f2328;
    --codeMirror-bgColor: #ffffff;
    --codeMirror-gutters-bgColor: #ffffff;
    --codeMirror-gutterMarker-fgColor-default: #ffffff;
    --codeMirror-gutterMarker-fgColor-muted: #636c76;
    --codeMirror-lineNumber-fgColor: #636c76;
    --codeMirror-cursor-fgColor: #1f2328;
    --codeMirror-selection-bgColor: #54aeff66;
    --codeMirror-activeline-bgColor: #afb8c133;
    --codeMirror-matchingBracket-fgColor: #1f2328;
    --codeMirror-lines-bgColor: #ffffff;
    --codeMirror-syntax-fgColor-comment: #24292f;
    --codeMirror-syntax-fgColor-constant: #0550ae;
    --codeMirror-syntax-fgColor-entity: #8250df;
    --codeMirror-syntax-fgColor-keyword: #cf222e;
    --codeMirror-syntax-fgColor-storage: #cf222e;
    --codeMirror-syntax-fgColor-string: #0a3069;
    --codeMirror-syntax-fgColor-support: #0550ae;
    --codeMirror-syntax-fgColor-variable: #a40e26;
    --header-fgColor-default: #ffffffb3;
    --header-fgColor-logo: #ffffff;
    --header-bgColor: #24292f;
    --header-borderColor-divider: #57606a;
    --headerSearch-bgColor: #24292f;
    --headerSearch-borderColor: #57606a;
    --data-blue-color: #006edb;
    --data-blue-color-muted: #d1f0ff;
    --data-auburn-color: #9d615c;
    --data-auburn-color-muted: #f2e9e9;
    --data-orange-color: #eb670f;
    --data-orange-color-muted: #ffe7d1;
    --data-yellow-color: #b88700;
    --data-yellow-color-muted: #ffec9e;
    --data-green-color: #30a147;
    --data-green-color-muted: #caf7ca;
    --data-teal-color: #179b9b;
    --data-teal-color-muted: #c7f5ef;
    --data-purple-color: #894ceb;
    --data-purple-color-muted: #f1e5ff;
    --data-pink-color: #ce2c85;
    --data-pink-color-muted: #ffe5f1;
    --data-red-color: #df0c24;
    --data-red-color-muted: #ffe2e0;
    --data-gray-color: #808fa3;
    --data-gray-color-muted: #e8ecf2;
    --display-blue-bgColor-muted: #d1f0ff;
    --display-blue-bgColor-emphasis: #006edb;
    --display-blue-fgColor: #005fcc;
    --display-blue-borderColor-muted: #ade1ff;
    --display-blue-borderColor-emphasis: #006edb;
    --display-green-bgColor-muted: #caf7ca;
    --display-green-bgColor-emphasis: #2c8141;
    --display-green-fgColor: #2b6e3f;
    --display-green-borderColor-muted: #9ceda0;
    --display-green-borderColor-emphasis: #2c8141;
    --display-orange-bgColor-muted: #ffe7d1;
    --display-orange-bgColor-emphasis: #b8500f;
    --display-orange-fgColor: #a24610;
    --display-orange-borderColor-muted: #fecfaa;
    --display-orange-borderColor-emphasis: #b8500f;
    --display-purple-bgColor-muted: #f1e5ff;
    --display-purple-bgColor-emphasis: #894ceb;
    --display-purple-fgColor: #783ae4;
    --display-purple-borderColor-muted: #e6d2fe;
    --display-purple-borderColor-emphasis: #894ceb;
    --display-plum-bgColor-muted: #f8e5ff;
    --display-plum-bgColor-emphasis: #a830e8;
    --display-plum-fgColor: #961edc;
    --display-plum-borderColor-muted: #f0cdfe;
    --display-plum-borderColor-emphasis: #a830e8;
    --display-red-bgColor-muted: #ffe2e0;
    --display-red-bgColor-emphasis: #df0c24;
    --display-red-fgColor: #c50d28;
    --display-red-borderColor-muted: #fecdcd;
    --display-red-borderColor-emphasis: #df0c24;
    --display-coral-bgColor-muted: #ffe5db;
    --display-coral-bgColor-emphasis: #d43511;
    --display-coral-fgColor: #ba2e12;
    --display-coral-borderColor-muted: #fecebe;
    --display-coral-borderColor-emphasis: #d43511;
    --display-yellow-bgColor-muted: #ffec9e;
    --display-yellow-bgColor-emphasis: #946a00;
    --display-yellow-fgColor: #805900;
    --display-yellow-borderColor-muted: #ffd642;
    --display-yellow-borderColor-emphasis: #946a00;
    --display-gray-bgColor-muted: #e8ecf2;
    --display-gray-bgColor-emphasis: #647182;
    --display-gray-fgColor: #5c6570;
    --display-gray-borderColor-muted: #d2dae4;
    --display-gray-borderColor-emphasis: #647182;
    --display-auburn-bgColor-muted: #f2e9e9;
    --display-auburn-bgColor-emphasis: #9d615c;
    --display-auburn-fgColor: #8a5551;
    --display-auburn-borderColor-muted: #e6d6d5;
    --display-auburn-borderColor-emphasis: #9d615c;
    --display-brown-bgColor-muted: #eeeae2;
    --display-brown-bgColor-emphasis: #856d4c;
    --display-brown-fgColor: #755f43;
    --display-brown-borderColor-muted: #dfd7c8;
    --display-brown-borderColor-emphasis: #856d4c;
    --display-lemon-bgColor-muted: #f7eea1;
    --display-lemon-bgColor-emphasis: #866e04;
    --display-lemon-fgColor: #786002;
    --display-lemon-borderColor-muted: #f0db3d;
    --display-lemon-borderColor-emphasis: #866e04;
    --display-olive-bgColor-muted: #f0f0ad;
    --display-olive-bgColor-emphasis: #64762d;
    --display-olive-fgColor: #56682c;
    --display-olive-borderColor-muted: #dbe170;
    --display-olive-borderColor-emphasis: #64762d;
    --display-lime-bgColor-muted: #e3f2b5;
    --display-lime-bgColor-emphasis: #527a29;
    --display-lime-fgColor: #476c28;
    --display-lime-borderColor-muted: #c7e580;
    --display-lime-borderColor-emphasis: #527a29;
    --display-pine-bgColor-muted: #bff8db;
    --display-pine-bgColor-emphasis: #167e53;
    --display-pine-fgColor: #156f4b;
    --display-pine-borderColor-muted: #80efb9;
    --display-pine-borderColor-emphasis: #167e53;
    --display-teal-bgColor-muted: #c7f5ef;
    --display-teal-bgColor-emphasis: #127e81;
    --display-teal-fgColor: #106e75;
    --display-teal-borderColor-muted: #89ebe1;
    --display-teal-borderColor-emphasis: #127e81;
    --display-cyan-bgColor-muted: #bdf4ff;
    --display-cyan-bgColor-emphasis: #007b94;
    --display-cyan-fgColor: #006a80;
    --display-cyan-borderColor-muted: #7ae9ff;
    --display-cyan-borderColor-emphasis: #007b94;
    --display-indigo-bgColor-muted: #e5e9ff;
    --display-indigo-bgColor-emphasis: #5a61e7;
    --display-indigo-fgColor: #494edf;
    --display-indigo-borderColor-muted: #d2d7fe;
    --display-indigo-borderColor-emphasis: #5a61e7;
    --display-pink-bgColor-muted: #ffe5f1;
    --display-pink-bgColor-emphasis: #ce2c85;
    --display-pink-fgColor: #b12f79;
    --display-pink-borderColor-muted: #fdc9e2;
    --display-pink-borderColor-emphasis: #ce2c85;
    --avatar-bgColor: #ffffff;
    --avatar-borderColor: #1f232826;
    --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
    --avatarStack-fade-bgColor-default: #afb8c1;
    --avatarStack-fade-bgColor-muted: #d0d7de;
    --control-bgColor-rest: #f6f8fa;
    --control-bgColor-hover: #eef1f4;
    --control-bgColor-active: #e7ebef;
    --control-bgColor-disabled: #eaeef2b3;
    --control-bgColor-selected: #f6f8fa;
    --control-fgColor-rest: #24292f;
    --control-fgColor-placeholder: #69727c;
    --control-fgColor-disabled: #8c959f;
    --control-borderColor-rest: #d0d7de;
    --control-borderColor-emphasis: #868f99;
    --control-borderColor-disabled: #eaeef2b3;
    --control-borderColor-selected: #f6f8fa;
    --control-borderColor-success: #218bff;
    --control-borderColor-danger: #cf222e;
    --control-borderColor-warning: #bf8700;
    --control-iconColor-rest: #636c76;
    --control-transparent-bgColor-rest: #ffffff00;
    --control-transparent-bgColor-hover: #d0d7de33;
    --control-transparent-bgColor-active: #d0d7de66;
    --control-transparent-bgColor-disabled: #eaeef2b3;
    --control-transparent-bgColor-selected: #d0d7de33;
    --control-transparent-borderColor-rest: #ffffff00;
    --control-transparent-borderColor-hover: #ffffff00;
    --control-transparent-borderColor-active: #ffffff00;
    --control-danger-fgColor-rest: #d1242f;
    --control-danger-fgColor-hover: #d1242f;
    --control-danger-bgColor-hover: #ffebe9;
    --control-danger-bgColor-active: #ffebe966;
    --control-checked-bgColor-rest: #0969da;
    --control-checked-bgColor-hover: #0860ca;
    --control-checked-bgColor-active: #0757ba;
    --control-checked-bgColor-disabled: #8c959f;
    --control-checked-fgColor-rest: #ffffff;
    --control-checked-fgColor-disabled: #ffffff;
    --control-checked-borderColor-rest: #0969da;
    --control-checked-borderColor-hover: #0860ca;
    --control-checked-borderColor-active: #0757ba;
    --control-checked-borderColor-disabled: #8c959f;
    --controlTrack-bgColor-rest: #eaeef2;
    --controlTrack-bgColor-hover: #dee3e8;
    --controlTrack-bgColor-active: #d2d8de;
    --controlTrack-bgColor-disabled: #8c959f;
    --controlTrack-fgColor-rest: #636c76;
    --controlTrack-fgColor-disabled: #ffffff;
    --controlTrack-borderColor-rest: #ffffff00;
    --controlTrack-borderColor-disabled: #8c959f;
    --controlKnob-bgColor-rest: #ffffff;
    --controlKnob-bgColor-disabled: #eaeef2b3;
    --controlKnob-bgColor-checked: #ffffff;
    --controlKnob-borderColor-rest: #868f99;
    --controlKnob-borderColor-disabled: #eaeef2b3;
    --controlKnob-borderColor-checked: #0969da;
    --counter-borderColor: #ffffff00;
    --button-default-fgColor-rest: #24292f;
    --button-default-bgColor-rest: #f6f8fa;
    --button-default-bgColor-hover: #eef1f4;
    --button-default-bgColor-active: #e7ebef;
    --button-default-bgColor-selected: #e7ebef;
    --button-default-bgColor-disabled: #eaeef2b3;
    --button-default-borderColor-rest: #d0d7de;
    --button-default-borderColor-hover: #d0d7de;
    --button-default-borderColor-active: #d0d7de;
    --button-default-borderColor-disabled: #eaeef2b3;
    --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
    --button-primary-fgColor-rest: #ffffff;
    --button-primary-fgColor-disabled: #ffffffcc;
    --button-primary-iconColor-rest: #ffffffcc;
    --button-primary-bgColor-rest: #0f72e3;
    --button-primary-bgColor-hover: #0d6bd8;
    --button-primary-bgColor-active: #0b64ce;
    --button-primary-bgColor-disabled: #92caff;
    --button-primary-borderColor-rest: #1f232826;
    --button-primary-borderColor-hover: #1f232826;
    --button-primary-borderColor-active: #1f232826;
    --button-primary-borderColor-disabled: #92caff;
    --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
    --button-invisible-fgColor-rest: #0969da;
    --button-invisible-fgColor-hover: #0969da;
    --button-invisible-fgColor-disabled: #8c959f;
    --button-invisible-iconColor-rest: #636c76;
    --button-invisible-iconColor-hover: #636c76;
    --button-invisible-iconColor-disabled: #8c959f;
    --button-invisible-bgColor-rest: #ffffff00;
    --button-invisible-bgColor-hover: #d0d7de33;
    --button-invisible-bgColor-active: #d0d7de66;
    --button-invisible-bgColor-disabled: #eaeef2b3;
    --button-invisible-borderColor-rest: #ffffff00;
    --button-invisible-borderColor-hover: #ffffff00;
    --button-invisible-borderColor-disabled: #eaeef2b3;
    --button-outline-fgColor-rest: #0969da;
    --button-outline-fgColor-hover: #ffffff;
    --button-outline-fgColor-active: #ffffff;
    --button-outline-fgColor-disabled: #0969da80;
    --button-outline-bgColor-rest: #f6f8fa;
    --button-outline-bgColor-hover: #0969da;
    --button-outline-bgColor-active: #0757ba;
    --button-outline-bgColor-disabled: #f6f8fa;
    --button-outline-borderColor-hover: #1f232826;
    --button-outline-borderColor-active: #1f232826;
    --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
    --button-danger-fgColor-rest: #d1242f;
    --button-danger-fgColor-hover: #ffffff;
    --button-danger-fgColor-active: #ffffff;
    --button-danger-fgColor-disabled: #d1242f80;
    --button-danger-iconColor-rest: #d1242f;
    --button-danger-iconColor-hover: #ffffff;
    --button-danger-bgColor-rest: #f6f8fa;
    --button-danger-bgColor-hover: #a40e26;
    --button-danger-bgColor-active: #8b0820;
    --button-danger-bgColor-disabled: #eaeef2b3;
    --button-danger-borderColor-rest: #d0d7de;
    --button-danger-borderColor-hover: #1f232826;
    --button-danger-borderColor-active: #1f232826;
    --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
    --button-inactive-fgColor: #57606a;
    --button-inactive-bgColor: #eaeef2;
    --button-star-iconColor: #eac54f;
    --buttonCounter-default-bgColor-rest: #afb8c133;
    --buttonCounter-invisible-bgColor-rest: #afb8c133;
    --buttonCounter-primary-bgColor-rest: #002d1133;
    --buttonCounter-outline-bgColor-rest: #0969da1a;
    --buttonCounter-outline-bgColor-hover: #ffffff33;
    --buttonCounter-outline-bgColor-disabled: #0969da0d;
    --buttonCounter-outline-fgColor-rest: #0550ae;
    --buttonCounter-outline-fgColor-hover: #ffffff;
    --buttonCounter-outline-fgColor-disabled: #0969da80;
    --buttonCounter-danger-bgColor-hover: #ffffff33;
    --buttonCounter-danger-bgColor-disabled: #cf222e0d;
    --buttonCounter-danger-bgColor-rest: #cf222e1a;
    --buttonCounter-danger-fgColor-rest: #c21c2c;
    --buttonCounter-danger-fgColor-hover: #ffffff;
    --buttonCounter-danger-fgColor-disabled: #d1242f80;
    --reactionButton-selected-bgColor-rest: #ddf4ff;
    --reactionButton-selected-bgColor-hover: #caecff;
    --reactionButton-selected-fgColor-rest: #0969da;
    --reactionButton-selected-fgColor-hover: #0550ae;
    --focus-outlineColor: #0969da;
    --focus-outline: #0969da solid 2px;
    --menu-bgColor-active: #ffffff00;
    --overlay-bgColor: #ffffff;
    --overlay-borderColor: #d0d7de80;
    --overlay-backdrop-bgColor: #8c959f33;
    --selectMenu-borderColor: #ffffff00;
    --selectMenu-bgColor-active: #b6e3ff;
    --sideNav-bgColor-selected: #ffffff;
    --skeletonLoader-bgColor: #f6f8fa;
    --timelineBadge-bgColor: #eaeef2;
    --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
    --underlineNav-borderColor-active: #fd8c73;
    --underlineNav-borderColor-hover: #afb8c133;
    --underlineNav-iconColor-rest: #636c76;
    --selection-bgColor: #0969da33;
    --card-bgColor: #ffffff;
    --label-green-bgColor-rest: #caf7ca;
    --label-green-bgColor-hover: #9ceda0;
    --label-green-bgColor-active: #54d961;
    --label-green-fgColor-rest: #2b6e3f;
    --label-green-fgColor-hover: #285c3b;
    --label-green-fgColor-active: #254b34;
    --label-orange-bgColor-rest: #ffe7d1;
    --label-orange-bgColor-hover: #fecfaa;
    --label-orange-bgColor-active: #fbaf74;
    --label-orange-fgColor-rest: #a24610;
    --label-orange-fgColor-hover: #8d3c11;
    --label-orange-fgColor-active: #70300f;
    --label-purple-bgColor-rest: #f1e5ff;
    --label-purple-bgColor-hover: #e6d2fe;
    --label-purple-bgColor-active: #d1b1fc;
    --label-purple-fgColor-rest: #783ae4;
    --label-purple-fgColor-hover: #6223d7;
    --label-purple-fgColor-active: #4f21ab;
    --label-red-bgColor-rest: #ffe2e0;
    --label-red-bgColor-hover: #fecdcd;
    --label-red-bgColor-active: #fda5a7;
    --label-red-fgColor-rest: #c50d28;
    --label-red-fgColor-hover: #a60c29;
    --label-red-fgColor-active: #880c27;
    --label-yellow-bgColor-rest: #ffec9e;
    --label-yellow-bgColor-hover: #ffd642;
    --label-yellow-bgColor-active: #ebb400;
    --label-yellow-fgColor-rest: #805900;
    --label-yellow-fgColor-hover: #704d00;
    --label-yellow-fgColor-active: #5c3d00;
    --label-gray-bgColor-rest: #e8ecf2;
    --label-gray-bgColor-hover: #d2dae4;
    --label-gray-bgColor-active: #b4c0cf;
    --label-gray-fgColor-rest: #5c6570;
    --label-gray-fgColor-hover: #4e535a;
    --label-gray-fgColor-active: #424448;
    --label-auburn-bgColor-rest: #f2e9e9;
    --label-auburn-bgColor-hover: #e6d6d5;
    --label-auburn-bgColor-active: #d4b7b5;
    --label-auburn-fgColor-rest: #8a5551;
    --label-auburn-fgColor-hover: #744744;
    --label-auburn-fgColor-active: #5d3937;
    --label-brown-bgColor-rest: #eeeae2;
    --label-brown-bgColor-hover: #dfd7c8;
    --label-brown-bgColor-active: #cbbda4;
    --label-brown-fgColor-rest: #755f43;
    --label-brown-fgColor-hover: #64513a;
    --label-brown-fgColor-active: #51412f;
    --label-lemon-bgColor-rest: #f7eea1;
    --label-lemon-bgColor-hover: #f0db3d;
    --label-lemon-bgColor-active: #d8bd0e;
    --label-lemon-fgColor-rest: #786002;
    --label-lemon-fgColor-hover: #654f01;
    --label-lemon-fgColor-active: #523f00;
    --label-olive-bgColor-rest: #f0f0ad;
    --label-olive-bgColor-hover: #dbe170;
    --label-olive-bgColor-active: #b9c832;
    --label-olive-fgColor-rest: #56682c;
    --label-olive-fgColor-hover: #495a2b;
    --label-olive-fgColor-active: #3b4927;
    --label-lime-bgColor-rest: #e3f2b5;
    --label-lime-bgColor-hover: #c7e580;
    --label-lime-bgColor-active: #9bd039;
    --label-lime-fgColor-rest: #476c28;
    --label-lime-fgColor-hover: #3a5b25;
    --label-lime-fgColor-active: #2f4a21;
    --label-pine-bgColor-rest: #bff8db;
    --label-pine-bgColor-hover: #80efb9;
    --label-pine-bgColor-active: #1dd781;
    --label-pine-fgColor-rest: #156f4b;
    --label-pine-fgColor-hover: #135d41;
    --label-pine-fgColor-active: #114b36;
    --label-teal-bgColor-rest: #c7f5ef;
    --label-teal-bgColor-hover: #89ebe1;
    --label-teal-bgColor-active: #22d3c7;
    --label-teal-fgColor-rest: #106e75;
    --label-teal-fgColor-hover: #0d5b63;
    --label-teal-fgColor-active: #0a4852;
    --label-cyan-bgColor-rest: #bdf4ff;
    --label-cyan-bgColor-hover: #7ae9ff;
    --label-cyan-bgColor-active: #00d0fa;
    --label-cyan-fgColor-rest: #006a80;
    --label-cyan-fgColor-hover: #00596b;
    --label-cyan-fgColor-active: #004857;
    --label-indigo-bgColor-rest: #e5e9ff;
    --label-indigo-bgColor-hover: #d2d7fe;
    --label-indigo-bgColor-active: #b1b9fb;
    --label-indigo-fgColor-rest: #494edf;
    --label-indigo-fgColor-hover: #393cd5;
    --label-indigo-fgColor-active: #2d2db4;
    --label-blue-bgColor-rest: #d1f0ff;
    --label-blue-bgColor-hover: #ade1ff;
    --label-blue-bgColor-active: #75c8ff;
    --label-blue-fgColor-rest: #005fcc;
    --label-blue-fgColor-hover: #004db3;
    --label-blue-fgColor-active: #003d99;
    --label-plum-bgColor-rest: #f8e5ff;
    --label-plum-bgColor-hover: #f0cdfe;
    --label-plum-bgColor-active: #e2a7fb;
    --label-plum-fgColor-rest: #961edc;
    --label-plum-fgColor-hover: #7d1eb8;
    --label-plum-fgColor-active: #651d96;
    --label-pink-bgColor-rest: #ffe5f1;
    --label-pink-bgColor-hover: #fdc9e2;
    --label-pink-bgColor-active: #f8a5cf;
    --label-pink-fgColor-rest: #b12f79;
    --label-pink-fgColor-hover: #8e2e66;
    --label-pink-fgColor-active: #6e2b53;
    --label-coral-bgColor-rest: #ffe5db;
    --label-coral-bgColor-hover: #fecebe;
    --label-coral-bgColor-active: #fcab92;
    --label-coral-fgColor-rest: #ba2e12;
    --label-coral-fgColor-hover: #9b2712;
    --label-coral-fgColor-active: #7e2011;
    --fgColor-default: #1f2328;
    --fgColor-muted: #636c76;
    --fgColor-onEmphasis: #ffffff;
    --fgColor-white: #ffffff;
    --fgColor-black: #1f2328;
    --fgColor-disabled: #8c959f;
    --fgColor-link: #0969da;
    --fgColor-neutral: #6e7781;
    --fgColor-accent: #0969da;
    --fgColor-success: #0969da;
    --fgColor-attention: #9a6700;
    --fgColor-severe: #cf222e;
    --fgColor-danger: #d1242f;
    --fgColor-open: #cf222e;
    --fgColor-closed: #6e7781;
    --fgColor-done: #8250df;
    --fgColor-upsell: #8250df;
    --fgColor-sponsors: #bf3989;
    --bgColor-default: #ffffff;
    --bgColor-muted: #f6f8fa;
    --bgColor-inset: #f6f8fa;
    --bgColor-emphasis: #24292f;
    --bgColor-inverse: #24292f;
    --bgColor-white: #ffffff;
    --bgColor-black: #1f2328;
    --bgColor-disabled: #eaeef2b3;
    --bgColor-transparent: #ffffff00;
    --bgColor-neutral-muted: #afb8c133;
    --bgColor-neutral-emphasis: #6e7781;
    --bgColor-accent-muted: #ddf4ff;
    --bgColor-accent-emphasis: #0969da;
    --bgColor-success-muted: #ddf4ff;
    --bgColor-success-emphasis: #0f72e3;
    --bgColor-attention-muted: #fff8c5;
    --bgColor-attention-emphasis: #9a6700;
    --bgColor-severe-muted: #ffebe9;
    --bgColor-severe-emphasis: #cf222e;
    --bgColor-danger-muted: #ffebe9;
    --bgColor-danger-emphasis: #cf222e;
    --bgColor-open-muted: #ffebe9;
    --bgColor-open-emphasis: #cf222e;
    --bgColor-closed-muted: #f6f8fa;
    --bgColor-closed-emphasis: #6e7781;
    --bgColor-done-muted: #fbefff;
    --bgColor-done-emphasis: #8250df;
    --bgColor-upsell-muted: #fbefff;
    --bgColor-upsell-emphasis: #8250df;
    --bgColor-sponsors-muted: #ffeff7;
    --bgColor-sponsors-emphasis: #bf3989;
    --borderColor-default: #d0d7de;
    --borderColor-muted: #d0d7deb3;
    --borderColor-emphasis: #6e7781;
    --borderColor-disabled: #eaeef2b3;
    --borderColor-transparent: #ffffff00;
    --borderColor-translucent: #1f232826;
    --borderColor-neutral-muted: #afb8c133;
    --borderColor-neutral-emphasis: #6e7781;
    --borderColor-accent-muted: #54aeff66;
    --borderColor-accent-emphasis: #0969da;
    --borderColor-success-muted: #54aeff66;
    --borderColor-success-emphasis: #218bff;
    --borderColor-attention-muted: #d4a72c66;
    --borderColor-attention-emphasis: #bf8700;
    --borderColor-severe-muted: #ff818266;
    --borderColor-severe-emphasis: #cf222e;
    --borderColor-danger-muted: #ff818266;
    --borderColor-danger-emphasis: #cf222e;
    --borderColor-open-muted: #ff818266;
    --borderColor-open-emphasis: #cf222e;
    --borderColor-closed-muted: #afb8c166;
    --borderColor-closed-emphasis: #6e7781;
    --borderColor-done-muted: #c297ff66;
    --borderColor-done-emphasis: #8250df;
    --borderColor-upsell-muted: #c297ff66;
    --borderColor-upsell-emphasis: #8250df;
    --borderColor-sponsors-muted: #ff80c866;
    --borderColor-sponsors-emphasis: #bf3989;
    --color-ansi-black: #24292f;
    --color-ansi-black-bright: #57606a;
    --color-ansi-white: #6e7781;
    --color-ansi-white-bright: #8c959f;
    --color-ansi-gray: #6e7781;
    --color-ansi-red: #cf222e;
    --color-ansi-red-bright: #a40e26;
    --color-ansi-green: #0550ae;
    --color-ansi-green-bright: #0969da;
    --color-ansi-yellow: #4d2d00;
    --color-ansi-yellow-bright: #633c01;
    --color-ansi-blue: #0969da;
    --color-ansi-blue-bright: #218bff;
    --color-ansi-magenta: #8250df;
    --color-ansi-magenta-bright: #a475f9;
    --color-ansi-cyan: #1b7c83;
    --color-ansi-cyan-bright: #3192aa;
    --color-prettylights-syntax-comment: #57606a;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-prettylights-syntax-entity: #6639ba;
    --color-prettylights-syntax-storage-modifier-import: #24292f;
    --color-prettylights-syntax-entity-tag: #0550ae;
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-variable: #a40e26;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-string-regexp: #0550ae;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-italic: #24292f;
    --color-prettylights-syntax-markup-bold: #24292f;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
    --color-prettylights-syntax-markup-inserted-text: #0550ae;
    --color-prettylights-syntax-markup-inserted-bg: #ddf4ff;
    --color-prettylights-syntax-markup-changed-text: #a40e26;
    --color-prettylights-syntax-markup-changed-bg: #ffcecb;
    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
    --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
    --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
    --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
    --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
    --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
    --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
    --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
    --shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@primer/primitives/dist/css/functional/themes/light.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
[data-color-mode="light"][data-light-theme="light"],
[data-color-mode="light"][data-light-theme="light"] ::backdrop,
[data-color-mode="auto"][data-light-theme="light"],
[data-color-mode="auto"][data-light-theme="light"] ::backdrop {
  --topicTag-borderColor: #ffffff00;
  --highlight-neutral-bgColor: #fff8c5;
  --page-header-bgColor: #f6f8fa;
  --diffBlob-addition-fgColor-text: #1f2328;
  --diffBlob-addition-fgColor-num: #1f2328;
  --diffBlob-addition-bgColor-num: #d1f8d9;
  --diffBlob-addition-bgColor-line: #dafbe1;
  --diffBlob-addition-bgColor-word: #aceebb;
  --diffBlob-deletion-fgColor-text: #1f2328;
  --diffBlob-deletion-fgColor-num: #1f2328;
  --diffBlob-deletion-bgColor-num: #ffcecb;
  --diffBlob-deletion-bgColor-line: #ffebe9;
  --diffBlob-deletion-bgColor-word: #ff818266;
  --diffBlob-hunk-bgColor-num: #54aeff66;
  --diffBlob-expander-iconColor: #636c76;
  --codeMirror-fgColor: #1f2328;
  --codeMirror-bgColor: #ffffff;
  --codeMirror-gutters-bgColor: #ffffff;
  --codeMirror-gutterMarker-fgColor-default: #ffffff;
  --codeMirror-gutterMarker-fgColor-muted: #636c76;
  --codeMirror-lineNumber-fgColor: #636c76;
  --codeMirror-cursor-fgColor: #1f2328;
  --codeMirror-selection-bgColor: #54aeff66;
  --codeMirror-activeline-bgColor: #afb8c133;
  --codeMirror-matchingBracket-fgColor: #1f2328;
  --codeMirror-lines-bgColor: #ffffff;
  --codeMirror-syntax-fgColor-comment: #24292f;
  --codeMirror-syntax-fgColor-constant: #0550ae;
  --codeMirror-syntax-fgColor-entity: #8250df;
  --codeMirror-syntax-fgColor-keyword: #cf222e;
  --codeMirror-syntax-fgColor-storage: #cf222e;
  --codeMirror-syntax-fgColor-string: #0a3069;
  --codeMirror-syntax-fgColor-support: #0550ae;
  --codeMirror-syntax-fgColor-variable: #953800;
  --header-fgColor-default: #ffffffb3;
  --header-fgColor-logo: #ffffff;
  --header-bgColor: #24292f;
  --header-borderColor-divider: #57606a;
  --headerSearch-bgColor: #24292f;
  --headerSearch-borderColor: #57606a;
  --data-blue-color: #006edb;
  --data-blue-color-muted: #d1f0ff;
  --data-auburn-color: #9d615c;
  --data-auburn-color-muted: #f2e9e9;
  --data-orange-color: #eb670f;
  --data-orange-color-muted: #ffe7d1;
  --data-yellow-color: #b88700;
  --data-yellow-color-muted: #ffec9e;
  --data-green-color: #30a147;
  --data-green-color-muted: #caf7ca;
  --data-teal-color: #179b9b;
  --data-teal-color-muted: #c7f5ef;
  --data-purple-color: #894ceb;
  --data-purple-color-muted: #f1e5ff;
  --data-pink-color: #ce2c85;
  --data-pink-color-muted: #ffe5f1;
  --data-red-color: #df0c24;
  --data-red-color-muted: #ffe2e0;
  --data-gray-color: #808fa3;
  --data-gray-color-muted: #e8ecf2;
  --display-blue-bgColor-muted: #d1f0ff;
  --display-blue-bgColor-emphasis: #006edb;
  --display-blue-fgColor: #005fcc;
  --display-blue-borderColor-muted: #ade1ff;
  --display-blue-borderColor-emphasis: #006edb;
  --display-green-bgColor-muted: #caf7ca;
  --display-green-bgColor-emphasis: #2c8141;
  --display-green-fgColor: #2b6e3f;
  --display-green-borderColor-muted: #9ceda0;
  --display-green-borderColor-emphasis: #2c8141;
  --display-orange-bgColor-muted: #ffe7d1;
  --display-orange-bgColor-emphasis: #b8500f;
  --display-orange-fgColor: #a24610;
  --display-orange-borderColor-muted: #fecfaa;
  --display-orange-borderColor-emphasis: #b8500f;
  --display-purple-bgColor-muted: #f1e5ff;
  --display-purple-bgColor-emphasis: #894ceb;
  --display-purple-fgColor: #783ae4;
  --display-purple-borderColor-muted: #e6d2fe;
  --display-purple-borderColor-emphasis: #894ceb;
  --display-plum-bgColor-muted: #f8e5ff;
  --display-plum-bgColor-emphasis: #a830e8;
  --display-plum-fgColor: #961edc;
  --display-plum-borderColor-muted: #f0cdfe;
  --display-plum-borderColor-emphasis: #a830e8;
  --display-red-bgColor-muted: #ffe2e0;
  --display-red-bgColor-emphasis: #df0c24;
  --display-red-fgColor: #c50d28;
  --display-red-borderColor-muted: #fecdcd;
  --display-red-borderColor-emphasis: #df0c24;
  --display-coral-bgColor-muted: #ffe5db;
  --display-coral-bgColor-emphasis: #d43511;
  --display-coral-fgColor: #ba2e12;
  --display-coral-borderColor-muted: #fecebe;
  --display-coral-borderColor-emphasis: #d43511;
  --display-yellow-bgColor-muted: #ffec9e;
  --display-yellow-bgColor-emphasis: #946a00;
  --display-yellow-fgColor: #805900;
  --display-yellow-borderColor-muted: #ffd642;
  --display-yellow-borderColor-emphasis: #946a00;
  --display-gray-bgColor-muted: #e8ecf2;
  --display-gray-bgColor-emphasis: #647182;
  --display-gray-fgColor: #5c6570;
  --display-gray-borderColor-muted: #d2dae4;
  --display-gray-borderColor-emphasis: #647182;
  --display-auburn-bgColor-muted: #f2e9e9;
  --display-auburn-bgColor-emphasis: #9d615c;
  --display-auburn-fgColor: #8a5551;
  --display-auburn-borderColor-muted: #e6d6d5;
  --display-auburn-borderColor-emphasis: #9d615c;
  --display-brown-bgColor-muted: #eeeae2;
  --display-brown-bgColor-emphasis: #856d4c;
  --display-brown-fgColor: #755f43;
  --display-brown-borderColor-muted: #dfd7c8;
  --display-brown-borderColor-emphasis: #856d4c;
  --display-lemon-bgColor-muted: #f7eea1;
  --display-lemon-bgColor-emphasis: #866e04;
  --display-lemon-fgColor: #786002;
  --display-lemon-borderColor-muted: #f0db3d;
  --display-lemon-borderColor-emphasis: #866e04;
  --display-olive-bgColor-muted: #f0f0ad;
  --display-olive-bgColor-emphasis: #64762d;
  --display-olive-fgColor: #56682c;
  --display-olive-borderColor-muted: #dbe170;
  --display-olive-borderColor-emphasis: #64762d;
  --display-lime-bgColor-muted: #e3f2b5;
  --display-lime-bgColor-emphasis: #527a29;
  --display-lime-fgColor: #476c28;
  --display-lime-borderColor-muted: #c7e580;
  --display-lime-borderColor-emphasis: #527a29;
  --display-pine-bgColor-muted: #bff8db;
  --display-pine-bgColor-emphasis: #167e53;
  --display-pine-fgColor: #156f4b;
  --display-pine-borderColor-muted: #80efb9;
  --display-pine-borderColor-emphasis: #167e53;
  --display-teal-bgColor-muted: #c7f5ef;
  --display-teal-bgColor-emphasis: #127e81;
  --display-teal-fgColor: #106e75;
  --display-teal-borderColor-muted: #89ebe1;
  --display-teal-borderColor-emphasis: #127e81;
  --display-cyan-bgColor-muted: #bdf4ff;
  --display-cyan-bgColor-emphasis: #007b94;
  --display-cyan-fgColor: #006a80;
  --display-cyan-borderColor-muted: #7ae9ff;
  --display-cyan-borderColor-emphasis: #007b94;
  --display-indigo-bgColor-muted: #e5e9ff;
  --display-indigo-bgColor-emphasis: #5a61e7;
  --display-indigo-fgColor: #494edf;
  --display-indigo-borderColor-muted: #d2d7fe;
  --display-indigo-borderColor-emphasis: #5a61e7;
  --display-pink-bgColor-muted: #ffe5f1;
  --display-pink-bgColor-emphasis: #ce2c85;
  --display-pink-fgColor: #b12f79;
  --display-pink-borderColor-muted: #fdc9e2;
  --display-pink-borderColor-emphasis: #ce2c85;
  --avatar-bgColor: #ffffff;
  --avatar-borderColor: #1f232826;
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
  --avatarStack-fade-bgColor-default: #afb8c1;
  --avatarStack-fade-bgColor-muted: #d0d7de;
  --control-bgColor-rest: #f6f8fa;
  --control-bgColor-hover: #eef1f4;
  --control-bgColor-active: #e7ebef;
  --control-bgColor-disabled: #eaeef2b3;
  --control-bgColor-selected: #f6f8fa;
  --control-fgColor-rest: #24292f;
  --control-fgColor-placeholder: #69727c;
  --control-fgColor-disabled: #8c959f;
  --control-borderColor-rest: #d0d7de;
  --control-borderColor-emphasis: #868f99;
  --control-borderColor-disabled: #eaeef2b3;
  --control-borderColor-selected: #f6f8fa;
  --control-borderColor-success: #1a7f37;
  --control-borderColor-danger: #cf222e;
  --control-borderColor-warning: #bf8700;
  --control-iconColor-rest: #636c76;
  --control-transparent-bgColor-rest: #ffffff00;
  --control-transparent-bgColor-hover: #d0d7de33;
  --control-transparent-bgColor-active: #d0d7de66;
  --control-transparent-bgColor-disabled: #eaeef2b3;
  --control-transparent-bgColor-selected: #d0d7de33;
  --control-transparent-borderColor-rest: #ffffff00;
  --control-transparent-borderColor-hover: #ffffff00;
  --control-transparent-borderColor-active: #ffffff00;
  --control-danger-fgColor-rest: #d1242f;
  --control-danger-fgColor-hover: #d1242f;
  --control-danger-bgColor-hover: #ffebe9;
  --control-danger-bgColor-active: #ffebe966;
  --control-checked-bgColor-rest: #0969da;
  --control-checked-bgColor-hover: #0860ca;
  --control-checked-bgColor-active: #0757ba;
  --control-checked-bgColor-disabled: #8c959f;
  --control-checked-fgColor-rest: #ffffff;
  --control-checked-fgColor-disabled: #ffffff;
  --control-checked-borderColor-rest: #0969da;
  --control-checked-borderColor-hover: #0860ca;
  --control-checked-borderColor-active: #0757ba;
  --control-checked-borderColor-disabled: #8c959f;
  --controlTrack-bgColor-rest: #eaeef2;
  --controlTrack-bgColor-hover: #dee3e8;
  --controlTrack-bgColor-active: #d2d8de;
  --controlTrack-bgColor-disabled: #8c959f;
  --controlTrack-fgColor-rest: #636c76;
  --controlTrack-fgColor-disabled: #ffffff;
  --controlTrack-borderColor-rest: #ffffff00;
  --controlTrack-borderColor-disabled: #8c959f;
  --controlKnob-bgColor-rest: #ffffff;
  --controlKnob-bgColor-disabled: #eaeef2b3;
  --controlKnob-bgColor-checked: #ffffff;
  --controlKnob-borderColor-rest: #868f99;
  --controlKnob-borderColor-disabled: #eaeef2b3;
  --controlKnob-borderColor-checked: #0969da;
  --counter-borderColor: #ffffff00;
  --button-default-fgColor-rest: #24292f;
  --button-default-bgColor-rest: #f6f8fa;
  --button-default-bgColor-hover: #eef1f4;
  --button-default-bgColor-active: #e7ebef;
  --button-default-bgColor-selected: #e7ebef;
  --button-default-bgColor-disabled: #eaeef2b3;
  --button-default-borderColor-rest: #d0d7de;
  --button-default-borderColor-hover: #d0d7de;
  --button-default-borderColor-active: #d0d7de;
  --button-default-borderColor-disabled: #eaeef2b3;
  --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
  --button-primary-fgColor-rest: #ffffff;
  --button-primary-fgColor-disabled: #ffffffcc;
  --button-primary-iconColor-rest: #ffffffcc;
  --button-primary-bgColor-rest: #1f883d;
  --button-primary-bgColor-hover: #1c8139;
  --button-primary-bgColor-active: #197935;
  --button-primary-bgColor-disabled: #95d8a6;
  --button-primary-borderColor-rest: #1f232826;
  --button-primary-borderColor-hover: #1f232826;
  --button-primary-borderColor-active: #1f232826;
  --button-primary-borderColor-disabled: #95d8a6;
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
  --button-invisible-fgColor-rest: #0969da;
  --button-invisible-fgColor-hover: #0969da;
  --button-invisible-fgColor-disabled: #8c959f;
  --button-invisible-iconColor-rest: #636c76;
  --button-invisible-iconColor-hover: #636c76;
  --button-invisible-iconColor-disabled: #8c959f;
  --button-invisible-bgColor-rest: #ffffff00;
  --button-invisible-bgColor-hover: #d0d7de33;
  --button-invisible-bgColor-active: #d0d7de66;
  --button-invisible-bgColor-disabled: #eaeef2b3;
  --button-invisible-borderColor-rest: #ffffff00;
  --button-invisible-borderColor-hover: #ffffff00;
  --button-invisible-borderColor-disabled: #eaeef2b3;
  --button-outline-fgColor-rest: #0969da;
  --button-outline-fgColor-hover: #ffffff;
  --button-outline-fgColor-active: #ffffff;
  --button-outline-fgColor-disabled: #0969da80;
  --button-outline-bgColor-rest: #f6f8fa;
  --button-outline-bgColor-hover: #0969da;
  --button-outline-bgColor-active: #0757ba;
  --button-outline-bgColor-disabled: #f6f8fa;
  --button-outline-borderColor-hover: #1f232826;
  --button-outline-borderColor-active: #1f232826;
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
  --button-danger-fgColor-rest: #d1242f;
  --button-danger-fgColor-hover: #ffffff;
  --button-danger-fgColor-active: #ffffff;
  --button-danger-fgColor-disabled: #d1242f80;
  --button-danger-iconColor-rest: #d1242f;
  --button-danger-iconColor-hover: #ffffff;
  --button-danger-bgColor-rest: #f6f8fa;
  --button-danger-bgColor-hover: #a40e26;
  --button-danger-bgColor-active: #8b0820;
  --button-danger-bgColor-disabled: #eaeef2b3;
  --button-danger-borderColor-rest: #d0d7de;
  --button-danger-borderColor-hover: #1f232826;
  --button-danger-borderColor-active: #1f232826;
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
  --button-inactive-fgColor: #57606a;
  --button-inactive-bgColor: #eaeef2;
  --button-star-iconColor: #eac54f;
  --buttonCounter-default-bgColor-rest: #afb8c133;
  --buttonCounter-invisible-bgColor-rest: #afb8c133;
  --buttonCounter-primary-bgColor-rest: #002d1133;
  --buttonCounter-outline-bgColor-rest: #0969da1a;
  --buttonCounter-outline-bgColor-hover: #ffffff33;
  --buttonCounter-outline-bgColor-disabled: #0969da0d;
  --buttonCounter-outline-fgColor-rest: #0550ae;
  --buttonCounter-outline-fgColor-hover: #ffffff;
  --buttonCounter-outline-fgColor-disabled: #0969da80;
  --buttonCounter-danger-bgColor-hover: #ffffff33;
  --buttonCounter-danger-bgColor-disabled: #cf222e0d;
  --buttonCounter-danger-bgColor-rest: #cf222e1a;
  --buttonCounter-danger-fgColor-rest: #c21c2c;
  --buttonCounter-danger-fgColor-hover: #ffffff;
  --buttonCounter-danger-fgColor-disabled: #d1242f80;
  --reactionButton-selected-bgColor-rest: #ddf4ff;
  --reactionButton-selected-bgColor-hover: #caecff;
  --reactionButton-selected-fgColor-rest: #0969da;
  --reactionButton-selected-fgColor-hover: #0550ae;
  --focus-outlineColor: #0969da;
  --focus-outline: #0969da solid 2px;
  --menu-bgColor-active: #ffffff00;
  --overlay-bgColor: #ffffff;
  --overlay-borderColor: #d0d7de80;
  --overlay-backdrop-bgColor: #8c959f33;
  --selectMenu-borderColor: #ffffff00;
  --selectMenu-bgColor-active: #b6e3ff;
  --sideNav-bgColor-selected: #ffffff;
  --skeletonLoader-bgColor: #f6f8fa;
  --timelineBadge-bgColor: #eaeef2;
  --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
  --underlineNav-borderColor-active: #fd8c73;
  --underlineNav-borderColor-hover: #afb8c133;
  --underlineNav-iconColor-rest: #636c76;
  --selection-bgColor: #0969da33;
  --card-bgColor: #ffffff;
  --label-green-bgColor-rest: #caf7ca;
  --label-green-bgColor-hover: #9ceda0;
  --label-green-bgColor-active: #54d961;
  --label-green-fgColor-rest: #2b6e3f;
  --label-green-fgColor-hover: #285c3b;
  --label-green-fgColor-active: #254b34;
  --label-orange-bgColor-rest: #ffe7d1;
  --label-orange-bgColor-hover: #fecfaa;
  --label-orange-bgColor-active: #fbaf74;
  --label-orange-fgColor-rest: #a24610;
  --label-orange-fgColor-hover: #8d3c11;
  --label-orange-fgColor-active: #70300f;
  --label-purple-bgColor-rest: #f1e5ff;
  --label-purple-bgColor-hover: #e6d2fe;
  --label-purple-bgColor-active: #d1b1fc;
  --label-purple-fgColor-rest: #783ae4;
  --label-purple-fgColor-hover: #6223d7;
  --label-purple-fgColor-active: #4f21ab;
  --label-red-bgColor-rest: #ffe2e0;
  --label-red-bgColor-hover: #fecdcd;
  --label-red-bgColor-active: #fda5a7;
  --label-red-fgColor-rest: #c50d28;
  --label-red-fgColor-hover: #a60c29;
  --label-red-fgColor-active: #880c27;
  --label-yellow-bgColor-rest: #ffec9e;
  --label-yellow-bgColor-hover: #ffd642;
  --label-yellow-bgColor-active: #ebb400;
  --label-yellow-fgColor-rest: #805900;
  --label-yellow-fgColor-hover: #704d00;
  --label-yellow-fgColor-active: #5c3d00;
  --label-gray-bgColor-rest: #e8ecf2;
  --label-gray-bgColor-hover: #d2dae4;
  --label-gray-bgColor-active: #b4c0cf;
  --label-gray-fgColor-rest: #5c6570;
  --label-gray-fgColor-hover: #4e535a;
  --label-gray-fgColor-active: #424448;
  --label-auburn-bgColor-rest: #f2e9e9;
  --label-auburn-bgColor-hover: #e6d6d5;
  --label-auburn-bgColor-active: #d4b7b5;
  --label-auburn-fgColor-rest: #8a5551;
  --label-auburn-fgColor-hover: #744744;
  --label-auburn-fgColor-active: #5d3937;
  --label-brown-bgColor-rest: #eeeae2;
  --label-brown-bgColor-hover: #dfd7c8;
  --label-brown-bgColor-active: #cbbda4;
  --label-brown-fgColor-rest: #755f43;
  --label-brown-fgColor-hover: #64513a;
  --label-brown-fgColor-active: #51412f;
  --label-lemon-bgColor-rest: #f7eea1;
  --label-lemon-bgColor-hover: #f0db3d;
  --label-lemon-bgColor-active: #d8bd0e;
  --label-lemon-fgColor-rest: #786002;
  --label-lemon-fgColor-hover: #654f01;
  --label-lemon-fgColor-active: #523f00;
  --label-olive-bgColor-rest: #f0f0ad;
  --label-olive-bgColor-hover: #dbe170;
  --label-olive-bgColor-active: #b9c832;
  --label-olive-fgColor-rest: #56682c;
  --label-olive-fgColor-hover: #495a2b;
  --label-olive-fgColor-active: #3b4927;
  --label-lime-bgColor-rest: #e3f2b5;
  --label-lime-bgColor-hover: #c7e580;
  --label-lime-bgColor-active: #9bd039;
  --label-lime-fgColor-rest: #476c28;
  --label-lime-fgColor-hover: #3a5b25;
  --label-lime-fgColor-active: #2f4a21;
  --label-pine-bgColor-rest: #bff8db;
  --label-pine-bgColor-hover: #80efb9;
  --label-pine-bgColor-active: #1dd781;
  --label-pine-fgColor-rest: #156f4b;
  --label-pine-fgColor-hover: #135d41;
  --label-pine-fgColor-active: #114b36;
  --label-teal-bgColor-rest: #c7f5ef;
  --label-teal-bgColor-hover: #89ebe1;
  --label-teal-bgColor-active: #22d3c7;
  --label-teal-fgColor-rest: #106e75;
  --label-teal-fgColor-hover: #0d5b63;
  --label-teal-fgColor-active: #0a4852;
  --label-cyan-bgColor-rest: #bdf4ff;
  --label-cyan-bgColor-hover: #7ae9ff;
  --label-cyan-bgColor-active: #00d0fa;
  --label-cyan-fgColor-rest: #006a80;
  --label-cyan-fgColor-hover: #00596b;
  --label-cyan-fgColor-active: #004857;
  --label-indigo-bgColor-rest: #e5e9ff;
  --label-indigo-bgColor-hover: #d2d7fe;
  --label-indigo-bgColor-active: #b1b9fb;
  --label-indigo-fgColor-rest: #494edf;
  --label-indigo-fgColor-hover: #393cd5;
  --label-indigo-fgColor-active: #2d2db4;
  --label-blue-bgColor-rest: #d1f0ff;
  --label-blue-bgColor-hover: #ade1ff;
  --label-blue-bgColor-active: #75c8ff;
  --label-blue-fgColor-rest: #005fcc;
  --label-blue-fgColor-hover: #004db3;
  --label-blue-fgColor-active: #003d99;
  --label-plum-bgColor-rest: #f8e5ff;
  --label-plum-bgColor-hover: #f0cdfe;
  --label-plum-bgColor-active: #e2a7fb;
  --label-plum-fgColor-rest: #961edc;
  --label-plum-fgColor-hover: #7d1eb8;
  --label-plum-fgColor-active: #651d96;
  --label-pink-bgColor-rest: #ffe5f1;
  --label-pink-bgColor-hover: #fdc9e2;
  --label-pink-bgColor-active: #f8a5cf;
  --label-pink-fgColor-rest: #b12f79;
  --label-pink-fgColor-hover: #8e2e66;
  --label-pink-fgColor-active: #6e2b53;
  --label-coral-bgColor-rest: #ffe5db;
  --label-coral-bgColor-hover: #fecebe;
  --label-coral-bgColor-active: #fcab92;
  --label-coral-fgColor-rest: #ba2e12;
  --label-coral-fgColor-hover: #9b2712;
  --label-coral-fgColor-active: #7e2011;
  --fgColor-default: #1f2328;
  --fgColor-muted: #636c76;
  --fgColor-onEmphasis: #ffffff;
  --fgColor-white: #ffffff;
  --fgColor-black: #1f2328;
  --fgColor-disabled: #8c959f;
  --fgColor-link: #0969da;
  --fgColor-neutral: #6e7781;
  --fgColor-accent: #0969da;
  --fgColor-success: #1a7f37;
  --fgColor-attention: #9a6700;
  --fgColor-severe: #bc4c00;
  --fgColor-danger: #d1242f;
  --fgColor-open: #1a7f37;
  --fgColor-closed: #d1242f;
  --fgColor-done: #8250df;
  --fgColor-upsell: #8250df;
  --fgColor-sponsors: #bf3989;
  --bgColor-default: #ffffff;
  --bgColor-muted: #f6f8fa;
  --bgColor-inset: #f6f8fa;
  --bgColor-emphasis: #24292f;
  --bgColor-inverse: #24292f;
  --bgColor-white: #ffffff;
  --bgColor-black: #1f2328;
  --bgColor-disabled: #eaeef2b3;
  --bgColor-transparent: #ffffff00;
  --bgColor-neutral-muted: #afb8c133;
  --bgColor-neutral-emphasis: #6e7781;
  --bgColor-accent-muted: #ddf4ff;
  --bgColor-accent-emphasis: #0969da;
  --bgColor-success-muted: #dafbe1;
  --bgColor-success-emphasis: #1f883d;
  --bgColor-attention-muted: #fff8c5;
  --bgColor-attention-emphasis: #9a6700;
  --bgColor-severe-muted: #fff1e5;
  --bgColor-severe-emphasis: #bc4c00;
  --bgColor-danger-muted: #ffebe9;
  --bgColor-danger-emphasis: #cf222e;
  --bgColor-open-muted: #dafbe1;
  --bgColor-open-emphasis: #1f883d;
  --bgColor-closed-muted: #ffebe9;
  --bgColor-closed-emphasis: #cf222e;
  --bgColor-done-muted: #fbefff;
  --bgColor-done-emphasis: #8250df;
  --bgColor-upsell-muted: #fbefff;
  --bgColor-upsell-emphasis: #8250df;
  --bgColor-sponsors-muted: #ffeff7;
  --bgColor-sponsors-emphasis: #bf3989;
  --borderColor-default: #d0d7de;
  --borderColor-muted: #d0d7deb3;
  --borderColor-emphasis: #6e7781;
  --borderColor-disabled: #eaeef2b3;
  --borderColor-transparent: #ffffff00;
  --borderColor-translucent: #1f232826;
  --borderColor-neutral-muted: #afb8c133;
  --borderColor-neutral-emphasis: #6e7781;
  --borderColor-accent-muted: #54aeff66;
  --borderColor-accent-emphasis: #0969da;
  --borderColor-success-muted: #4ac26b66;
  --borderColor-success-emphasis: #1a7f37;
  --borderColor-attention-muted: #d4a72c66;
  --borderColor-attention-emphasis: #bf8700;
  --borderColor-severe-muted: #fb8f4466;
  --borderColor-severe-emphasis: #bc4c00;
  --borderColor-danger-muted: #ff818266;
  --borderColor-danger-emphasis: #cf222e;
  --borderColor-open-muted: #4ac26b66;
  --borderColor-open-emphasis: #1a7f37;
  --borderColor-closed-muted: #ff818266;
  --borderColor-closed-emphasis: #cf222e;
  --borderColor-done-muted: #c297ff66;
  --borderColor-done-emphasis: #8250df;
  --borderColor-upsell-muted: #c297ff66;
  --borderColor-upsell-emphasis: #8250df;
  --borderColor-sponsors-muted: #ff80c866;
  --borderColor-sponsors-emphasis: #bf3989;
  --color-ansi-black: #24292f;
  --color-ansi-black-bright: #57606a;
  --color-ansi-white: #6e7781;
  --color-ansi-white-bright: #8c959f;
  --color-ansi-gray: #6e7781;
  --color-ansi-red: #cf222e;
  --color-ansi-red-bright: #a40e26;
  --color-ansi-green: #116329;
  --color-ansi-green-bright: #1a7f37;
  --color-ansi-yellow: #4d2d00;
  --color-ansi-yellow-bright: #633c01;
  --color-ansi-blue: #0969da;
  --color-ansi-blue-bright: #218bff;
  --color-ansi-magenta: #8250df;
  --color-ansi-magenta-bright: #a475f9;
  --color-ansi-cyan: #1b7c83;
  --color-ansi-cyan-bright: #3192aa;
  --color-prettylights-syntax-comment: #57606a;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
  --color-prettylights-syntax-entity: #6639ba;
  --color-prettylights-syntax-storage-modifier-import: #24292f;
  --color-prettylights-syntax-entity-tag: #0550ae;
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-variable: #953800;
  --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
  --color-prettylights-syntax-string-regexp: #116329;
  --color-prettylights-syntax-markup-list: #3b2300;
  --color-prettylights-syntax-markup-heading: #0550ae;
  --color-prettylights-syntax-markup-italic: #24292f;
  --color-prettylights-syntax-markup-bold: #24292f;
  --color-prettylights-syntax-markup-deleted-text: #82071e;
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
  --color-prettylights-syntax-markup-inserted-text: #116329;
  --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
  --color-prettylights-syntax-markup-changed-text: #953800;
  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
  --color-prettylights-syntax-markup-ignored-text: #eaeef2;
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
  --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
  --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
  --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
  --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
  --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
  --shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
}
@media (prefers-color-scheme: dark) {
  [data-color-mode="auto"][data-dark-theme="light"],
  [data-color-mode="auto"][data-dark-theme="light"] ::backdrop {
    --topicTag-borderColor: #ffffff00;
    --highlight-neutral-bgColor: #fff8c5;
    --page-header-bgColor: #f6f8fa;
    --diffBlob-addition-fgColor-text: #1f2328;
    --diffBlob-addition-fgColor-num: #1f2328;
    --diffBlob-addition-bgColor-num: #d1f8d9;
    --diffBlob-addition-bgColor-line: #dafbe1;
    --diffBlob-addition-bgColor-word: #aceebb;
    --diffBlob-deletion-fgColor-text: #1f2328;
    --diffBlob-deletion-fgColor-num: #1f2328;
    --diffBlob-deletion-bgColor-num: #ffcecb;
    --diffBlob-deletion-bgColor-line: #ffebe9;
    --diffBlob-deletion-bgColor-word: #ff818266;
    --diffBlob-hunk-bgColor-num: #54aeff66;
    --diffBlob-expander-iconColor: #636c76;
    --codeMirror-fgColor: #1f2328;
    --codeMirror-bgColor: #ffffff;
    --codeMirror-gutters-bgColor: #ffffff;
    --codeMirror-gutterMarker-fgColor-default: #ffffff;
    --codeMirror-gutterMarker-fgColor-muted: #636c76;
    --codeMirror-lineNumber-fgColor: #636c76;
    --codeMirror-cursor-fgColor: #1f2328;
    --codeMirror-selection-bgColor: #54aeff66;
    --codeMirror-activeline-bgColor: #afb8c133;
    --codeMirror-matchingBracket-fgColor: #1f2328;
    --codeMirror-lines-bgColor: #ffffff;
    --codeMirror-syntax-fgColor-comment: #24292f;
    --codeMirror-syntax-fgColor-constant: #0550ae;
    --codeMirror-syntax-fgColor-entity: #8250df;
    --codeMirror-syntax-fgColor-keyword: #cf222e;
    --codeMirror-syntax-fgColor-storage: #cf222e;
    --codeMirror-syntax-fgColor-string: #0a3069;
    --codeMirror-syntax-fgColor-support: #0550ae;
    --codeMirror-syntax-fgColor-variable: #953800;
    --header-fgColor-default: #ffffffb3;
    --header-fgColor-logo: #ffffff;
    --header-bgColor: #24292f;
    --header-borderColor-divider: #57606a;
    --headerSearch-bgColor: #24292f;
    --headerSearch-borderColor: #57606a;
    --data-blue-color: #006edb;
    --data-blue-color-muted: #d1f0ff;
    --data-auburn-color: #9d615c;
    --data-auburn-color-muted: #f2e9e9;
    --data-orange-color: #eb670f;
    --data-orange-color-muted: #ffe7d1;
    --data-yellow-color: #b88700;
    --data-yellow-color-muted: #ffec9e;
    --data-green-color: #30a147;
    --data-green-color-muted: #caf7ca;
    --data-teal-color: #179b9b;
    --data-teal-color-muted: #c7f5ef;
    --data-purple-color: #894ceb;
    --data-purple-color-muted: #f1e5ff;
    --data-pink-color: #ce2c85;
    --data-pink-color-muted: #ffe5f1;
    --data-red-color: #df0c24;
    --data-red-color-muted: #ffe2e0;
    --data-gray-color: #808fa3;
    --data-gray-color-muted: #e8ecf2;
    --display-blue-bgColor-muted: #d1f0ff;
    --display-blue-bgColor-emphasis: #006edb;
    --display-blue-fgColor: #005fcc;
    --display-blue-borderColor-muted: #ade1ff;
    --display-blue-borderColor-emphasis: #006edb;
    --display-green-bgColor-muted: #caf7ca;
    --display-green-bgColor-emphasis: #2c8141;
    --display-green-fgColor: #2b6e3f;
    --display-green-borderColor-muted: #9ceda0;
    --display-green-borderColor-emphasis: #2c8141;
    --display-orange-bgColor-muted: #ffe7d1;
    --display-orange-bgColor-emphasis: #b8500f;
    --display-orange-fgColor: #a24610;
    --display-orange-borderColor-muted: #fecfaa;
    --display-orange-borderColor-emphasis: #b8500f;
    --display-purple-bgColor-muted: #f1e5ff;
    --display-purple-bgColor-emphasis: #894ceb;
    --display-purple-fgColor: #783ae4;
    --display-purple-borderColor-muted: #e6d2fe;
    --display-purple-borderColor-emphasis: #894ceb;
    --display-plum-bgColor-muted: #f8e5ff;
    --display-plum-bgColor-emphasis: #a830e8;
    --display-plum-fgColor: #961edc;
    --display-plum-borderColor-muted: #f0cdfe;
    --display-plum-borderColor-emphasis: #a830e8;
    --display-red-bgColor-muted: #ffe2e0;
    --display-red-bgColor-emphasis: #df0c24;
    --display-red-fgColor: #c50d28;
    --display-red-borderColor-muted: #fecdcd;
    --display-red-borderColor-emphasis: #df0c24;
    --display-coral-bgColor-muted: #ffe5db;
    --display-coral-bgColor-emphasis: #d43511;
    --display-coral-fgColor: #ba2e12;
    --display-coral-borderColor-muted: #fecebe;
    --display-coral-borderColor-emphasis: #d43511;
    --display-yellow-bgColor-muted: #ffec9e;
    --display-yellow-bgColor-emphasis: #946a00;
    --display-yellow-fgColor: #805900;
    --display-yellow-borderColor-muted: #ffd642;
    --display-yellow-borderColor-emphasis: #946a00;
    --display-gray-bgColor-muted: #e8ecf2;
    --display-gray-bgColor-emphasis: #647182;
    --display-gray-fgColor: #5c6570;
    --display-gray-borderColor-muted: #d2dae4;
    --display-gray-borderColor-emphasis: #647182;
    --display-auburn-bgColor-muted: #f2e9e9;
    --display-auburn-bgColor-emphasis: #9d615c;
    --display-auburn-fgColor: #8a5551;
    --display-auburn-borderColor-muted: #e6d6d5;
    --display-auburn-borderColor-emphasis: #9d615c;
    --display-brown-bgColor-muted: #eeeae2;
    --display-brown-bgColor-emphasis: #856d4c;
    --display-brown-fgColor: #755f43;
    --display-brown-borderColor-muted: #dfd7c8;
    --display-brown-borderColor-emphasis: #856d4c;
    --display-lemon-bgColor-muted: #f7eea1;
    --display-lemon-bgColor-emphasis: #866e04;
    --display-lemon-fgColor: #786002;
    --display-lemon-borderColor-muted: #f0db3d;
    --display-lemon-borderColor-emphasis: #866e04;
    --display-olive-bgColor-muted: #f0f0ad;
    --display-olive-bgColor-emphasis: #64762d;
    --display-olive-fgColor: #56682c;
    --display-olive-borderColor-muted: #dbe170;
    --display-olive-borderColor-emphasis: #64762d;
    --display-lime-bgColor-muted: #e3f2b5;
    --display-lime-bgColor-emphasis: #527a29;
    --display-lime-fgColor: #476c28;
    --display-lime-borderColor-muted: #c7e580;
    --display-lime-borderColor-emphasis: #527a29;
    --display-pine-bgColor-muted: #bff8db;
    --display-pine-bgColor-emphasis: #167e53;
    --display-pine-fgColor: #156f4b;
    --display-pine-borderColor-muted: #80efb9;
    --display-pine-borderColor-emphasis: #167e53;
    --display-teal-bgColor-muted: #c7f5ef;
    --display-teal-bgColor-emphasis: #127e81;
    --display-teal-fgColor: #106e75;
    --display-teal-borderColor-muted: #89ebe1;
    --display-teal-borderColor-emphasis: #127e81;
    --display-cyan-bgColor-muted: #bdf4ff;
    --display-cyan-bgColor-emphasis: #007b94;
    --display-cyan-fgColor: #006a80;
    --display-cyan-borderColor-muted: #7ae9ff;
    --display-cyan-borderColor-emphasis: #007b94;
    --display-indigo-bgColor-muted: #e5e9ff;
    --display-indigo-bgColor-emphasis: #5a61e7;
    --display-indigo-fgColor: #494edf;
    --display-indigo-borderColor-muted: #d2d7fe;
    --display-indigo-borderColor-emphasis: #5a61e7;
    --display-pink-bgColor-muted: #ffe5f1;
    --display-pink-bgColor-emphasis: #ce2c85;
    --display-pink-fgColor: #b12f79;
    --display-pink-borderColor-muted: #fdc9e2;
    --display-pink-borderColor-emphasis: #ce2c85;
    --avatar-bgColor: #ffffff;
    --avatar-borderColor: #1f232826;
    --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
    --avatarStack-fade-bgColor-default: #afb8c1;
    --avatarStack-fade-bgColor-muted: #d0d7de;
    --control-bgColor-rest: #f6f8fa;
    --control-bgColor-hover: #eef1f4;
    --control-bgColor-active: #e7ebef;
    --control-bgColor-disabled: #eaeef2b3;
    --control-bgColor-selected: #f6f8fa;
    --control-fgColor-rest: #24292f;
    --control-fgColor-placeholder: #69727c;
    --control-fgColor-disabled: #8c959f;
    --control-borderColor-rest: #d0d7de;
    --control-borderColor-emphasis: #868f99;
    --control-borderColor-disabled: #eaeef2b3;
    --control-borderColor-selected: #f6f8fa;
    --control-borderColor-success: #1a7f37;
    --control-borderColor-danger: #cf222e;
    --control-borderColor-warning: #bf8700;
    --control-iconColor-rest: #636c76;
    --control-transparent-bgColor-rest: #ffffff00;
    --control-transparent-bgColor-hover: #d0d7de33;
    --control-transparent-bgColor-active: #d0d7de66;
    --control-transparent-bgColor-disabled: #eaeef2b3;
    --control-transparent-bgColor-selected: #d0d7de33;
    --control-transparent-borderColor-rest: #ffffff00;
    --control-transparent-borderColor-hover: #ffffff00;
    --control-transparent-borderColor-active: #ffffff00;
    --control-danger-fgColor-rest: #d1242f;
    --control-danger-fgColor-hover: #d1242f;
    --control-danger-bgColor-hover: #ffebe9;
    --control-danger-bgColor-active: #ffebe966;
    --control-checked-bgColor-rest: #0969da;
    --control-checked-bgColor-hover: #0860ca;
    --control-checked-bgColor-active: #0757ba;
    --control-checked-bgColor-disabled: #8c959f;
    --control-checked-fgColor-rest: #ffffff;
    --control-checked-fgColor-disabled: #ffffff;
    --control-checked-borderColor-rest: #0969da;
    --control-checked-borderColor-hover: #0860ca;
    --control-checked-borderColor-active: #0757ba;
    --control-checked-borderColor-disabled: #8c959f;
    --controlTrack-bgColor-rest: #eaeef2;
    --controlTrack-bgColor-hover: #dee3e8;
    --controlTrack-bgColor-active: #d2d8de;
    --controlTrack-bgColor-disabled: #8c959f;
    --controlTrack-fgColor-rest: #636c76;
    --controlTrack-fgColor-disabled: #ffffff;
    --controlTrack-borderColor-rest: #ffffff00;
    --controlTrack-borderColor-disabled: #8c959f;
    --controlKnob-bgColor-rest: #ffffff;
    --controlKnob-bgColor-disabled: #eaeef2b3;
    --controlKnob-bgColor-checked: #ffffff;
    --controlKnob-borderColor-rest: #868f99;
    --controlKnob-borderColor-disabled: #eaeef2b3;
    --controlKnob-borderColor-checked: #0969da;
    --counter-borderColor: #ffffff00;
    --button-default-fgColor-rest: #24292f;
    --button-default-bgColor-rest: #f6f8fa;
    --button-default-bgColor-hover: #eef1f4;
    --button-default-bgColor-active: #e7ebef;
    --button-default-bgColor-selected: #e7ebef;
    --button-default-bgColor-disabled: #eaeef2b3;
    --button-default-borderColor-rest: #d0d7de;
    --button-default-borderColor-hover: #d0d7de;
    --button-default-borderColor-active: #d0d7de;
    --button-default-borderColor-disabled: #eaeef2b3;
    --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
    --button-primary-fgColor-rest: #ffffff;
    --button-primary-fgColor-disabled: #ffffffcc;
    --button-primary-iconColor-rest: #ffffffcc;
    --button-primary-bgColor-rest: #1f883d;
    --button-primary-bgColor-hover: #1c8139;
    --button-primary-bgColor-active: #197935;
    --button-primary-bgColor-disabled: #95d8a6;
    --button-primary-borderColor-rest: #1f232826;
    --button-primary-borderColor-hover: #1f232826;
    --button-primary-borderColor-active: #1f232826;
    --button-primary-borderColor-disabled: #95d8a6;
    --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
    --button-invisible-fgColor-rest: #0969da;
    --button-invisible-fgColor-hover: #0969da;
    --button-invisible-fgColor-disabled: #8c959f;
    --button-invisible-iconColor-rest: #636c76;
    --button-invisible-iconColor-hover: #636c76;
    --button-invisible-iconColor-disabled: #8c959f;
    --button-invisible-bgColor-rest: #ffffff00;
    --button-invisible-bgColor-hover: #d0d7de33;
    --button-invisible-bgColor-active: #d0d7de66;
    --button-invisible-bgColor-disabled: #eaeef2b3;
    --button-invisible-borderColor-rest: #ffffff00;
    --button-invisible-borderColor-hover: #ffffff00;
    --button-invisible-borderColor-disabled: #eaeef2b3;
    --button-outline-fgColor-rest: #0969da;
    --button-outline-fgColor-hover: #ffffff;
    --button-outline-fgColor-active: #ffffff;
    --button-outline-fgColor-disabled: #0969da80;
    --button-outline-bgColor-rest: #f6f8fa;
    --button-outline-bgColor-hover: #0969da;
    --button-outline-bgColor-active: #0757ba;
    --button-outline-bgColor-disabled: #f6f8fa;
    --button-outline-borderColor-hover: #1f232826;
    --button-outline-borderColor-active: #1f232826;
    --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
    --button-danger-fgColor-rest: #d1242f;
    --button-danger-fgColor-hover: #ffffff;
    --button-danger-fgColor-active: #ffffff;
    --button-danger-fgColor-disabled: #d1242f80;
    --button-danger-iconColor-rest: #d1242f;
    --button-danger-iconColor-hover: #ffffff;
    --button-danger-bgColor-rest: #f6f8fa;
    --button-danger-bgColor-hover: #a40e26;
    --button-danger-bgColor-active: #8b0820;
    --button-danger-bgColor-disabled: #eaeef2b3;
    --button-danger-borderColor-rest: #d0d7de;
    --button-danger-borderColor-hover: #1f232826;
    --button-danger-borderColor-active: #1f232826;
    --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
    --button-inactive-fgColor: #57606a;
    --button-inactive-bgColor: #eaeef2;
    --button-star-iconColor: #eac54f;
    --buttonCounter-default-bgColor-rest: #afb8c133;
    --buttonCounter-invisible-bgColor-rest: #afb8c133;
    --buttonCounter-primary-bgColor-rest: #002d1133;
    --buttonCounter-outline-bgColor-rest: #0969da1a;
    --buttonCounter-outline-bgColor-hover: #ffffff33;
    --buttonCounter-outline-bgColor-disabled: #0969da0d;
    --buttonCounter-outline-fgColor-rest: #0550ae;
    --buttonCounter-outline-fgColor-hover: #ffffff;
    --buttonCounter-outline-fgColor-disabled: #0969da80;
    --buttonCounter-danger-bgColor-hover: #ffffff33;
    --buttonCounter-danger-bgColor-disabled: #cf222e0d;
    --buttonCounter-danger-bgColor-rest: #cf222e1a;
    --buttonCounter-danger-fgColor-rest: #c21c2c;
    --buttonCounter-danger-fgColor-hover: #ffffff;
    --buttonCounter-danger-fgColor-disabled: #d1242f80;
    --reactionButton-selected-bgColor-rest: #ddf4ff;
    --reactionButton-selected-bgColor-hover: #caecff;
    --reactionButton-selected-fgColor-rest: #0969da;
    --reactionButton-selected-fgColor-hover: #0550ae;
    --focus-outlineColor: #0969da;
    --focus-outline: #0969da solid 2px;
    --menu-bgColor-active: #ffffff00;
    --overlay-bgColor: #ffffff;
    --overlay-borderColor: #d0d7de80;
    --overlay-backdrop-bgColor: #8c959f33;
    --selectMenu-borderColor: #ffffff00;
    --selectMenu-bgColor-active: #b6e3ff;
    --sideNav-bgColor-selected: #ffffff;
    --skeletonLoader-bgColor: #f6f8fa;
    --timelineBadge-bgColor: #eaeef2;
    --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
    --underlineNav-borderColor-active: #fd8c73;
    --underlineNav-borderColor-hover: #afb8c133;
    --underlineNav-iconColor-rest: #636c76;
    --selection-bgColor: #0969da33;
    --card-bgColor: #ffffff;
    --label-green-bgColor-rest: #caf7ca;
    --label-green-bgColor-hover: #9ceda0;
    --label-green-bgColor-active: #54d961;
    --label-green-fgColor-rest: #2b6e3f;
    --label-green-fgColor-hover: #285c3b;
    --label-green-fgColor-active: #254b34;
    --label-orange-bgColor-rest: #ffe7d1;
    --label-orange-bgColor-hover: #fecfaa;
    --label-orange-bgColor-active: #fbaf74;
    --label-orange-fgColor-rest: #a24610;
    --label-orange-fgColor-hover: #8d3c11;
    --label-orange-fgColor-active: #70300f;
    --label-purple-bgColor-rest: #f1e5ff;
    --label-purple-bgColor-hover: #e6d2fe;
    --label-purple-bgColor-active: #d1b1fc;
    --label-purple-fgColor-rest: #783ae4;
    --label-purple-fgColor-hover: #6223d7;
    --label-purple-fgColor-active: #4f21ab;
    --label-red-bgColor-rest: #ffe2e0;
    --label-red-bgColor-hover: #fecdcd;
    --label-red-bgColor-active: #fda5a7;
    --label-red-fgColor-rest: #c50d28;
    --label-red-fgColor-hover: #a60c29;
    --label-red-fgColor-active: #880c27;
    --label-yellow-bgColor-rest: #ffec9e;
    --label-yellow-bgColor-hover: #ffd642;
    --label-yellow-bgColor-active: #ebb400;
    --label-yellow-fgColor-rest: #805900;
    --label-yellow-fgColor-hover: #704d00;
    --label-yellow-fgColor-active: #5c3d00;
    --label-gray-bgColor-rest: #e8ecf2;
    --label-gray-bgColor-hover: #d2dae4;
    --label-gray-bgColor-active: #b4c0cf;
    --label-gray-fgColor-rest: #5c6570;
    --label-gray-fgColor-hover: #4e535a;
    --label-gray-fgColor-active: #424448;
    --label-auburn-bgColor-rest: #f2e9e9;
    --label-auburn-bgColor-hover: #e6d6d5;
    --label-auburn-bgColor-active: #d4b7b5;
    --label-auburn-fgColor-rest: #8a5551;
    --label-auburn-fgColor-hover: #744744;
    --label-auburn-fgColor-active: #5d3937;
    --label-brown-bgColor-rest: #eeeae2;
    --label-brown-bgColor-hover: #dfd7c8;
    --label-brown-bgColor-active: #cbbda4;
    --label-brown-fgColor-rest: #755f43;
    --label-brown-fgColor-hover: #64513a;
    --label-brown-fgColor-active: #51412f;
    --label-lemon-bgColor-rest: #f7eea1;
    --label-lemon-bgColor-hover: #f0db3d;
    --label-lemon-bgColor-active: #d8bd0e;
    --label-lemon-fgColor-rest: #786002;
    --label-lemon-fgColor-hover: #654f01;
    --label-lemon-fgColor-active: #523f00;
    --label-olive-bgColor-rest: #f0f0ad;
    --label-olive-bgColor-hover: #dbe170;
    --label-olive-bgColor-active: #b9c832;
    --label-olive-fgColor-rest: #56682c;
    --label-olive-fgColor-hover: #495a2b;
    --label-olive-fgColor-active: #3b4927;
    --label-lime-bgColor-rest: #e3f2b5;
    --label-lime-bgColor-hover: #c7e580;
    --label-lime-bgColor-active: #9bd039;
    --label-lime-fgColor-rest: #476c28;
    --label-lime-fgColor-hover: #3a5b25;
    --label-lime-fgColor-active: #2f4a21;
    --label-pine-bgColor-rest: #bff8db;
    --label-pine-bgColor-hover: #80efb9;
    --label-pine-bgColor-active: #1dd781;
    --label-pine-fgColor-rest: #156f4b;
    --label-pine-fgColor-hover: #135d41;
    --label-pine-fgColor-active: #114b36;
    --label-teal-bgColor-rest: #c7f5ef;
    --label-teal-bgColor-hover: #89ebe1;
    --label-teal-bgColor-active: #22d3c7;
    --label-teal-fgColor-rest: #106e75;
    --label-teal-fgColor-hover: #0d5b63;
    --label-teal-fgColor-active: #0a4852;
    --label-cyan-bgColor-rest: #bdf4ff;
    --label-cyan-bgColor-hover: #7ae9ff;
    --label-cyan-bgColor-active: #00d0fa;
    --label-cyan-fgColor-rest: #006a80;
    --label-cyan-fgColor-hover: #00596b;
    --label-cyan-fgColor-active: #004857;
    --label-indigo-bgColor-rest: #e5e9ff;
    --label-indigo-bgColor-hover: #d2d7fe;
    --label-indigo-bgColor-active: #b1b9fb;
    --label-indigo-fgColor-rest: #494edf;
    --label-indigo-fgColor-hover: #393cd5;
    --label-indigo-fgColor-active: #2d2db4;
    --label-blue-bgColor-rest: #d1f0ff;
    --label-blue-bgColor-hover: #ade1ff;
    --label-blue-bgColor-active: #75c8ff;
    --label-blue-fgColor-rest: #005fcc;
    --label-blue-fgColor-hover: #004db3;
    --label-blue-fgColor-active: #003d99;
    --label-plum-bgColor-rest: #f8e5ff;
    --label-plum-bgColor-hover: #f0cdfe;
    --label-plum-bgColor-active: #e2a7fb;
    --label-plum-fgColor-rest: #961edc;
    --label-plum-fgColor-hover: #7d1eb8;
    --label-plum-fgColor-active: #651d96;
    --label-pink-bgColor-rest: #ffe5f1;
    --label-pink-bgColor-hover: #fdc9e2;
    --label-pink-bgColor-active: #f8a5cf;
    --label-pink-fgColor-rest: #b12f79;
    --label-pink-fgColor-hover: #8e2e66;
    --label-pink-fgColor-active: #6e2b53;
    --label-coral-bgColor-rest: #ffe5db;
    --label-coral-bgColor-hover: #fecebe;
    --label-coral-bgColor-active: #fcab92;
    --label-coral-fgColor-rest: #ba2e12;
    --label-coral-fgColor-hover: #9b2712;
    --label-coral-fgColor-active: #7e2011;
    --fgColor-default: #1f2328;
    --fgColor-muted: #636c76;
    --fgColor-onEmphasis: #ffffff;
    --fgColor-white: #ffffff;
    --fgColor-black: #1f2328;
    --fgColor-disabled: #8c959f;
    --fgColor-link: #0969da;
    --fgColor-neutral: #6e7781;
    --fgColor-accent: #0969da;
    --fgColor-success: #1a7f37;
    --fgColor-attention: #9a6700;
    --fgColor-severe: #bc4c00;
    --fgColor-danger: #d1242f;
    --fgColor-open: #1a7f37;
    --fgColor-closed: #d1242f;
    --fgColor-done: #8250df;
    --fgColor-upsell: #8250df;
    --fgColor-sponsors: #bf3989;
    --bgColor-default: #ffffff;
    --bgColor-muted: #f6f8fa;
    --bgColor-inset: #f6f8fa;
    --bgColor-emphasis: #24292f;
    --bgColor-inverse: #24292f;
    --bgColor-white: #ffffff;
    --bgColor-black: #1f2328;
    --bgColor-disabled: #eaeef2b3;
    --bgColor-transparent: #ffffff00;
    --bgColor-neutral-muted: #afb8c133;
    --bgColor-neutral-emphasis: #6e7781;
    --bgColor-accent-muted: #ddf4ff;
    --bgColor-accent-emphasis: #0969da;
    --bgColor-success-muted: #dafbe1;
    --bgColor-success-emphasis: #1f883d;
    --bgColor-attention-muted: #fff8c5;
    --bgColor-attention-emphasis: #9a6700;
    --bgColor-severe-muted: #fff1e5;
    --bgColor-severe-emphasis: #bc4c00;
    --bgColor-danger-muted: #ffebe9;
    --bgColor-danger-emphasis: #cf222e;
    --bgColor-open-muted: #dafbe1;
    --bgColor-open-emphasis: #1f883d;
    --bgColor-closed-muted: #ffebe9;
    --bgColor-closed-emphasis: #cf222e;
    --bgColor-done-muted: #fbefff;
    --bgColor-done-emphasis: #8250df;
    --bgColor-upsell-muted: #fbefff;
    --bgColor-upsell-emphasis: #8250df;
    --bgColor-sponsors-muted: #ffeff7;
    --bgColor-sponsors-emphasis: #bf3989;
    --borderColor-default: #d0d7de;
    --borderColor-muted: #d0d7deb3;
    --borderColor-emphasis: #6e7781;
    --borderColor-disabled: #eaeef2b3;
    --borderColor-transparent: #ffffff00;
    --borderColor-translucent: #1f232826;
    --borderColor-neutral-muted: #afb8c133;
    --borderColor-neutral-emphasis: #6e7781;
    --borderColor-accent-muted: #54aeff66;
    --borderColor-accent-emphasis: #0969da;
    --borderColor-success-muted: #4ac26b66;
    --borderColor-success-emphasis: #1a7f37;
    --borderColor-attention-muted: #d4a72c66;
    --borderColor-attention-emphasis: #bf8700;
    --borderColor-severe-muted: #fb8f4466;
    --borderColor-severe-emphasis: #bc4c00;
    --borderColor-danger-muted: #ff818266;
    --borderColor-danger-emphasis: #cf222e;
    --borderColor-open-muted: #4ac26b66;
    --borderColor-open-emphasis: #1a7f37;
    --borderColor-closed-muted: #ff818266;
    --borderColor-closed-emphasis: #cf222e;
    --borderColor-done-muted: #c297ff66;
    --borderColor-done-emphasis: #8250df;
    --borderColor-upsell-muted: #c297ff66;
    --borderColor-upsell-emphasis: #8250df;
    --borderColor-sponsors-muted: #ff80c866;
    --borderColor-sponsors-emphasis: #bf3989;
    --color-ansi-black: #24292f;
    --color-ansi-black-bright: #57606a;
    --color-ansi-white: #6e7781;
    --color-ansi-white-bright: #8c959f;
    --color-ansi-gray: #6e7781;
    --color-ansi-red: #cf222e;
    --color-ansi-red-bright: #a40e26;
    --color-ansi-green: #116329;
    --color-ansi-green-bright: #1a7f37;
    --color-ansi-yellow: #4d2d00;
    --color-ansi-yellow-bright: #633c01;
    --color-ansi-blue: #0969da;
    --color-ansi-blue-bright: #218bff;
    --color-ansi-magenta: #8250df;
    --color-ansi-magenta-bright: #a475f9;
    --color-ansi-cyan: #1b7c83;
    --color-ansi-cyan-bright: #3192aa;
    --color-prettylights-syntax-comment: #57606a;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-prettylights-syntax-entity: #6639ba;
    --color-prettylights-syntax-storage-modifier-import: #24292f;
    --color-prettylights-syntax-entity-tag: #0550ae;
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-variable: #953800;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-string-regexp: #116329;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-italic: #24292f;
    --color-prettylights-syntax-markup-bold: #24292f;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
    --color-prettylights-syntax-markup-inserted-text: #116329;
    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
    --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
    --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
    --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
    --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
    --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
    --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
    --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
    --shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@openproject/primer-view-components/app/assets/styles/primer_view_components.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
:root{--actionListContent-paddingBlock:var(--control-medium-paddingBlock)}action-list,nav-list{display:block}.ActionListHeader{margin-bottom:var(--base-size-16);margin-left:var(--base-size-8)}.ActionListWrap{list-style:none}.ActionListWrap--inset,.ActionListWrap--inset[popover]{padding:var(--base-size-8)}.ActionListWrap--divided .ActionListItem-label:before{height:1px}.ActionListWrap--divided .ActionListItem-descriptionWrap--inline:before,.ActionListWrap--divided .ActionListItem-label:before{background:var(--borderColor-muted,var(--color-action-list-item-inline-divider));content:"";display:block;position:absolute;top:calc(var(--actionListContent-paddingBlock)*-1);width:100%}.ActionListWrap--divided .ActionListItem-descriptionWrap--inline:before{height:var(--borderWidth-thin)}.ActionListWrap--divided .ActionListItem-descriptionWrap--inline .ActionListItem-label:before{content:unset}.ActionList-sectionDivider+.ActionListItem .ActionListItem-descriptionWrap--inline:before,.ActionList-sectionDivider+.ActionListItem .ActionListItem-label:before,.ActionListItem:first-of-type .ActionListItem-descriptionWrap--inline:before,.ActionListItem:first-of-type .ActionListItem-label:before,.ActionListWrap--divided .ActionListItem--navActive .ActionListItem-label:before,.ActionListWrap--divided .ActionListItem--navActive+.ActionListItem .ActionListItem-label:before{visibility:hidden}.ActionListItem{background-color:var(--control-transparent-bgColor-rest);border-radius:var(--borderRadius-medium);list-style:none;position:relative}.ActionListItem:active,.ActionListItem:hover{cursor:pointer}@media (hover:hover){.ActionListItem:hover .ActionListItem-descriptionWrap--inline:before,.ActionListItem:hover .ActionListItem-label:before,.ActionListItem:hover+.ActionListItem .ActionListItem-descriptionWrap--inline:before,.ActionListItem:hover+.ActionListItem .ActionListItem-label:before{visibility:hidden}}.ActionListItem[hidden]+.ActionList-sectionDivider{display:none}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent{z-index:1}@media (hover:hover){.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:hover{background-color:var(--control-transparent-bgColor-hover)}}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active{background-color:var(--control-transparent-bgColor-active)}@media (hover:hover){.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:hover,.ActionListItem:not(.ActionListItem--hasSubItem):hover{background-color:var(--control-transparent-bgColor-hover);cursor:pointer}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:hover:not(.ActionListItem--navActive,:focus-visible),.ActionListItem:not(.ActionListItem--hasSubItem):hover:not(.ActionListItem--navActive,:focus-visible){box-shadow:var(--boxShadow-thin) var(--control-transparent-borderColor-active);outline:solid var(--borderWidth-thin) #0000;outline-offset:calc(var(--borderWidth-thin)*-1)}}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active,.ActionListItem:not(.ActionListItem--hasSubItem):active{background:var(--control-transparent-bgColor-active)}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active:not(.ActionListItem--navActive),.ActionListItem:not(.ActionListItem--hasSubItem):active:not(.ActionListItem--navActive){box-shadow:var(--boxShadow-thin) var(--control-transparent-borderColor-active);outline:solid var(--borderWidth-thin) #0000;outline-offset:calc(var(--borderWidth-thin)*-1)}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active .ActionListItem-label:before,.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active+.ActionListItem .ActionListItem-label:before,.ActionListItem:not(.ActionListItem--hasSubItem):active .ActionListItem-label:before,.ActionListItem:not(.ActionListItem--hasSubItem):active+.ActionListItem .ActionListItem-label:before{visibility:hidden}.ActionListItem[aria-selected=true]{background:var(--control-transparent-bgColor-selected);font-weight:var(--base-text-weight-normal)}@media (hover:hover){.ActionListItem[aria-selected=true]:hover{background-color:var(--control-transparent-bgColor-hover)}}.ActionListItem[aria-selected=true]+.ActionListItem:before,.ActionListItem[aria-selected=true]:before{visibility:hidden}.ActionListItem[aria-selected=true]:after{background:var(--borderColor-accent-emphasis);border-radius:var(--borderRadius-medium);content:"";height:var(--base-size-24);left:calc(var(--base-size-4)*-1);position:absolute;top:calc(50% - 12px);width:var(--base-size-4)}.ActionListItem.ActionListItem--navActive{outline:2px solid #0000}.ActionListItem.ActionListItem--navActive:not(.ActionListItem--subItem) .ActionListItem-label{font-weight:var(--base-text-weight-semibold)}.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger){background:var(--control-transparent-bgColor-selected)}@media (hover:hover){.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):hover{background-color:var(--control-transparent-bgColor-hover)}}.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger)+.ActionListItem:before,.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):before{visibility:hidden}.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):after{background:var(--borderColor-accent-emphasis);border-radius:var(--borderRadius-medium);content:"";height:var(--base-size-24);left:calc(var(--base-size-8)*-1);position:absolute;top:calc(50% - 12px);width:var(--base-size-4)}.ActionListItem.ActionListItem--disabled .ActionListContent .ActionListItem-description,.ActionListItem.ActionListItem--disabled .ActionListContent .ActionListItem-label,.ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-description,.ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-label{color:var(--control-fgColor-disabled)}.ActionListItem.ActionListItem--disabled .ActionListContent .ActionListItem-visual,.ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-visual{fill:var(--control-fgColor-disabled)}@media (hover:hover){.ActionListItem.ActionListItem--disabled:hover,.ActionListItem[aria-disabled=true]:hover{background-color:initial;cursor:not-allowed}}.ActionListItem.ActionListItem--danger .ActionListItem-label,.ActionListItem.ActionListItem--danger .ActionListItem-visual{color:var(--control-danger-fgColor-rest)}@media (hover:hover){.ActionListItem.ActionListItem--danger:hover{background:var(--control-danger-bgColor-hover)}.ActionListItem.ActionListItem--danger:hover .ActionListItem-description,.ActionListItem.ActionListItem--danger:hover .ActionListItem-label,.ActionListItem.ActionListItem--danger:hover .ActionListItem-visual{color:var(--control-danger-fgColor-hover)}}.ActionListItem.ActionListItem--danger .ActionListContent:active{background:var(--control-danger-bgColor-active)}.ActionListItem.ActionListItem--danger .ActionListContent:active .ActionListItem-description,.ActionListItem.ActionListItem--danger .ActionListContent:active .ActionListItem-label,.ActionListItem.ActionListItem--danger .ActionListContent:active .ActionListItem-visual{color:var(--control-danger-fgColor-hover)}.ActionListContent{background-color:initial;border:none;border-radius:var(--borderRadius-medium);color:var(--control-fgColor-rest);display:grid;padding-block:var(--actionListContent-paddingBlock);padding-inline:var(--control-medium-paddingInline-condensed);position:relative;text-align:left;touch-action:manipulation;transition:background 33.333ms linear;-webkit-user-select:none;user-select:none;width:100%;-webkit-tap-highlight-color:transparent;align-items:start;grid-template-areas:"leadingAction leadingVisual label trailingVisual trailingAction";grid-template-columns:min-content min-content minmax(0,auto) min-content min-content;grid-template-rows:min-content}.ActionListContent>:not(:last-child){margin-right:var(--control-medium-gap)}.ActionListContent:hover{-webkit-text-decoration:none;text-decoration:none}.ActionListContent[aria-disabled=true] .ActionListItem-description,.ActionListContent[aria-disabled=true] .ActionListItem-label{color:var(--control-fgColor-disabled)}.ActionListContent[aria-disabled=true] .ActionListItem-visual{fill:var(--control-fgColor-disabled)}@media (hover:hover){.ActionListContent[aria-disabled=true]:hover{background-color:initial;cursor:not-allowed}}@media screen and (prefers-reduced-motion:no-preference){.ActionListContent[aria-expanded]+.ActionList--subGroup{transition:opacity .16s cubic-bezier(.25,1,.5,1),transform .16s cubic-bezier(.25,1,.5,1)}}.ActionListContent[aria-expanded]+.ActionList--subGroup .ActionListContent{padding-left:var(--base-size-24)}.ActionListContent.ActionListContent--visual16[aria-expanded]+.ActionList--subGroup .ActionListContent{padding-left:var(--base-size-32)}.ActionListContent.ActionListContent--visual20[aria-expanded]+.ActionList--subGroup .ActionListContent{padding-left:var(--base-size-36)}.ActionListContent.ActionListContent--visual24[aria-expanded]+.ActionList--subGroup .ActionListContent{padding-left:var(--base-size-40)}.ActionListContent[aria-expanded=true] .ActionListItem-collapseIcon{transform:scaleY(-1);transition:transform .12s linear}.ActionListContent[aria-expanded=true]+.ActionList--subGroup{height:auto;opacity:1;overflow:visible;transform:translateY(0);visibility:visible}.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=true]>.ActionListItem-label{font-weight:var(--base-text-weight-semibold)}.ActionListContent[aria-expanded=false] .ActionListItem-collapseIcon{transform:scaleY(1);transition:transform .12s linear}.ActionListContent[aria-expanded=false]+.ActionList--subGroup{height:0;opacity:0;overflow:hidden;transform:translateY(calc(var(--base-size-16)*-1));visibility:hidden}.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]{background:var(--control-transparent-bgColor-selected)}.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false] .ActionListItem-label{font-weight:var(--base-text-weight-semibold)}.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]+.ActionListItem:before,.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]:before{visibility:hidden}.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]:after{background:var(--borderColor-accent-emphasis);border-radius:var(--borderRadius-medium);content:"";height:var(--base-size-24);left:calc(var(--base-size-8)*-1);position:absolute;top:calc(50% - 12px);width:var(--base-size-4)}.ActionListContent[aria-checked=true] .ActionListItem-multiSelectCheckmark,.ActionListContent[aria-selected=true] .ActionListItem-multiSelectCheckmark{opacity:1;transition:visibility 0 linear 0,opacity 50ms;visibility:visible}.ActionListContent[aria-checked=true] .ActionListItem-singleSelectCheckmark,.ActionListContent[aria-selected=true] .ActionListItem-singleSelectCheckmark{visibility:visible}.ActionListContent[aria-checked=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect,.ActionListContent[aria-selected=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect{fill:var(--control-checked-bgColor-rest);stroke:var(--control-checked-bgColor-rest);stroke-width:var(--borderWidth-thin,1px)}.ActionListContent[aria-checked=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectCheckmark,.ActionListContent[aria-selected=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectCheckmark{fill:var(--fgColor-onEmphasis)}.ActionListContent[aria-checked=false] .ActionListItem-multiSelectCheckmark,.ActionListContent[aria-selected=false] .ActionListItem-multiSelectCheckmark{opacity:0;transition:visibility 0 linear 50ms,opacity 50ms;visibility:hidden}.ActionListContent[aria-checked=false] .ActionListItem-singleSelectCheckmark,.ActionListContent[aria-selected=false] .ActionListItem-singleSelectCheckmark{transition:visibility 0s linear .2s;visibility:hidden}.ActionListContent[aria-checked=false] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect,.ActionListContent[aria-selected=false] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect{fill:var(--bgColor-default);stroke:var(--control-borderColor-rest);stroke-width:var(--borderWidth-thin,1px)}.ActionListContent[aria-checked=false] .ActionListItem-multiSelectIconRect,.ActionListContent[aria-selected=false] .ActionListItem-multiSelectIconRect{fill:var(--bgColor-default);border:var(--borderWidth-thin,1px) solid var(--control-borderColor-rest)}.ActionListContent.ActionListContent--sizeLarge{--actionListContent-paddingBlock:var(--control-large-paddingBlock)}.ActionListContent.ActionListContent--sizeXLarge{--actionListContent-paddingBlock:var(--control-xlarge-paddingBlock)}@media (pointer:coarse){.ActionListContent{--actionListContent-paddingBlock:var(--control-large-paddingBlock)}}.ActionListContent.ActionListContent--blockDescription .ActionListItem-visual{place-self:start}.ActionListItem-action--leading{grid-area:leadingAction}.ActionListItem-visual--leading{grid-area:leadingVisual}.ActionListItem-visual--trailing{grid-area:trailingVisual}.ActionListItem-action--trailing{grid-area:trailingAction}.ActionListItem-visual--leading svg{fill:currentcolor}.ActionListItem-descriptionWrap{display:flex;flex-direction:column;gap:var(--base-size-4);grid-area:label}.ActionListItem-descriptionWrap .ActionListItem-label{font-weight:var(--base-text-weight-semibold)}.ActionListItem-descriptionWrap--inline{align-items:baseline;flex-direction:row;gap:var(--base-size-8);position:relative}.ActionListItem-description{color:var(--fgColor-muted);font-size:var(--text-body-size-small);font-weight:var(--base-text-weight-normal);line-height:var(--text-body-lineHeight-small)}.ActionListItem-action,.ActionListItem-visual{color:var(--fgColor-muted);display:flex;min-height:var(--control-medium-lineBoxHeight);pointer-events:none;fill:var(--fgColor-muted);align-items:center}.ActionListItem-label{color:var(--fgColor-default);font-size:var(--text-body-size-medium);font-weight:var(--base-text-weight-normal);grid-area:label;line-height:var(--text-body-lineHeight-medium);position:relative}.ActionListItem-label--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ActionListItem--subItem>.ActionListContent>.ActionListItem-label{font-size:var(--text-body-size-small);line-height:var(--text-body-lineHeight-small)}.ActionListItem--withActions{align-items:center;display:flex;flex-wrap:nowrap}.ActionListItem-trailingAction{border-bottom-left-radius:0;border-top-left-radius:0}.ActionListItem--trailingActionHover .ActionListItem-trailingAction{visibility:hidden}.ActionListItem--trailingActionHover:focus-within .ActionListItem-trailingAction,.ActionListItem--trailingActionHover:hover .ActionListItem-trailingAction{visibility:visible}.ActionList-sectionDivider:not(:empty){color:var(--fgColor-muted);display:flex;flex-direction:column;font-size:var(--text-body-size-small);font-weight:var(--base-text-weight-semibold);line-height:var(--text-body-lineHeight-small);padding-block:var(--base-size-8);padding-inline:var(--actionListContent-paddingBlock)}.ActionList-sectionDivider:empty{background:var(--borderColor-muted,var(--color-action-list-item-inline-divider));border:0;display:block;height:var(--borderWidth-thin);list-style:none;margin-block-end:var(--base-size-8);margin-block-start:calc(var(--base-size-8) - var(--borderWidth-thin));margin-inline:calc(var(--base-size-8)*-1);padding:0}.ActionList-sectionDivider .ActionList-sectionDivider-title{color:var(--fgColor-muted);font-size:var(--text-body-size-small);font-weight:var(--base-text-weight-semibold)}.ActionList-sectionDivider--filled{background:var(--bgColor-muted);border-bottom:solid var(--borderWidth-thin) var(--borderColor-muted,var(--color-action-list-item-inline-divider));border-top:solid var(--borderWidth-thin) var(--borderColor-muted,var(--color-action-list-item-inline-divider));margin-block-end:var(--base-size-8);margin-block-start:calc(var(--base-size-8) - var(--borderWidth-thin));margin-inline:calc(var(--base-size-8)*-1)}.ActionList-sectionDivider--filled:empty{box-sizing:border-box;height:var(--base-size-8)}.ActionList-sectionDivider--filled:first-child{margin-block-start:0}.autocomplete-label-stacked{display:block;margin-bottom:6px}.autocomplete-label-inline{display:inline;margin-right:6px}@media (max-width:543.98px){.autocomplete-label-inline{display:block;margin-bottom:6px}}.autocomplete-body{display:inline;position:relative}.autocomplete-embedded-icon-wrap{align-items:center;display:inline-flex;padding:4px 8px}.autocomplete-embedded-icon-wrap:focus-within{border-color:var(--focus-outlineColor);box-shadow:inset 0 0 0 1px var(--focus-outlineColor);outline:none}.autocomplete-embedded-icon-wrap .form-control{border:none;box-shadow:none;margin-left:8px;padding:0}.autocomplete-embedded-icon-wrap .form-control:focus{box-shadow:none}.autocomplete-embedded-icon-wrap .form-control:focus-visible{box-shadow:none}.autocomplete-results{background:var(--overlay-bgColor);border:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:var(--borderRadius-medium);box-shadow:var(--shadow-resting-medium);font-size:13px;left:0;list-style:none;max-height:20em;min-width:100%;overflow-y:auto;position:absolute;width:max-content;z-index:99}.autocomplete-item{background-color:var(--overlay-bgColor);border:0;color:var(--fgColor-default);cursor:pointer;display:block;font-weight:var(--base-text-weight-semibold);overflow:hidden;padding:4px 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.autocomplete-item,.autocomplete-item:hover{-webkit-text-decoration:none;text-decoration:none}.autocomplete-item:hover{background-color:var(--bgColor-accent-emphasis);color:var(--fgColor-onEmphasis)}.autocomplete-item:hover *{color:inherit!important}.autocomplete-item.navigation-focus,.autocomplete-item.selected,.autocomplete-item[aria-selected=true]{background-color:var(--bgColor-accent-emphasis);color:var(--fgColor-onEmphasis);-webkit-text-decoration:none;text-decoration:none}.autocomplete-item.navigation-focus *,.autocomplete-item.selected *,.autocomplete-item[aria-selected=true] *{color:inherit!important}.Banner{background-image:linear-gradient(var(--bgColor-accent-muted),var(--bgColor-accent-muted));border:var(--borderWidth-thin) solid var(--borderColor-accent-muted);border-radius:var(--borderRadius-medium);color:var(--fgColor-default);display:grid;grid-auto-flow:column;grid-template-areas:"visual message actions close";grid-template-columns:min-content 1fr minmax(0,auto) min-content;grid-template-rows:min-content;padding:var(--base-size-8);position:relative}@media (max-width:543.98px){.Banner{grid-template-areas:"visual message close" ". actions actions";grid-template-columns:min-content 1fr min-content;grid-template-rows:min-content min-content}.Banner .Banner-actions{margin:var(--base-size-8) 0 0 var(--base-size-8)}}.Banner .Banner-visual{align-self:start;display:grid;grid-area:visual;padding:.375rem var(--base-size-8)}.Banner .Banner-visual>.octicon{margin-block:calc(var(--base-size-4)/2)}.Banner .Banner-visual>*{align-self:center}.Banner .Banner-message{align-self:center;grid-area:message;padding:.375rem var(--base-size-8)}.Banner .Banner-message p:last-child{margin-bottom:0}.Banner .Banner-message .Banner-title:not(:only-child){font-weight:var(--base-text-weight-semibold);margin-bottom:0}.Banner .Banner-actions{grid-area:actions}.Banner .Banner-actions:last-child{align-self:center}.Banner .Banner-close{grid-area:close;margin-left:var(--controlStack-medium-gap-condensed)}.Banner .Banner-visual .octicon{color:var(--fgColor-accent)}.Banner.Banner--warning{background-image:linear-gradient(var(--bgColor-attention-muted),var(--bgColor-attention-muted));border-color:var(--borderColor-attention-muted);color:var(--fgColor-default)}.Banner.Banner--warning .Banner-visual .octicon{color:var(--fgColor-attention)}.Banner.Banner--error{background-image:linear-gradient(var(--bgColor-danger-muted),var(--bgColor-danger-muted));border-color:var(--borderColor-danger-muted);color:var(--fgColor-default)}.Banner.Banner--error .Banner-visual .octicon{color:var(--fgColor-danger)}.Banner.Banner--success{background-image:linear-gradient(var(--bgColor-success-muted),var(--bgColor-success-muted));border-color:var(--borderColor-success-muted);color:var(--fgColor-default)}.Banner.Banner--success .Banner-visual .octicon{color:var(--fgColor-success)}.Banner.Banner--full{border-left:0;border-radius:0;border-right:0;margin-top:calc(var(--borderWidth-thin)*-1)}@media (max-width:767.98px){.Banner.Banner--full-whenNarrow{border-left:0;border-radius:0;border-right:0;margin-top:calc(var(--borderWidth-thin)*-1)}}body.has-modal{overflow:hidden!important;padding-right:var(--dialog-scrollgutter)!important}dialog.Overlay:not([open]){display:none}.Overlay--hidden{display:none!important}.Overlay--visibilityHidden{height:0;opacity:0;overflow:hidden;visibility:hidden}@supports not selector(:popover-open){[popover]:not(.\:popover-open){display:none}}.Overlay{background-color:var(--overlay-bgColor);border:0;border-radius:var(--borderRadius-large);box-shadow:var(--shadow-floating-small);color:var(--fgColor-default);display:flex;flex-direction:column;inset:0;margin:auto;max-height:min(calc(100vh - 2rem),var(--overlay-height));min-width:192px;opacity:1;padding:0;position:static;white-space:normal;width:min(var(--overlay-width),100vw - 2rem)}.Overlay.Overlay--size-auto{max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem);min-width:192px}.Overlay.Overlay--size-full{height:100vh;width:100vw}.Overlay.Overlay--size-xsmall{--overlay-width:192px;max-height:calc(100vh - 2rem)}.Overlay.Overlay--size-small{--overlay-height:256px;--overlay-width:320px}.Overlay.Overlay--size-small-portrait{--overlay-height:432px;--overlay-width:320px}.Overlay.Overlay--size-medium{--overlay-height:320px;--overlay-width:480px}.Overlay.Overlay--size-medium-portrait{--overlay-height:600px;--overlay-width:480px}.Overlay.Overlay--size-large{--overlay-height:432px;--overlay-width:640px}.Overlay.Overlay--size-xlarge{--overlay-height:600px;--overlay-width:960px}.Overlay.Overlay--height-auto{height:auto}.Overlay.Overlay--placement-left,.Overlay.Overlay--placement-right{height:100%;max-height:unset;position:fixed}@media screen and (prefers-reduced-motion:no-preference){.Overlay.Overlay--motion-scaleFade,.Overlay.Overlay--placement-left,.Overlay.Overlay--placement-right{animation:Overlay--motion-scaleFade .2s cubic-bezier(.33,1,.68,1) 0s 1 normal none running}}.Overlay.Overlay--placement-left{animation-name:Overlay--motion-slideInRight;border-bottom-left-radius:0;border-top-left-radius:0;inset:0 auto 0 0}.Overlay.Overlay--placement-right{animation-name:Overlay--motion-slideInLeft;border-bottom-right-radius:0;border-top-right-radius:0;inset:0 0 0 auto}.Overlay.Overlay--height-xsmall{height:min(192px,100vh - 2rem)}.Overlay.Overlay--height-small{height:min(256px,100vh - 2rem)}.Overlay.Overlay--height-medium{height:min(320px,100vh - 2rem)}.Overlay.Overlay--height-large{height:min(432px,100vh - 2rem)}.Overlay.Overlay--height-xlarge{height:min(600px,100vh - 2rem)}.Overlay.Overlay--width-auto{width:auto}.Overlay.Overlay--width-small{width:min(256px,100vw - 2rem)}.Overlay.Overlay--width-medium{width:min(320px,100vw - 2rem)}.Overlay.Overlay--width-large{width:min(480px,100vw - 2rem)}.Overlay.Overlay--width-xlarge{width:min(640px,100vw - 2rem)}.Overlay.Overlay--width-xxlarge{width:min(960px,100vw - 2rem)}.Overlay:modal{position:fixed}@keyframes Overlay--motion-scaleFade{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.Overlay-form{flex-grow:1;overflow:auto}.Overlay-form,.Overlay-header{display:flex;flex-direction:column}.Overlay-header{color:var(--fgColor-default);z-index:1}.Overlay-header.Overlay-header--divided{box-shadow:inset 0 calc(var(--borderWidth-thin)*-1) var(--borderColor-default);padding-bottom:var(--stack-padding-condensed)}.Overlay-header.Overlay-header--divided+.Overlay-body{padding-top:var(--stack-padding-normal)}.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap{gap:var(--stack-gap-condensed)}.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title{font-size:var(--text-title-size-medium)}.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-description{font-size:var(--text-body-size-medium)}.Overlay-header .Overlay-headerContentWrap{align-items:flex-start;display:flex;gap:var(--stack-gap-condensed);padding:var(--stack-gap-condensed) var(--stack-gap-condensed) 0 var(--stack-gap-condensed)}.Overlay-header .Overlay-headerContentWrap .Overlay-actionWrap{display:flex;flex-direction:row;gap:var(--stack-gap-condensed)}.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap{display:flex;flex-direction:column;flex-grow:1;gap:var(--control-small-gap);padding:calc(var(--stack-gap-condensed)*.75) 0 calc(var(--stack-gap-condensed)*.75) var(--stack-gap-condensed)}.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title{font-size:var(--text-body-size-medium);font-weight:var(--base-text-weight-semibold);margin:0}.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-description{color:var(--fgColor-muted);font-size:var(--text-body-size-small);font-weight:var(--base-text-weight-normal);margin:0}.Overlay-headerFilter{padding:var(--stack-gap-condensed) var(--stack-gap-condensed) 0 var(--stack-gap-condensed)}.Overlay-body{flex-grow:1;font-size:var(--text-body-size-medium);overflow-y:auto;padding:var(--stack-padding-normal);padding-top:0;scrollbar-width:thin}.Overlay-body.Overlay-body--paddingCondensed{padding:var(--stack-padding-condensed);padding-top:0}.Overlay-body.Overlay-body--paddingNone{padding:0}.Overlay-footer{display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;padding:0 var(--stack-padding-normal) var(--stack-padding-normal) var(--stack-padding-normal);z-index:1}.Overlay-footer.Overlay-footer--divided{box-shadow:inset 0 var(--borderWidth-thin) var(--borderColor-default);padding-top:var(--stack-padding-normal)}.Overlay-footer.Overlay-footer--alignStart{gap:var(--stack-gap-condensed);justify-content:flex-start}.Overlay-footer.Overlay-footer--alignCenter{gap:var(--stack-gap-condensed);justify-content:center}.Overlay-footer.Overlay-footer--alignEnd{gap:var(--stack-gap-condensed);justify-content:flex-end}.Overlay-closeButton{align-self:flex-start;background-color:initial;border:var(--borderWidth-thin) solid #0000;border-radius:var(--borderRadius-medium);color:var(--fgColor-muted);cursor:pointer;display:grid;flex-shrink:0;height:var(--base-size-32);padding:0;place-content:center;position:relative;transition:.2s cubic-bezier(.3,0,.5,1);transition-property:color,background-color,border-color;-webkit-user-select:none;user-select:none;width:var(--base-size-32)}.Overlay-closeButton:focus,.Overlay-closeButton:hover{background-color:var(--button-default-bgColor-hover);border:var(--borderWidth-thin) solid var(--control-bgColor-hover)}.Overlay-closeButton.close-button{border:var(--borderWidth-thin) solid #0000}.Overlay--full{border-radius:unset!important;flex-grow:1;height:100%;max-height:100vh;max-width:100vw;width:100%}@media (max-width:767px){.Overlay--placement-right-whenNarrow,.Overlay.Overlay--placement-left-whenNarrow{height:100%;max-height:100vh;position:fixed}.Overlay.Overlay--placement-left-whenNarrow{animation-name:Overlay--motion-slideInLeft;border-bottom-left-radius:0;border-top-left-radius:0;inset:0 auto 0 0}.Overlay.Overlay--placement-right-whenNarrow{animation-name:Overlay--motion-slideInLeft;border-bottom-right-radius:0;border-top-right-radius:0;inset:0 0 0 auto}.Overlay.Overlay--placement-bottom-whenNarrow{animation-name:Overlay--motion-slideUp;border-bottom-left-radius:0;border-bottom-right-radius:0;inset:auto 0 0;max-width:100vw;width:100%}.Overlay--full-whenNarrow{border-radius:unset!important;flex-grow:1;height:100%;max-height:100vh;max-width:100vw;width:100%}}@keyframes Overlay--motion-slideDown{0%{transform:translateY(-100%)}}@keyframes Overlay--motion-slideUp{0%{transform:translateY(100%)}}@keyframes Overlay--motion-slideInRight{0%{transform:translateX(-100%)}}@keyframes Overlay--motion-slideInLeft{0%{transform:translateX(100%)}}.dropdown{position:relative}.dropdown-caret{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;border-style:solid;border-width:var(--borderWidth-thicker) var(--borderWidth-thicker) 0;content:"";display:inline-block;height:0;vertical-align:middle;width:0}.dropdown-menu{background-clip:padding-box;background-color:var(--overlay-bgColor);border:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:var(--borderRadius-medium);box-shadow:var(--shadow-floating-legacy,var(--color-shadow-large));left:0;list-style:none;margin-top:2px;padding-bottom:var(--control-small-paddingBlock);padding-top:var(--control-small-paddingBlock);position:absolute;top:100%;width:160px;z-index:100}.dropdown-menu:after,.dropdown-menu:before{content:"";display:inline-block;position:absolute}.dropdown-menu:before{border:8px solid #0000;border-bottom:8px solid var(--borderColor-default)}.dropdown-menu:after{border:7px solid #0000;border-bottom:7px solid var(--overlay-bgColor)}.dropdown-menu>ul{list-style:none}.dropdown-menu-no-overflow{width:auto}.dropdown-menu-no-overflow .dropdown-item{overflow:visible;padding:var(--control-small-paddingBlock) var(--control-medium-paddingInline-spacious);text-overflow:inherit}.dropdown-item{color:var(--fgColor-default);display:block;overflow:hidden;padding:var(--control-small-paddingBlock) var(--control-medium-paddingInline-condensed) var(--control-small-paddingBlock) var(--control-medium-paddingInline-spacious);text-overflow:ellipsis;white-space:nowrap}.dropdown-item:hover{background-color:var(--bgColor-accent-emphasis);color:var(--fgColor-onEmphasis);-webkit-text-decoration:none;text-decoration:none}.dropdown-item:hover>.octicon{color:inherit;opacity:1}.dropdown-item:hover [class*=color-fg-]{color:inherit!important}.dropdown-item:hover>.Label{border-color:currentcolor;color:inherit!important}.dropdown-item.btn-link,.dropdown-signout{text-align:left;width:100%}.dropdown-signout{background:none;border:0}.dropdown-divider{border-top:var(--borderWidth-thin) solid var(--borderColor-default);display:block;height:0;margin:var(--stack-gap-condensed) 0}.dropdown-header{color:var(--fgColor-muted);font-size:var(--text-body-size-small);padding:var(--control-small-paddingBlock) var(--control-medium-paddingInline-spacious)}.dropdown-item[aria-checked=false] .octicon-check{display:none}.dropdown-menu-w{left:auto;margin-right:8px;margin-top:0;right:100%;top:0;width:auto}.dropdown-menu-w:before{border-color:#0000;border-left-color:var(--borderColor-default);left:auto;right:-16px;top:10px}.dropdown-menu-w:after{border-color:#0000;border-left-color:var(--overlay-bgColor);left:auto;right:-14px;top:11px}.dropdown-menu-e{left:100%;margin-left:8px;margin-top:0;top:0;width:auto}.dropdown-menu-e:before{border-color:#0000;border-right-color:var(--borderColor-default);left:-16px;top:10px}.dropdown-menu-e:after{border-color:#0000;border-right-color:var(--overlay-bgColor);left:-14px;top:11px}.dropdown-menu-ne{bottom:100%;left:0;margin-bottom:3px;top:auto}.dropdown-menu-ne:after,.dropdown-menu-ne:before{right:auto;top:auto}.dropdown-menu-ne:before{border-bottom:0;border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--borderColor-default);bottom:-8px;left:9px}.dropdown-menu-ne:after{border-bottom:0;border-left:7px solid #0000;border-right:7px solid #0000;border-top:7px solid var(--overlay-bgColor);bottom:-7px;left:10px}.dropdown-menu-s{left:auto;right:50%;transform:translateX(50%)}.dropdown-menu-s:before{right:50%;top:-16px;transform:translateX(50%)}.dropdown-menu-s:after{right:50%;top:-14px;transform:translateX(50%)}.dropdown-menu-sw{left:auto;right:0}.dropdown-menu-sw:before{left:auto;right:9px;top:-16px}.dropdown-menu-sw:after{left:auto;right:10px;top:-14px}.dropdown-menu-se:before{left:9px;top:-16px}.dropdown-menu-se:after{left:10px;top:-14px}.Layout{display:grid;--Layout-sidebar-width:220px;--Layout-gutter:16px;grid-auto-flow:column;grid-template-columns:auto 0 minmax(0,calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter)));grid-gap:var(--Layout-gutter)}@media (max-width:calc(544px - 0.02px)){.Layout{grid-auto-flow:row;grid-template-columns:1fr!important}.Layout .Layout-divider,.Layout .Layout-main,.Layout .Layout-sidebar{grid-column:1!important;width:100%!important}.Layout.Layout--sidebarPosition-flowRow-start .Layout-sidebar{grid-row:1}.Layout.Layout--sidebarPosition-flowRow-end .Layout-sidebar,.Layout.Layout--sidebarPosition-flowRow-start .Layout-main{grid-row:2/span 2}.Layout.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}.Layout.Layout--sidebarPosition-flowRow-none .Layout-sidebar{display:none}.Layout.Layout--divided{--Layout-gutter:0}.Layout.Layout--divided .Layout-divider{grid-row:2;height:1px}.Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden{display:none}.Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow{background:var(--bgColor-inset);border-color:var(--borderColor-default);border-style:solid;border-width:var(--borderWidth-thin) 0;height:8px;margin-right:0}.Layout.Layout--divided .Layout-main,.Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:3/span 1}.Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}}@media (max-width:calc(768px - 0.02px)){.Layout.Layout--flowRow-until-md{grid-auto-flow:row;grid-template-columns:1fr!important}.Layout.Layout--flowRow-until-md .Layout-divider,.Layout.Layout--flowRow-until-md .Layout-main,.Layout.Layout--flowRow-until-md .Layout-sidebar{grid-column:1!important;width:100%!important}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start .Layout-sidebar{grid-row:1}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end .Layout-sidebar,.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start .Layout-main{grid-row:2/span 2}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-none .Layout-sidebar{display:none}.Layout.Layout--flowRow-until-md.Layout--divided{--Layout-gutter:0}.Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider{grid-row:2;height:1px}.Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden{display:none}.Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow{background:var(--bgColor-inset);border-color:var(--borderColor-default);border-style:solid;border-width:var(--borderWidth-thin) 0;height:8px;margin-right:0}.Layout.Layout--flowRow-until-md.Layout--divided .Layout-main,.Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:3/span 1}.Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}}@media (max-width:calc(1012px - 0.02px)){.Layout.Layout--flowRow-until-lg{grid-auto-flow:row;grid-template-columns:1fr!important}.Layout.Layout--flowRow-until-lg .Layout-divider,.Layout.Layout--flowRow-until-lg .Layout-main,.Layout.Layout--flowRow-until-lg .Layout-sidebar{grid-column:1!important;width:100%!important}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start .Layout-sidebar{grid-row:1}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end .Layout-sidebar,.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start .Layout-main{grid-row:2/span 2}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-none .Layout-sidebar{display:none}.Layout.Layout--flowRow-until-lg.Layout--divided{--Layout-gutter:0}.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider{grid-row:2;height:1px}.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden{display:none}.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow{background:var(--bgColor-inset);border-color:var(--borderColor-default);border-style:solid;border-width:var(--borderWidth-thin) 0;height:8px;margin-right:0}.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-main,.Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar{grid-row:3/span 1}.Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main{grid-row:1}}.Layout .Layout-sidebar{grid-column:1}.Layout .Layout-divider{display:none}.Layout .Layout-main{grid-column:2/span 2}@media (min-width:1012px){.Layout{--Layout-gutter:24px}}.Layout.Layout--gutter-none{--Layout-gutter:0px}.Layout.Layout--gutter-condensed{--Layout-gutter:16px}@media (min-width:1012px){.Layout.Layout--gutter-spacious{--Layout-gutter:32px}}@media (min-width:1280px){.Layout.Layout--gutter-spacious{--Layout-gutter:40px}}@media (min-width:544px){.Layout{--Layout-sidebar-width:220px}}@media (min-width:768px){.Layout{--Layout-sidebar-width:256px}}@media (min-width:1012px){.Layout{--Layout-sidebar-width:296px}}@media (min-width:768px){.Layout.Layout--sidebar-narrow{--Layout-sidebar-width:240px}}@media (min-width:1012px){.Layout.Layout--sidebar-narrow{--Layout-sidebar-width:256px}.Layout.Layout--sidebar-wide{--Layout-sidebar-width:320px}}@media (min-width:1280px){.Layout.Layout--sidebar-wide{--Layout-sidebar-width:336px}}.Layout.Layout--sidebarPosition-start .Layout-sidebar{grid-column:1}.Layout.Layout--sidebarPosition-start .Layout-main{grid-column:2/span 2}.Layout.Layout--sidebarPosition-end{grid-template-columns:minmax(0,calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter))) 0 auto}.Layout.Layout--sidebarPosition-end .Layout-main{grid-column:1}.Layout.Layout--sidebarPosition-end .Layout-sidebar{grid-column:2/span 2}.Layout.Layout--divided .Layout-divider{background:var(--borderColor-default);display:block;grid-column:2;margin-right:-1px;width:1px}.Layout.Layout--divided .Layout-main,.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-sidebar{grid-column:3/span 1}.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-main{grid-column:1}.Layout-divider{display:none;width:1px}.Layout-sidebar{width:var(--Layout-sidebar-width)}.Layout-main{min-width:0}.Layout-main .Layout-main-centered-lg,.Layout-main .Layout-main-centered-md,.Layout-main .Layout-main-centered-xl{margin-left:auto;margin-right:auto}.Layout-main .Layout-main-centered-lg>.container-lg,.Layout-main .Layout-main-centered-lg>.container-md,.Layout-main .Layout-main-centered-lg>.container-xl,.Layout-main .Layout-main-centered-md>.container-lg,.Layout-main .Layout-main-centered-md>.container-md,.Layout-main .Layout-main-centered-md>.container-xl,.Layout-main .Layout-main-centered-xl>.container-lg,.Layout-main .Layout-main-centered-xl>.container-md,.Layout-main .Layout-main-centered-xl>.container-xl{margin-left:0}.Layout-main .Layout-main-centered-md{max-width:calc(var(--breakpoint-medium) + var(--Layout-sidebar-width) + var(--Layout-gutter))}.Layout-main .Layout-main-centered-lg{max-width:calc(var(--breakpoint-large) + var(--Layout-sidebar-width) + var(--Layout-gutter))}.Layout-main .Layout-main-centered-xl{max-width:calc(var(--breakpoint-xlarge) + var(--Layout-sidebar-width) + var(--Layout-gutter))}.tabnav{border-bottom:var(--borderWidth-thin) solid var(--borderColor-default);margin-bottom:var(--stack-gap-normal);margin-top:0}.tabnav-tabs{display:flex;margin-bottom:calc(var(--borderWidth-thin)*-1);overflow:hidden}.tabnav-tab{background-color:initial;border:var(--borderWidth-thin) solid #0000;border-bottom:0;color:var(--fgColor-muted);display:inline-block;flex-shrink:0;font-size:var(--text-body-size-medium);line-height:23px;padding:var(--base-size-8) var(--control-medium-paddingInline-spacious);-webkit-text-decoration:none;text-decoration:none;transition:color .2s cubic-bezier(.3,0,.5,1)}.tabnav-tab.selected,.tabnav-tab[aria-current]:not([aria-current=false]),.tabnav-tab[aria-selected=true]{background-color:var(--bgColor-default);border-color:var(--borderColor-default);border-radius:var(--borderRadius-medium) var(--borderRadius-medium) 0 0;color:var(--fgColor-default)}.tabnav-tab.selected .octicon,.tabnav-tab[aria-current]:not([aria-current=false]) .octicon,.tabnav-tab[aria-selected=true] .octicon{color:inherit}.tabnav-tab:hover{color:var(--fgColor-default);-webkit-text-decoration:none;text-decoration:none;transition-duration:.1s}.tabnav-tab:focus,.tabnav-tab:focus-visible{border-radius:var(--borderRadius-medium) var(--borderRadius-medium) 0 0!important;outline-offset:-6px}.tabnav-tab .octicon,.tabnav-tab:active{color:var(--fgColor-muted)}.tabnav-tab .octicon{margin-right:var(--control-small-gap)}.tabnav-tab .Counter{color:inherit;margin-left:var(--control-small-gap)}.tabnav-extra{color:var(--fgColor-muted);display:inline-block;font-size:var(--text-body-size-small);margin-left:10px;padding-top:10px}.tabnav-extra>.octicon{margin-right:2px}a.tabnav-extra:hover{color:var(--fgColor-accent);-webkit-text-decoration:none;text-decoration:none}.tabnav-btn{margin-left:var(--controlStack-medium-gap-condensed)}.FormControl{display:inline-flex;flex-direction:column;gap:var(--base-size-4)}.FormControl--fullWidth{display:flex}.FormControl-label{color:var(--fgColor-default);font-size:var(--text-body-size-medium);font-weight:var(--base-text-weight-semibold);line-height:var(--text-body-lineHeight-medium)}.FormControl-caption{color:var(--fgColor-muted);font-weight:var(--text-caption-weight);margin-bottom:0}.FormControl-caption,.FormControl-inlineValidation{font-size:var(--text-caption-size);line-height:var(--text-caption-lineHeight)}.FormControl-inlineValidation{color:var(--control-borderColor-danger);display:flex;font-weight:var(--base-text-weight-semibold);fill:var(--control-borderColor-danger);align-items:flex-start;flex-direction:row;gap:var(--base-size-4)}.FormControl-inlineValidation p{margin-bottom:0}.FormControl-inlineValidation--success{color:var(--control-borderColor-success);fill:var(--control-borderColor-success)}.FormControl-inlineValidation--visual{align-items:center;display:flex;min-height:var(--base-size-16)}.FormControl-spacingWrapper{display:flex;flex-direction:column;row-gap:.5rem}.FormControl-horizontalGroup{column-gap:.5rem;display:flex}.FormControl-input,.FormControl-select,.FormControl-textarea{background-color:var(--bgColor-default);border:var(--borderWidth-thin) solid var(--control-borderColor-rest,var(--color-border-default));border-radius:var(--borderRadius-medium);box-shadow:var(--shadow-inset);color:var(--fgColor-default);font-size:var(--text-body-size-medium);line-height:var(--text-body-lineHeight-medium);padding-block:calc(var(--control-medium-paddingBlock, 6px) - var(--borderWidth-thin, 1px));padding-inline:var(--control-medium-paddingInline-condensed);transition:80ms cubic-bezier(.33,1,.68,1);transition-property:color,background-color,box-shadow,border-color;width:100%}.FormControl-input[disabled],.FormControl-select[disabled],.FormControl-textarea[disabled]{background-color:var(--control-bgColor-disabled);border-color:var(--control-borderColor-disabled);box-shadow:none;color:var(--control-fgColor-disabled);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--control-fgColor-disabled)}.FormControl-input[invalid=true]:not(:focus),.FormControl-select[invalid=true]:not(:focus),.FormControl-textarea[invalid=true]:not(:focus){border-color:var(--control-borderColor-danger)}.FormControl-input[invalid=false]:not(:focus),.FormControl-select[invalid=false]:not(:focus),.FormControl-textarea[invalid=false]:not(:focus){border-color:var(--control-borderColor-success)}.FormControl-input:not([type=checkbox],[type=radio]):focus,.FormControl-select:not([type=checkbox],[type=radio]):focus,.FormControl-textarea:not([type=checkbox],[type=radio]):focus{border-color:var(--focus-outlineColor);box-shadow:inset 0 0 0 1px var(--focus-outlineColor);outline:none}.FormControl-input:not([type=checkbox],[type=radio]):focus:not(:focus-visible),.FormControl-select:not([type=checkbox],[type=radio]):focus:not(:focus-visible),.FormControl-textarea:not([type=checkbox],[type=radio]):focus:not(:focus-visible){border-color:#0000;border-color:var(--focus-outlineColor);box-shadow:inset 0 0 0 1px #0000 var(--focus-outlineColor);outline:none}.FormControl-input:not([type=checkbox],[type=radio]):focus-visible,.FormControl-select:not([type=checkbox],[type=radio]):focus-visible,.FormControl-textarea:not([type=checkbox],[type=radio]):focus-visible{border-color:var(--focus-outlineColor);box-shadow:inset 0 0 0 1px var(--focus-outlineColor);outline:none}.FormControl-input[disabled]::placeholder,.FormControl-select[disabled]::placeholder,.FormControl-textarea[disabled]::placeholder{color:var(--control-fgColor-disabled)}.FormControl-input[readonly],.FormControl-select[readonly],.FormControl-textarea[readonly]{background-color:var(--control-bgColor-disabled)}.FormControl-input::placeholder,.FormControl-select::placeholder,.FormControl-textarea::placeholder{color:var(--control-fgColor-placeholder);opacity:1}.FormControl-input.FormControl-small,.FormControl-select.FormControl-small,.FormControl-textarea.FormControl-small{font-size:var(--text-body-size-small);height:var(--control-small-size);padding-block:var(--control-small-paddingBlock);padding-inline:var(--control-small-paddingInline-normal)}.FormControl-input.FormControl-medium,.FormControl-select.FormControl-medium,.FormControl-textarea.FormControl-medium{height:var(--control-medium-size)}.FormControl-input.FormControl-large,.FormControl-select.FormControl-large,.FormControl-textarea.FormControl-large{height:var(--control-large-size);padding-block:var(--control-large-paddingBlock);padding-inline:var(--control-large-paddingInline-normal)}.FormControl-input.FormControl-inset,.FormControl-select.FormControl-inset,.FormControl-textarea.FormControl-inset{background-color:var(--bgColor-muted)}.FormControl-input.FormControl-inset:focus,.FormControl-input.FormControl-inset:focus-visible,.FormControl-select.FormControl-inset:focus,.FormControl-select.FormControl-inset:focus-visible,.FormControl-textarea.FormControl-inset:focus,.FormControl-textarea.FormControl-inset:focus-visible{background-color:var(--bgColor-default)}.FormControl-input.FormControl-monospace,.FormControl-select.FormControl-monospace,.FormControl-textarea.FormControl-monospace{font-family:var(--fontStack-monospace)}.FormControl-input.FormControl-error,.FormControl-select.FormControl-error,.FormControl-textarea.FormControl-error{border-color:var(--control-borderColor-danger)}.FormControl-input.FormControl-success,.FormControl-select.FormControl-success,.FormControl-textarea.FormControl-success{border-color:var(--control-borderColor-success)}.FormControl-input.FormControl-warning,.FormControl-select.FormControl-warning,.FormControl-textarea.FormControl-warning{border-color:var(--control-borderColor-warning)}.FormControl-toggleSwitchInput{align-items:flex-start;display:flex;gap:var(--base-size-16)}.FormControl-input-wrap{display:grid;position:relative}.FormControl-input-wrap.FormControl-input-width--auto{width:auto}.FormControl-input-wrap.FormControl-input-width--small{max-width:min(256px,100vw - 2rem)}.FormControl-input-wrap.FormControl-input-width--medium{max-width:min(320px,100vw - 2rem)}.FormControl-input-wrap.FormControl-input-width--large{max-width:min(480px,100vw - 2rem)}.FormControl-input-wrap.FormControl-input-width--xlarge{max-width:min(640px,100vw - 2rem)}.FormControl-input-wrap.FormControl-input-width--xxlarge{max-width:min(960px,100vw - 2rem)}.FormControl-input-wrap .FormControl-input-leadingVisualWrap{color:var(--fgColor-muted);display:block;height:var(--base-size-16);left:var(--base-size-8);pointer-events:none;position:absolute;top:var(--base-size-8);width:var(--base-size-16)}.FormControl-input-wrap .FormControl-input-leadingVisualWrap .FormControl-input-leadingVisual{display:block;-webkit-user-select:none;user-select:none}.FormControl-input-wrap .FormControl-input-trailingAction{align-items:center;background:#0000;border:0;border-radius:var(--borderRadius-small);color:var(--fgColor-muted);cursor:pointer;display:grid;height:var(--control-xsmall-size);justify-content:center;padding:0;position:absolute;right:var(--base-size-4);top:var(--base-size-4);transition:.2s cubic-bezier(.3,0,.5,1);transition-property:color,background-color,border-color;width:var(--control-xsmall-size);z-index:4}.FormControl-input-wrap .FormControl-input-trailingAction svg{-webkit-user-select:none;user-select:none}.FormControl-input-wrap .FormControl-input-trailingAction[disabled]{color:var(--control-fgColor-disabled);pointer-events:none}.FormControl-input-wrap .FormControl-input-trailingAction:hover{background:var(--control-transparent-bgColor-hover)}.FormControl-input-wrap .FormControl-input-trailingAction:active{background:var(--control-transparent-bgColor-active)}.FormControl-input-wrap .FormControl-input-trailingAction.FormControl-input-trailingAction--divider:before{background:var(--borderColor-default);content:"";display:block;height:var(--base-size-16);left:calc(var(--base-size-4)*-1);position:absolute;top:calc((var(--control-xsmall-size) - var(--base-size-16))/2);width:var(--borderWidth-thin)}.FormControl-input-wrap .FormControl-input-trailingAction:after{content:"";height:100%;left:50%;min-height:var(--control-medium-size) var(--control-medium-size);position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}@media (pointer:coarse){.FormControl-input-wrap .FormControl-input-trailingAction:after{min-height:var(--control-minTarget-coarse);min-width:var(--control-minTarget-coarse)}}.FormControl-input-wrap.FormControl-input-wrap--leadingVisual .FormControl-input{padding-inline-start:calc(var(--control-medium-paddingInline-condensed) + var(--base-size-16) + var(--control-medium-gap))}.FormControl-input-wrap.FormControl-input-wrap--trailingAction .FormControl-input{padding-inline-end:calc(var(--control-medium-paddingInline-condensed) + var(--base-size-16) + var(--control-medium-gap))}.FormControl-input-wrap.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input{padding-inline-end:calc(var(--control-medium-paddingInline-condensed) + var(--base-size-16) + var(--control-medium-gap) + var(--borderWidth-thin))}.FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-leadingVisualWrap{left:calc(var(--control-medium-paddingInline-condensed) - .125rem);top:calc(var(--control-medium-paddingInline-condensed) - .125rem)}.FormControl-input-wrap.FormControl-input-wrap--small.FormControl-input-wrap--trailingAction .FormControl-input.FormControl-small{padding-inline-end:calc(var(--control-small-paddingInline-condensed) + var(--base-size-16) + var(--control-small-gap))}.FormControl-input-wrap.FormControl-input-wrap--small.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input.FormControl-small{padding-inline-end:calc(var(--control-small-paddingInline-condensed) + var(--base-size-16) + var(--control-small-gap) + var(--borderWidth-thin))}.FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-trailingAction{height:calc(var(--control-small-size) - var(--base-size-8));width:calc(var(--control-small-size) - var(--base-size-8))}.FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-trailingAction:before{top:calc((var(--control-xsmall-size) - var(--base-size-16))/4)}.FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-leadingVisualWrap{left:var(--control-medium-paddingInline-normal);top:var(--control-medium-paddingInline-normal)}.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--leadingVisual .FormControl-input.FormControl-large{padding-inline-start:calc(var(--control-large-paddingInline-normal) + var(--base-size-16) + var(--control-large-gap))}.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingAction .FormControl-input.FormControl-large{padding-inline-end:calc(var(--control-large-paddingInline-normal) + var(--base-size-16) + var(--control-large-gap))}.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input.FormControl-large{padding-inline-end:calc(var(--control-large-paddingInline-normal) + var(--base-size-16) + var(--control-large-gap) + var(--borderWidth-thin))}.FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-trailingAction{height:var(--control-small-size);right:calc(var(--control-medium-paddingInline-condensed) - .125rem);top:calc(var(--control-medium-paddingInline-condensed) - .125rem);width:var(--control-small-size)}.FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-trailingAction:before{height:var(--base-size-20);top:unset}.FormControl-select-wrap{display:grid;grid-template-columns:minmax(0,auto) var(--base-size-16)}.FormControl-select-wrap.FormControl-input-width--auto{width:auto}.FormControl-select-wrap.FormControl-input-width--small{max-width:min(256px,100vw - 2rem)}.FormControl-select-wrap.FormControl-input-width--medium{max-width:min(320px,100vw - 2rem)}.FormControl-select-wrap.FormControl-input-width--large{max-width:min(480px,100vw - 2rem)}.FormControl-select-wrap.FormControl-input-width--xlarge{max-width:min(640px,100vw - 2rem)}.FormControl-select-wrap.FormControl-input-width--xxlarge{max-width:min(960px,100vw - 2rem)}.FormControl-select-wrap:after{background-color:var(--bgColor-neutral-emphasis);content:"";grid-column:2;grid-row:1;height:var(--base-size-16);mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzU4NjA2OSI+PHBhdGggZD0ibTQuNDI3IDkuNDI3IDMuMzk2IDMuMzk2YS4yNS4yNSAwIDAgMCAuMzU0IDBsMy4zOTYtMy4zOTZBLjI1LjI1IDAgMCAwIDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAgMC0uMTc3LjQyN000LjQyMyA2LjQ3IDcuODIgMy4wNzJhLjI1LjI1IDAgMCAxIC4zNTQgMEwxMS41NyA2LjQ3YS4yNS4yNSAwIDAgMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMCAxLS4xNzctLjQyNyIvPjwvc3ZnPg==");mask-repeat:no-repeat;mask-size:contain;padding-right:var(--base-size-4);place-self:center end;pointer-events:none;width:var(--base-size-16)}.FormControl-select-wrap .FormControl-select{appearance:none;grid-column:1/-1;grid-row:1;padding-right:var(--base-size-20)}.FormControl-select-wrap[data-multiple]:after{content:none}.FormControl-select-wrap[data-multiple] .FormControl-select{padding-right:var(--base-size-8)}.FormControl-checkbox-wrap,.FormControl-radio-wrap{display:inline-grid;gap:var(--base-size-8);grid-template-columns:min-content auto}.FormControl-checkbox-wrap .FormControl-checkbox-labelWrap,.FormControl-checkbox-wrap .FormControl-radio-labelWrap,.FormControl-radio-wrap .FormControl-checkbox-labelWrap,.FormControl-radio-wrap .FormControl-radio-labelWrap{display:flex;flex-direction:column;gap:var(--base-size-4)}.FormControl-checkbox-wrap .FormControl-label,.FormControl-radio-wrap .FormControl-label{cursor:pointer}.FormControl-check-group-wrap fieldset,.FormControl-radio-group-wrap fieldset{border:0;margin:0;padding:0}input[type=checkbox].FormControl-checkbox{appearance:none;background-color:var(--bgColor-default);border:var(--borderWidth-thin) solid var(--control-borderColor-rest,var(--color-border-default));border-color:var(--control-borderColor-emphasis);border-radius:var(--borderRadius-small);box-shadow:var(--shadow-inset);color:var(--fgColor-default);cursor:pointer;display:grid;height:var(--base-size-16);margin:.125rem 0 0;place-content:center;position:relative;transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1);width:var(--base-size-16)}input.FormControl-checkbox[type=checkbox][disabled]{background-color:var(--control-bgColor-disabled);border-color:var(--control-borderColor-disabled);box-shadow:none;color:var(--control-fgColor-disabled);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--control-fgColor-disabled)}input.FormControl-checkbox[type=checkbox][invalid=true]:not(:focus){border-color:var(--control-borderColor-danger)}input.FormControl-checkbox[type=checkbox][invalid=false]:not(:focus){border-color:var(--control-borderColor-success)}input.FormControl-checkbox[type=checkbox]:not([type=checkbox],[type=radio]):focus{border-color:var(--focus-outlineColor);box-shadow:inset 0 0 0 1px var(--focus-outlineColor);outline:none}input.FormControl-checkbox[type=checkbox]:not([type=checkbox],[type=radio]):focus:not(:focus-visible){border-color:#0000;border-color:var(--focus-outlineColor);box-shadow:inset 0 0 0 1px #0000 var(--focus-outlineColor);outline:none}input.FormControl-checkbox[type=checkbox]:not([type=checkbox],[type=radio]):focus-visible{border-color:var(--focus-outlineColor);box-shadow:inset 0 0 0 1px var(--focus-outlineColor);outline:none}input.FormControl-checkbox[type=checkbox]:before{background-color:var(--control-checked-fgColor-rest);clip-path:inset(var(--base-size-16) 0 0 0);content:"";height:var(--base-size-16);mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43OC4yMmEuNzUuNzUgMCAwIDEgMCAxLjA2MUw0LjUyIDguNTQxYS43NS43NSAwIDAgMS0xLjA2MiAwTC4yMDIgNS4yODVhLjc1Ljc1IDAgMCAxIDEuMDYxLTEuMDYxbDIuNzI1IDIuNzIzTDEwLjcxOC4yMmEuNzUuNzUgMCAwIDEgMS4wNjIgMCIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");mask-position:center;mask-repeat:no-repeat;mask-size:75%;transition:visibility 0s linear .23s;visibility:hidden;width:var(--base-size-16)}@media screen and (prefers-reduced-motion:no-preference){input.FormControl-checkbox[type=checkbox]:before{animation:checkmarkOut 80ms cubic-bezier(.65,0,.35,1) forwards}}input.FormControl-checkbox[type=checkbox]:after{content:"";height:100%;left:50%;min-height:var(--control-medium-size) var(--control-medium-size);position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}input.FormControl-checkbox[type=checkbox][disabled]~.FormControl-checkbox-labelWrap .FormControl-label{color:var(--control-fgColor-disabled);cursor:not-allowed}input.FormControl-checkbox[type=checkbox]:checked{background:var(--control-checked-bgColor-rest,var(--color-accent-fg));border-color:var(--control-checked-borderColor-rest,var(--color-accent-fg));transition:background-color,border-color 80ms cubic-bezier(.32,0,.67,0) 0ms}input.FormControl-checkbox[type=checkbox]:checked:before{transition:visibility 0s linear 0s;visibility:visible}@media screen and (prefers-reduced-motion:no-preference){input.FormControl-checkbox[type=checkbox]:checked:before{animation:checkmarkIn 80ms cubic-bezier(.65,0,.35,1) 80ms forwards}}input.FormControl-checkbox[type=checkbox]:checked:disabled{background-color:var(--control-fgColor-disabled);border-color:var(--control-fgColor-disabled);cursor:not-allowed;opacity:1}input.FormControl-checkbox[type=checkbox]:checked:disabled:before{background-color:var(--control-checked-fgColor-rest)}@media (forced-colors:active){input.FormControl-checkbox[type=checkbox]:checked{background-color:canvastext;border-color:canvastext}}input.FormControl-checkbox[type=checkbox]:focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor);outline-offset:2px}input.FormControl-checkbox[type=checkbox]:indeterminate:before{mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDFhMSAxIDAgMCAxIDEtMWg4YTEgMSAwIDEgMSAwIDJIMWExIDEgMCAwIDEtMS0xIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");visibility:visible}input[type=radio].FormControl-radio{appearance:none;background-color:var(--bgColor-default);border:var(--borderWidth-thin) solid var(--control-borderColor-rest,var(--color-border-default));border-color:var(--control-borderColor-emphasis);border-radius:var(--borderRadius-full);box-shadow:var(--shadow-inset);color:var(--fgColor-default);cursor:pointer;height:var(--base-size-16);margin:.125rem 0 0;position:relative;transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1);width:var(--base-size-16)}input.FormControl-radio[type=radio][disabled]{background-color:var(--control-bgColor-disabled);border-color:var(--control-borderColor-disabled);box-shadow:none;color:var(--control-fgColor-disabled);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--control-fgColor-disabled)}input.FormControl-radio[type=radio][invalid=true]:not(:focus){border-color:var(--control-borderColor-danger)}input.FormControl-radio[type=radio][invalid=false]:not(:focus){border-color:var(--control-borderColor-success)}input.FormControl-radio[type=radio]:not([type=checkbox],[type=radio]):focus{border-color:var(--focus-outlineColor);box-shadow:inset 0 0 0 1px var(--focus-outlineColor);outline:none}input.FormControl-radio[type=radio]:not([type=checkbox],[type=radio]):focus:not(:focus-visible){border-color:#0000;border-color:var(--focus-outlineColor);box-shadow:inset 0 0 0 1px #0000 var(--focus-outlineColor);outline:none}input.FormControl-radio[type=radio]:not([type=checkbox],[type=radio]):focus-visible{border-color:var(--focus-outlineColor);box-shadow:inset 0 0 0 1px var(--focus-outlineColor);outline:none}input.FormControl-radio[type=radio]:after{content:"";height:100%;left:50%;min-height:var(--control-medium-size) var(--control-medium-size);position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}input.FormControl-radio[type=radio][disabled]~.FormControl-radio-labelWrap .FormControl-label{color:var(--control-fgColor-disabled);cursor:not-allowed}input.FormControl-radio[type=radio]:checked{border-color:var(--control-checked-borderColor-rest,var(--color-accent-fg));border-width:var(--base-size-4)}input.FormControl-radio[type=radio]:checked:disabled,input.FormControl-radio[type=radio][disabled]:checked{border-color:var(--control-fgColor-disabled);cursor:not-allowed}input.FormControl-radio[type=radio]:checked:disabled~.FormControl-radio-labelWrap .FormControl-label,input.FormControl-radio[type=radio][disabled]:checked~.FormControl-radio-labelWrap .FormControl-label{color:var(--control-fgColor-disabled);cursor:not-allowed}input.FormControl-radio[type=radio]:focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor);outline-offset:2px}@media (forced-colors:active){input[type=radio].FormControl-radio{background-color:canvastext;border-color:canvastext}}@keyframes checkmarkIn{0%{clip-path:inset(var(--base-size-16) 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes checkmarkOut{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(var(--base-size-16) 0 0 0)}}.btn-mktg{appearance:none!important;background:linear-gradient(180deg,#ffffff26 0,#fff0 100%),var(--color-mktg-btn-bg)!important;border:0;border-radius:.375rem;color:var(--bgColor-default);display:inline-block;font-size:1rem;font-weight:var(--base-text-weight-semibold);line-height:1;padding:.9rem 1.5rem 1.1rem;position:relative;text-align:center;transition:box-shadow .2s,outline .2s ease;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;z-index:1}.btn-mktg:before{background:linear-gradient(180deg,#ffffff26,#fff0)!important;background-blend-mode:normal;border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s;z-index:-1}.btn-mktg:hover{box-shadow:var(--color-mktg-btn-shadow-hover)!important;-webkit-text-decoration:none;text-decoration:none}.btn-mktg.focus:before,.btn-mktg:focus-visible:before,.btn-mktg:focus:before,.btn-mktg:hover:before{opacity:1}.btn-mktg:focus{box-shadow:none;outline:2px solid var(--focus-outlineColor);outline-offset:2px}.btn-mktg:focus:not(:focus-visible){box-shadow:none;outline:1px solid #0000}.btn-mktg:focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor);outline-offset:2px}.btn-mktg:active:before{opacity:.5!important}.btn-mktg.disabled,.btn-mktg[disabled]{cursor:default;opacity:.5;pointer-events:none}.btn-muted-mktg{background:none!important;box-shadow:var(--color-mktg-btn-shadow-outline);color:var(--fgColor-default)!important}.btn-muted-mktg:before{display:none}.btn-muted-mktg:hover{box-shadow:var(--color-mktg-btn-shadow-hover-muted)!important}.btn-muted-mktg:active{box-shadow:var(--fgColor-default) 0 0 0 3px inset!important}.btn-muted-mktg:disabled{box-shadow:var(--fgColor-default) 0 0 0 1px inset!important}.btn-subtle-mktg{box-shadow:none!important;color:var(--fgColor-default)!important}.btn-subtle-mktg,.btn-subtle-mktg:before{background:none!important}.btn-subtle-mktg:hover{box-shadow:var(--color-mktg-btn-shadow-hover-muted)!important}.btn-signup-mktg{background:linear-gradient(180deg,#34b75926,#2ea44f00),#2ea44f!important;color:#fff}.btn-signup-mktg:before{background:linear-gradient(180deg,#34b75926,#2ea44f00)!important}.btn-signup-mktg:focus{box-shadow:none;outline:2px solid var(--focus-outlineColor);outline-offset:2px}.btn-signup-mktg:focus:not(:focus-visible){box-shadow:none;outline:1px solid #0000}.btn-signup-mktg:focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor);outline-offset:2px}.btn-small-mktg{padding:.625rem 1rem .8125rem}.btn-large-mktg{font-size:1.25rem;padding:16px 30px 20px!important}.ToggleSwitch,.ToggleSwitch.ToggleSwitch{display:inline-flex}.ToggleSwitch{align-items:center;gap:var(--controlStack-medium-gap-condensed)}.ToggleSwitch--checked .ToggleSwitch-statusOn{height:auto;visibility:visible}.ToggleSwitch--checked .ToggleSwitch-statusOff{height:0;visibility:hidden}.ToggleSwitch-track{appearance:none;background-color:var(--controlTrack-bgColor-rest);border:var(--borderWidth-thin) solid var(--controlTrack-borderColor-rest);border-radius:var(--borderRadius-medium);cursor:pointer;display:block;height:var(--control-medium-size);overflow:hidden;padding:0;position:relative;-webkit-text-decoration:none;text-decoration:none;transition-duration:80ms;transition-property:background-color,border-color;transition-timing-function:cubic-bezier(.5,1,.89,1);-webkit-user-select:none;user-select:none;width:var(--base-size-64)}.ToggleSwitch-track:focus,.ToggleSwitch-track:focus-visible{outline-offset:1px}.ToggleSwitch-track:hover{background-color:var(--controlTrack-bgColor-hover)}.ToggleSwitch-track:active{background-color:var(--controlTrack-bgColor-active)}@media (pointer:coarse){.ToggleSwitch-track:before{content:"";height:100%;left:50%;min-height:44px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}}@media (prefers-reduced-motion){.ToggleSwitch-track,.ToggleSwitch-track *{transition:none}}.ToggleSwitch-track[aria-pressed=true][disabled]{background-color:var(--controlTrack-bgColor-disabled);border-color:#0000;color:var(--control-checked-fgColor-disabled)}.ToggleSwitch-track[aria-pressed=true]{background-color:var(--control-checked-bgColor-rest);border-color:var(--borderColor-transparent)}.ToggleSwitch-track[aria-pressed=true]:not([disabled]):hover{background-color:var(--control-checked-bgColor-hover)}.ToggleSwitch-track[aria-pressed=true]:not([disabled]):active{background-color:var(--control-checked-bgColor-active)}.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-knob{background-color:var(--controlKnob-bgColor-checked);border-color:var(--controlKnob-borderColor-checked);transform:translateX(100%)}.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-lineIcon{transform:translateX(0)}.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-circleIcon{transform:translateX(100%)}.ToggleSwitch-track[disabled]{background-color:var(--controlTrack-bgColor-disabled);border-color:#0000;cursor:not-allowed;transition-property:none}.ToggleSwitch-track[disabled] .ToggleSwitch-knob{border-color:var(--borderColor-default);box-shadow:none}.ToggleSwitch-track[disabled] .ToggleSwitch-circleIcon,.ToggleSwitch-track[disabled] .ToggleSwitch-lineIcon{color:var(--controlTrack-fgColor-disabled)}.ToggleSwitch-icons{align-items:center;display:flex;height:100%;overflow:hidden;width:100%}.ToggleSwitch-lineIcon{color:var(--control-checked-fgColor-rest);transform:translateX(-100%)}.ToggleSwitch-circleIcon,.ToggleSwitch-lineIcon{flex:1 0 50%;line-height:0;transition-duration:80ms;transition-property:transform}.ToggleSwitch-circleIcon{color:var(--controlTrack-fgColor-rest);transform:translateX(0)}.ToggleSwitch-knob{background-color:var(--controlKnob-bgColor-rest);border:var(--borderWidth-thin) solid var(--controlKnob-borderColor-rest);border-radius:var(--borderRadius-medium);bottom:0;box-shadow:var(--shadow-resting-medium),var(--button-default-shadow-inset);position:absolute;top:0;transition-duration:80ms;transition-property:transform;transition-timing-function:cubic-bezier(.5,1,.89,1);width:50%;z-index:1}@media (prefers-reduced-motion){.ToggleSwitch-knob{transition:none}}.ToggleSwitch-status{color:var(--fgColor-default);font-size:var(--text-body-size-medium);line-height:1.5;position:relative;text-align:right}.ToggleSwitch-statusIcon{display:flex;margin-top:.063rem;width:var(--base-size-16)}.ToggleSwitch--small .ToggleSwitch-status{font-size:var(--text-body-size-small)}.ToggleSwitch--small .ToggleSwitch-track{height:var(--control-xsmall-size);width:var(--base-size-48)}.ToggleSwitch--disabled .ToggleSwitch-status{color:var(--fgColor-muted)}.ToggleSwitch-statusOn{height:0;visibility:hidden}.ToggleSwitch-statusOff{height:auto;visibility:visible}.ToggleSwitch--statusAtEnd{flex-direction:row-reverse}.ToggleSwitch--statusAtEnd .ToggleSwitch-status{text-align:left}.UnderlineNav{box-shadow:inset 0 -1px 0 var(--borderColor-muted);display:flex;min-height:var(--base-size-48);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:auto;justify-content:space-between}.UnderlineNav .Counter{background-color:var(--bgColor-neutral-muted,var(--color-neutral-muted));color:var(--fgColor-default);margin-left:var(--control-medium-gap)}.UnderlineNav .Counter--primary{background-color:var(--bgColor-neutral-emphasis);color:var(--fgColor-onEmphasis)}.UnderlineNav-body{align-items:center;display:flex;gap:var(--control-medium-gap);list-style:none}.UnderlineNav-item{align-items:center;background-color:initial;border:0;border-radius:var(--borderRadius-medium);color:var(--fgColor-default);cursor:pointer;display:flex;font-size:var(--text-body-size-medium);line-height:30px;padding:0 var(--control-medium-paddingInline-condensed);position:relative;text-align:center;white-space:nowrap}.UnderlineNav-item:focus,.UnderlineNav-item:focus-visible,.UnderlineNav-item:hover{border-bottom-color:var(--borderColor-neutral-muted);color:var(--fgColor-default);outline-offset:-2px;-webkit-text-decoration:none;text-decoration:none;transition:border-bottom-color .12s ease-out}.UnderlineNav-item [data-content]:before{content:attr(data-content);display:block;font-weight:var(--base-text-weight-semibold);height:0;visibility:hidden}.UnderlineNav-item:before{content:"";height:100%;left:50%;min-height:48px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}@media (pointer:fine){.UnderlineNav-item:hover{background:var(--control-transparent-bgColor-hover);color:var(--fgColor-default);-webkit-text-decoration:none;text-decoration:none;transition:background .12s ease-out}}.UnderlineNav-item.selected,.UnderlineNav-item[aria-current]:not([aria-current=false]),.UnderlineNav-item[role=tab][aria-selected=true]{border-bottom-color:var(--underlineNav-borderColor-active);color:var(--fgColor-default);font-weight:var(--base-text-weight-semibold)}.UnderlineNav-item.selected:after,.UnderlineNav-item[aria-current]:not([aria-current=false]):after,.UnderlineNav-item[role=tab][aria-selected=true]:after{background:var(--underlineNav-borderColor-active);border-radius:var(--borderRadius-medium);bottom:calc(50% - 25px);content:"";height:2px;position:absolute;right:50%;transform:translate(50%,-50%);width:100%;z-index:1}.UnderlineNav--right{justify-content:flex-end}.UnderlineNav--right .UnderlineNav-actions{flex:1 1 auto}.UnderlineNav-actions{align-self:center}.UnderlineNav--full{display:block}.UnderlineNav--full .UnderlineNav-body{min-height:var(--base-size-48)}.UnderlineNav-octicon{color:var(--fgColor-muted);display:inline!important;margin-right:var(--control-medium-gap);fill:var(--fgColor-muted)}.UnderlineNav-container{display:flex;justify-content:space-between}.SegmentedControl{--segmentedControl-item-padding:var(--control-small-paddingBlock);--overlay-offset:0.5rem;background-color:var(--controlTrack-bgColor-rest,var(--color-segmented-control-bg));border-radius:var(--borderRadius-medium);display:inline-flex;list-style:none}.SegmentedControl--iconOnly .Button--iconOnly.Button--medium,.SegmentedControl--iconOnly .Button--iconOnly.Button--small{padding-inline:0!important;width:100%}.SegmentedControl--small{--segmentedControl-item-padding:var(--control-xsmall-paddingBlock)}.SegmentedControl--small .SegmentedControl-item{height:var(--control-small-size)}.SegmentedControl--small .SegmentedControl-item .Button{padding-inline:calc(var(--control-xsmall-paddingInline-normal) - var(--segmentedControl-item-padding))}.SegmentedControl--small.SegmentedControl--iconOnly .SegmentedControl-item{width:var(--control-small-size)}.SegmentedControl--medium .SegmentedControl-item{height:var(--control-medium-size)}.SegmentedControl--medium.SegmentedControl--iconOnly .SegmentedControl-item{width:var(--control-medium-size)}.SegmentedControl-item{border:var(--borderWidth-thin) solid #0000;border-radius:var(--borderRadius-medium);display:inline-flex;height:var(--control-medium-size);justify-content:center;padding:var(--segmentedControl-item-padding);position:relative}.SegmentedControl-item .Button--invisible:hover:not(:disabled){background-color:var(--controlTrack-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.SegmentedControl-item .Button--invisible:active:not(:disabled){background-color:var(--controlTrack-bgColor-active,var(--color-action-list-item-default-active-bg))}.SegmentedControl-item.SegmentedControl-item--selected{background-color:var(--controlKnob-bgColor-rest,var(--color-segmented-control-button-bg));border-color:var(--controlKnob-borderColor-rest,var(--color-segmented-control-button-selected-border))}.SegmentedControl-item.SegmentedControl-item--selected .Button{font-weight:var(--base-text-weight-semibold)}.SegmentedControl-item.SegmentedControl-item--selected .Button:hover{background-color:initial}.SegmentedControl-item.SegmentedControl-item--selected:before{border-color:#0000!important}.SegmentedControl-item.SegmentedControl-item--selected+.SegmentedControl-item:before{border-color:#0000}.SegmentedControl-item .Button-label[data-content]:before{content:attr(data-content);display:block;font-weight:var(--base-text-weight-semibold);height:0;visibility:hidden}.SegmentedControl-item:not(:first-child):before{border-left:var(--borderWidth-thin) solid var(--borderColor-default);content:"";inset:0 0 0 -1px;margin-bottom:var(--control-medium-paddingBlock);margin-top:var(--control-medium-paddingBlock);position:absolute}.SegmentedControl-item .Button{border:0;border-radius:calc(var(--borderRadius-medium) - var(--segmentedControl-item-padding)/2);font-weight:var(--base-text-weight-normal);height:100%;min-width:-moz-fit-content;min-width:fit-content;padding-inline:calc(var(--control-medium-paddingInline-normal) - var(--segmentedControl-item-padding));width:100%}.SegmentedControl-item .Button:focus-visible{border-radius:calc(var(--borderRadius-medium) - var(--segmentedControl-item-padding)/1);outline-offset:calc(var(--segmentedControl-item-padding) - var(--borderWidth-thin))}.SegmentedControl-item .Button--invisible.Button--invisible-noVisuals .Button-label{color:var(--button-default-fgColor-rest)}.SegmentedControl-item .Button-content{align-self:stretch;flex:1 1 auto}.SegmentedControl-item .Button-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SegmentedControl--fullWidth{display:flex}.SegmentedControl--fullWidth .SegmentedControl-item{flex:1;justify-content:center}.menu{background-color:var(--bgColor-default);border:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:var(--borderRadius-medium);list-style:none;margin-bottom:var(--stack-gap-normal)}.menu-item{border-bottom:var(--borderWidth-thin) solid var(--borderColor-default);color:var(--fgColor-default);display:block;padding:var(--control-medium-paddingInline-condensed) var(--control-medium-paddingInline-spacious);position:relative}.menu-item:first-child{border-top:0;border-top-right-radius:var(--borderRadius-medium)}.menu-item:first-child,.menu-item:first-child:before{border-top-left-radius:var(--borderRadius-medium)}.menu-item:last-child{border-bottom:0;border-bottom-right-radius:var(--borderRadius-medium)}.menu-item:last-child,.menu-item:last-child:before{border-bottom-left-radius:var(--borderRadius-medium)}.menu-item:hover{background-color:var(--bgColor-neutral-muted);-webkit-text-decoration:none;text-decoration:none}.menu-item:active{background-color:var(--bgColor-muted)}.menu-item.selected,.menu-item[aria-current]:not([aria-current=false]),.menu-item[aria-selected=true]{background-color:var(--menu-bgColor-active);cursor:default}.menu-item.selected:before,.menu-item[aria-current]:not([aria-current=false]):before,.menu-item[aria-selected=true]:before{background-color:var(--underlineNav-borderColor-active);bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.menu-item .octicon{color:var(--fgColor-muted);margin-right:var(--control-medium-gap);text-align:center;width:16px}.menu-item .Counter{float:right;margin-left:var(--control-small-gap)}.menu-item .menu-warning{color:var(--fgColor-attention);float:right}.menu-item .avatar{float:left;margin-right:var(--control-small-gap)}.menu-item.alert .Counter{color:var(--fgColor-danger)}.menu-heading{border-bottom:var(--borderWidth-thin) solid var(--borderColor-default);color:var(--fgColor-default);display:block;font-size:inherit;font-weight:var(--base-text-weight-semibold);margin-bottom:0;margin-top:0;padding:var(--control-medium-paddingInline-condensed) var(--control-medium-paddingInline-spacious)}.menu-heading:hover{-webkit-text-decoration:none;text-decoration:none}.menu-heading:first-child{border-top-left-radius:var(--borderRadius-medium);border-top-right-radius:var(--borderRadius-medium)}.menu-heading:last-child{border-bottom:0;border-bottom-left-radius:var(--borderRadius-medium);border-bottom-right-radius:var(--borderRadius-medium)}.avatar{background-color:var(--avatar-bgColor);border-radius:var(--borderRadius-medium);box-shadow:0 0 0 1px var(--avatar-borderColor);display:inline-block;flex-shrink:0;line-height:1;overflow:hidden;vertical-align:middle}.avatar-link{float:left;line-height:1}.avatar-group-item{display:inline-block;margin-bottom:3px}.avatar-1,.avatar-2,.avatar-small{border-radius:var(--borderRadius-small)}.avatar-1{height:var(--base-size-16);width:var(--base-size-16)}.avatar-2{height:var(--base-size-20);width:var(--base-size-20)}.avatar-3{height:var(--base-size-24);width:var(--base-size-24)}.avatar-4{height:var(--base-size-28);width:var(--base-size-28)}.avatar-5{height:var(--base-size-32);width:var(--base-size-32)}.avatar-6{height:var(--base-size-40);width:var(--base-size-40)}.avatar-7{height:var(--base-size-48);width:var(--base-size-48)}.avatar-8{height:var(--base-size-64);width:var(--base-size-64)}.AvatarStack{height:20px;min-width:26px;position:relative}.AvatarStack .AvatarStack-body{position:absolute}.AvatarStack.AvatarStack--two{min-width:36px}.AvatarStack.AvatarStack--three-plus{min-width:46px}.AvatarStack-body{background:var(--bgColor-default);border-radius:100px;display:flex}.AvatarStack-body .avatar{background-color:var(--bgColor-default);border-radius:var(--borderRadius-small);border-right:var(--borderWidth-thin) solid var(--bgColor-default);box-shadow:none;box-sizing:initial;display:flex;height:20px;margin-right:-11px;position:relative;transition:margin .1s ease-in-out;width:20px;z-index:2}.AvatarStack-body .avatar:first-child{z-index:3}.AvatarStack-body .avatar:last-child{border-right:0;z-index:1}.AvatarStack-body .avatar img{border-radius:var(--borderRadius-small)}.AvatarStack-body .avatar:nth-child(n+4){display:none;opacity:0}.AvatarStack-body:hover .avatar{margin-right:3px}.AvatarStack-body:hover .avatar:nth-child(n+4){display:flex;opacity:1}.AvatarStack-body:hover .avatar-more{display:none!important}.avatar.avatar-more{background:var(--bgColor-muted);margin-right:0;z-index:1}.avatar.avatar-more:after,.avatar.avatar-more:before{border-radius:2px;content:"";display:block;height:20px;outline:var(--borderWidth-thin) solid var(--bgColor-default);position:absolute}.avatar.avatar-more:before{background:var(--avatarStack-fade-bgColor-muted);width:17px}.avatar.avatar-more:after{background:var(--avatarStack-fade-bgColor-default);width:14px}.AvatarStack--right .AvatarStack-body{flex-direction:row-reverse;right:0}.AvatarStack--right .AvatarStack-body:hover .avatar{margin-left:3px;margin-right:0}.AvatarStack--right .AvatarStack-body .avatar:not(:last-child){border-left:0}.AvatarStack--right .avatar.avatar-more{background:var(--avatarStack-fade-bgColor-default)}.AvatarStack--right .avatar.avatar-more:before{width:5px}.AvatarStack--right .avatar.avatar-more:after{background:var(--bgColor-muted);width:2px}.AvatarStack--right .avatar{border-left:var(--borderWidth-thin) solid var(--bgColor-default);border-right:0;margin-left:-11px;margin-right:0}.Box{background-color:var(--bgColor-default);border-color:var(--borderColor-default);border-radius:var(--borderRadius-medium);border-style:solid;border-width:var(--borderWidth-thin)}.Box--condensed{line-height:1.25}.Box--condensed .Box-body,.Box--condensed .Box-footer,.Box--condensed .Box-header{padding:var(--stack-padding-condensed) var(--stack-padding-normal)}.Box--condensed .Box-btn-octicon.btn-octicon{line-height:1.25;margin:calc(var(--controlStack-medium-gap-condensed)*-1) calc(var(--controlStack-small-gap-spacious)*-1);padding:var(--control-medium-paddingInline-condensed) var(--control-medium-paddingInline-spacious)}.Box--condensed .Box-row{padding:var(--stack-padding-condensed) var(--stack-padding-normal)}.Box--spacious .Box-header{line-height:1.25;padding:var(--stack-padding-spacious)}.Box--spacious .Box-title{font-size:var(--text-title-size-medium)}.Box--spacious .Box-body,.Box--spacious .Box-footer{padding:var(--stack-padding-spacious)}.Box--spacious .Box-btn-octicon.btn-octicon{margin:calc(var(--stack-gap-spacious)*-1) calc(var(--stack-gap-spacious)*-1);padding:var(--stack-padding-spacious)}.Box--spacious .Box-row{padding:var(--stack-padding-spacious)}.Box-header{background-color:var(--bgColor-muted);border-color:var(--borderColor-default);border-style:solid;border-top-left-radius:var(--borderRadius-medium);border-top-right-radius:var(--borderRadius-medium);border-width:var(--borderWidth-thin);margin:calc(var(--borderWidth-thin)*-1) calc(var(--borderWidth-thin)*-1) 0;padding:var(--stack-padding-normal)}.Box-title{font-size:var(--text-body-size-medium);font-weight:var(--base-text-weight-semibold)}.Box-body{border-bottom:var(--borderWidth-thin) solid var(--borderColor-default);padding:var(--stack-padding-normal)}.Box-body:last-of-type{border-bottom-left-radius:var(--borderRadius-medium);border-bottom-right-radius:var(--borderRadius-medium);margin-bottom:calc(var(--borderWidth-thin)*-1)}.Box-row{border-top:var(--borderWidth-thin) solid var(--borderColor-muted);list-style-type:none;margin-top:calc(var(--borderWidth-thin)*-1);padding:var(--stack-padding-normal)}.Box-row:first-of-type{border-top-left-radius:var(--borderRadius-medium);border-top-right-radius:var(--borderRadius-medium)}.Box-row:last-of-type{border-bottom-left-radius:var(--borderRadius-medium);border-bottom-right-radius:var(--borderRadius-medium)}.Box-row.Box-row--unread,.Box-row.unread{box-shadow:inset 2px 0 0 var(--borderColor-accent-emphasis)}.Box-row.navigation-focus .Box-row--drag-button{color:var(--fgColor-accent);cursor:grab;opacity:1}.Box-row.navigation-focus.is-dragging .Box-row--drag-button{cursor:grabbing}.Box-row.navigation-focus.sortable-chosen,.Box-row.navigation-focus.sortable-ghost{background-color:var(--bgColor-muted)}.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide{opacity:0}.Box-row--focus-gray.navigation-focus{background-color:var(--bgColor-muted)}.Box-row--focus-blue.navigation-focus{background-color:var(--bgColor-accent-muted)}.Box-row--hover-gray:hover{background-color:var(--bgColor-muted)}.Box-row--hover-blue:hover{background-color:var(--bgColor-accent-muted)}@media (min-width:768px){.Box-row-link{color:var(--fgColor-default)}.Box-row-link,.Box-row-link:hover{-webkit-text-decoration:none;text-decoration:none}.Box-row-link:hover{color:var(--fgColor-accent)}}.Box-row--drag-button{opacity:0}.Box-footer{border-radius:0 0 var(--borderRadius-medium) var(--borderRadius-medium);border-top:var(--borderWidth-thin) solid var(--borderColor-default);margin-top:calc(var(--borderWidth-thin)*-1);padding:var(--stack-padding-normal)}.Box--scrollable{max-height:324px;overflow:scroll}.Box--blue,.Box--blue .Box-header{border-color:var(--borderColor-accent-muted)}.Box--blue .Box-header{background-color:var(--bgColor-accent-muted)}.Box--blue .Box-body,.Box--blue .Box-footer,.Box--blue .Box-row{border-color:var(--borderColor-accent-muted)}.Box--danger,.Box--danger .Box-body:last-of-type,.Box--danger .Box-row:first-of-type{border-color:var(--borderColor-danger-emphasis)}.Box-header--blue{background-color:var(--bgColor-accent-muted);border-color:var(--borderColor-accent-muted)}.Box-row--yellow{background-color:var(--bgColor-attention-muted)}.Box-row--blue{background-color:var(--bgColor-accent-muted)}.Box-row--gray{background-color:var(--bgColor-muted)}.Box-btn-octicon.btn-octicon{line-height:1.5;margin:calc(var(--controlStack-small-gap-spacious)*-1) calc(var(--controlStack-small-gap-spacious)*-1);padding:var(--control-medium-paddingInline-spacious) var(--control-medium-paddingInline-spacious)}.blankslate-container{container-type:inline-size;width:100%}.blankslate{--blankslate-outer-padding-block:var(--base-size-32);--blankslate-outer-padding-inline:var(--base-size-32);padding:var(--blankslate-outer-padding-block) var(--blankslate-outer-padding-inline);position:relative;text-align:center}.blankslate p{color:var(--fgColor-muted);font-size:var(--text-body-size-large)}.blankslate code{background:var(--bgColor-default);border:var(--borderWidth-thin) solid var(--borderColor-muted);border-radius:var(--borderRadius-medium);font-size:var(--text-body-size-medium);padding:2px 5px 3px}.blankslate img{height:56px;width:56px}.blankslate-icon{color:var(--fgColor-muted);margin-bottom:var(--stack-gap-condensed);margin-left:var(--control-small-gap);margin-right:var(--control-small-gap)}.blankslate-image{margin-bottom:var(--stack-gap-normal)}.blankslate-heading{font-size:var(--text-title-size-medium);font-weight:var(--text-title-weight-medium);margin-bottom:var(--base-size-4)}.blankslate-action{margin-top:var(--stack-gap-normal)}.blankslate-action:first-of-type{margin-top:var(--stack-gap-spacious)}.blankslate-action:last-of-type{margin-bottom:var(--stack-gap-condensed)}.blankslate-capped{border-radius:0 0 var(--borderRadius-medium) var(--borderRadius-medium)}.blankslate-spacious{--blankslate-outer-padding-block:var(--base-size-80);--blankslate-outer-padding-inline:var(--base-size-40)}.blankslate-narrow{margin:0 auto;max-width:485px}.blankslate-large img{height:80px;width:80px}.blankslate-large h3{font-size:24px;margin:var(--stack-gap-normal) 0}.blankslate-large p{font-size:var(--text-body-size-large)}.blankslate-clean-background{border:0}@container (max-width: 34rem){.blankslate{--blankslate-outer-padding-block:var(--base-size-20);--blankslate-outer-padding-inline:var(--base-size-20)}.blankslate-spacious{--blankslate-outer-padding-block:var(--base-size-44);--blankslate-outer-padding-inline:var(--base-size-28)}.blankslate-icon{margin-bottom:var(--stack-gap-condensed)}.blankslate-heading{font-size:var(--text-title-size-small)}.blankslate p{font-size:var(--text-body-size-medium)}.blankslate-action{margin-top:var(--stack-gap-condensed)}.blankslate-action:first-of-type{margin-top:var(--stack-gap-normal)}.blankslate-action:last-of-type{margin-bottom:calc(var(--stack-gap-condensed)/2)}}anchored-position[popover]{border-width:0;min-width:192px;overflow:visible;padding:0;position:absolute}anchored-position:not(.Overlay){background:none}.Overlay[popover]:not(:popover-open){display:none}anchored-position.not-anchored::backdrop,dialog::backdrop{background-color:var(--overlay-backdrop-bgColor,var(--color-neutral-muted))}@media (forced-colors:active){.Overlay{outline:1px solid #0000}}.breadcrumb-item{display:inline-block;list-style:none;margin-left:-.35em}.breadcrumb-item:after{border-right:.1em solid var(--borderColor-neutral-emphasis);content:"";display:inline-block;height:.8em;margin:0 .5em;transform:rotate(15deg) translateY(.0625em)}.breadcrumb-item:first-child{margin-left:0}.breadcrumb-item-selected:after,.breadcrumb-item[aria-current]:not([aria-current=false]):after{content:none}.breadcrumb-item-selected a{color:var(--fgColor-default);cursor:default!important;-webkit-text-decoration:none!important;text-decoration:none!important}:root{--duration-fast:80ms;--easing-easeInOut:cubic-bezier(0.65,0,0.35,1)}.Button{align-items:center;background-color:initial;border:var(--borderWidth-thin) solid;border-color:#0000;border-radius:var(--borderRadius-medium);color:var(--button-default-fgColor-rest);cursor:pointer;display:inline-flex;flex-direction:row;font-size:var(--text-body-size-medium);font-weight:var(--base-text-weight-medium);gap:var(--base-size-4);height:var(--control-medium-size);justify-content:space-between;min-width:max-content;padding:0 var(--control-medium-paddingInline-normal);position:relative;text-align:center;transition:var(--duration-fast) var(--easing-easeInOut);transition-property:color,fill,background-color,border-color;-webkit-user-select:none;user-select:none}@media (pointer:coarse){.Button:before{content:"";height:100%;left:50%;min-height:48px;min-width:48px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}}.Button:hover{transition-duration:var(--duration-fast)}.Button:active{transition:none}.Button:disabled,.Button[aria-disabled=true]{box-shadow:none;cursor:not-allowed}.Button.Button--iconOnly{color:var(--fgColor-muted)}a.Button:hover,summary.Button:hover{-webkit-text-decoration:none;text-decoration:none}.Button-content{align-items:center;display:grid;flex:1 0 auto;grid-template-areas:"leadingVisual text trailingVisual";grid-template-columns:min-content minmax(0,auto) min-content;place-content:center}.Button-content>:not(:last-child){margin-right:var(--control-medium-gap)}.Button-content--alignStart{justify-content:start}.Button-visual{display:flex;pointer-events:none}.Button-visual .Counter{background-color:var(--buttonCounter-default-bgColor-rest);color:inherit}.Button-label{grid-area:text;line-height:var(--text-body-lineHeight-medium);white-space:nowrap}.Button-leadingVisual{grid-area:leadingVisual}.Button-leadingVisual svg{fill:currentcolor}.Button-trailingVisual{grid-area:trailingVisual}.Button-trailingAction{margin-right:calc(var(--base-size-4)*-1)}.Button--small{font-size:var(--text-body-size-small);gap:var(--control-small-gap);height:var(--control-small-size);min-width:var(--control-small-size);padding:0 var(--control-small-paddingInline-condensed)}.Button--small .Button-label{line-height:var(--text-body-lineHeight-small)}.Button--small .Button-content>:not(:last-child){margin-right:var(--control-small-gap)}.Button--large{gap:var(--control-large-gap);height:var(--control-large-size);padding:0 var(--control-large-paddingInline-spacious)}.Button--large .Button-label{line-height:var(--text-body-lineHeight-large)}.Button--large .Button-content>:not(:last-child){margin-right:var(--control-large-gap)}.Button--fullWidth{width:100%}.Button--labelWrap{height:unset;min-height:var(--control-medium-size);min-width:-moz-fit-content;min-width:fit-content}.Button--labelWrap .Button-content{align-self:stretch;flex:1 1 auto;padding-block:calc(var(--control-medium-paddingBlock) - 2px)}.Button--labelWrap .Button-label{white-space:unset}.Button--labelWrap.Button--small{height:unset;min-height:var(--control-small-size)}.Button--labelWrap.Button--small .Button-content{padding-block:calc(var(--control-small-paddingBlock) - 2px)}.Button--labelWrap.Button--large{height:unset;min-height:var(--control-large-size);padding-inline:var(--control-large-paddingInline-spacious)}.Button--labelWrap.Button--large .Button-content{padding-block:calc(var(--control-large-paddingBlock) - 2px)}.Button--primary{color:var(--button-primary-fgColor-rest);fill:var(--button-primary-iconColor-rest);background-color:var(--button-primary-bgColor-rest);border-color:var(--button-primary-borderColor-rest);box-shadow:var(--shadow-resting-small,var(--color-btn-primary-shadow))}.Button--primary.Button--iconOnly{color:var(--button-primary-iconColor-rest)}.Button--primary:hover:not(:disabled,.Button--inactive){background-color:var(--button-primary-bgColor-hover);border-color:var(--button-primary-borderColor-hover)}.Button--primary:focus{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis);outline:2px solid var(--focus-outlineColor);outline-offset:-2px}.Button--primary:focus:not(:focus-visible){box-shadow:none;outline:1px solid #0000}.Button--primary:focus-visible{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis);outline:2px solid var(--focus-outlineColor);outline-offset:-2px}.Button--primary:active:not(:disabled),.Button--primary[aria-pressed=true]{background-color:var(--button-primary-bgColor-active);box-shadow:var(--button-primary-shadow-selected)}.Button--primary:disabled,.Button--primary[aria-disabled=true]{background-color:var(--button-primary-bgColor-disabled);border-color:var(--button-primary-borderColor-disabled);color:var(--button-primary-fgColor-disabled);fill:var(--button-primary-fgColor-disabled)}.Button--primary .Counter{background-color:var(--buttonCounter-primary-bgColor-rest);color:inherit}.Button--secondary{color:var(--button-default-fgColor-rest);fill:var(--fgColor-muted);background-color:var(--button-default-bgColor-rest);border-color:var(--button-default-borderColor-rest);box-shadow:var(--button-default-shadow-resting),var(--button-default-shadow-inset)}.Button--secondary:hover:not(:disabled,.Button--inactive){background-color:var(--button-default-bgColor-hover);border-color:var(--button-default-borderColor-hover)}.Button--secondary:active:not(:disabled){background-color:var(--button-default-bgColor-active);border-color:var(--button-default-borderColor-active)}.Button--secondary[aria-pressed=true]{background-color:var(--button-default-bgColor-selected);box-shadow:var(--shadow-inset)}.Button--secondary:disabled,.Button--secondary[aria-disabled=true]{background-color:var(--button-default-bgColor-disabled);border-color:var(--button-default-borderColor-disabled);color:var(--control-fgColor-disabled);fill:var(--control-fgColor-disabled)}.Button--invisible{color:var(--button-default-fgColor-rest)}.Button--invisible.Button--iconOnly{color:var(--button-invisible-iconColor-rest,var(--color-fg-muted))}.Button--invisible:hover:not(:disabled,.Button--inactive){background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.Button--invisible:active:not(:disabled),.Button--invisible[aria-pressed=true]{background-color:var(--button-invisible-bgColor-active)}.Button--invisible:disabled,.Button--invisible[aria-disabled=true]{background-color:var(--button-invisible-bgColor-disabled);border-color:var(--button-invisible-borderColor-disabled);color:var(--button-invisible-fgColor-disabled);fill:var(--button-invisible-fgColor-disabled)}.Button--invisible.Button--invisible-noVisuals .Button-label{color:var(--button-invisible-fgColor-rest)}.Button--invisible .Button-visual{color:var(--button-invisible-iconColor-rest,var(--color-fg-muted))}.Button--invisible .Button-visual .Counter{color:var(--fgColor-default)}.Button--link{color:var(--fgColor-link);fill:var(--fgColor-link);border:none;display:inline-block;font-size:inherit;height:unset;min-width:-moz-fit-content;min-width:fit-content;padding:0}.Button--link:hover:not(:disabled,.Button--inactive){-webkit-text-decoration:underline;text-decoration:underline}.Button--link:focus,.Button--link:focus-visible{outline-offset:2px}.Button--link:disabled,.Button--link[aria-disabled=true]{background-color:initial;border-color:#0000;color:var(--control-fgColor-disabled);fill:var(--control-fgColor-disabled)}.Button--link .Button-label{white-space:unset}.Button--danger{color:var(--button-danger-fgColor-rest);fill:var(--button-danger-iconColor-rest);background-color:var(--button-danger-bgColor-rest);border-color:var(--button-danger-borderColor-rest);box-shadow:var(--button-default-shadow-resting),var(--button-default-shadow-inset)}.Button--danger.Button--iconOnly{color:var(--button-danger-iconColor-rest)}.Button--danger:hover:not(:disabled,.Button--inactive){color:var(--button-danger-fgColor-hover);fill:var(--button-danger-fgColor-hover);background-color:var(--button-danger-bgColor-hover);border-color:var(--button-danger-borderColor-hover);box-shadow:var(--shadow-resting-small)}.Button--danger:hover:not(:disabled,.Button--inactive) .Counter{background-color:var(--buttonCounter-danger-bgColor-hover);color:var(--buttonCounter-danger-fgColor-hover)}.Button--danger:active:not(:disabled),.Button--danger[aria-pressed=true]{color:var(--button-danger-fgColor-active);fill:var(--button-danger-fgColor-active);background-color:var(--button-danger-bgColor-active);border-color:var(--button-danger-borderColor-active);box-shadow:var(--button-danger-shadow-selected)}.Button--danger:disabled,.Button--danger[aria-disabled=true]{color:var(--button-danger-fgColor-disabled);fill:var(--button-danger-fgColor-disabled);background-color:var(--button-danger-bgColor-disabled);border-color:var(--button-default-borderColor-disabled)}.Button--danger:disabled .Counter,.Button--danger[aria-disabled=true] .Counter{background-color:var(--buttonCounter-danger-bgColor-disabled);color:var(--buttonCounter-danger-fgColor-disabled)}.Button--danger .Counter{background-color:var(--buttonCounter-danger-bgColor-rest);color:var(--buttonCounter-danger-fgColor-rest)}.Button--iconOnly{display:inline-grid;padding:unset;place-content:center;width:var(--control-medium-size)}.Button--iconOnly.Button--small{width:var(--control-small-size)}.Button--iconOnly.Button--large{width:var(--control-large-size)}.Button--inactive:not([aria-disabled=true],:disabled){background-color:var(--button-inactive-bgColor);border:0;color:var(--button-inactive-fgColor);cursor:default}.ButtonGroup{display:inline-flex}.ButtonGroup .Button{border-radius:0;margin-inline-end:-1px;position:relative}.ButtonGroup .Button:active,.ButtonGroup .Button:focus,.ButtonGroup .Button:hover{z-index:1}.ButtonGroup>:first-child .Button{border-bottom-left-radius:var(--borderRadius-medium);border-top-left-radius:var(--borderRadius-medium)}.ButtonGroup>:last-child .Button{border-bottom-right-radius:var(--borderRadius-medium);border-top-right-radius:var(--borderRadius-medium)}.Counter{background-color:var(--bgColor-neutral-muted,var(--color-neutral-muted));border:var(--borderWidth-thin) solid var(--counter-borderColor);border-radius:2em;color:var(--fgColor-default);display:inline-block;font-size:var(--text-body-size-small);font-weight:var(--base-text-weight-medium);line-height:calc(var(--base-size-20) - var(--borderWidth-thin)*2);min-width:var(--base-size-20);padding:0 6px;text-align:center}.Counter:empty{display:none}.Counter .octicon{opacity:.8;vertical-align:text-top}.Counter--primary{background-color:var(--bgColor-neutral-emphasis);color:var(--fgColor-onEmphasis)}.Counter--secondary{background-color:var(--bgColor-neutral-muted);color:var(--fgColor-muted)}.flash:not(.Banner){background-image:linear-gradient(var(--bgColor-accent-muted),var(--bgColor-accent-muted));border-color:var(--borderColor-accent-muted);border-radius:var(--borderRadius-medium);border-style:solid;border-width:var(--borderWidth-thin);color:var(--fgColor-default);padding:var(--base-size-20) var(--control-medium-paddingInline-spacious);position:relative}.flash:not(.Banner) .octicon{color:var(--fgColor-accent);margin-right:var(--base-size-12)}.flash:not(.Banner) p:last-child{margin-bottom:0}.flash-messages{margin-bottom:var(--stack-gap-spacious)}.flash-close:not(.Banner-close){appearance:none;background:none;border:0;cursor:pointer;float:right;margin-top:calc(var(--base-size-4)*-1);text-align:center}.flash-close:not(.Banner-close):hover{opacity:.7}.flash-close:not(.Banner-close):active{opacity:.5}.flash-close:not(.Banner-close) .octicon{margin-right:0}.flash-action:not(.Banner-actions){background-clip:padding-box;float:right;margin-left:var(--stack-gap-spacious);margin-top:-3px}.flash-action.btn:not(.Banner-actions) .octicon{color:var(--fgColor-muted);margin-right:var(--control-small-gap)}.flash-action.btn-primary:not(.Banner-actions){background-clip:initial}.flash-action.btn-primary:not(.Banner-actions) .octicon{color:inherit}.flash-warn:not(.Banner){background-image:linear-gradient(var(--bgColor-attention-muted),var(--bgColor-attention-muted));border-color:var(--borderColor-attention-muted);color:var(--fgColor-default)}.flash-warn:not(.Banner) .octicon{color:var(--fgColor-attention)}.flash-error:not(.Banner){background-image:linear-gradient(var(--bgColor-danger-muted),var(--bgColor-danger-muted));border-color:var(--borderColor-danger-muted);color:var(--fgColor-default)}.flash-error:not(.Banner) .octicon{color:var(--fgColor-danger)}.flash-success:not(.Banner){background-image:linear-gradient(var(--bgColor-success-muted),var(--bgColor-success-muted));border-color:var(--borderColor-success-muted);color:var(--fgColor-default)}.flash-success:not(.Banner) .octicon{color:var(--fgColor-success)}.flash-full:not(.Banner){border-radius:0;border-width:var(--borderWidth-thin) 0;margin-top:calc(var(--borderWidth-thin)*-1)}.flash-banner{border-left:0;border-radius:0;border-right:0;border-top:0;position:fixed;top:0;width:100%;z-index:90}.flash-banner,.flash-full{background-color:var(--bgColor-default)}.warning{background-color:var(--bgColor-attention-muted);font-weight:var(--base-text-weight-semibold);margin-bottom:.8em;padding:.5em}.labels{position:relative}.Label,.label{border:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:2em;display:inline-block;font-size:var(--text-body-size-small);font-weight:var(--base-text-weight-medium);line-height:18px;padding:0 7px;white-space:nowrap}.Label:hover,.label:hover{-webkit-text-decoration:none;text-decoration:none}.Label--large{line-height:22px;padding-left:10px;padding-right:10px}.Label--inline{display:inline;font-size:85%;padding:.12em .5em}.Label--primary{border-color:var(--borderColor-neutral-emphasis);color:var(--fgColor-default)}.Label--secondary{border-color:var(--borderColor-default);color:var(--fgColor-muted)}.Label--accent,.Label--info{border-color:var(--borderColor-accent-emphasis);color:var(--fgColor-accent)}.Label--success{border-color:var(--borderColor-success-emphasis);color:var(--fgColor-success)}.Label--attention,.Label--warning{border-color:var(--borderColor-attention-emphasis);color:var(--fgColor-attention)}.Label--severe{border-color:var(--borderColor-severe-emphasis);color:var(--fgColor-severe)}.Label--danger{border-color:var(--borderColor-danger-emphasis);color:var(--fgColor-danger)}.Label--open{border-color:var(--borderColor-open-emphasis);color:var(--fgColor-open)}.Label--closed{border-color:var(--borderColor-closed-emphasis);color:var(--fgColor-closed)}.Label--done{border-color:var(--borderColor-done-emphasis);color:var(--fgColor-done)}.Label--sponsors{border-color:var(--borderColor-sponsors-emphasis);color:var(--fgColor-sponsors)}.Link{color:var(--fgColor-accent);-webkit-text-decoration:none;text-decoration:none}.Link:hover{cursor:pointer}.Link:focus,.Link:hover{-webkit-text-decoration:underline;text-decoration:underline}.Link:focus,.Link:focus-visible{outline-offset:0}.Link--underline{-webkit-text-decoration:underline;text-decoration:underline}.Link--primary{color:var(--fgColor-default)!important}.Link--primary:hover{color:var(--fgColor-accent)!important}.Link--secondary{color:var(--fgColor-muted)!important}.Link--secondary:hover{color:var(--fgColor-accent)!important}.Link--muted{color:var(--fgColor-muted)!important}.Link--muted:hover{color:var(--fgColor-accent)!important;-webkit-text-decoration:none;text-decoration:none}.Link--onHover:hover{color:var(--fgColor-accent)!important;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.Link--muted:hover [class*=color-fg],.Link--primary:hover [class*=color-fg],.Link--secondary:hover [class*=color-fg]{color:inherit!important}.Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--overlay-bgColor);border:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:var(--borderRadius-medium);box-shadow:var(--shadow-floating-legacy,var(--color-shadow-large))!important;margin-left:auto;margin-right:auto;position:relative;width:232px}.Popover-message:after,.Popover-message:before{content:"";display:inline-block;left:50%;position:absolute}.Popover-message:before{border:8px solid #0000;border-bottom:8px solid var(--borderColor-default);margin-left:-9px;top:-16px}.Popover-message:after{border:7px solid #0000;border-bottom:7px solid var(--overlay-bgColor);margin-left:-8px;top:-14px}.Popover-message--no-caret:after,.Popover-message--no-caret:before{display:none}.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--bottom:after,.Popover-message--bottom:before{border-bottom-color:#0000;top:auto}.Popover-message--bottom-left:before,.Popover-message--bottom-right:before,.Popover-message--bottom:before{border-top-color:var(--borderColor-default);bottom:-16px}.Popover-message--bottom-left:after,.Popover-message--bottom-right:after,.Popover-message--bottom:after{border-top-color:var(--overlay-bgColor);bottom:-14px}.Popover-message--bottom-right,.Popover-message--top-right{margin-right:0;right:-9px}.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--top-right:after,.Popover-message--top-right:before{left:auto;margin-left:0}.Popover-message--bottom-right:before,.Popover-message--top-right:before{right:20px}.Popover-message--bottom-right:after,.Popover-message--top-right:after{right:21px}.Popover-message--bottom-left,.Popover-message--top-left{left:-9px;margin-left:0}.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--top-left:after,.Popover-message--top-left:before{left:24px;margin-left:0}.Popover-message--bottom-left:after,.Popover-message--top-left:after{left:25px}.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--left:after,.Popover-message--left:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before,.Popover-message--right-top:after,.Popover-message--right-top:before,.Popover-message--right:after,.Popover-message--right:before{border-bottom-color:#0000;left:auto;margin-left:0;top:50%}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before,.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before{margin-top:-9px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after,.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{margin-top:-8px}.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before{border-left-color:var(--borderColor-default);right:-16px}.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{border-left-color:var(--overlay-bgColor);right:-14px}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before{border-right-color:var(--borderColor-default);left:-16px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after{border-right-color:var(--overlay-bgColor);left:-14px}.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--right-top:after,.Popover-message--right-top:before{top:24px}.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before{top:auto}.Popover-message--left-bottom:before,.Popover-message--right-bottom:before{bottom:16px}.Popover-message--left-bottom:after,.Popover-message--right-bottom:after{bottom:17px}@media (min-width:544px){.Popover-message--large{min-width:320px}}@media (max-width:767.98px){.Popover{bottom:0!important;left:0!important;position:fixed;right:0!important;top:auto!important}.Popover-message{bottom:auto;left:auto;margin:var(--stack-gap-condensed);right:auto;top:auto;width:auto!important}.Popover-message>.btn-octicon{padding:var(--control-medium-paddingInline-normal)!important}.Popover-message:after,.Popover-message:before{display:none}}.Progress{background-color:var(--bgColor-neutral-muted);border-radius:6px;display:flex;height:8px;outline:1px solid #0000;overflow:hidden}.Progress--large{height:10px}.Progress--small{height:5px}.Progress-item{outline:2px solid #0000}.Progress-item+.Progress-item{margin-left:2px}.State,.state{border-radius:2em;display:inline-block;font-size:var(--text-body-size-medium);font-weight:var(--base-text-weight-medium);line-height:var(--control-medium-lineBoxHeight);padding:5px var(--control-medium-paddingInline-normal);text-align:center;white-space:nowrap}.State,.State--draft,.state{background-color:var(--bgColor-neutral-emphasis);border:var(--borderWidth-thin) solid #0000;color:var(--fgColor-onEmphasis)}.State--open{background-color:var(--bgColor-open-emphasis,var(--color-open-emphasis))}.State--merged,.State--open{color:var(--fgColor-onEmphasis)}.State--merged{background-color:var(--bgColor-done-emphasis,var(--color-done-emphasis))}.State--closed{background-color:var(--bgColor-closed-emphasis,var(--color-closed-emphasis));color:var(--fgColor-onEmphasis)}.State--small{font-size:var(--text-body-size-small);line-height:var(--base-size-24);padding:0 10px}.State--small .octicon{width:1em}.Subhead{border-bottom:var(--borderWidth-thin) solid var(--borderColor-muted);display:flex;flex-flow:row wrap;justify-content:flex-end;margin-bottom:var(--stack-gap-normal);padding-bottom:var(--stack-padding-condensed)}.Subhead--spacious{margin-top:var(--base-size-40)}.Subhead-heading{flex:1 1 auto;font-weight:var(--base-text-weight-normal);order:0}.Subhead-heading--large{font-size:var(--base-size-24)}.Subhead-heading--medium{font-size:var(--text-title-size-medium)}.Subhead-heading--danger{color:var(--fgColor-danger);font-weight:var(--base-text-weight-semibold)}.Subhead-description{color:var(--fgColor-muted);flex:1 100%;font-size:var(--text-body-size-medium);order:2}.Subhead-actions{align-self:center;justify-content:flex-end;margin:var(--base-size-4) 0 var(--base-size-4) var(--base-size-4);order:1}.Subhead-actions+.Subhead-description{margin-top:var(--base-size-4)}.Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width:-moz-fit-content;max-width:fit-content;min-width:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Truncate>.Truncate-text+.Truncate-text{margin-left:var(--control-small-gap)}.Truncate>.Truncate-text.Truncate-text--primary{flex-basis:200%}.Truncate>.Truncate-text.Truncate-text--expandable:active,.Truncate>.Truncate-text.Truncate-text--expandable:focus,.Truncate>.Truncate-text.Truncate-text--expandable:hover{cursor:pointer;flex-shrink:0;max-width:100%!important}.TimelineItem{display:flex;margin-left:var(--stack-gap-normal);padding:var(--stack-padding-normal) 0;position:relative}.TimelineItem:before{background-color:var(--borderColor-muted);bottom:0;content:"";display:block;left:0;position:absolute;top:0;width:var(--borderWidth-thick)}.TimelineItem:target .TimelineItem-badge{border-color:var(--borderColor-accent-emphasis);box-shadow:0 0 .2em var(--borderColor-accent-muted)}.TimelineItem-badge{align-items:center;background-color:var(--timelineBadge-bgColor);border:var(--borderWidth-thick) solid var(--bgColor-default);border-radius:50%;color:var(--fgColor-muted);display:flex;flex-shrink:0;height:var(--control-medium-size);justify-content:center;margin-left:calc(var(--control-medium-size)/-2 + 1px);margin-right:var(--controlStack-medium-gap-condensed);position:relative;width:var(--control-medium-size);z-index:1}.TimelineItem-badge--success{background-color:var(--bgColor-success-emphasis);border:var(--borderWidth-thin) solid #0000;color:var(--fgColor-onEmphasis)}.TimelineItem-body{color:var(--fgColor-muted);flex:auto;margin-top:var(--base-size-4);max-width:100%;min-width:0}.TimelineItem-avatar{left:-72px;position:absolute;z-index:1}.TimelineItem-break{background-color:var(--bgColor-default);border:0;border-top:var(--borderWidth-thicker) solid var(--borderColor-default);height:var(--stack-gap-spacious);margin:0;margin-bottom:calc(var(--stack-gap-normal)*-1);margin-left:-56px;position:relative;z-index:1}.TimelineItem--condensed{padding-bottom:0;padding-top:var(--base-size-4)}.TimelineItem--condensed:last-child{padding-bottom:var(--stack-gap-normal)}.TimelineItem--condensed .TimelineItem-badge{background-color:var(--bgColor-default);border:0;color:var(--fgColor-muted);height:var(--base-size-16);margin-bottom:var(--base-size-8);margin-top:var(--base-size-8)}.css-truncate .css-truncate-overflow,.css-truncate .css-truncate-target,.css-truncate.css-truncate-overflow,.css-truncate.css-truncate-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.css-truncate .css-truncate-target,.css-truncate.css-truncate-target{display:inline-block;max-width:125px;vertical-align:top}.css-truncate.expandable.css-truncate-target:hover,.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target{max-width:10000px!important}.ActionBar{align-items:center;box-sizing:initial;display:flex!important;flex-grow:1;flex-shrink:1;justify-content:flex-end;min-width:calc(var(--control-medium-size)*3);overflow:hidden;position:relative}.ActionBar-item-container{box-sizing:initial;height:var(--control-medium-size);overflow:hidden}.ActionBar-item{float:left;position:relative}.ActionBar-more-menu{float:left}.ActionBar--small{min-width:calc(var(--control-small-size)*3)}.ActionBar--large{min-width:calc(var(--control-large-size)*3)}.ActionBar-divider{border-left:var(--borderWidth-thin) solid var(--borderColor-muted);bottom:50%;float:left;height:calc(var(--control-medium-size)/2);margin:0 var(--controlStack-medium-gap-condensed);top:50%;transform:translateY(-50%)}.ActionBar--small .ActionBar-divider{margin:0 var(--controlStack-small-gap-condensed)}.ActionBar--large .ActionBar-divider{margin:0 var(--controlStack-large-gap-condensed)}.PageHeader{border-bottom:var(--borderWidth-thin) solid var(--borderColor-muted);display:flex;flex-flow:column;margin-bottom:var(--stack-gap-normal);padding-bottom:var(--stack-padding-condensed)}.PageHeader--withTabNav{border-bottom:none;margin-bottom:0;padding-bottom:0}.PageHeader-contextBar{margin-bottom:var(--base-size-8)}.PageHeader-contextBar,.PageHeader-titleBar{align-items:center;display:flex;flex-flow:row;justify-content:flex-end}.PageHeader-titleBar{margin-bottom:var(--space-xsmall)}.PageHeader-title{flex:1 1 auto;font-size:var(--text-title-size-medium);font-weight:var(--base-text-weight-normal)}.PageHeader-title--large{font-size:var(--text-title-size-large)}.PageHeader-description{color:var(--fgColor-muted);flex:1 100%;font-size:var(--text-body-size-medium)}.PageHeader--withTabNav .PageHeader-description{margin-bottom:var(--space-xlarge)}.PageHeader-actions{align-items:center;display:flex;justify-content:flex-end}.PageHeader-breadcrumbs{display:block;width:100%}.PageHeader-leadingAction{margin-right:var(--base-size-4);margin-top:2px}.PageHeader-parentLink{flex:1 1 auto}.DragHandle{color:var(--fgColor-muted);cursor:move}.BorderGrid{border-collapse:collapse;border-style:hidden;display:table;margin-bottom:-16px;margin-top:-16px;table-layout:fixed;width:100%}.BorderGrid .BorderGrid-cell{padding-bottom:16px;padding-top:16px}.BorderGrid--spacious{margin-bottom:-24px;margin-top:-24px}.BorderGrid--spacious .BorderGrid-cell{padding-bottom:24px;padding-top:24px}.BorderGrid-row{display:table-row}.BorderGrid-cell{border:1px solid var(--borderColor-muted);display:table-cell}.InputGroup.InputGroup-input-width--auto{width:auto}.InputGroup.InputGroup-input-width--small{max-width:min(256px,100vw - 2rem)}.InputGroup.InputGroup-input-width--medium{max-width:min(320px,100vw - 2rem)}.InputGroup.InputGroup-input-width--large{max-width:min(480px,100vw - 2rem)}.InputGroup.InputGroup-input-width--xlarge{max-width:min(640px,100vw - 2rem)}.InputGroup.InputGroup-input-width--xxlarge{max-width:min(960px,100vw - 2rem)}.SubHeader{align-items:center;display:grid;flex-wrap:wrap;grid-template-areas:"left middle right" "bottom bottom bottom";grid-template-columns:auto 1fr auto;margin-bottom:16px}.SubHeader-rightPane{align-items:center;column-gap:12px;display:flex;grid-area:right}.SubHeader-middlePane{grid-area:middle;text-align:center}.SubHeader-bottomPane{grid-area:bottom}.SubHeader-leftPane{align-items:center;display:flex;gap:12px;grid-area:left;width:100%}.SubHeader-filterContainer{display:flex;gap:8px;width:100%}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*-- copyright
 * OpenProject is an open source project management software.
 * Copyright (C) 2012-2024 the OpenProject GmbH
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License version 3.
 *
 * OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
 * Copyright (C) 2006-2013 Jean-Philippe Lang
 * Copyright (C) 2010-2013 the ChiliProject Team
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 *
 * See COPYRIGHT and LICENSE files for more details.  ++
 */
:root {
  --primary-button-color: #1F883D;
  --primary-button-color--major1: #197032;
  --primary-button-color--minor1: #d2e7d8;
  --primary-button-color--minor2: #a5cfb1;
  --primary-button-color--dark-mode: #238636;
  --control-checked-color: var(--accent-color);
  --control-checked-color--major1: var(--accent-color--major1);
  --control-checked-color--major2: var(--accent-color--major2);
  --control-checked-color--minor1: var(--accent-color--minor1);
  /**
   * The 100vh bug on iOS is a well known issue that will not be addressed.
   * Using 100vh will not work correctly whenever the bottom toolbar of ios safari is open.
   * To address the issue, we need to watch the screen height change events and rely on the
   * window.innerHeight, instead of using 100vh.
   * See more: https://medium.com/quick-code/100vh-problem-with-ios-safari-92ab23c852a8
   */
  --app-height: 100vh;
  --body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --body-font-size: var(--text-body-size-medium);
  --gray: #EAEAEA;
  --gray-light: #F8F8F8;
  --gray-lighter: #E9E9E9;
  --light-gray: #CCCCCC;
  --body-background: #FFFFFF;
  --body-font-color: #333333;
  --base-line-height: 1.5;
  --base-text-weight-bold: 600;
  --secondary-color: #bfbfbf;
  --accent-color: #1A67A3;
  --accent-color--major1: #155282;
  --accent-color--major2: #103e62;
  --accent-color--minor1: #d1e1ed;
  --accent-color--minor2: #a3c2da;
  --accent-color--dark-mode: #4493f8;
  --font-color-on-primary: #FFFFFF;
  --font-color-on-primary-dark: #FFFFFF;
  --font-color-on-secondary: #FFFFFF;
  --font-color-on-alternative: #FFFFFF;
  --list-side-margin: 40px;
  --header-height: 55px;
  --header-bg-color: #1A67A3;
  --header-border-bottom-color: #155282;
  --header-border-bottom-width: 0;
  --header-item-font-size: 14px;
  --header-item-font-color: #FFFFFF;
  --header-item-font-hover-color: #FFFFFF;
  --header-item-bg-hover-color: #175A8E;
  --main-menu-width: 230px;
  --main-menu-folded-width: 0px;
  --main-menu-border-color: #EAEAEA;
  --main-menu-border-width: 0px;
  --main-menu-item-height: 40px;
  --main-menu-bg-color: #333739;
  --main-menu-bg-selected-background: #175A8E;
  --main-menu-bg-hover-background: #124E7C;
  --main-menu-font-color: #FFFFFF;
  --main-menu-hover-font-color: var(--main-menu-font-color);
  --main-menu-resizer-color: var(--main-menu-border-color);
  --main-menu-selected-font-color: var(--main-menu-font-color);
  --main-menu-font-size: 14px;
  --main-menu-fieldset-header-color: #B0B2B3;
  --main-menu-hover-border-color: transparent;
  --main-menu-bg-selected-border: transparent;
  --toolbar-title-color: #5F5F5F;
  --toolbar-item--bg-color: #F8F8F8;
  --toolbar-item--bg-color-pressed: var(--gray-lighter);
  --toolbar-item--border-color: #DDD;
  --breadcrumb-height: 40px;
  --breadcrumb-font-size: 12px;
  --breadcrumb-font-color: lighten(var(--body-font-color), 20);
  --content-icon-color: var(--accent-color);
  --content-form-bg-color: #F8F8F8;
  --content-form-input-hover-border: 1px solid #888888;
  --content-form-error-color: #9E2A1C;
  --content-form-danger-zone-bg-color: #CA3F3F;
  --content-form-danger-zone-font-color: #FFFFFF;
  --drop-down-selected-bg-color: #E7E7E7;
  --drop-down-hover-bg-color: #EFEFEF;
  --wiki-default-font-size: var(--body-font-size);
  --user-avatar-border-radius: 50%;
  --inplace-edit--border-color: #ddd;
  --inplace-edit--color--very-dark: #cacaca;
  --inplace-edit--color--disabled: var(--control-fgColor-disabled);
  --inplace-edit--bg-color--disabled: var(--control-bgColor-disabled);
  --table-border-color: #E7E7E7;
  --table-row-highlighting-outline-color: #00A6FF;
  --button--font-color: #222222;
  --button--background-color: var(--gray-light);
  --button--background-hover-color: #ededed;
  --button--active-border-color: #cacaca;
  --button--primary-background-color: var(--primary-button-color);
  --button--primary-background-hover-color: var(--primary-button-color--major1);
  --button--primary-background-disabled-color: var(--primary-button-color--minor2);
  --button--primary-border-disabled-color: var(--primary-button-color--minor2);
  --button--primary-font-color: var(--font-color-on-primary);
  --generic-table--header-font-size: 0.875rem;
  --generic-table--header-height: 45px;
  --generic-table--footer-height: 34px;
  --timeline--type-fallback-color: rgba(150, 150, 150, 0.8);
  --table-timeline--row-height: 40px;
  --status-selector-bg-color: #F99601;
  --status-selector-border-color: transparent;
  --warn:#C92A2A;
  --grid-background-color: #F3F6F8;
  --avatar-border-color: transparent;
  --list-item-hover--border-color: transparent;
  --list-item-hover--color: var(--accent-color);
  --link-text-decoration: none;
  --type-form-conf-attribute--background: var(--gray-light);
  --select-arrow-bg-color-url: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
}

[data-icon]:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: attr(data-icon);
  padding: 10px 5px 0 10px;
  color: var(--content-icon-color);
}

[data-icon2]:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: attr(data-icon2);
  padding: 0 20px 0 7px;
}

[data-icon3]:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: attr(data-icon3);
  padding: 0 0.5rem 0 0;
}

[data-icon4]:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: attr(data-icon4);
  padding: 0 8px 0 3px;
  font-size: 11px;
}

[data-icon5]:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: attr(data-icon5);
  padding: 0 7px 0 9px;
}

[data-icon-dropdown-menu]:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: attr(data-icon-dropdown-menu);
  padding: 0 8px 0 0;
  font-size: 14px;
}

[data-icon-table]:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: attr(data-icon-table);
  padding: 0;
}

[data-icon-action-menu]:before {
  content: attr(data-icon-action-menu);
  padding: 0 10px 0 0;
  font-size: 14px;
  line-height: 5px;
}

[data-icon-sub-menu]:before {
  content: attr(data-icon-sub-menu);
  padding: 0;
  float: right;
  font-size: 14px;
  line-height: 5px;
  vertical-align: -40%;
}

[data-icon-big]:before {
  content: attr(data-icon-big);
  padding: 0;
  font-size: 50px;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon:before {
  padding: 10px 5px 0 10px;
  color: var(--content-icon-color);
}

.icon2:before {
  padding: 0 20px 0 7px;
}

.icon3:before {
  padding: 0 0.5rem 0 0;
}

.icon4:before, .advanced-filters--add-filter-label-icon:before, .advanced-filters--remove-filter-icon:before {
  padding: 0 8px 0 3px;
  font-size: 11px;
}

.icon5:before {
  padding: 0 7px 0 9px;
}

.icon6:before {
  padding: 0 7px 0 9px;
  font-size: 12px;
}

.icon-dropdown-menu:before {
  padding: 0 8px 0 0;
  font-size: 14px;
}

.icon-table:before {
  padding: 0;
}

.icon-big:before {
  padding: 0;
  font-size: 50px;
}

.icon-small:before, .projects-table--hierarchy-icon:before, .button--dropdown-indicator:before {
  font-size: 10px;
  vertical-align: middle;
}

.icon-no-color {
  color: var(--body-font-color);
}

#errorExplanation:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 10px 5px 0 10px;
  color: var(--content-icon-color);
  float: left;
}

/* remove once all menu items have an icon */
.no-icon {
  margin-left: 15px;
}

[class^=icon].-padded {
  padding: 0 5px;
}

.action-menu .icon:before,
.icon-context:before,
.widget-box--arrow-links li:before {
  padding: 10px 10px 0 0;
}

.icon-accessibility:before {
  content: "\f101";
}

.icon-accountable:before {
  content: "\f102";
}

.icon-activity-history:before {
  content: "\f103";
}

.icon-add-attachment:before {
  content: "\f104";
}

.icon-add-link:before {
  content: "\f105";
}

.icon-add:before, .advanced-filters--add-filter-label-icon:before {
  content: "\f106";
}

.icon-align-center:before {
  content: "\f107";
}

.icon-align-justify:before {
  content: "\f108";
}

.icon-align-left:before {
  content: "\f109";
}

.icon-align-right:before {
  content: "\f10a";
}

.icon-arrow-down1:before, .wp-table--relation-indicator:before, .wp-table--hierarchy-indicator-icon:before, #main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--hierarchy-indicator-icon:before,
div.wiki ul.pages-hierarchy .tree-menu--hierarchy-indicator-icon:before,
.pages-hierarchy .tree-menu--hierarchy-indicator-icon:before {
  content: "\f10b";
}

.icon-arrow-down2:before {
  content: "\f10c";
}

.icon-arrow-in:before {
  content: "\f10d";
}

.icon-arrow-left-right:before {
  content: "\f10e";
}

.icon-arrow-left1:before, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-prev-button .fc-icon:before {
  content: "\f10f";
}

.icon-arrow-left2:before {
  content: "\f110";
}

.icon-arrow-left3:before {
  content: "\f111";
}

.icon-arrow-left4:before {
  content: "\f112";
}

.icon-arrow-out:before {
  content: "\f113";
}

.icon-arrow-right2:before, .-hierarchy-collapsed .wp-table--hierarchy-indicator-icon:before, #main-menu ul ul.main-menu--children ul.pages-hierarchy .-hierarchy-collapsed > .tree-menu--item > .tree-menu--hierarchy-span > .tree-menu--hierarchy-indicator > .tree-menu--hierarchy-indicator-icon:before,
div.wiki ul.pages-hierarchy .-hierarchy-collapsed > .tree-menu--item > .tree-menu--hierarchy-span > .tree-menu--hierarchy-indicator > .tree-menu--hierarchy-indicator-icon:before,
.pages-hierarchy .-hierarchy-collapsed > .tree-menu--item > .tree-menu--hierarchy-span > .tree-menu--hierarchy-indicator > .tree-menu--hierarchy-indicator-icon:before {
  content: "\f114";
}

.icon-arrow-right3:before, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-next-button .fc-icon:before {
  content: "\f115";
}

.icon-arrow-right4:before {
  content: "\f116";
}

.icon-arrow-right5:before {
  content: "\f117";
}

.icon-arrow-right6:before {
  content: "\f118";
}

.icon-arrow-right7:before {
  content: "\f119";
}

.icon-arrow-thin:before {
  content: "\f11a";
}

.icon-arrow-up1:before, .wp-table--relation-cell-td.-expanded .wp-table--relation-indicator:before {
  content: "\f11b";
}

.icon-arrow-up2:before {
  content: "\f11c";
}

.icon-assigned-to-me:before {
  content: "\f11d";
}

.icon-assigned:before {
  content: "\f11e";
}

.icon-attachment:before {
  content: "\f11f";
}

.icon-attention:before {
  content: "\f120";
}

.icon-back-up:before {
  content: "\f121";
}

.icon-backlogs:before {
  content: "\f122";
}

.icon-baseline:before {
  content: "\f123";
}

.icon-bcf:before {
  content: "\f124";
}

.icon-bell:before {
  content: "\f125";
}

.icon-billing-information:before {
  content: "\f126";
}

.icon-boards:before {
  content: "\f127";
}

.icon-bold:before {
  content: "\f128";
}

.icon-budget:before {
  content: "\f129";
}

.icon-bug:before {
  content: "\f12a";
}

.icon-calendar:before {
  content: "\f12b";
}

.icon-calendar2:before {
  content: "\f12c";
}

.icon-camera:before {
  content: "\f12d";
}

.icon-cancel-circle:before {
  content: "\f12e";
}

.icon-cancel:before {
  content: "\f12f";
}

.icon-cart:before {
  content: "\f130";
}

.icon-changeset-down:before {
  content: "\f131";
}

.icon-changeset-up:before {
  content: "\f132";
}

.icon-changeset:before {
  content: "\f133";
}

.icon-chart1:before {
  content: "\f134";
}

.icon-chart2:before {
  content: "\f135";
}

.icon-chart3:before {
  content: "\f136";
}

.icon-checkmark-circle:before {
  content: "\f137";
}

.icon-checkmark:before {
  content: "\f138";
}

.icon-clipboard:before {
  content: "\f139";
}

.icon-close:before, .advanced-filters--remove-filter-icon:before {
  content: "\f13a";
}

.icon-code-tag:before {
  content: "\f13b";
}

.icon-color-text:before {
  content: "\f13c";
}

.icon-color-underline:before {
  content: "\f13d";
}

.icon-column-left:before {
  content: "\f13e";
}

.icon-column-right:before {
  content: "\f13f";
}

.icon-columns:before {
  content: "\f140";
}

.icon-compare2:before {
  content: "\f141";
}

.icon-concept:before {
  content: "\f142";
}

.icon-console-light:before {
  content: "\f143";
}

.icon-console:before {
  content: "\f144";
}

.icon-contacts:before {
  content: "\f145";
}

.icon-copy:before {
  content: "\f146";
}

.icon-cost-reports:before {
  content: "\f147";
}

.icon-cost-types:before {
  content: "\f148";
}

.icon-cursor:before {
  content: "\f149";
}

.icon-custom-development:before {
  content: "\f14a";
}

.icon-custom-fields:before {
  content: "\f14b";
}

.icon-cut:before {
  content: "\f14c";
}

.icon-date-alert:before {
  content: "\f14d";
}

.icon-date-alerts:before {
  content: "\f14e";
}

.icon-delete-folder:before {
  content: "\f14f";
}

.icon-delete:before {
  content: "\f150";
}

.icon-delta-triangle:before {
  content: "\f151";
}

.icon-dependency:before {
  content: "\f152";
}

.icon-design:before {
  content: "\f153";
}

.icon-double-arrow-left:before {
  content: "\f154";
}

.icon-double-arrow-right:before {
  content: "\f155";
}

.icon-download-arrow:before {
  content: "\f156";
}

.icon-download:before {
  content: "\f157";
}

.icon-drag-handle:before {
  content: "\f158";
}

.icon-dropdown-open:before {
  content: "\f159";
}

.icon-dropdown:before {
  content: "\f15a";
}

.icon-duplicate:before {
  content: "\f15b";
}

.icon-edit:before {
  content: "\f15c";
}

.icon-email-alert:before {
  content: "\f15d";
}

.icon-enterprise-addons:before {
  content: "\f15e";
}

.icon-enterprise:before {
  content: "\f15f";
}

.icon-enumerations:before {
  content: "\f160";
}

.icon-error:before, .form--label.-error:before, .-error.attributes-key-value--key:before, #errorExplanation:before {
  content: "\f161";
}

.icon-export-atom:before {
  content: "\f162";
}

.icon-export-bcf:before {
  content: "\f163";
}

.icon-export-csv:before {
  content: "\f164";
}

.icon-export-pdf-descr:before {
  content: "\f165";
}

.icon-export-pdf-with-descriptions:before {
  content: "\f166";
}

.icon-export-pdf:before {
  content: "\f167";
}

.icon-export-xls-descr:before {
  content: "\f168";
}

.icon-export-xls-with-descriptions:before {
  content: "\f169";
}

.icon-export-xls-with-relations:before {
  content: "\f16a";
}

.icon-export-xls:before {
  content: "\f16b";
}

.icon-export:before {
  content: "\f16c";
}

.icon-external-link:before {
  content: "\f16d";
}

.icon-faq:before {
  content: "\f16e";
}

.icon-file-doc:before {
  content: "\f16f";
}

.icon-file-form:before {
  content: "\f170";
}

.icon-file-presentation:before {
  content: "\f171";
}

.icon-file-sheet:before {
  content: "\f172";
}

.icon-file-text:before {
  content: "\f173";
}

.icon-filter:before {
  content: "\f174";
}

.icon-flag:before {
  content: "\f175";
}

.icon-folder-add:before {
  content: "\f176";
}

.icon-folder-locked:before {
  content: "\f177";
}

.icon-folder-open:before {
  content: "\f178";
}

.icon-folder-remove:before {
  content: "\f179";
}

.icon-folder:before {
  content: "\f17a";
}

.icon-forums:before {
  content: "\f17b";
}

.icon-from-fullscreen:before {
  content: "\f17c";
}

.icon-getting-started:before {
  content: "\f17d";
}

.icon-glossar:before {
  content: "\f17e";
}

.icon-google-plus:before {
  content: "\f17f";
}

.icon-group-by:before {
  content: "\f180";
}

.icon-group:before {
  content: "\f181";
}

.icon-hamburger:before {
  content: "\f182";
}

.icon-headline1:before {
  content: "\f183";
}

.icon-headline2:before {
  content: "\f184";
}

.icon-headline3:before {
  content: "\f185";
}

.icon-headset:before {
  content: "\f186";
}

.icon-help:before {
  content: "\f187";
}

.icon-help1:before {
  content: "\f188";
}

.icon-help2:before {
  content: "\f189";
}

.icon-hierarchy:before {
  content: "\f18a";
}

.icon-home:before {
  content: "\f18b";
}

.icon-hosting:before {
  content: "\f18c";
}

.icon-ifc:before {
  content: "\f18d";
}

.icon-image1:before {
  content: "\f18e";
}

.icon-image2:before {
  content: "\f18f";
}

.icon-import:before {
  content: "\f190";
}

.icon-inbox:before {
  content: "\f191";
}

.icon-info1:before {
  content: "\f192";
}

.icon-info2:before {
  content: "\f193";
}

.icon-input-disabled:before {
  content: "\f194";
}

.icon-installation-services:before {
  content: "\f195";
}

.icon-italic:before {
  content: "\f196";
}

.icon-key:before {
  content: "\f197";
}

.icon-link:before {
  content: "\f198";
}

.icon-loading1:before {
  content: "\f199";
}

.icon-loading2:before {
  content: "\f19a";
}

.icon-location:before {
  content: "\f19b";
}

.icon-locked:before {
  content: "\f19c";
}

.icon-logout:before {
  content: "\f19d";
}

.icon-mail1:before {
  content: "\f19e";
}

.icon-mail2:before {
  content: "\f19f";
}

.icon-maintenance-support:before {
  content: "\f1a0";
}

.icon-mark-all-read:before {
  content: "\f1a1";
}

.icon-mark-read:before {
  content: "\f1a2";
}

.icon-medal:before {
  content: "\f1a3";
}

.icon-meetings:before {
  content: "\f1a4";
}

.icon-mention:before {
  content: "\f1a5";
}

.icon-menu:before {
  content: "\f1a6";
}

.icon-merge-branch:before {
  content: "\f1a7";
}

.icon-microphone:before {
  content: "\f1a8";
}

.icon-milestone:before {
  content: "\f1a9";
}

.icon-minus1:before {
  content: "\f1aa";
}

.icon-minus2:before {
  content: "\f1ab";
}

.icon-mobile:before {
  content: "\f1ac";
}

.icon-modules:before {
  content: "\f1ad";
}

.icon-more:before {
  content: "\f1ae";
}

.icon-move:before {
  content: "\f1af";
}

.icon-movie:before {
  content: "\f1b0";
}

.icon-music:before {
  content: "\f1b1";
}

.icon-new-planning-element:before {
  content: "\f1b2";
}

.icon-news:before {
  content: "\f1b3";
}

.icon-nextcloud-circle:before {
  content: "\f1b4";
}

.icon-nextcloud:before {
  content: "\f1b5";
}

.icon-no-hierarchy:before {
  content: "\f1b6";
}

.icon-no-zen-mode:before {
  content: "\f1b7";
}

.icon-not-supported:before {
  content: "\f1b8";
}

.icon-notes:before, .icon-document:before {
  content: "\f1b9";
}

.icon-openid:before {
  content: "\f1ba";
}

.icon-openproject:before {
  content: "\f1bb";
}

.icon-ordered-list:before {
  content: "\f1bc";
}

.icon-outline:before {
  content: "\f1bd";
}

.icon-paragraph-left:before {
  content: "\f1be";
}

.icon-paragraph-right:before {
  content: "\f1bf";
}

.icon-paragraph:before {
  content: "\f1c0";
}

.icon-payment-history:before {
  content: "\f1c1";
}

.icon-phone:before {
  content: "\f1c2";
}

.icon-pin:before {
  content: "\f1c3";
}

.icon-play:before {
  content: "\f1c4";
}

.icon-plugins:before {
  content: "\f1c5";
}

.icon-plus:before, tr.dir a.dir-expander i:before {
  content: "\f1c6";
}

.icon-pre:before {
  content: "\f1c7";
}

.icon-presentation:before {
  content: "\f1c8";
}

.icon-preview:before {
  content: "\f1c9";
}

.icon-print:before {
  content: "\f1ca";
}

.icon-priority:before {
  content: "\f1cb";
}

.icon-project-types:before {
  content: "\f1cc";
}

.icon-projects:before, .icon-project:before {
  content: "\f1cd";
}

.icon-publish:before {
  content: "\f1ce";
}

.icon-pulldown-up:before {
  content: "\f1cf";
}

.icon-pulldown:before, .button--dropdown-indicator:before, .drop-down .button--dropdown-indicator:before {
  content: "\f1d0";
}

.icon-quote:before, .icon-message:before {
  content: "\f1d1";
}

.icon-quote2:before {
  content: "\f1d2";
}

.icon-redo:before {
  content: "\f1d3";
}

.icon-relation-follows:before {
  content: "\f1d4";
}

.icon-relation-new-child:before {
  content: "\f1d5";
}

.icon-relation-precedes:before {
  content: "\f1d6";
}

.icon-relations:before {
  content: "\f1d7";
}

.icon-reload:before {
  content: "\f1d8";
}

.icon-reminder:before {
  content: "\f1d9";
}

.icon-remove-link:before {
  content: "\f1da";
}

.icon-remove:before {
  content: "\f1db";
}

.icon-rename:before {
  content: "\f1dc";
}

.icon-reported-by-me:before {
  content: "\f1dd";
}

.icon-resizer-bottom-right:before {
  content: "\f1de";
}

.icon-resizer-vertical-lines:before {
  content: "\f1df";
}

.icon-roadmap:before {
  content: "\f1e0";
}

.icon-rss:before {
  content: "\f1e1";
}

.icon-rubber:before {
  content: "\f1e2";
}

.icon-save:before {
  content: "\f1e3";
}

.icon-search:before, .op-new-project-mapping-form .ng-placeholder:before {
  content: "\f1e4";
}

.icon-select-all:before {
  content: "\f1e5";
}

.icon-send-mail:before {
  content: "\f1e6";
}

.icon-server-key:before {
  content: "\f1e7";
}

.icon-settings:before {
  content: "\f1e8";
}

.icon-settings2:before {
  content: "\f1e9";
}

.icon-settings3:before {
  content: "\f1ea";
}

.icon-settings4:before {
  content: "\f1eb";
}

.icon-share:before {
  content: "\f1ec";
}

.icon-shortcuts:before {
  content: "\f1ed";
}

.icon-show-all-projects:before {
  content: "\f1ee";
}

.icon-show-more-horizontal:before {
  content: "\f1ef";
}

.icon-show-more:before {
  content: "\f1f0";
}

.icon-slack:before {
  content: "\f1f1";
}

.icon-sort-ascending:before {
  content: "\f1f2";
}

.icon-sort-by:before {
  content: "\f1f3";
}

.icon-sort-descending:before {
  content: "\f1f4";
}

.icon-sort-down:before {
  content: "\f1f5";
}

.icon-sort-up:before {
  content: "\f1f6";
}

.icon-square:before {
  content: "\f1f7";
}

.icon-star:before {
  content: "\f1f8";
}

.icon-status-reporting:before {
  content: "\f1f9";
}

.icon-status:before {
  content: "\f1fa";
}

.icon-strike-through:before {
  content: "\f1fb";
}

.icon-team-planner:before {
  content: "\f1fc";
}

.icon-text:before {
  content: "\f1fd";
}

.icon-ticket-checked:before, .icon-work_package-closed:before {
  content: "\f1fe";
}

.icon-ticket-down:before {
  content: "\f1ff";
}

.icon-ticket-edit:before, .icon-work_package-edit:before {
  content: "\f200";
}

.icon-ticket-minus:before {
  content: "\f201";
}

.icon-ticket-note:before, .icon-work_package-note:before {
  content: "\f202";
}

.icon-ticket:before, .icon-work_package:before {
  content: "\f203";
}

.icon-time-tracking-running:before {
  content: "\f204";
}

.icon-time-tracking-start:before {
  content: "\f205";
}

.icon-time-tracking-stop:before {
  content: "\f206";
}

.icon-time:before, .icon-time-entry:before,
.icon-log_time:before {
  content: "\f207";
}

.icon-to-fullscreen:before {
  content: "\f208";
}

.icon-training-consulting:before {
  content: "\f209";
}

.icon-two-factor-authentication:before {
  content: "\f20a";
}

.icon-types:before {
  content: "\f20b";
}

.icon-underline:before {
  content: "\f20c";
}

.icon-undo:before {
  content: "\f20d";
}

.icon-unit:before {
  content: "\f20e";
}

.icon-unlocked:before {
  content: "\f20f";
}

.icon-unordered-list:before {
  content: "\f210";
}

.icon-unwatched:before {
  content: "\f211";
}

.icon-upload-arrow:before {
  content: "\f212";
}

.icon-upload:before {
  content: "\f213";
}

.icon-user-minus:before {
  content: "\f214";
}

.icon-user-plus:before {
  content: "\f215";
}

.icon-user:before, .op-meeting-agenda-item-form--presenter .ng-placeholder:before {
  content: "\f216";
}

.icon-view-card:before {
  content: "\f217";
}

.icon-view-fullscreen:before {
  content: "\f218";
}

.icon-view-list:before {
  content: "\f219";
}

.icon-view-model:before {
  content: "\f21a";
}

.icon-view-split-viewer-table:before {
  content: "\f21b";
}

.icon-view-split:before {
  content: "\f21c";
}

.icon-view-split2:before {
  content: "\f21d";
}

.icon-view-timeline:before {
  content: "\f21e";
}

.icon-warning:before {
  content: "\f21f";
}

.icon-watched:before {
  content: "\f220";
}

.icon-watching:before {
  content: "\f221";
}

.icon-wiki-edit:before, .icon-wiki-page:before {
  content: "\f222";
}

.icon-wiki:before {
  content: "\f223";
}

.icon-wiki2:before {
  content: "\f224";
}

.icon-work-packages:before {
  content: "\f225";
}

.icon-workflow:before {
  content: "\f226";
}

.icon-yes:before, .widget-boxes .widget-box .widget-box--feature-list li:before, .icon-notice:before {
  content: "\f227";
}

.icon-zen-mode:before {
  content: "\f228";
}

.icon-zoom-auto:before {
  content: "\f229";
}

.icon-zoom-in:before {
  content: "\f22a";
}

.icon-zoom-out:before {
  content: "\f22b";
}

@font-face {
  font-family: "openproject-icon-font";
  src: url('openproject-icon-font.35139a15f22b777e.woff2') format("woff2"), url('openproject-icon-font.c22f3af8acaa8985.woff') format("woff");
}
@font-face {
  font-family: "openproject-spot-icon-font";
  src: url('openproject-spot-icon-font.25c0fbd4203afbe2.woff2') format("woff2"), url('openproject-spot-icon-font.065fc92e68b87d17.woff') format("woff");
}
.hidden-for-sighted, .advanced-filters--container legend, .simple-filters--container legend {
  position: absolute;
  left: -10000px;
  top: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#announcement {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  width: 511px;
}
@media screen and (max-width: 543px) {
  #announcement {
    width: 100%;
  }
}

.controller-homescreen .widget-boxes .widget-box {
  box-shadow: none;
}
.controller-homescreen .widget-boxes .widget-box.upsale {
  background: var(--bgColor-accent-muted);
  flex-basis: 100%;
  border-color: var(--borderColor-accent-muted);
}

.controller-homescreen #breadcrumb {
  display: none;
}

.homescreen--links {
  margin: 10px 0;
  display: flex;
  padding: 20px 20%;
  align-items: center;
  justify-content: center;
}
.homescreen--links .icon-context:before, .homescreen--links .widget-box--arrow-links li:before, .widget-box--arrow-links .homescreen--links li:before {
  padding-right: 0;
}
.homescreen--links .homescreen--links--item {
  flex: 1;
  display: block;
  text-align: center;
  color: var(--control-iconColor-rest);
}
.homescreen--links .homescreen--links--item i::before {
  display: block;
  margin-bottom: 10px;
  font-size: 3rem;
  color: var(--control-iconColor-rest);
}
.homescreen--links .homescreen--links--item:hover, .homescreen--links .homescreen--links--item:hover span {
  text-decoration: none;
  color: var(--accent-color);
}
.homescreen--links .homescreen--links--item:hover i::before, .homescreen--links .homescreen--links--item:hover span i::before {
  color: var(--accent-color);
}

@media screen and (max-width: 543px) {
  .homescreen--links {
    padding: 20px;
    flex-wrap: wrap;
  }
  .homescreen--links .homescreen--links--item {
    flex: auto;
    margin: 20px 0;
    width: 50%;
  }
}
a {
  -webkit-text-decoration: var(--link-text-decoration);
          text-decoration: var(--link-text-decoration);
}

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

.display-inline {
  display: inline !important;
}

.-no-border {
  border: none !important;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.-no-text-select {
  -webkit-user-select: none;
          user-select: none;
}

.-table-border-top {
  border-top: 1px solid var(--table-border-color);
}

.-table-border-bottom {
  border-bottom: 1px solid var(--table-border-color);
}

.-table-border-left {
  border-left: 1px solid var(--table-border-color);
}

.-table-border-right {
  border-right: 1px solid var(--table-border-color);
}

.autoscroll {
  overflow-x: auto;
  padding: 1px;
  margin-bottom: 1.2em;
}

.-hidden-overflow {
  overflow: hidden !important;
}

.-visible-overflow {
  overflow: visible !important;
}

.indent {
  padding-left: 10px;
}

.total-hours {
  font-weight: var(--base-text-weight-bold);
}

.-break-word {
  word-wrap: break-word;
}

.ellipsis, .wp-table--cell-container,
.form--field.ellipsis .form--label,
.form--field.wp-table--cell-container .form--label,
.form--field.ellipsis .attributes-key-value--key,
.form--field.wp-table--cell-container .attributes-key-value--key {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}

.other-formats {
  font-size: 0.9em;
  color: var(--fgColor-muted);
}
.other-formats span + span:before {
  content: "| ";
}

.-bold {
  font-weight: var(--base-text-weight-bold);
}

.-italic {
  font-style: italic;
}

.-small-font {
  font-size: 12px;
}

.-rtl {
  direction: rtl;
}
.-rtl ul, .-rtl ol {
  margin-left: 0;
  margin-right: 40px;
}
.-rtl ul.task-list, .-rtl ol.task-list {
  margin-right: 15px;
}
.-placeholder .-rtl {
  direction: ltr;
}

.-draggable {
  cursor: grab;
}

.drop-zone.-dragged-over {
  background-color: rgba(234, 234, 234, 0.3764705882);
}

.-required-highlighting {
  border: 1px solid red;
}

.-no-width {
  display: block;
  width: 0;
}

.-no-height {
  display: block;
  height: 0;
}

.-no-z-index {
  z-index: 0 !important;
}

.-error-font {
  color: var(--content-form-error-color) !important;
}

html, body {
  height: 100%;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  font-family: var(--body-font-family) !important;
  font-size: var(--body-font-size);
}

ul,
ol {
  margin-left: 2rem;
}

/* FORMS (taken from Foundation for Apps)
 * -----
 *
 * Our form styles include basic resets for text fields, select menus, and so on, along with some of our own custom components.
 *
 * Includes:
 * - Text fields
 * - Text areas
 * - Select menus
 * - Checkboxes and radio buttons
 * - Range slider
 * - Progress bars and meters */
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=color], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 100%;
  height: 2.225rem;
  padding: 0.5rem;
  margin: 0 0 1rem 0;
  border: 1px solid var(--borderColor-default);
  border-radius: 2px;
  background-color: transparent;
  color: var(--body-font-color);
  font-size: 0.875rem;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}
label > input[type=text], label > input[type=password], label > input[type=date], label > input[type=datetime], label > input[type=datetime-local], label > input[type=month], label > input[type=week], label > input[type=email], label > input[type=number], label > input[type=search], label > input[type=tel], label > input[type=time], label > input[type=url], label > input[type=color], label > textarea {
  margin-top: 0.5rem;
}

.inline-label {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  margin-bottom: 1rem;
}
label > .inline-label {
  margin-top: 0.5rem;
}
.inline-label > input, .inline-label > select {
  flex: 1 1 auto;
  margin: 0;
}
.inline-label > .form-label {
  flex: 0 0 auto;
  background: var(--button--background-color);
  color: var(--button--font-color);
  border: 1px solid var(--borderColor-default);
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
}
.inline-label > .form-label:first-child {
  border-right: 0;
}
.inline-label > .form-label:last-child {
  border-left: 0;
}
.inline-label > a,
.inline-label > button,
.inline-label > input[type=button],
.inline-label > input[type=submit] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  border-radius: 0;
}

textarea {
  height: auto;
  width: 100%;
  min-height: 50px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 100%;
  height: 2.225rem;
  padding: 0.5rem;
  border-radius: 0;
  border: 1px solid var(--borderColor-default);
}
select:not(.FormControl-select) {
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: right !important;
  background-image: var(--select-arrow-bg-color-url) !important;
}
select > option {
  background-color: var(--body-background);
}

.onboarding--main .onboarding--video-block {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 0;
}
.onboarding--main .onboarding--video-block .onboarding--video-text {
  line-height: 1.25;
  margin-bottom: 1.25rem;
}
.onboarding--main .onboarding--video-block .onboarding--video {
  align-self: center;
  width: 100%;
}
.onboarding--main .onboarding--video-block .onboarding--video iframe {
  width: 100%;
}

.onboarding--footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.onboarding--footer .button, .onboarding--footer #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .onboarding--footer .fc-button.fc-button-active {
  margin-left: 1rem;
}

/*-- copyright
 * * OpenProject is an open source project management software.
 * * Copyright (C) 2012-2024 the OpenProject GmbH
 * *
 * * This program is free software; you can redistribute it and/or
 * * modify it under the terms of the GNU General Public License version 3.
 * *
 * * OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
 * * Copyright (C) 2006-2013 Jean-Philippe Lang
 * * Copyright (C) 2010-2013 the ChiliProject Team
 * *
 * * This program is free software; you can redistribute it and/or
 * * modify it under the terms of the GNU General Public License
 * * as published by the Free Software Foundation; either version 2
 * * of the License, or (at your option) any later version.
 * *
 * * This program is distributed in the hope that it will be useful,
 * * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * * GNU General Public License for more details.
 * *
 * * You should have received a copy of the GNU General Public License
 * * along with this program; if not, write to the Free Software
 * * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 * *
 * * See COPYRIGHT and LICENSE files for more details. ++*/
div.changeset-changes ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.changeset-changes ul > ul {
  margin-left: 18px;
  padding: 0;
}

li.change {
  list-style-type: none;
  padding: 1px 0 1px 20px;
  margin: 0;
}
li.change.icon:before {
  position: relative;
  top: 2px;
}
li.change.change-A.icon:before {
  color: green;
}
li.change.change-M.icon:before {
  color: #FAC100;
}
li.change.change-C.icon:before {
  color: #65B2F8;
}
li.change.change-R.icon:before {
  color: #A54EFD;
}
li.change.change-D.icon:before {
  color: red;
}
li.change .copied-from {
  font-style: italic;
  color: #999;
  font-size: 0.9em;
}
li.change .copied-from:before {
  content: " - ";
}

#changes-legend {
  list-style-type: none;
  float: right;
  font-size: 0.8em;
  margin: 0;
}
#changes-legend li {
  float: left;
  margin-right: 1em;
}

.repository--revision-toolbar {
  margin-top: 3rem;
}

.repository--checkout-instructions--url {
  margin-top: 1rem;
}

.repository-breadcrumbs {
  font-size: 0.9rem;
  margin: 15px 0;
}

.repository-breadcrumbs--home {
  font-size: 0.75rem;
}

.repository-bradcrumbs--identifier {
  display: inline-block;
  margin-left: 10px;
}

.repository-breadcrumbs--sep {
  display: inline-block;
  margin: 0 2px;
}
.repository-breadcrumbs--sep::before {
  content: "▸";
  color: var(--fgColor-muted);
}

table.filecontent {
  border: 1px solid var(--borderColor-default);
  border-collapse: collapse;
  width: 98%;
  background-color: #fafafa;
  line-height: initial;
}
table.filecontent th {
  border: 1px solid var(--borderColor-default);
  background-color: #eee;
}
table.filecontent th.filename {
  background-color: #e4e4d4;
  text-align: left;
  padding: 0.2em;
}
table.filecontent tr.spacing th {
  text-align: center;
}
table.filecontent tr.spacing td {
  height: 0.4em;
  background: #EAF2F5;
}
table.filecontent th.line-num {
  border: 1px solid #d7d7d7;
  font-size: 0.8em;
  text-align: right;
  width: 2%;
  padding-right: 3px;
  color: #999;
}
table.filecontent th.line-num a {
  text-decoration: none;
  color: inherit;
}
table.filecontent td.line-code pre {
  margin: 0;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
}
table.filecontent td.diff_in pre {
  background: #DDFFDD;
}
table.filecontent td.diff_in pre span {
  background: #AAFFAA;
}
table.filecontent td.diff_out pre {
  background: #FFDDDD;
}
table.filecontent td.diff_out pre span {
  background: #FFAAAA;
}
table.filecontent pre {
  overflow: hidden;
}

table.annotate tr.bloc-0 {
  background: #FFFFBF;
}
table.annotate tr.bloc-1 {
  background: #EABFFF;
}
table.annotate tr.bloc-2 {
  background: #BFFFFF;
}
table.annotate tr.bloc-3 {
  background: #FFD9BF;
}
table.annotate tr.bloc-4 {
  background: #E6FFBF;
}
table.annotate tr.bloc-5 {
  background: #BFCFFF;
}
table.annotate tr.bloc-6 {
  background: #FFBFEF;
}
table.annotate tr.bloc-7 {
  background: #FFE6BF;
}
table.annotate tr.bloc-8 {
  background: #FFE680;
}
table.annotate tr.bloc-9 {
  background: #AA80FF;
}
table.annotate tr.bloc-10 {
  background: #FFBFDC;
}
table.annotate tr.bloc-11 {
  background: #BFE4FF;
}
table.annotate td.revision {
  text-align: center;
  width: 2%;
  padding-left: 1em;
  background: inherit;
}
table.annotate td.author {
  text-align: center;
  border-right: 1px solid #d7d7d7;
  white-space: nowrap;
  padding-left: 1em;
  padding-right: 1em;
  width: 3%;
  background: inherit;
  font-size: 90%;
}
table.annotate td.line-code {
  background-color: #fafafa;
}

div.action_M {
  background: #fd8;
}
div.action_D {
  background: #f88;
}
div.action_A {
  background: #bfb;
}

tr.dir a.dir-expander i {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}
tr.dir a.dir-expander i:before {
  content: "\f1c6";
  margin-left: 5px;
  padding: 0;
}
tr.dir.loading .dir-expander i:before {
  content: "\f199";
}
tr.dir.collapsed .dir-expander i:before {
  content: "\f1c6";
}
tr.dir.open .dir-expander i:before {
  content: "\f1aa";
}

tr.entry.file td.filename a {
  margin-left: 24px;
}

tr.entry.truncation-warning td div.op-toast {
  margin-left: 24px;
  margin-top: 0;
  margin-bottom: 0;
}

.op-working-days-admin-settings--day-selectors {
  font-weight: var(--base-text-weight-bold);
}

ndc-dynamic:empty {
  display: none;
}

/*-- copyright
 * * OpenProject Backlogs Plugin
 * *
 * * Copyright (C)2013 the OpenProject Foundation (OPF)
 * * Copyright (C)2011 Stephan Eckardt, Tim Felgentreff, Marnen Laibow-Koser, Sandro Munda
 * * Copyright (C)2010-2011 friflaj
 * * Copyright (C)2010 Maxime Guilbot, Andrew Vit, Joakim Kolsjö, ibussieres, Daniel Passos, Jason Vasquez, jpic, Emiliano Heyns
 * * Copyright (C)2009-2010 Mark Maglana
 * * Copyright (C)2009 Joe Heck, Nate Lowrie
 * *
 * * This program is free software; you can redistribute it and/or modify it under
 * * the terms of the GNU General Public License version 3.
 * *
 * * OpenProject Backlogs is a derivative work based on ChiliProject Backlogs.
 * * The copyright follows:
 * * Copyright (C) 2010-2011 - Emiliano Heyns, Mark Maglana, friflaj
 * * Copyright (C) 2011 - Jens Ulferts, Gregor Schmidt - Finn GmbH - Berlin, Germany
 * *
 * * This program is free software; you can redistribute it and/or
 * * modify it under the terms of the GNU General Public License
 * * as published by the Free Software Foundation; either version 2
 * * of the License, or (at your option) any later version.
 * *
 * * This program is distributed in the hope that it will be useful,
 * * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * * GNU General Public License for more details.
 * *
 * * You should have received a copy of the GNU General Public License
 * * along with this program; if not, write to the Free Software
 * * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 * *
 * * See COPYRIGHT and LICENSE files for more details.
 * */
/*-- copyright
OpenProject Backlogs Plugin

Copyright (C)2013-2014 the OpenProject Foundation (OPF)
Copyright (C)2011 Stephan Eckardt, Tim Felgentreff, Marnen Laibow-Koser, Sandro Munda
Copyright (C)2010-2011 friflaj
Copyright (C)2010 Maxime Guilbot, Andrew Vit, Joakim Kolsjö, ibussieres, Daniel Passos, Jason Vasquez, jpic, Emiliano Heyns
Copyright (C)2009-2010 Mark Maglana
Copyright (C)2009 Joe Heck, Nate Lowrie

This program is free software; you can redistribute it and/or modify it under
the terms of the GNU General Public License version 3.

OpenProject Backlogs is a derivative work based on ChiliProject Backlogs.
The copyright follows:
Copyright (C) 2010-2011 - Emiliano Heyns, Mark Maglana, friflaj
Copyright (C) 2011 - Jens Ulferts, Gregor Schmidt - Finn GmbH - Berlin, Germany

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

See COPYRIGHT and LICENSE files for more details.

++*/
#rb .meta {
  display: none;
}

#rb #helpers {
  display: none;
}

/*
  .editor is the classname for field editors of sprint,
  story, task, impediment. These field editors get created
  at runtime whenever any of the above models are edited.
*/
#rb .editors {
  display: none;
}

#rb .ui-dialog .editor {
  display: block;
}

/* dialog */
.ui-dialog .ui-dialog-title {
  float: left;
  margin-right: 0;
}

.ui-dialog.ui-widget-content {
  border: none;
}

.ui-dialog .ui-dialog-buttonpane.ui-widget-content {
  border: none;
}

.subject-input {
  width: 99%;
}

th {
  font-weight: var(--base-text-weight-bold);
}

/*-- copyright
OpenProject Backlogs Plugin

Copyright (C)2013-2014 the OpenProject Foundation (OPF)
Copyright (C)2011 Stephan Eckardt, Tim Felgentreff, Marnen Laibow-Koser, Sandro Munda
Copyright (C)2010-2011 friflaj
Copyright (C)2010 Maxime Guilbot, Andrew Vit, Joakim Kolsjö, ibussieres, Daniel Passos, Jason Vasquez, jpic, Emiliano Heyns
Copyright (C)2009-2010 Mark Maglana
Copyright (C)2009 Joe Heck, Nate Lowrie

This program is free software; you can redistribute it and/or modify it under
the terms of the GNU General Public License version 3.

OpenProject Backlogs is a derivative work based on ChiliProject Backlogs.
The copyright follows:
Copyright (C) 2010-2011 - Emiliano Heyns, Mark Maglana, friflaj
Copyright (C) 2011 - Jens Ulferts, Gregor Schmidt - Finn GmbH - Berlin, Germany

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

See COPYRIGHT and LICENSE files for more details.

++*/
#toolbar .links {
  display: none !important;
}

/*-- copyright
OpenProject Backlogs Plugin

Copyright (C)2013-2014 the OpenProject Foundation (OPF)
Copyright (C)2011 Stephan Eckardt, Tim Felgentreff, Marnen Laibow-Koser, Sandro Munda
Copyright (C)2010-2011 friflaj
Copyright (C)2010 Maxime Guilbot, Andrew Vit, Joakim Kolsjö, ibussieres, Daniel Passos, Jason Vasquez, jpic, Emiliano Heyns
Copyright (C)2009-2010 Mark Maglana
Copyright (C)2009 Joe Heck, Nate Lowrie

This program is free software; you can redistribute it and/or modify it under
the terms of the GNU General Public License version 3.

OpenProject Backlogs is a derivative work based on ChiliProject Backlogs.
The copyright follows:
Copyright (C) 2010-2011 - Emiliano Heyns, Mark Maglana, friflaj
Copyright (C) 2011 - Jens Ulferts, Gregor Schmidt - Finn GmbH - Berlin, Germany

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

See COPYRIGHT and LICENSE files for more details.

++*/
.jqplot-target {
  position: relative;
  color: #666;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.jqplot-axis {
  font-size: 0.75em;
}

.jqplot-xaxis {
  margin-top: 10px;
}

.jqplot-x2axis {
  margin-bottom: 10px;
}

.jqplot-yaxis {
  margin-right: 10px;
}

.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis {
  margin-left: 10px;
  margin-right: 10px;
}

.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
  position: absolute;
}

.jqplot-xaxis-tick {
  top: 0;
  left: 15px;
  vertical-align: top;
}

.jqplot-x2axis-tick {
  bottom: 0;
  left: 15px;
  vertical-align: bottom;
}

.jqplot-yaxis-tick {
  right: 0;
  top: 15px;
  text-align: right;
}

.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
  left: 0;
  top: 15px;
  text-align: left;
}

.jqplot-xaxis-label {
  margin-top: 10px;
  font-size: 11pt;
  position: absolute;
}

.jqplot-x2axis-label {
  margin-bottom: 10px;
  font-size: 11pt;
  position: absolute;
}

.jqplot-yaxis-label {
  margin-right: 10px;
  font-size: 11pt;
  position: absolute;
}

.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
  font-size: 11pt;
  position: absolute;
}

table.jqplot-table-legend, table.jqplot-cursor-legend {
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid #ccc;
  position: absolute;
  font-size: 0.75em;
}

td.jqplot-table-legend {
  vertical-align: middle;
}

td.jqplot-table-legend > div {
  border: 1px solid #ccc;
  padding: 0.2em;
}

div.jqplot-table-legend-swatch {
  width: 0;
  height: 0;
  border-top-width: 0.35em;
  border-bottom-width: 0.35em;
  border-left-width: 0.6em;
  border-right-width: 0.6em;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
}

.jqplot-title {
  top: 0;
  left: 0;
  padding-bottom: 0.5em;
  font-size: 1.2em;
}

table.jqplot-cursor-tooltip {
  border: 1px solid #ccc;
  font-size: 0.75em;
}

.jqplot-cursor-tooltip {
  border: 1px solid #ccc;
  font-size: 0.75em;
  white-space: nowrap;
  background: rgba(208, 208, 208, 0.5);
  padding: 1px;
}

.jqplot-highlighter-tooltip {
  border: 1px solid #ccc;
  font-size: 0.75em;
  white-space: nowrap;
  background: rgba(208, 208, 208, 0.5);
  padding: 1px;
}

.jqplot-point-label {
  font-size: 0.75em;
}

td.jqplot-cursor-legend-swatch {
  vertical-align: middle;
  text-align: center;
}

div.jqplot-cursor-legend-swatch {
  width: 1.2em;
  height: 0.7em;
}

/*-- copyright
OpenProject Backlogs Plugin

Copyright (C)2013-2014 the OpenProject Foundation (OPF)
Copyright (C)2011 Stephan Eckardt, Tim Felgentreff, Marnen Laibow-Koser, Sandro Munda
Copyright (C)2010-2011 friflaj
Copyright (C)2010 Maxime Guilbot, Andrew Vit, Joakim Kolsjö, ibussieres, Daniel Passos, Jason Vasquez, jpic, Emiliano Heyns
Copyright (C)2009-2010 Mark Maglana
Copyright (C)2009 Joe Heck, Nate Lowrie

This program is free software; you can redistribute it and/or modify it under
the terms of the GNU General Public License version 3.

OpenProject Backlogs is a derivative work based on ChiliProject Backlogs.
The copyright follows:
Copyright (C) 2010-2011 - Emiliano Heyns, Mark Maglana, friflaj
Copyright (C) 2011 - Jens Ulferts, Gregor Schmidt - Finn GmbH - Berlin, Germany

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

See COPYRIGHT and LICENSE files for more details.

++*/
.score {
  text-align: center;
  width: 1.5em;
  font-size: large;
  display: inline-block;
}

.score_0 {
  background-color: #FF0000;
}

.score_1 {
  background-color: #FF5300;
}

.score_2 {
  background-color: #FF8100;
}

.score_3 {
  background-color: #FFA100;
}

.score_4 {
  background-color: #FFBB00;
}

.score_5 {
  background-color: #FFD300;
}

.score_6 {
  background-color: #FFEC00;
}

.score_7 {
  background-color: #E9FB00;
}

.score_8 {
  background-color: #B1F100;
}

.score_9 {
  background-color: #74E600;
}

.score_10 {
  background-color: #00CC00;
}

/*-- copyright
 * * OpenProject is an open source project management software.
 * * Copyright (C) 2012-2024 the OpenProject GmbH
 * *
 * * This program is free software; you can redistribute it and/or
 * * modify it under the terms of the GNU General Public License version 3.
 * *
 * * OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
 * * Copyright (C) 2006-2013 Jean-Philippe Lang
 * * Copyright (C) 2010-2013 the ChiliProject Team
 * *
 * * This program is free software; you can redistribute it and/or
 * * modify it under the terms of the GNU General Public License
 * * as published by the Free Software Foundation; either version 2
 * * of the License, or (at your option) any later version.
 * *
 * * This program is distributed in the hope that it will be useful,
 * * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * * GNU General Public License for more details.
 * *
 * * You should have received a copy of the GNU General Public License
 * * along with this program; if not, write to the Free Software
 * * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 * *
 * * See COPYRIGHT and LICENSE files for more details.  ++
 * */
#rb #backlogs_container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#rb #owner_backlogs_container {
  min-width: 420px;
  order: 2;
  width: 49%;
  flex: 0 0 49%;
}
#rb #sprint_backlogs_container {
  min-width: 420px;
  width: 49%;
  flex: 0 0 49%;
  min-height: 230px;
}
#rb #owner_backlogs_container .backlog .header > .add_new_story {
  height: 28px;
  line-height: 31px;
  padding: 0;
  position: absolute;
  right: 10px;
  text-align: right;
  top: 1px;
  width: 100px;
}
#rb #backlogs_container .backlog {
  border: 1px solid var(--borderColor-default);
  display: block;
  margin: 0 0 10px 0;
  width: 100%;
}

#rb #backlogs_container .backlog .header {
  background-color: var(--bgColor-muted);
  height: 30px;
  position: relative;
  width: 100%;
}
#rb .backlog .header .backlog-menu {
  border-right: 1px solid var(--borderColor-default);
  cursor: pointer;
  height: 30px;
  overflow: visible;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
}
#rb .backlog .header .backlog-menu .icon-context, #rb .backlog .header .backlog-menu .widget-box--arrow-links li:before, .widget-box--arrow-links #rb .backlog .header .backlog-menu li:before {
  position: absolute;
  top: 7px;
  left: 12px;
}
#rb .backlog .header .backlog-menu .icon-context:before, #rb .backlog .header .backlog-menu .widget-box--arrow-links li:before, .widget-box--arrow-links #rb .backlog .header .backlog-menu li:before {
  padding: 0;
}
#rb .backlog .header .backlog-menu .icon-context.open + .items, #rb .backlog .header .backlog-menu .widget-box--arrow-links li.open:before + .items, .widget-box--arrow-links #rb .backlog .header .backlog-menu li.open:before + .items {
  display: block;
}
#rb .backlog .header .backlog-menu .items {
  display: none;
  background-color: var(--overlay-bgColor);
  border: 1px solid var(--borderColor-default);
  position: absolute;
  top: 30px;
  right: -2px;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1000;
}
#rb .backlog .header .backlog-menu .item {
  display: block;
  width: 160px;
  height: 2rem;
  font-size: 0.9rem;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
}
#rb .backlog .header .backlog-menu .item.hover, #rb .backlog .header .backlog-menu .item:hover {
  background-color: #999;
}
#rb .backlog .header .backlog-menu .item a {
  display: block;
  height: 100%;
  padding: 6px;
  width: 100%;
}
#rb .backlog .header .backlog-menu .item.hover a, #rb .backlog .header .backlog-menu .item:hover a {
  color: #FFFFFF;
  text-decoration: none;
}
#rb #backlogs_container .backlog .header .velocity {
  height: 28px;
  line-height: 31px;
  padding: 0 3px 0 9px;
  position: absolute;
  right: 25px;
  text-align: right;
  top: 0px;
  width: 32px;
}
#rb #backlogs_container .backlog .header .toggler {
  font-family: "openproject-icon-font";
  height: 30px;
  line-height: 31px;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 23px;
  cursor: pointer;
}
#rb #backlogs_container .backlog .header .toggler:before {
  position: absolute;
  left: 6px;
  top: 10px;
}
#rb #backlogs_container .backlog .header .toggler.closed:before {
  position: absolute;
  left: 6px;
  top: 10px;
}
#rb #backlogs_container .backlog .header .toggler:hover {
  cursor: pointer;
  background-color: #D8D8D8;
}
#rb #backlogs_container .backlog .sprint {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 29px;
  width: auto;
  margin-left: 30px;
  margin-right: 50px;
}
#rb #backlogs_container .backlog .sprint.error.icon-bug {
  background: none;
  text-align: center;
}
#rb #backlogs_container .backlog .sprint.error.icon-bug:before {
  position: absolute;
  color: red;
}
#rb #backlogs_container .backlog .sprint .id, #rb #backlogs_container .backlog .sprint .status {
  display: none;
}
#rb #backlogs_container .backlog .sprint .name {
  line-height: 2rem;
  font-weight: var(--base-text-weight-bold);
  overflow: hidden;
  white-space: nowrap;
  margin-left: 0.5em;
}
#rb #backlogs_container .backlog .sprint .start_date, #rb #backlogs_container .backlog .sprint .effective_date {
  float: right;
  height: 28px;
  line-height: 2rem;
  width: 6.5em;
  margin-left: 0.5em;
}
#rb #backlogs_container .backlog .stories {
  list-style: none;
  min-height: 2rem;
  margin: 0;
  padding: 0 0 0px 0;
  z-index: 500;
  overflow-y: auto;
  overflow-x: hidden;
}
#rb #backlogs_container .backlog .stories.closed {
  display: none;
}
#rb #backlogs_container .backlog .stories .error.icon.icon-bug {
  text-align: left;
}
#rb #backlogs_container .stories:not(.prevent_drag) .story {
  cursor: move;
}
#rb #backlogs_container .stories .story {
  display: block;
  font-size: 0.9rem;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#rb #backlogs_container .stories .story.odd {
  background-color: var(--bgColor-neutral-muted);
}
#rb #backlogs_container .stories .story.even {
  background-color: var(--body-background);
}
#rb #backlogs_container .stories .story.error.icon-bug {
  background: none;
  text-align: center;
}
#rb #backlogs_container .stories .story.error.icon-bug:before {
  position: absolute;
  color: red;
  pointer-events: none;
}
#rb #backlogs_container .stories .story.hover, #rb #backlogs_container .stories .story:hover {
  background-color: var(--highlight-neutral-bgColor);
}
#rb #backlogs_container .stories .story.closed {
  text-decoration: line-through;
}
#rb #backlogs_container .stories .story .id {
  float: left;
  margin-left: 1em;
  margin-right: 1em;
  padding: 5px 2px 4px 2px;
  width: 4em;
  text-align: right;
  white-space: nowrap;
}
#rb #backlogs_container .stories .story .type_id .t {
  float: left;
  padding: 5px 2px 4px 2px;
  text-align: right;
  white-space: nowrap;
}
#rb #backlogs_container .stories .story .subject {
  overflow: hidden;
  margin-left: 4em;
  padding: 5px 2px 4px 2px;
  white-space: nowrap;
  min-height: 1em;
}
#rb #backlogs_container .stories .story .status_id {
  float: right;
  padding: 5px 2px 4px 2px;
  margin-left: 1em;
  width: 68px;
}
#rb #backlogs_container .stories .story .story_points {
  float: right;
  padding: 5px 1rem 4px 2px;
  width: 3.5rem;
  min-height: 14px;
  height: 2rem;
  text-align: center;
}
#rb #backlogs_container .stories .story .type_id .v, #rb #backlogs_container .stories .story .id .v, #rb #backlogs_container .stories .story .status_id .v, #rb #backlogs_container .stories .story .version_id, #rb #backlogs_container .stories .story .higher_item_id {
  display: none;
}

.rb_dialog .burndown_chart {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
}
.rb_dialog #charts {
  overflow: hidden;
}
.rb_dialog #charts h3 {
  border: 0px;
}
.rb_dialog #charts fieldset.burndown_control {
  padding-left: 10px;
  border: none;
}
.rb_dialog #charts .axislabel {
  font-weight: var(--base-text-weight-bold);
}

/* In-place Sprint Editor */
#rb #backlogs_container .sprint.editing .editors, #rb #backlogs_container .sprint.editing > .editor {
  display: block;
}
#rb #backlogs_container .sprint.editing label, #rb #backlogs_container .sprint.editing > * {
  display: none;
}
#rb #backlogs_container .sprint.editing + .velocity, #rb #backlogs_container .sprint.editing + .add_new_story {
  display: none;
}
#rb #backlogs_container .backlog .sprint.editing .editors {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
#rb #backlogs_container .backlog .sprint.editing .editor {
  font-size: 0.9rem;
  line-height: 1.5rem;
  height: 30px;
  margin: 0;
  padding: 0;
}
#rb #backlogs_container .backlog .sprint.editing .editor.name {
  flex-basis: 15em;
}
#rb #backlogs_container .backlog .sprint.editing .editor.start_date, #rb #backlogs_container .backlog .sprint.editing .editor.effective_date {
  margin-left: 0.5em;
  flex-basis: 12.5em;
}
#rb #backlogs_container .stories .story.editing > *, #rb #backlogs_container .stories .story.editing > .editors label {
  display: none;
}
#rb #backlogs_container .stories .story.editing .editors {
  display: block;
}
#rb #backlogs_container .stories .story.editing select, #rb #backlogs_container .stories .story.editing input {
  display: inline-block;
  float: none;
  margin: 5px 3px 4px 2px;
  font-size: 0.8rem;
  line-height: inherit;
}
#rb #backlogs_container .stories .story.editing .type_id.editor {
  width: 15%;
  /* sets max-width for IE */
  max-width: 140px;
  /* for the cool guys */
}
#rb #backlogs_container .stories .story.editing .subject.editor {
  width: 55%;
}
#rb #backlogs_container .stories .story.editing .status_id.editor {
  width: 15%;
  float: right;
}
#rb #backlogs_container .stories .story.editing .story_points.editor {
  float: right;
  width: 10%;
}

.backlog {
  font-size: 0.9rem;
}

/*-- copyright
 * * OpenProject is an open source project management software.
 * * Copyright (C) 2012-2024 the OpenProject GmbH
 * *
 * * This program is free software; you can redistribute it and/or
 * * modify it under the terms of the GNU General Public License version 3.
 * *
 * * OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
 * * Copyright (C) 2006-2013 Jean-Philippe Lang
 * * Copyright (C) 2010-2013 the ChiliProject Team
 * *
 * * This program is free software; you can redistribute it and/or
 * * modify it under the terms of the GNU General Public License
 * * as published by the Free Software Foundation; either version 2
 * * of the License, or (at your option) any later version.
 * *
 * * This program is distributed in the hope that it will be useful,
 * * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * * GNU General Public License for more details.
 * *
 * * You should have received a copy of the GNU General Public License
 * * along with this program; if not, write to the Free Software
 * * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 * *
 * * See COPYRIGHT and LICENSE files for more details.  ++
 * */
#rb .task {
  color: #484848;
  line-height: inherit;
  white-space: inherit;
}

#rb #taskboard {
  overflow-x: auto;
}
#rb #taskboard #assigned_to_id_options {
  display: none;
}
#rb #taskboard .swimlane {
  min-width: 107px;
  /* width + (2*margin) + (2*padding) of .work_package + (2*border) of cell  */
  padding: 5px;
  width: 107px;
  /* Must be the same as min-width */
}
#rb #taskboard #board_header {
  background-color: var(--body-background);
  color: var(--body-font-color);
  border: 1px solid var(--borderColor-default);
  margin-bottom: 0;
  margin-right: 10px;
}
#rb #taskboard #board_header td {
  border-right: 1px dotted var(--borderColor-default);
  font-weight: var(--base-text-weight-bold);
  text-align: center;
  vertical-align: middle;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 30px;
}
#rb #taskboard #board_header td:first-child {
  min-width: 241px;
  width: 241px;
}
#rb #taskboard .board {
  background-color: var(--overlay-bgColor);
  border: 1px solid var(--borderColor-default);
  border-top: none;
  margin-right: 10px;
  /* IE7 table fix */
  table-layout: fixed;
  border-collapse: collapse;
  empty-cells: show;
}
#rb #taskboard .board tr:hover {
  background-color: var(--control-transparent-bgColor-hover);
}
#rb #taskboard .board td {
  border-right: 1px dotted #CFCFCF;
  border-bottom: 1px dotted #CFCFCF;
  vertical-align: top;
}
#rb #taskboard .board td:first-child {
  min-width: 210px;
  padding: 5px;
  width: 210px;
}
#rb #taskboard .board tr:last-child td {
  border-bottom: none;
}
#rb #taskboard .board .add_new {
  margin: 0;
  min-width: 30px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}
#rb #taskboard .board .add_new.clickable:hover {
  cursor: pointer;
  background-color: var(--highlight-neutral-bgColor);
}
#rb #taskboard .story, #rb #taskboard .label_sprint_impediments {
  background-color: var(--display-lemon-bgColor-muted);
  color: var(--fgColor-muted);
  border: none;
  display: block;
  min-height: 100px;
  margin: 5px;
  padding: 5px;
  position: relative;
  width: 190px;
}
#rb #taskboard .story .subject {
  height: 42px;
  line-height: 13px;
  margin-top: 0;
  overflow: hidden;
  padding: 2px;
  width: 180px;
}
#rb #taskboard .story.closed .subject {
  text-decoration: line-through;
}
#rb #taskboard .work_package, #rb #taskboard .placeholder {
  background-color: #AFAFAF;
  color: var(--color-ansi-black);
  border: none;
  cursor: move;
  display: block;
  font-size: 10px;
  height: 85px;
  padding: 5px;
  margin: 5px 0px;
  position: relative;
  width: 85px;
}
#rb #taskboard .work_package.prevent_edit {
  cursor: default;
}
#rb #taskboard .placeholder {
  background-color: #FFFF00;
  border: 1px dashed #333300;
  height: 78px;
  width: 83px;
}
#rb #taskboard .work_package.closed .subject.editable {
  text-decoration: line-through;
}
#rb #taskboard .work_package .v {
  display: none;
}
#rb #taskboard .work_package .remaining_hours.editable {
  border: 2px solid #FFFFFF;
  background-color: #EE0000;
  bottom: -5px;
  color: #FFFFFF;
  font-size: 9px;
  height: 18px;
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  right: -5px;
}
#rb #taskboard .work_package .blocks, #rb #taskboard .work_package .remaining_hours.editable.empty {
  display: none;
}
#rb #taskboard .work_package .indicator {
  display: none;
}
#rb #taskboard .work_package.error .indicator {
  background: none;
  border: none;
}
#rb #taskboard .work_package.error.icon-bug:before {
  position: absolute;
  top: 30px;
  left: 28px;
  color: red;
}
#rb #taskboard .work_package .editors {
  display: none;
}

/* *  swimlane class is used by:
 * *    - #board_header
 * *    - .board
 * *
 * *  Also use by the Column Width preference to determine the unit width of the
 * *  swimlanes. See RB.Taskboard.initialize() */
/* status labels */
/* shared #impediments and #tasks */
/* item styles used by .task and .impediment */
/* dialog */
.task_editor_dialog.ui-dialog .ui-widget-header {
  background-color: var(--bgColor-muted);
  filter: alpha(opacity=50);
}
.task_editor_dialog.ui-dialog .ui-dialog-title {
  float: right;
  margin-right: 0;
  color: var(--body-font-color);
}
.task_editor_dialog.ui-dialog.ui-widget-content {
  background: none;
  border: none;
}
.task_editor_dialog.ui-dialog .ui-dialog-buttonpane.ui-widget-content {
  background: none;
  background-color: none;
  border: none;
}

.dark #task_editor label, .dark .subject, .dark .assigned_to_id, .dark div {
  color: #FFFFFF;
}
.dark #task_editor label option, .dark .subject option, .dark .assigned_to_id option, .dark div option {
  color: var(--body-font-color);
}

.light #task_editor label, .light .subject, .light .assigned_to_id, .light div {
  color: var(--body-font-color);
}

/* item editor */
#task_editor label:first-letter {
  text-transform: capitalize;
}
#task_editor label {
  display: block;
  font-size: 11px;
  width: 100%;
}
#task_editor .editor {
  font-size: 11px;
  margin-bottom: 10px;
  width: 100%;
}
#task_editor .subject {
  height: 65px;
  width: 272px;
}
#task_editor .remaining_hours, #task_editor .blocks {
  width: 268px;
}

/* compact view */
#rb .compact .story, #rb .compact .label_sprint_impediments {
  height: 15px;
}
#rb .compact .story .subject {
  display: none;
}
#rb .compact .work_package {
  height: 21px;
  padding: 0;
  width: 21px;
}
#rb .compact .work_package * {
  display: none;
}
#rb .compact .placeholder {
  background-color: #FFFF00;
  border: 1px dashed #333300;
  height: 19px;
  width: 19px;
}
#rb #impediment_template, #rb #task_template {
  display: none;
}

/* others */
.story .story-bar {
  background-color: #FFFFFF;
  font-size: 0.6875rem;
  opacity: 0.8;
  filter: alpha(opacity=80);
  overflow: hidden;
  padding-bottom: 1px;
  padding-right: 3px;
  text-align: right;
  width: 180px;
  clear: both;
}
.story .story-bar .id {
  float: right;
}
.story .story-bar .status {
  float: left;
}

.story,
.label_sprint_impediments {
  font-size: 0.8125rem;
}

.work_package .id {
  background-color: #FFFFFF;
  font-size: 0.6875rem;
  opacity: 0.8;
  filter: alpha(opacity=80);
  overflow: hidden;
  padding-bottom: 1px;
  padding-right: 3px;
  text-align: right;
  width: 75px;
}
.work_package .id a {
  opacity: 1;
  filter: alpha(opacity=100);
}
.work_package .editable:hover {
  background-color: transparent;
}
.work_package .subject.editable {
  font-size: 0.8125rem;
  height: 42px;
  line-height: 13px;
  margin-top: 0;
  overflow: hidden;
  padding: 2px;
  width: 81px;
}

.story .story-footer .assigned_to_id {
  float: left;
  font-size: 0.6875rem;
  width: 85%;
  margin-top: 4px;
  padding: 2px;
  padding-top: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.story .story-footer .story-points {
  margin-top: 2px;
  float: right;
}

.work_package .assigned_to_id.editable {
  float: left;
  font-size: 0.6875rem;
  width: 85%;
  margin-top: 4px;
  padding: 2px;
  padding-top: 0;
}
.work_package .assigned_to_id.editable .t {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Toolbar modifications (no support for labels form the component) */
#toolbar label[for=col_width_input] {
  padding-top: 1.25rem;
}
#toolbar #col_width_input {
  max-width: 60px;
}

/* Hide the close button since we do no longer include the necessary image for the close icon */
.controller-rb_master_backlogs .ui-dialog-titlebar-close,
.controller-rb_taskboards .ui-dialog-titlebar-close {
  display: none;
}
.controller-rb_master_backlogs .ui-dialog,
.controller-rb_taskboards .ui-dialog {
  background: var(--body-background);
  border: 1px solid var(--borderColor-default);
}

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
}

.gu-hide {
  display: none !important;
}

.gu-unselectable {
  -webkit-user-select: none !important;
  user-select: none !important;
}

.gu-transit {
  opacity: 0.2;
}

.dragula-handle {
  cursor: pointer;
}

.enjoyhint {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1010;
  pointer-events: all;
  overflow: hidden;
}

.enjoyhint_hide {
  display: none;
}

.enjoyhint_disable_events {
  position: absolute;
  width: 2000px;
  height: 1500px;
  z-index: 1011;
  pointer-events: all;
}

.enjoyhint_next_btn, .enjoyhint_skip_btn {
  -webkit-box-sizing: content-box;
  min-width: 100px;
  height: 40px;
  font: normal normal normal 17px/40px "Advent Pro", Helvetica, sans-serif;
  cursor: pointer;
  margin: 0 auto;
  letter-spacing: 1px;
  text-align: center;
  padding: 0 5px;
}

.enjoyhint_close_btn, .enjoyhint_next_btn, .enjoyhint_skip_btn {
  z-index: 1012;
  pointer-events: all;
  text-overflow: clip;
  -moz-box-sizing: content-box;
  font-weight: var(--base-text-weight-bold);
  color: white;
  border: 2px solid;
  border-color: var(--primary-button-color);
  background: var(--primary-button-color);
  box-sizing: content-box;
  transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
}
.enjoyhint_close_btn:hover, .enjoyhint_next_btn:hover, .enjoyhint_skip_btn:hover {
  border-color: var(--button--primary-background-hover-color);
  background: var(--button--primary-background-hover-color);
}
.enjoyhint_close_btn:active, .enjoyhint_next_btn:active, .enjoyhint_skip_btn:active {
  border-color: var(--button--primary-background-hover-color);
  background: var(--button--primary-background-hover-color);
  transition: none;
}

.enjoyhint_next_btn {
  position: absolute;
  border-radius: 40px;
}

.enjoyhint_skip_btn {
  position: fixed;
  border-radius: 40px;
}

.enjoyhint_close_btn {
  display: inline-block;
  position: absolute;
  width: 0.3em;
  height: 0.3em;
  border: none;
  border-radius: 1em;
  font: 400 8em/normal Arial, Helvetica, sans-serif;
}
.enjoyhint_close_btn::after {
  box-sizing: content-box;
  width: 73%;
  height: 2px;
  top: 46%;
  left: 15%;
  transform: rotateZ(-45deg);
  position: absolute;
  content: "";
  border: none;
  font: 400 100%/normal Arial, Helvetica, sans-serif;
  color: rgb(0, 0, 0);
  background: #fff;
  text-shadow: none;
  text-overflow: clip;
  display: inline-block;
}
.enjoyhint_close_btn::before {
  -webkit-box-sizing: content-box;
  width: 73%;
  height: 2px;
  position: absolute;
  content: "";
  border: none;
  font: 400 100%/normal Arial, Helvetica, sans-serif;
  color: rgb(0, 0, 0);
  background: #fff;
  text-shadow: none;
  text-overflow: clip;
  display: inline-block;
  box-sizing: content-box;
  top: 48%;
  left: 14%;
  transform: rotateZ(45deg);
}

.enjoyhint_btn {
  width: 150px;
  height: 40px;
  cursor: pointer;
  margin: 0 auto;
  border-radius: 40px;
  font: normal normal normal 17px/40px "Advent Pro", Helvetica, sans-serif;
  text-align: center;
  text-overflow: clip;
  letter-spacing: 1px;
  color: white;
  border: 2px solid;
  border-color: var(--primary-button-color);
  background: var(--primary-button-color);
  box-sizing: content-box;
  transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
}
.enjoyhint_btn:hover {
  border-color: var(--button--primary-background-hover-color);
  background: var(--button--primary-background-hover-color);
}
.enjoyhint_btn:active {
  border-color: var(--button--primary-background-hover-color);
  background: var(--button--primary-background-hover-color);
  transition: none;
}

.enjoyhint_btn-transparent {
  background: transparent;
  color: var(--primary-button-color);
}
.enjoyhint_btn-transparent:hover {
  color: white;
}
.enjoyhint_btn-transparent:active {
  color: white;
}

#kinetic_container, .enjoyhint_canvas {
  width: 100%;
  height: 100%;
  position: absolute;
}

.enjoyhint_svg_wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
}
.enjoyhint_svg_wrapper svg {
  width: 100%;
  height: 100%;
  position: absolute;
}

.enjoyhint_btn:hover {
  color: rgb(255, 255, 255);
  background: var(--button--primary-background-hover-color);
}
.enjoyhint_btn:active {
  border: 2px solid rgb(33, 224, 163);
  background: rgb(33, 224, 163);
  transition: none;
}

.enjoyhint div.canvas-container {
  position: absolute;
}

.enjoyhint_canvas {
  z-index: 100;
  pointer-events: none;
}

#kinetic_container {
  pointer-events: none;
  top: 0;
  left: 0;
}

.enjoyhint_svg_wrapper {
  top: 0;
  left: 0;
  z-index: 100;
  transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.enjoyhint_svg_wrapper svg {
  top: 0;
  left: 0;
}

.-dark .enjoyhint_svg_wrapper path {
  stroke: rgb(0, 0, 0) !important;
}

.-hidden-arrow .enjoyhint_svg_wrapper path {
  display: none !important;
}

.enjoyhint_svg_transparent .enjoy_hint_label, .enjoyhint_svg_transparent .enjoyhint_svg_wrapper {
  opacity: 0;
}

.enjoy_hint_label {
  position: absolute;
  color: #fff;
  z-index: 107;
  font-size: 22px;
  font-family: casino_handregular, Arial;
  transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  display: inline-block;
  min-width: 200px;
  text-align: center;
  max-width: 80%;
  line-height: 28px;
}

.-dark .enjoy_hint_label {
  background-color: rgba(0, 0, 0, 0.75);
  padding: 10px 25px;
  border-radius: 40px;
}

div.kineticjs-content {
  position: absolute !important;
}

.enjoyhint-tutorial .-clickable {
  pointer-events: none;
}

#content-wrapper .fc {
  font-size: 14px;
}
#content-wrapper .fc .fc-datagrid-cell-cushion,
#content-wrapper .fc .fc-timeline-slot-cushion,
#content-wrapper .fc .fc-col-header-cell-cushion {
  padding: 12px 16px;
}
#content-wrapper .fc .fc-resource-timeline-divider {
  width: 0;
  background: none;
  border: none;
  cursor: unset;
}
#content-wrapper .fc .fc-scrollgrid-section-sticky > * {
  background: none;
}
#content-wrapper .fc table .fc-day-today {
  background: rgba(255, 255, 120, 0.2);
}
#content-wrapper .fc .fc-day {
  background: rgba(205, 205, 205, 0.2);
}
#content-wrapper .fc .fc-non-working-day {
  background: rgba(109, 109, 109, 0.2);
}
#content-wrapper .fc .fc-col-header-cell a,
#content-wrapper .fc a.fc-daygrid-day-number,
#content-wrapper .fc th.fc-day a {
  color: var(--body-font-color);
  cursor: default;
}
#content-wrapper .fc .fc-col-header-cell a:hover,
#content-wrapper .fc a.fc-daygrid-day-number:hover,
#content-wrapper .fc th.fc-day a:hover {
  text-decoration: none;
}
#content-wrapper .fc .fc-timeline-event,
#content-wrapper .fc .fc-daygrid-event {
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
  margin-bottom: 4px;
  background-color: var(--timeline--type-fallback-color);
  border-color: var(--timeline--type-fallback-color);
  color: #000000;
}
#content-wrapper .fc .fc-timeline-event:before, #content-wrapper .fc .fc-timeline-event:after,
#content-wrapper .fc .fc-daygrid-event:before,
#content-wrapper .fc .fc-daygrid-event:after {
  padding-right: 4px;
  pointer-events: none;
}
#content-wrapper .fc .fc-timeline-event {
  background: transparent !important;
  border: transparent;
}
#content-wrapper .fc .fc-timeline-event:before {
  position: absolute;
  top: 40px;
  z-index: 8;
  left: 2px;
}
#content-wrapper .fc .fc-timeline-event:after {
  position: absolute;
  top: 40px;
  z-index: 8;
  right: 2px;
}
#content-wrapper .fc .fc-event-title-container {
  line-height: 12px;
  margin: 0 16px;
}
.fc-timegrid-event-condensed #content-wrapper .fc .fc-event-title-container {
  white-space: nowrap;
  overflow: hidden;
}
#content-wrapper .fc .fc-event-title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
#content-wrapper .fc .fc-event-main {
  color: unset;
}
#content-wrapper .fc .fc-event:hover .fc-event-resizer {
  display: flex;
  align-items: center;
  flex-direction: row;
}
#content-wrapper .fc .fc-event:hover .fc-event-resizer:before, #content-wrapper .fc .fc-event:hover .fc-event-resizer:after {
  display: block;
  content: "";
}
#content-wrapper .fc .fc-event:hover .fc-event-resizer:before {
  height: 100%;
  width: 20px;
}
#content-wrapper .fc .fc-event:hover .fc-event-resizer:after {
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: rgba(0, 0, 0, 0.2);
  width: 4px;
  margin: 0 -4px;
  height: 70%;
  max-height: 16px;
}
#content-wrapper .fc .fc-event:hover .fc-event-resizer-start {
  justify-content: flex-end;
}
#content-wrapper .fc .fc-event:hover .fc-event-resizer-end {
  justify-content: flex-start;
  margin-right: 14px;
}
#content-wrapper .fc .fc-toolbar-title {
  font-size: 16px;
  padding-bottom: 0;
}
#content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button {
  height: 34px;
  background: var(--button--background-color);
  color: var(--button--font-color);
  border-color: var(--button-default-borderColor-rest);
  margin-bottom: 0;
}
#content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button:focus {
  box-shadow: none;
}
#content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group:not(:first-child) {
  margin-left: 8px;
}
#content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button {
  margin-right: 0;
  margin-bottom: 0;
  padding: 0.4em 0.65em;
}
#content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}
#content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-today-button {
  margin: 0;
  margin-left: 0.5rem;
}
#content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-prev-button,
#content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-next-button {
  padding: 4px;
  font-size: 8px;
  height: 32px;
  width: 32px;
}
#content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-prev-button .fc-icon {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-next-button .fc-icon {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#content-wrapper .fc thead .fc-scroller {
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
}
#content-wrapper .fc thead .fc-scroller::-webkit-scrollbar {
  height: 0;
  width: 0;
}
#content-wrapper .fc thead .fc-scroller::-webkit-scrollbar-track {
  background: transparent;
}
#content-wrapper .fc thead .fc-scroller::-webkit-scrollbar-thumb {
  background: transparent;
  visibility: hidden;
}

/*!
 * @primer/css/core
 * http://primer.style/css
 *
 * Released under MIT license. Copyright (c) 2019 GitHub Inc.
 */
:root,
[data-color-mode=light][data-light-theme*=light],
[data-color-mode=dark][data-dark-theme*=light] {
  color-scheme: light;
}

@media (prefers-color-scheme: light) {
  [data-color-mode=auto][data-light-theme*=light] {
    color-scheme: light;
  }
}
@media (prefers-color-scheme: dark) {
  [data-color-mode=auto][data-dark-theme*=light] {
    color-scheme: light;
  }
}
[data-color-mode=light][data-light-theme*=dark],
[data-color-mode=dark][data-dark-theme*=dark] {
  color-scheme: dark;
}

@media (prefers-color-scheme: light) {
  [data-color-mode=auto][data-light-theme*=dark] {
    color-scheme: dark;
  }
}
@media (prefers-color-scheme: dark) {
  [data-color-mode=auto][data-dark-theme*=dark] {
    color-scheme: dark;
  }
}
[data-color-mode] {
  color: var(--fgColor-default, var(--color-fg-default));
  background-color: var(--bgColor-default, var(--color-canvas-default));
}

@media (forced-colors: active) {
  body {
    --color-accent-emphasis: Highlight;
    --color-fg-on-emphasis: LinkText;
    --fgColor-onEmphasis: LinkText;
    --fgColor-accent: Highlight;
  }
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-size: 16px; /* this can be removed when all of GitHub uses rem units */
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
  /* 1 */
  display: block;
}

summary {
  display: list-item;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none !important;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; /* 1 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
  color: var(--fgColor-default, var(--color-fg-default));
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em var(--base-size-40);
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: var(--base-text-weight-semibold, 600);
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

* {
  box-sizing: border-box;
}

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

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: var(--body-font-size, 14px);
  line-height: 1.5;
  color: var(--fgColor-default, var(--color-fg-default));
  background-color: var(--bgColor-default, var(--color-canvas-default));
}

a {
  color: var(--fgColor-accent, var(--color-accent-fg));
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

b,
strong {
  font-weight: var(--base-text-weight-semibold, 600);
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

label {
  font-weight: var(--base-text-weight-semibold, 600);
}

::placeholder {
  color: var(--fgColor-muted, var(--color-fg-subtle));
  opacity: 1;
}

hr,
.rule {
  height: 0;
  margin: 15px 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted));
}
hr::before,
.rule::before {
  display: table;
  content: "";
}
hr::after,
.rule::after {
  display: table;
  clear: both;
  content: "";
}

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

td,
th {
  padding: 0;
}

button {
  cursor: pointer;
  border-radius: 0;
}

[hidden][hidden] {
  display: none !important;
}

details summary {
  cursor: pointer;
}
details:not([open]) > *:not(summary) {
  display: none;
}

a:focus,
button:focus,
[role=button]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: none;
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
[role=button]:focus:not(:focus-visible),
input[type=radio]:focus:not(:focus-visible),
input[type=checkbox]:focus:not(:focus-visible) {
  outline: solid 1px transparent;
}
a:focus-visible,
button:focus-visible,
[role=button]:focus-visible,
input[type=radio]:focus-visible,
input[type=checkbox]:focus-visible {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: none;
}

a:not([class]):focus, a:not([class]):focus-visible,
input[type=radio]:focus,
input[type=radio]:focus-visible,
input[type=checkbox]:focus,
input[type=checkbox]:focus-visible {
  outline-offset: 0;
}

.focus {
  border-color: var(--focus-outlineColor, var(--color-accent-fg));
  outline: none;
  box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
}

@media (forced-colors: active) {
  *:focus,
  *:focus-visible {
    outline: solid 1px transparent;
  }
  input:not([type=radio], [type=checkbox]):focus, input:not([type=radio], [type=checkbox]):focus-visible,
  textarea:focus,
  textarea:focus-visible,
  select:focus,
  select:focus-visible {
    outline-offset: 2px;
  }
}
kbd {
  display: inline-block;
  padding: var(--base-size-4);
  font: 11px var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
  line-height: 10px;
  color: var(--fgColor-default, var(--color-fg-default));
  vertical-align: middle;
  background-color: var(--bgColor-muted, var(--color-canvas-subtle));
  border: solid 1px var(--borderColor-neutral-muted, var(--color-neutral-muted));
  border-bottom-color: var(--borderColor-neutral-muted, var(--color-neutral-muted));
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted, var(--color-neutral-muted));
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
}

h1 {
  font-size: var(--h1-size, 32px);
  font-weight: var(--base-text-weight-semibold, 600);
}

h2 {
  font-size: var(--h2-size, 24px);
  font-weight: var(--base-text-weight-semibold, 600);
}

h3 {
  font-size: var(--h3-size, 20px);
  font-weight: var(--base-text-weight-semibold, 600);
}

h4 {
  font-size: var(--h4-size, 16px);
  font-weight: var(--base-text-weight-semibold, 600);
}

h5 {
  font-size: var(--h5-size, 14px);
  font-weight: var(--base-text-weight-semibold, 600);
}

h6 {
  font-size: var(--h6-size, 12px);
  font-weight: var(--base-text-weight-semibold, 600);
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

small {
  font-size: 90%;
}

blockquote {
  margin: 0;
}

ul,
ol {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

ol ol,
ul ol {
  list-style-type: lower-roman;
}

ul ul ol,
ul ol ol,
ol ul ol,
ol ol ol {
  list-style-type: lower-alpha;
}

dd {
  margin-left: 0;
}

tt,
code,
samp {
  font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
  font-size: 12px;
}

pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
  font-size: 12px;
}

.octicon {
  vertical-align: text-bottom;
}

.octicon {
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}

.Box {
  background-color: var(--bgColor-default);
  border-color: var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  border-style: solid;
  border-width: var(--borderWidth-thin);
}

.Box--condensed {
  line-height: 1.25;
}

.Box--condensed .Box-body, .Box--condensed .Box-footer, .Box--condensed .Box-header {
  padding: var(--stack-padding-condensed) var(--stack-padding-normal);
}

.Box--condensed .Box-btn-octicon.btn-octicon {
  line-height: 1.25;
  margin: calc(var(--controlStack-medium-gap-condensed) * -1) calc(var(--controlStack-small-gap-spacious) * -1);
  padding: var(--control-medium-paddingInline-condensed) var(--control-medium-paddingInline-spacious);
}

.Box--condensed .Box-row {
  padding: var(--stack-padding-condensed) var(--stack-padding-normal);
}

.Box--spacious .Box-header {
  line-height: 1.25;
  padding: var(--stack-padding-spacious);
}

.Box--spacious .Box-title {
  font-size: var(--text-title-size-medium);
}

.Box--spacious .Box-body, .Box--spacious .Box-footer {
  padding: var(--stack-padding-spacious);
}

.Box--spacious .Box-btn-octicon.btn-octicon {
  margin: calc(var(--stack-gap-spacious) * -1) calc(var(--stack-gap-spacious) * -1);
  padding: var(--stack-padding-spacious);
}

.Box--spacious .Box-row {
  padding: var(--stack-padding-spacious);
}

.Box-header {
  background-color: var(--bgColor-muted);
  border-color: var(--borderColor-default);
  border-style: solid;
  border-top-left-radius: var(--borderRadius-medium);
  border-top-right-radius: var(--borderRadius-medium);
  border-width: var(--borderWidth-thin);
  margin: calc(var(--borderWidth-thin) * -1) calc(var(--borderWidth-thin) * -1) 0;
  padding: var(--stack-padding-normal);
}

.Box-title {
  font-size: var(--text-body-size-medium);
  font-weight: var(--base-text-weight-semibold);
}

.Box-body {
  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
  padding: var(--stack-padding-normal);
}

.Box-body:last-of-type {
  border-bottom-left-radius: var(--borderRadius-medium);
  border-bottom-right-radius: var(--borderRadius-medium);
  margin-bottom: calc(var(--borderWidth-thin) * -1);
}

.Box-row {
  border-top: var(--borderWidth-thin) solid var(--borderColor-muted);
  list-style-type: none;
  margin-top: calc(var(--borderWidth-thin) * -1);
  padding: var(--stack-padding-normal);
}

.Box-row:first-of-type {
  border-top-left-radius: var(--borderRadius-medium);
  border-top-right-radius: var(--borderRadius-medium);
}

.Box-row:last-of-type {
  border-bottom-left-radius: var(--borderRadius-medium);
  border-bottom-right-radius: var(--borderRadius-medium);
}

.Box-row.Box-row--unread, .Box-row.unread {
  box-shadow: inset 2px 0 0 var(--borderColor-accent-emphasis);
}

.Box-row.navigation-focus .Box-row--drag-button {
  color: var(--fgColor-accent);
  cursor: grab;
  opacity: 1;
}

.Box-row.navigation-focus.is-dragging .Box-row--drag-button {
  cursor: grabbing;
}

.Box-row.navigation-focus.sortable-chosen, .Box-row.navigation-focus.sortable-ghost {
  background-color: var(--bgColor-muted);
}

.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide {
  opacity: 0;
}

.Box-row--focus-gray.navigation-focus {
  background-color: var(--bgColor-muted);
}

.Box-row--focus-blue.navigation-focus {
  background-color: var(--bgColor-accent-muted);
}

.Box-row--hover-gray:hover {
  background-color: var(--bgColor-muted);
}

.Box-row--hover-blue:hover {
  background-color: var(--bgColor-accent-muted);
}

@media (min-width: 768px) {
  .Box-row-link {
    color: var(--fgColor-default);
  }
  .Box-row-link, .Box-row-link:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  .Box-row-link:hover {
    color: var(--fgColor-accent);
  }
}
.Box-row--drag-button {
  opacity: 0;
}

.Box-footer {
  border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
  border-top: var(--borderWidth-thin) solid var(--borderColor-default);
  margin-top: calc(var(--borderWidth-thin) * -1);
  padding: var(--stack-padding-normal);
}

.Box--scrollable {
  max-height: 324px;
  overflow: scroll;
}

.Box--blue, .Box--blue .Box-header {
  border-color: var(--borderColor-accent-muted);
}

.Box--blue .Box-header {
  background-color: var(--bgColor-accent-muted);
}

.Box--blue .Box-body, .Box--blue .Box-footer, .Box--blue .Box-row {
  border-color: var(--borderColor-accent-muted);
}

.Box--danger, .Box--danger .Box-body:last-of-type, .Box--danger .Box-row:first-of-type {
  border-color: var(--borderColor-danger-emphasis);
}

.Box-header--blue {
  background-color: var(--bgColor-accent-muted);
  border-color: var(--borderColor-accent-muted);
}

.Box-row--yellow {
  background-color: var(--bgColor-attention-muted);
}

.Box-row--blue {
  background-color: var(--bgColor-accent-muted);
}

.Box-row--gray {
  background-color: var(--bgColor-muted);
}

.Box-btn-octicon.btn-octicon {
  line-height: 1.5;
  margin: calc(var(--controlStack-small-gap-spacious) * -1) calc(var(--controlStack-small-gap-spacious) * -1);
  padding: var(--control-medium-paddingInline-spacious) var(--control-medium-paddingInline-spacious);
}

.Box--overlay {
  width: 448px;
  margin-right: auto;
  margin-left: auto;
  background-color: var(--bgColor-default, var(--color-canvas-default));
  background-clip: padding-box;
  border-color: var(--borderColor-default, var(--color-border-default));
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
}
.Box--overlay .Box-header {
  margin: 0;
  border-width: 0;
  border-bottom-width: 1px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.Box-overlay--narrow {
  width: 320px;
}

.Box-overlay--wide {
  width: 640px;
}

.Box-body.scrollable-overlay {
  max-height: 400px;
  overflow-y: scroll;
}
.Box-body .help {
  padding-top: var(--base-size-8);
  margin: 0;
  color: var(--fgColor-muted, var(--color-fg-muted));
  text-align: center;
}

.breadcrumb-item {
  display: inline-block;
  list-style: none;
  margin-left: -0.35em;
}

.breadcrumb-item:after {
  border-right: 0.1em solid var(--borderColor-neutral-emphasis);
  content: "";
  display: inline-block;
  height: 0.8em;
  margin: 0 0.5em;
  transform: rotate(15deg) translateY(0.0625em);
}

.breadcrumb-item:first-child {
  margin-left: 0;
}

.breadcrumb-item-selected:after, .breadcrumb-item[aria-current]:not([aria-current=false]):after {
  content: none;
}

.breadcrumb-item-selected a {
  color: var(--fgColor-default);
  cursor: default !important;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
}

.btn {
  position: relative;
  display: inline-block;
  padding: 5px var(--base-size-16);
  font-size: 14px;
  font-weight: var(--base-text-weight-medium, 500);
  line-height: 20px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  border: 1px solid;
  border-radius: 6px;
  appearance: none;
}
.btn:hover {
  text-decoration: none;
}
.btn:disabled, .btn.disabled, .btn[aria-disabled=true] {
  cursor: default;
}
.btn i {
  font-style: normal;
  font-weight: var(--base-text-weight-medium, 500);
  opacity: 0.75;
}
.btn .octicon {
  margin-right: var(--base-size-4);
  color: var(--fgColor-muted, var(--color-fg-muted));
  vertical-align: text-bottom;
}
.btn .octicon:only-child {
  margin-right: 0;
}
.btn .Counter {
  margin-left: 2px;
  color: inherit;
  text-shadow: none;
  vertical-align: top;
  background-color: var(--buttonCounter-default-bgColor-rest, var(--color-btn-counter-bg));
}
.btn .dropdown-caret {
  margin-left: var(--base-size-4);
  opacity: 0.8;
}

.btn {
  color: var(--button-default-fgColor-rest, var(--color-btn-text));
  background-color: var(--button-default-bgColor-rest, var(--color-btn-bg));
  border-color: var(--button-default-borderColor-rest, var(--color-btn-border));
  box-shadow: var(--button-default-shadow-resting, var(--color-btn-shadow)), var(--button-default-shadow-inset, var(--color-btn-inset-shadow));
  transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: color, background-color, box-shadow, border-color;
}
.btn:hover, .btn.hover, [open] > .btn {
  background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg));
  border-color: var(--button-default-borderColor-hover, var(--color-btn-hover-border));
  transition-duration: 0.1s;
}
.btn:active {
  background-color: var(--button-default-bgColor-active, var(--color-btn-active-bg));
  border-color: var(--button-default-borderColor-active, var(--color-btn-active-border));
  transition: none;
}
.btn.selected, .btn[aria-selected=true] {
  background-color: var(--button-default-bgColor-selected, var(--color-btn-selected-bg));
  box-shadow: var(--shadow-inset, var(--color-primer-shadow-inset));
}
.btn:disabled, .btn.disabled, .btn[aria-disabled=true] {
  color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
  background-color: var(--button-default-bgColor-disabled, var(--color-btn-bg));
  border-color: var(--button-default-borderColor-disabled, var(--color-btn-border));
}
.btn:disabled .octicon, .btn.disabled .octicon, .btn[aria-disabled=true] .octicon {
  color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
}

.btn-primary {
  color: var(--button-primary-fgColor-rest, var(--color-btn-primary-text));
  background-color: var(--button-primary-bgColor-rest, var(--color-btn-primary-bg));
  border-color: var(--button-primary-borderColor-rest, var(--color-btn-primary-border));
  box-shadow: var(--shadow-resting-small, var(--color-btn-primary-shadow)), var(--shadow-highlight, var(--color-btn-primary-inset-shadow));
}
.btn-primary:hover, .btn-primary.hover, [open] > .btn-primary {
  background-color: var(--button-primary-bgColor-hover, var(--color-btn-primary-hover-bg));
  border-color: var(--button-primary-borderColor-hover, var(--color-btn-primary-hover-border));
}
.btn-primary:focus {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
}
.btn-primary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}
.btn-primary:focus-visible {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
}
.btn-primary:active, .btn-primary.selected, .btn-primary[aria-selected=true] {
  background-color: var(--button-primary-bgColor-active, var(--color-btn-primary-selected-bg));
  box-shadow: var(--button-primary-shadow-selected, var(--color-btn-primary-selected-shadow));
}
.btn-primary:disabled, .btn-primary.disabled, .btn-primary[aria-disabled=true] {
  color: var(--button-primary-fgColor-disabled, var(--color-btn-primary-disabled-text));
  background-color: var(--button-primary-bgColor-disabled, var(--color-btn-primary-disabled-bg));
  border-color: var(--button-primary-borderColor-disabled, var(--color-btn-primary-disabled-border));
}
.btn-primary:disabled .octicon, .btn-primary.disabled .octicon, .btn-primary[aria-disabled=true] .octicon {
  color: var(--button-primary-fgColor-disabled, var(--color-btn-primary-disabled-text));
}
.btn-primary .Counter {
  color: inherit;
  background-color: var(--buttonCounter-primary-bgColor-rest, var(--color-btn-primary-counter-bg));
}
.btn-primary .octicon {
  color: var(--button-primary-iconColor-rest, var(--color-btn-primary-icon));
}

a.btn-primary:focus {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
}
a.btn-primary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}
a.btn-primary:focus-visible {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
}

.btn-outline {
  color: var(--button-outline-fgColor-rest, var(--color-btn-outline-text));
}
.btn-outline:hover, [open] > .btn-outline {
  color: var(--button-outline-fgColor-hover, var(--color-btn-outline-hover-text));
  background-color: var(--button-outline-bgColor-hover, var(--color-btn-outline-hover-bg));
  border-color: var(--button-outline-borderColor-hover, var(--color-btn-outline-hover-border));
  box-shadow: var(--shadow-resting-small, var(--color-btn-outline-hover-shadow)), var(--shadow-highlight, var(--color-btn-outline-hover-inset-shadow));
}
.btn-outline:hover .Counter, [open] > .btn-outline .Counter {
  background-color: var(--buttonCounter-outline-bgColor-hover, var(--color-btn-outline-hover-counter-bg));
}
.btn-outline:hover .octicon, [open] > .btn-outline .octicon {
  color: inherit;
}
.btn-outline:active, .btn-outline.selected, .btn-outline[aria-selected=true] {
  color: var(--button-outline-fgColor-active, var(--color-btn-outline-selected-text));
  background-color: var(--button-outline-bgColor-active, var(--color-btn-outline-selected-bg));
  border-color: var(--button-outline-borderColor-active, var(--color-btn-outline-selected-border));
  box-shadow: var(--button-outline-shadow-selected, var(--color-btn-outline-selected-shadow));
}
.btn-outline:active:focus, .btn-outline.selected:focus, .btn-outline[aria-selected=true]:focus {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
}
.btn-outline:active:focus:not(:focus-visible), .btn-outline.selected:focus:not(:focus-visible), .btn-outline[aria-selected=true]:focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}
.btn-outline:active:focus-visible, .btn-outline.selected:focus-visible, .btn-outline[aria-selected=true]:focus-visible {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
}
.btn-outline:disabled, .btn-outline.disabled, .btn-outline[aria-disabled=true] {
  color: var(--button-outline-fgColor-disabled, var(--color-btn-outline-disabled-text));
  background-color: var(--button-outline-bgColor-disabled, var(--color-btn-outline-disabled-bg));
  border-color: var(--button-default-borderColor-rest, var(--color-btn-border));
  box-shadow: none;
}
.btn-outline:disabled .Counter, .btn-outline.disabled .Counter, .btn-outline[aria-disabled=true] .Counter {
  background-color: var(--buttonCounter-outline-bgColor-disabled, var(--color-btn-outline-disabled-counter-bg));
}
.btn-outline .Counter {
  color: inherit;
  background-color: var(--buttonCounter-outline-bgColor-rest, var(--color-btn-outline-counter-bg));
}

.btn-danger {
  color: var(--button-danger-fgColor-rest, var(--color-btn-danger-text));
}
.btn-danger .octicon {
  color: var(--button-danger-iconColor-rest, var(--color-btn-danger-icon));
}
.btn-danger:hover, [open] > .btn-danger {
  color: var(--button-danger-fgColor-hover, var(--color-btn-danger-hover-text));
  background-color: var(--button-danger-bgColor-hover, var(--color-btn-danger-hover-bg));
  border-color: var(--button-danger-borderColor-hover, var(--color-btn-danger-hover-border));
  box-shadow: var(--shadow-resting-small, var(--color-btn-danger-hover-shadow)), var(--shadow-highlight, var(--color-btn-danger-hover-inset-shadow));
}
.btn-danger:hover .Counter, [open] > .btn-danger .Counter {
  background-color: var(--buttonCounter-danger-bgColor-hover, var(--color-btn-danger-hover-counter-bg));
}
.btn-danger:hover .octicon, [open] > .btn-danger .octicon {
  color: var(--button-danger-iconColor-hover, var(--color-btn-danger-hover-icon));
}
.btn-danger:active, .btn-danger.selected, .btn-danger[aria-selected=true] {
  color: var(--button-danger-fgColor-active, var(--color-btn-danger-selected-text));
  background-color: var(--button-danger-bgColor-active, var(--color-btn-danger-selected-bg));
  border-color: var(--button-danger-borderColor-active, var(--color-btn-danger-selected-border));
  box-shadow: var(--button-danger-shadow-selected, var(--color-btn-danger-selected-shadow));
}
.btn-danger:disabled, .btn-danger.disabled, .btn-danger[aria-disabled=true] {
  color: var(--button-danger-fgColor-disabled, var(--color-btn-danger-disabled-text));
  background-color: var(--button-danger-bgColor-disabled, var(--color-btn-danger-disabled-bg));
  border-color: var(--button-default-borderColor-rest, var(--color-btn-border));
  box-shadow: none;
}
.btn-danger:disabled .Counter, .btn-danger.disabled .Counter, .btn-danger[aria-disabled=true] .Counter {
  background-color: var(--buttonCounter-danger-bgColor-disabled, var(--color-btn-danger-disabled-counter-bg));
}
.btn-danger:disabled .octicon, .btn-danger.disabled .octicon, .btn-danger[aria-disabled=true] .octicon {
  color: var(--button-danger-fgColor-disabled, var(--color-btn-danger-disabled-text));
}
.btn-danger .Counter {
  color: inherit;
  background-color: var(--buttonCounter-danger-bgColor-rest, var(--color-btn-danger-counter-bg));
}

.btn-sm {
  padding: 3px 12px;
  font-size: 12px;
  line-height: 20px;
}
.btn-sm .octicon {
  vertical-align: text-top;
}

.btn-large {
  padding: 0.75em 1.5em;
  font-size: inherit;
  line-height: 1.5;
  border-radius: 0.5em;
}

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

.BtnGroup {
  display: inline-block;
  vertical-align: middle;
}
.BtnGroup::before {
  display: table;
  content: "";
}
.BtnGroup::after {
  display: table;
  clear: both;
  content: "";
}
.BtnGroup + .BtnGroup,
.BtnGroup + .btn {
  margin-left: var(--base-size-4);
}

.BtnGroup-item {
  position: relative;
  float: left;
  border-right-width: 0;
  border-radius: 0;
}
.BtnGroup-item:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.BtnGroup-item:last-child {
  border-right-width: 1px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.BtnGroup-item.selected, .BtnGroup-item[aria-selected=true], .BtnGroup-item:focus, .BtnGroup-item:active, .BtnGroup-item:hover {
  border-right-width: 1px;
}
.BtnGroup-item.selected + .BtnGroup-item,
.BtnGroup-item.selected + .BtnGroup-parent .BtnGroup-item, .BtnGroup-item[aria-selected=true] + .BtnGroup-item,
.BtnGroup-item[aria-selected=true] + .BtnGroup-parent .BtnGroup-item, .BtnGroup-item:focus + .BtnGroup-item,
.BtnGroup-item:focus + .BtnGroup-parent .BtnGroup-item, .BtnGroup-item:active + .BtnGroup-item,
.BtnGroup-item:active + .BtnGroup-parent .BtnGroup-item, .BtnGroup-item:hover + .BtnGroup-item,
.BtnGroup-item:hover + .BtnGroup-parent .BtnGroup-item {
  border-left-width: 0;
}

.BtnGroup-parent {
  float: left;
}
.BtnGroup-parent:first-child .BtnGroup-item {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.BtnGroup-parent:last-child .BtnGroup-item {
  border-right-width: 1px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.BtnGroup-parent .BtnGroup-item {
  border-right-width: 0;
  border-radius: 0;
}
.BtnGroup-parent.selected .BtnGroup-item, .BtnGroup-parent[aria-selected=true] .BtnGroup-item, .BtnGroup-parent:focus .BtnGroup-item, .BtnGroup-parent:active .BtnGroup-item, .BtnGroup-parent:hover .BtnGroup-item {
  border-right-width: 1px;
}
.BtnGroup-parent.selected + .BtnGroup-item,
.BtnGroup-parent.selected + .BtnGroup-parent .BtnGroup-item, .BtnGroup-parent[aria-selected=true] + .BtnGroup-item,
.BtnGroup-parent[aria-selected=true] + .BtnGroup-parent .BtnGroup-item, .BtnGroup-parent:focus + .BtnGroup-item,
.BtnGroup-parent:focus + .BtnGroup-parent .BtnGroup-item, .BtnGroup-parent:active + .BtnGroup-item,
.BtnGroup-parent:active + .BtnGroup-parent .BtnGroup-item, .BtnGroup-parent:hover + .BtnGroup-item,
.BtnGroup-parent:hover + .BtnGroup-parent .BtnGroup-item {
  border-left-width: 0;
}

.BtnGroup-item:focus, .BtnGroup-item:active,
.BtnGroup-parent:focus,
.BtnGroup-parent:active {
  z-index: 1;
}

.btn-link {
  display: inline-block;
  padding: 0;
  font-size: inherit;
  color: var(--fgColor-accent, var(--color-accent-fg));
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 0;
  appearance: none;
}
.btn-link:hover {
  text-decoration: underline;
}
.btn-link:disabled, .btn-link:disabled:hover, .btn-link[aria-disabled=true], .btn-link[aria-disabled=true]:hover {
  color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
  cursor: default;
}
.btn-link:not(.dropdown-item):focus, .btn-link:not(.dropdown-item):focus-visible {
  border-radius: 6px;
  outline-offset: 0;
}

.btn-invisible {
  color: var(--fgColor-accent, var(--color-accent-fg));
  background-color: transparent;
  border: 0;
  border-radius: 6px;
  box-shadow: none;
}
.btn-invisible:hover, .btn-invisible.zeroclipboard-is-hover {
  color: var(--fgColor-accent, var(--color-accent-fg));
  background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg));
  outline: none;
  box-shadow: none;
}
.btn-invisible:active, .btn-invisible.selected, .btn-invisible[aria-selected=true], .btn-invisible.zeroclipboard-is-active {
  color: var(--fgColor-accent, var(--color-accent-fg));
  background: none;
  border-color: var(--button-default-borderColor-active, var(--color-btn-active-border));
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: none;
}
.btn-invisible:active .btn-invisible.zeroclipboard-is-active {
  background-color: var(--button-default-bgColor-selected, var(--color-btn-selected-bg));
}
.btn-invisible:disabled, .btn-invisible.disabled, .btn-invisible[aria-disabled=true] {
  color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
  background-color: transparent;
}

.btn-octicon {
  display: inline-block;
  padding: 5px;
  margin-left: 5px;
  line-height: 1;
  color: var(--fgColor-muted, var(--color-fg-muted));
  vertical-align: middle;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.btn-octicon:hover {
  color: var(--fgColor-accent, var(--color-accent-fg));
}
.btn-octicon:focus, .btn-octicon:focus-visible {
  border-radius: 6px;
}
.btn-octicon.disabled, .btn-octicon[aria-disabled=true] {
  color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
  cursor: default;
}
.btn-octicon.disabled:hover, .btn-octicon[aria-disabled=true]:hover {
  color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
}

.btn-octicon-danger:hover {
  color: var(--fgColor-danger, var(--color-danger-fg));
}

.close-button {
  padding: 0;
  color: var(--fgColor-muted, var(--color-fg-muted));
  background: transparent;
  border: 0;
}
.close-button:hover {
  color: var(--fgColor-default, var(--color-fg-default));
}
.close-button:active {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: none;
}

.hidden-text-expander {
  display: block;
}
.hidden-text-expander.inline {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-left: 5px;
  line-height: 0;
}

.hidden-text-expander a,
.ellipsis-expander {
  display: inline-block;
  height: 12px;
  padding: 0 5px 5px;
  font-size: 12px;
  font-weight: var(--base-text-weight-semibold, 600);
  line-height: 6px;
  color: var(--fgColor-default, var(--color-fg-default));
  text-decoration: none;
  vertical-align: middle;
  background: var(--bgColor-neutral-muted, var(--color-neutral-muted));
  border: 0;
  border-radius: 1px;
}
.hidden-text-expander a:hover,
.ellipsis-expander:hover {
  text-decoration: none;
  background-color: var(--bgColor-accent-muted, var(--color-accent-muted));
}
.hidden-text-expander a:active,
.ellipsis-expander:active {
  color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
  background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
}

.btn-with-count {
  float: left;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-with-count:focus {
  z-index: 1;
}

.social-count {
  position: relative;
  float: left;
  padding: 3px 12px;
  font-size: 12px;
  font-weight: var(--base-text-weight-semibold, 600);
  line-height: 20px;
  color: var(--fgColor-default, var(--color-fg-default));
  vertical-align: middle;
  background-color: var(--bgColor-default, var(--color-canvas-default));
  border: 1px solid var(--button-default-borderColor-rest, var(--color-btn-border));
  border-left: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: var(--shadow-resting-small, var(--color-shadow-small)), var(--shadow-highlight, var(--color-primer-shadow-highlight));
}
.social-count:hover, .social-count:active {
  text-decoration: none;
}
.social-count:hover {
  color: var(--fgColor-accent, var(--color-accent-fg));
  cursor: pointer;
}

.TableObject {
  display: table;
}

.TableObject-item {
  display: table-cell;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.TableObject-item--primary {
  width: 99%;
}

.form-control,
.form-select {
  padding: 5px 12px;
  font-size: 14px;
  line-height: 20px;
  color: var(--fgColor-default, var(--color-fg-default));
  vertical-align: middle;
  background-color: var(--bgColor-default, var(--color-canvas-default));
  background-repeat: no-repeat;
  background-position: right 8px center;
  border: 1px solid var(--control-borderColor-rest, var(--color-border-default));
  border-radius: 6px;
  box-shadow: var(--shadow-inset, var(--color-primer-shadow-inset));
  transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: color, background-color, box-shadow, border-color;
}
.form-control:focus,
.form-select:focus {
  border-color: var(--focus-outlineColor, var(--color-accent-fg));
  outline: none;
  box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
}
.form-control:focus:not(:focus-visible),
.form-select:focus:not(:focus-visible) {
  border-color: transparent;
  border-color: var(--focus-outlineColor, var(--color-accent-fg));
  outline: none;
  box-shadow: inset 0 0 0 1px transparent;
}
.form-control:focus-visible,
.form-select:focus-visible {
  border-color: var(--focus-outlineColor, var(--color-accent-fg));
  outline: none;
  box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
}
.form-control.border-0:focus, .form-control.border-0:focus-visible,
.form-select.border-0:focus,
.form-select.border-0:focus-visible {
  border: 1px solid var(--borderColor-accent-emphasis, var(--color-accent-fg)) !important;
}
.form-control[disabled], fieldset[disabled] .form-control,
.form-select[disabled],
fieldset[disabled] .form-select {
  color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
  background-color: var(--control-bgColor-disabled, var(--color-input-disabled-bg));
  border-color: var(--control-borderColor-disabled, var(--color-border-default));
  -webkit-text-fill-color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
  opacity: 1;
}
.form-control[disabled]::placeholder, fieldset[disabled] .form-control::placeholder,
.form-select[disabled]::placeholder,
fieldset[disabled] .form-select::placeholder {
  color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
}
@supports (-webkit-touch-callout: none) {
  .form-control,
  .form-select {
    font-size: 16px;
  }
  @media (min-width: 768px) {
    .form-control,
    .form-select {
      font-size: 14px;
    }
  }
}

textarea.form-control {
  padding-top: var(--base-size-8);
  padding-bottom: var(--base-size-8);
  line-height: 1.5;
}

.input-contrast {
  background-color: var(--bgColor-muted, var(--color-canvas-inset));
}
.input-contrast:focus {
  background-color: var(--bgColor-default, var(--color-canvas-default));
}

.input-sm {
  min-height: 28px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
  line-height: 20px;
}

.input-lg {
  font-size: 16px;
}

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

.input-monospace {
  font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
}

.input-hide-webkit-autofill::-webkit-contacts-auto-fill-button {
  position: absolute;
  right: 0;
  display: none !important;
  pointer-events: none;
  visibility: hidden;
}

.form-checkbox {
  padding-left: 20px;
  margin: 15px 0;
  vertical-align: middle;
}
.form-checkbox label em.highlight {
  position: relative;
  left: calc(var(--base-size-4) * -1);
  padding: 2px var(--base-size-4);
  font-style: normal;
  background: var(--bgColor-attention-muted, var(--color-attention-subtle));
  border-radius: 6px;
}
.form-checkbox input[type=checkbox],
.form-checkbox input[type=radio] {
  float: left;
  margin: 5px 0 0 -20px;
  vertical-align: middle;
}
.form-checkbox .note {
  display: block;
  margin: 0;
  font-size: 12px;
  font-weight: var(--base-text-weight-normal, 400);
  color: var(--fgColor-muted, var(--color-fg-muted));
}

.form-checkbox-details {
  display: none;
}

.form-checkbox-details-trigger:checked ~ * .form-checkbox-details,
.form-checkbox-details-trigger:checked ~ .form-checkbox-details {
  display: block;
}

.hfields {
  margin: 15px 0;
}
.hfields::before {
  display: table;
  content: "";
}
.hfields::after {
  display: table;
  clear: both;
  content: "";
}
.hfields .form-group {
  float: left;
  margin: 0 30px 0 0;
}
.hfields .form-group dt label,
.hfields .form-group .form-group-header label {
  display: inline-block;
  margin: 5px 0 0;
  color: var(--fgColor-muted, var(--color-fg-muted));
}
.hfields .form-group dt img,
.hfields .form-group .form-group-header img {
  position: relative;
  top: -2px;
}
.hfields .btn {
  float: left;
  margin: 28px 25px 0 -20px;
}
.hfields .form-select {
  margin-top: 5px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}

.form-actions::before {
  display: table;
  content: "";
}
.form-actions::after {
  display: table;
  clear: both;
  content: "";
}
.form-actions .btn {
  float: right;
}
.form-actions .btn + .btn {
  margin-right: 5px;
}

.form-warning {
  padding: var(--base-size-8) 10px;
  margin: 10px 0;
  font-size: 14px;
  color: var(--fgColor-attention, var(--color-attention-fg));
  background: var(--bgColor-attention-muted, var(--color-attention-subtle));
  border: 1px solid var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
  border-radius: 6px;
}
.form-warning p {
  margin: 0;
  line-height: 1.5;
}
.form-warning a {
  font-weight: var(--base-text-weight-semibold, 600);
}

.form-select {
  display: inline-block;
  max-width: 100%;
  height: 32px;
  padding-right: var(--base-size-24);
  background-color: var(--bgColor-default, var(--color-canvas-default));
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: right 4px center;
  background-size: 16px;
  appearance: none;
}
.form-select::-ms-expand {
  opacity: 0;
}
.form-select[multiple] {
  height: auto;
}

[data-color-mode=light][data-light-theme*=dark] .form-select,
[data-color-mode=dark][data-dark-theme*=dark] .form-select {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=");
}

@media (prefers-color-scheme: light) {
  [data-color-mode=auto][data-light-theme*=dark] .form-select {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=");
  }
}
@media (prefers-color-scheme: dark) {
  [data-color-mode=auto][data-dark-theme*=dark] .form-select {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=");
  }
}
.select-sm {
  height: 28px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
}
.select-sm[multiple] {
  height: auto;
  min-height: 0;
}

.form-group {
  margin: 15px 0;
}
.form-group .form-control.autocomplete-embedded-icon-wrap:focus-within {
  background-color: var(--bgColor-default, var(--color-canvas-default));
}
.form-group .form-control {
  width: 440px;
  max-width: 100%;
  margin-right: 5px;
  background-color: var(--bgColor-muted, var(--color-canvas-inset));
}
.form-group .form-control:focus {
  background-color: var(--bgColor-default, var(--color-canvas-default));
}
.form-group .form-control.shorter {
  width: 130px;
}
.form-group .form-control.short {
  width: 250px;
}
.form-group .form-control.input-block, .form-group .form-control.long {
  width: 100%;
}
.form-group textarea.form-control {
  width: 100%;
  height: 200px;
  min-height: 200px;
}
.form-group textarea.form-control.short {
  height: 50px;
  min-height: 50px;
}
.form-group dt,
.form-group .form-group-header {
  margin: 0 0 6px;
}
.form-group label {
  position: static;
}
.form-group.flattened dt, .form-group.flattened .form-group-header {
  float: left;
  margin: 0;
  line-height: 32px;
}
.form-group.flattened dd, .form-group.flattened .form-group-body {
  line-height: 32px;
}
.form-group dd h4,
.form-group .form-group-body h4 {
  margin: var(--base-size-4) 0 0;
}
.form-group dd h4.is-error,
.form-group .form-group-body h4.is-error {
  color: var(--fgColor-danger, var(--color-danger-fg));
}
.form-group dd h4.is-success,
.form-group .form-group-body h4.is-success {
  color: var(--fgColor-success, var(--color-success-fg));
}
.form-group dd h4 + .note,
.form-group .form-group-body h4 + .note {
  margin-top: 0;
}
.form-group.required dt label::after,
.form-group.required .form-group-header label::after {
  padding-left: 5px;
  color: var(--fgColor-danger, var(--color-danger-fg));
  content: "*";
}
.form-group .success,
.form-group .error,
.form-group .indicator {
  display: none;
  font-size: 12px;
  font-weight: var(--base-text-weight-semibold, 600);
}
.form-group.loading {
  opacity: 0.5;
}
.form-group.loading .indicator {
  display: inline;
}
.form-group.loading .spinner {
  display: inline-block;
  vertical-align: middle;
}
.form-group.successful .success {
  display: inline;
  color: var(--fgColor-success, var(--color-success-fg));
}
.form-group.successed .success,
.form-group.successed .warning,
.form-group.successed .error, .form-group.warn .success,
.form-group.warn .warning,
.form-group.warn .error, .form-group.errored .success,
.form-group.errored .warning,
.form-group.errored .error {
  position: absolute;
  z-index: 10;
  display: block;
  max-width: 450px;
  padding: var(--base-size-4) var(--base-size-8);
  margin: var(--base-size-8) 0 0;
  font-size: 12px;
  font-weight: var(--base-text-weight-normal, 400);
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
}
.form-group.successed .success::after, .form-group.successed .success::before,
.form-group.successed .warning::after,
.form-group.successed .warning::before,
.form-group.successed .error::after,
.form-group.successed .error::before, .form-group.warn .success::after, .form-group.warn .success::before,
.form-group.warn .warning::after,
.form-group.warn .warning::before,
.form-group.warn .error::after,
.form-group.warn .error::before, .form-group.errored .success::after, .form-group.errored .success::before,
.form-group.errored .warning::after,
.form-group.errored .warning::before,
.form-group.errored .error::after,
.form-group.errored .error::before {
  position: absolute;
  bottom: 100%;
  left: 10px;
  z-index: 15;
  width: 0;
  height: 0;
  pointer-events: none;
  content: " ";
  border: solid transparent;
}
.form-group.successed .success::after,
.form-group.successed .warning::after,
.form-group.successed .error::after, .form-group.warn .success::after,
.form-group.warn .warning::after,
.form-group.warn .error::after, .form-group.errored .success::after,
.form-group.errored .warning::after,
.form-group.errored .error::after {
  border-width: 5px;
}
.form-group.successed .success::before,
.form-group.successed .warning::before,
.form-group.successed .error::before, .form-group.warn .success::before,
.form-group.warn .warning::before,
.form-group.warn .error::before, .form-group.errored .success::before,
.form-group.errored .warning::before,
.form-group.errored .error::before {
  margin-left: -1px;
  border-width: 6px;
}
.form-group.successed .success {
  color: var(--fgColor-default, var(--color-fg-default));
  background-color: var(--bgColor-default, var(--color-canvas-default));
  background-image: linear-gradient(var(--bgColor-success-muted, var(--bgColor-success-muted, var(--color-success-subtle))), var(--color-success-subtle));
  border-color: var(--borderColor-success-muted, var(--color-success-muted));
}
.form-group.successed .success::after {
  border-bottom-color: var(--borderColor-success-muted, var(--color-success-muted));
}
.form-group.successed .success::before {
  border-bottom-color: var(--borderColor-success-muted, var(--color-success-muted));
}
.form-group.warn .form-control:not(:focus, :focus-visible) {
  border-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
}
.form-group.warn .warning {
  color: var(--fgColor-default, var(--color-fg-default));
  background-color: var(--bgColor-default, var(--color-canvas-default));
  background-image: linear-gradient(var(--bgColor-attention-muted, var(--bgColor-attention-muted, var(--color-attention-subtle))), var(--color-attention-subtle));
  border-color: var(--borderColor-attention-muted, var(--color-attention-muted));
}
.form-group.warn .warning::after {
  border-bottom-color: var(--borderColor-attention-muted, var(--color-attention-muted));
}
.form-group.warn .warning::before {
  border-bottom-color: var(--borderColor-attention-muted, var(--color-attention-muted));
}
.form-group.errored .form-control:not(:focus, :focus-visible) {
  border-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
}
.form-group.errored label {
  color: var(--fgColor-danger, var(--color-danger-fg));
}
.form-group.errored .error {
  color: var(--fgColor-default, var(--color-fg-default));
  background-color: var(--bgColor-default, var(--color-canvas-default));
  background-image: linear-gradient(var(--bgColor-danger-muted, var(--bgColor-danger-muted, var(--color-danger-subtle))), var(--color-danger-subtle));
  border-color: var(--borderColor-danger-muted, var(--color-danger-muted));
}
.form-group.errored .error::after {
  border-bottom-color: var(--borderColor-danger-muted, var(--color-danger-muted));
}
.form-group.errored .error::before {
  border-bottom-color: var(--borderColor-danger-muted, var(--color-danger-muted));
}

.note {
  min-height: 17px;
  margin: var(--base-size-4) 0 2px;
  font-size: 12px;
  color: var(--fgColor-muted, var(--color-fg-muted));
}
.note .spinner {
  margin-right: 3px;
  vertical-align: middle;
}

.input-group {
  display: table;
}
.input-group .form-control {
  position: relative;
  width: 100%;
}
.input-group .form-control:focus {
  z-index: 2;
}
.input-group .form-control + .btn {
  margin-left: 0;
}
.input-group.inline {
  display: inline-table;
}
.input-group:focus-within button {
  outline-offset: 0;
}
.input-group .form-control.autocomplete-embedded-icon-wrap {
  display: inline-flex;
  padding: calc(var(--base-size-4) * 1.25) var(--base-size-8);
}

.input-group .form-control,
.input-group-button {
  display: table-cell;
}

.input-group-button {
  width: 1%;
  vertical-align: middle;
}

.input-group-button--autocomplete-embedded-icon {
  vertical-align: bottom;
}

.input-group .form-control:first-child,
.input-group-button:first-child .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group .form-control:first-child,
.input-group-button:first-child .btn:not(.btn-primary) {
  border-color: var(--control-borderColor-rest, var(--color-border-default));
}

.input-group-button:first-child .btn {
  margin-right: -1px;
}

.input-group .form-control:last-child,
.input-group-button:last-child .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group .form-control:last-child,
.input-group-button:last-child .btn:not(.btn-primary) {
  border-color: var(--control-borderColor-rest, var(--color-border-default));
}

.input-group-button:last-child .btn {
  margin-left: -1px;
}

.radio-group::before {
  display: table;
  content: "";
}
.radio-group::after {
  display: table;
  clear: both;
  content: "";
}

.radio-label {
  float: left;
  padding: 6px var(--base-size-16) 6px calc(var(--base-size-16) + 12px + var(--base-size-8));
  margin-left: -1px;
  font-size: 14px;
  line-height: 20px;
  color: var(--fgColor-default, var(--color-fg-default));
  cursor: pointer;
  border: 1px solid var(--borderColor-default, var(--color-border-default));
}
:checked + .radio-label {
  position: relative;
  z-index: 1;
  border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
}
.radio-label:first-of-type {
  margin-left: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.radio-label:last-of-type {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.radio-label .octicon {
  margin-left: var(--base-size-4);
  color: var(--fgColor-muted, var(--color-fg-subtle));
}

.radio-input {
  z-index: 3;
  float: left;
  margin: 10px calc(var(--base-size-32) * -1) 0 var(--base-size-16);
}
.radio-input:disabled {
  position: relative;
}
.radio-input:disabled + .radio-label {
  color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
  cursor: default;
  background-color: var(--bgColor-neutral-muted, var(--color-neutral-subtle));
}
.radio-input:disabled + .radio-label .octicon {
  color: inherit;
}

.FormControl {
  display: inline-flex;
  flex-direction: column;
  gap: var(--base-size-4);
}

.FormControl--fullWidth {
  display: flex;
}

.FormControl-label {
  color: var(--fgColor-default);
  font-size: var(--text-body-size-medium);
  font-weight: var(--base-text-weight-semibold);
  line-height: var(--text-body-lineHeight-medium);
}

.FormControl-caption {
  color: var(--fgColor-muted);
  font-weight: var(--text-caption-weight);
  margin-bottom: 0;
}

.FormControl-caption, .FormControl-inlineValidation {
  font-size: var(--text-caption-size);
  line-height: var(--text-caption-lineHeight);
}

.FormControl-inlineValidation {
  color: var(--control-borderColor-danger);
  display: flex;
  font-weight: var(--base-text-weight-semibold);
  fill: var(--control-borderColor-danger);
  align-items: flex-start;
  flex-direction: row;
  gap: var(--base-size-4);
}

.FormControl-inlineValidation p {
  margin-bottom: 0;
}

.FormControl-inlineValidation--success {
  color: var(--control-borderColor-success);
  fill: var(--control-borderColor-success);
}

.FormControl-inlineValidation--visual {
  align-items: center;
  display: flex;
  min-height: var(--base-size-16);
}

.FormControl-spacingWrapper {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

.FormControl-horizontalGroup {
  column-gap: 0.5rem;
  display: flex;
}

.FormControl-input, .FormControl-select, .FormControl-textarea {
  background-color: var(--bgColor-default);
  border: var(--borderWidth-thin) solid var(--control-borderColor-rest, var(--color-border-default));
  border-radius: var(--borderRadius-medium);
  box-shadow: var(--shadow-inset);
  color: var(--fgColor-default);
  font-size: var(--text-body-size-medium);
  line-height: var(--text-body-lineHeight-medium);
  padding-block: calc(var(--control-medium-paddingBlock, 6px) - var(--borderWidth-thin, 1px));
  padding-inline: var(--control-medium-paddingInline-condensed);
  transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: color, background-color, box-shadow, border-color;
  width: 100%;
}

.FormControl-input[disabled], .FormControl-select[disabled], .FormControl-textarea[disabled] {
  background-color: var(--control-bgColor-disabled);
  border-color: var(--control-borderColor-disabled);
  box-shadow: none;
  color: var(--control-fgColor-disabled);
  cursor: not-allowed;
  opacity: 1;
  -webkit-text-fill-color: var(--control-fgColor-disabled);
}

.FormControl-input[invalid=true]:not(:focus), .FormControl-select[invalid=true]:not(:focus), .FormControl-textarea[invalid=true]:not(:focus) {
  border-color: var(--control-borderColor-danger);
}

.FormControl-input[invalid=false]:not(:focus), .FormControl-select[invalid=false]:not(:focus), .FormControl-textarea[invalid=false]:not(:focus) {
  border-color: var(--control-borderColor-success);
}

.FormControl-input:not([type=checkbox], [type=radio]):focus, .FormControl-select:not([type=checkbox], [type=radio]):focus, .FormControl-textarea:not([type=checkbox], [type=radio]):focus {
  border-color: var(--focus-outlineColor);
  box-shadow: inset 0 0 0 1px var(--focus-outlineColor);
  outline: none;
}

.FormControl-input:not([type=checkbox], [type=radio]):focus:not(:focus-visible), .FormControl-select:not([type=checkbox], [type=radio]):focus:not(:focus-visible), .FormControl-textarea:not([type=checkbox], [type=radio]):focus:not(:focus-visible) {
  border-color: rgba(0, 0, 0, 0);
  border-color: var(--focus-outlineColor);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0) var(--focus-outlineColor);
  outline: none;
}

.FormControl-input:not([type=checkbox], [type=radio]):focus-visible, .FormControl-select:not([type=checkbox], [type=radio]):focus-visible, .FormControl-textarea:not([type=checkbox], [type=radio]):focus-visible {
  border-color: var(--focus-outlineColor);
  box-shadow: inset 0 0 0 1px var(--focus-outlineColor);
  outline: none;
}

.FormControl-input[disabled]::placeholder, .FormControl-select[disabled]::placeholder, .FormControl-textarea[disabled]::placeholder {
  color: var(--control-fgColor-disabled);
}

.FormControl-input[readonly], .FormControl-select[readonly], .FormControl-textarea[readonly] {
  background-color: var(--control-bgColor-disabled);
}

.FormControl-input::placeholder, .FormControl-select::placeholder, .FormControl-textarea::placeholder {
  color: var(--control-fgColor-placeholder);
  opacity: 1;
}

.FormControl-input.FormControl-small, .FormControl-select.FormControl-small, .FormControl-textarea.FormControl-small {
  font-size: var(--text-body-size-small);
  height: var(--control-small-size);
  padding-block: var(--control-small-paddingBlock);
  padding-inline: var(--control-small-paddingInline-normal);
}

.FormControl-input.FormControl-medium, .FormControl-select.FormControl-medium, .FormControl-textarea.FormControl-medium {
  height: var(--control-medium-size);
}

.FormControl-input.FormControl-large, .FormControl-select.FormControl-large, .FormControl-textarea.FormControl-large {
  height: var(--control-large-size);
  padding-block: var(--control-large-paddingBlock);
  padding-inline: var(--control-large-paddingInline-normal);
}

.FormControl-input.FormControl-inset, .FormControl-select.FormControl-inset, .FormControl-textarea.FormControl-inset {
  background-color: var(--bgColor-muted);
}

.FormControl-input.FormControl-inset:focus, .FormControl-input.FormControl-inset:focus-visible, .FormControl-select.FormControl-inset:focus, .FormControl-select.FormControl-inset:focus-visible, .FormControl-textarea.FormControl-inset:focus, .FormControl-textarea.FormControl-inset:focus-visible {
  background-color: var(--bgColor-default);
}

.FormControl-input.FormControl-monospace, .FormControl-select.FormControl-monospace, .FormControl-textarea.FormControl-monospace {
  font-family: var(--fontStack-monospace);
}

.FormControl-input.FormControl-error, .FormControl-select.FormControl-error, .FormControl-textarea.FormControl-error {
  border-color: var(--control-borderColor-danger);
}

.FormControl-input.FormControl-success, .FormControl-select.FormControl-success, .FormControl-textarea.FormControl-success {
  border-color: var(--control-borderColor-success);
}

.FormControl-input.FormControl-warning, .FormControl-select.FormControl-warning, .FormControl-textarea.FormControl-warning {
  border-color: var(--control-borderColor-warning);
}

.FormControl-toggleSwitchInput {
  align-items: flex-start;
  display: flex;
  gap: var(--base-size-16);
}

.FormControl-input-wrap {
  display: grid;
  position: relative;
}

.FormControl-input-wrap.FormControl-input-width--auto {
  width: auto;
}

.FormControl-input-wrap.FormControl-input-width--small {
  max-width: min(256px, 100vw - 2rem);
}

.FormControl-input-wrap.FormControl-input-width--medium {
  max-width: min(320px, 100vw - 2rem);
}

.FormControl-input-wrap.FormControl-input-width--large {
  max-width: min(480px, 100vw - 2rem);
}

.FormControl-input-wrap.FormControl-input-width--xlarge {
  max-width: min(640px, 100vw - 2rem);
}

.FormControl-input-wrap.FormControl-input-width--xxlarge {
  max-width: min(960px, 100vw - 2rem);
}

.FormControl-input-wrap .FormControl-input-leadingVisualWrap {
  color: var(--fgColor-muted);
  display: block;
  height: var(--base-size-16);
  left: var(--base-size-8);
  pointer-events: none;
  position: absolute;
  top: var(--base-size-8);
  width: var(--base-size-16);
}

.FormControl-input-wrap .FormControl-input-leadingVisualWrap .FormControl-input-leadingVisual {
  display: block;
  -webkit-user-select: none;
  user-select: none;
}

.FormControl-input-wrap .FormControl-input-trailingAction {
  align-items: center;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: var(--borderRadius-small);
  color: var(--fgColor-muted);
  cursor: pointer;
  display: grid;
  height: var(--control-xsmall-size);
  justify-content: center;
  padding: 0;
  position: absolute;
  right: var(--base-size-4);
  top: var(--base-size-4);
  transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);
  transition-property: color, background-color, border-color;
  width: var(--control-xsmall-size);
  z-index: 4;
}

.FormControl-input-wrap .FormControl-input-trailingAction svg {
  -webkit-user-select: none;
  user-select: none;
}

.FormControl-input-wrap .FormControl-input-trailingAction[disabled] {
  color: var(--control-fgColor-disabled);
  pointer-events: none;
}

.FormControl-input-wrap .FormControl-input-trailingAction:hover {
  background: var(--control-transparent-bgColor-hover);
}

.FormControl-input-wrap .FormControl-input-trailingAction:active {
  background: var(--control-transparent-bgColor-active);
}

.FormControl-input-wrap .FormControl-input-trailingAction.FormControl-input-trailingAction--divider:before {
  background: var(--borderColor-default);
  content: "";
  display: block;
  height: var(--base-size-16);
  left: calc(var(--base-size-4) * -1);
  position: absolute;
  top: calc((var(--control-xsmall-size) - var(--base-size-16)) / 2);
  width: var(--borderWidth-thin);
}

.FormControl-input-wrap .FormControl-input-trailingAction:after {
  content: "";
  height: 100%;
  left: 50%;
  min-height: var(--control-medium-size) var(--control-medium-size);
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
}

@media (pointer: coarse) {
  .FormControl-input-wrap .FormControl-input-trailingAction:after {
    min-height: var(--control-minTarget-coarse);
    min-width: var(--control-minTarget-coarse);
  }
}
.FormControl-input-wrap.FormControl-input-wrap--leadingVisual .FormControl-input {
  padding-inline-start: calc(var(--control-medium-paddingInline-condensed) + var(--base-size-16) + var(--control-medium-gap));
}

.FormControl-input-wrap.FormControl-input-wrap--trailingAction .FormControl-input {
  padding-inline-end: calc(var(--control-medium-paddingInline-condensed) + var(--base-size-16) + var(--control-medium-gap));
}

.FormControl-input-wrap.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input {
  padding-inline-end: calc(var(--control-medium-paddingInline-condensed) + var(--base-size-16) + var(--control-medium-gap) + var(--borderWidth-thin));
}

.FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-leadingVisualWrap {
  left: calc(var(--control-medium-paddingInline-condensed) - 0.125rem);
  top: calc(var(--control-medium-paddingInline-condensed) - 0.125rem);
}

.FormControl-input-wrap.FormControl-input-wrap--small.FormControl-input-wrap--trailingAction .FormControl-input.FormControl-small {
  padding-inline-end: calc(var(--control-small-paddingInline-condensed) + var(--base-size-16) + var(--control-small-gap));
}

.FormControl-input-wrap.FormControl-input-wrap--small.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input.FormControl-small {
  padding-inline-end: calc(var(--control-small-paddingInline-condensed) + var(--base-size-16) + var(--control-small-gap) + var(--borderWidth-thin));
}

.FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-trailingAction {
  height: calc(var(--control-small-size) - var(--base-size-8));
  width: calc(var(--control-small-size) - var(--base-size-8));
}

.FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-trailingAction:before {
  top: calc((var(--control-xsmall-size) - var(--base-size-16)) / 4);
}

.FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-leadingVisualWrap {
  left: var(--control-medium-paddingInline-normal);
  top: var(--control-medium-paddingInline-normal);
}

.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--leadingVisual .FormControl-input.FormControl-large {
  padding-inline-start: calc(var(--control-large-paddingInline-normal) + var(--base-size-16) + var(--control-large-gap));
}

.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingAction .FormControl-input.FormControl-large {
  padding-inline-end: calc(var(--control-large-paddingInline-normal) + var(--base-size-16) + var(--control-large-gap));
}

.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input.FormControl-large {
  padding-inline-end: calc(var(--control-large-paddingInline-normal) + var(--base-size-16) + var(--control-large-gap) + var(--borderWidth-thin));
}

.FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-trailingAction {
  height: var(--control-small-size);
  right: calc(var(--control-medium-paddingInline-condensed) - 0.125rem);
  top: calc(var(--control-medium-paddingInline-condensed) - 0.125rem);
  width: var(--control-small-size);
}

.FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-trailingAction:before {
  height: var(--base-size-20);
  top: unset;
}

.FormControl-select-wrap {
  display: grid;
  grid-template-columns: minmax(0, auto) var(--base-size-16);
}

.FormControl-select-wrap.FormControl-input-width--auto {
  width: auto;
}

.FormControl-select-wrap.FormControl-input-width--small {
  max-width: min(256px, 100vw - 2rem);
}

.FormControl-select-wrap.FormControl-input-width--medium {
  max-width: min(320px, 100vw - 2rem);
}

.FormControl-select-wrap.FormControl-input-width--large {
  max-width: min(480px, 100vw - 2rem);
}

.FormControl-select-wrap.FormControl-input-width--xlarge {
  max-width: min(640px, 100vw - 2rem);
}

.FormControl-select-wrap.FormControl-input-width--xxlarge {
  max-width: min(960px, 100vw - 2rem);
}

.FormControl-select-wrap:after {
  background-color: var(--bgColor-neutral-emphasis);
  content: "";
  grid-column: 2;
  grid-row: 1;
  height: var(--base-size-16);
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzU4NjA2OSI+PHBhdGggZD0ibTQuNDI3IDkuNDI3IDMuMzk2IDMuMzk2YS4yNS4yNSAwIDAgMCAuMzU0IDBsMy4zOTYtMy4zOTZBLjI1LjI1IDAgMCAwIDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAgMC0uMTc3LjQyN000LjQyMyA2LjQ3IDcuODIgMy4wNzJhLjI1LjI1IDAgMCAxIC4zNTQgMEwxMS41NyA2LjQ3YS4yNS4yNSAwIDAgMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMCAxLS4xNzctLjQyNyIvPjwvc3ZnPg==");
  mask-repeat: no-repeat;
  mask-size: contain;
  padding-right: var(--base-size-4);
  place-self: center end;
  pointer-events: none;
  width: var(--base-size-16);
}

.FormControl-select-wrap .FormControl-select {
  appearance: none;
  grid-column: 1/-1;
  grid-row: 1;
  padding-right: var(--base-size-20);
}

.FormControl-select-wrap[data-multiple]:after {
  content: none;
}

.FormControl-select-wrap[data-multiple] .FormControl-select {
  padding-right: var(--base-size-8);
}

.FormControl-checkbox-wrap, .FormControl-radio-wrap {
  display: inline-grid;
  gap: var(--base-size-8);
  grid-template-columns: min-content auto;
}

.FormControl-checkbox-wrap .FormControl-checkbox-labelWrap, .FormControl-checkbox-wrap .FormControl-radio-labelWrap, .FormControl-radio-wrap .FormControl-checkbox-labelWrap, .FormControl-radio-wrap .FormControl-radio-labelWrap {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-4);
}

.FormControl-checkbox-wrap .FormControl-label, .FormControl-radio-wrap .FormControl-label {
  cursor: pointer;
}

.FormControl-check-group-wrap fieldset, .FormControl-radio-group-wrap fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

input[type=checkbox].FormControl-checkbox {
  appearance: none;
  background-color: var(--bgColor-default);
  border: var(--borderWidth-thin) solid var(--control-borderColor-rest, var(--color-border-default));
  border-color: var(--control-borderColor-emphasis);
  border-radius: var(--borderRadius-small);
  box-shadow: var(--shadow-inset);
  color: var(--fgColor-default);
  cursor: pointer;
  display: grid;
  height: var(--base-size-16);
  margin: 0.125rem 0 0;
  place-content: center;
  position: relative;
  transition: background-color, border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);
  width: var(--base-size-16);
}

input.FormControl-checkbox[type=checkbox][disabled] {
  background-color: var(--control-bgColor-disabled);
  border-color: var(--control-borderColor-disabled);
  box-shadow: none;
  color: var(--control-fgColor-disabled);
  cursor: not-allowed;
  opacity: 1;
  -webkit-text-fill-color: var(--control-fgColor-disabled);
}

input.FormControl-checkbox[type=checkbox][invalid=true]:not(:focus) {
  border-color: var(--control-borderColor-danger);
}

input.FormControl-checkbox[type=checkbox][invalid=false]:not(:focus) {
  border-color: var(--control-borderColor-success);
}

input.FormControl-checkbox[type=checkbox]:not([type=checkbox], [type=radio]):focus {
  border-color: var(--focus-outlineColor);
  box-shadow: inset 0 0 0 1px var(--focus-outlineColor);
  outline: none;
}

input.FormControl-checkbox[type=checkbox]:not([type=checkbox], [type=radio]):focus:not(:focus-visible) {
  border-color: rgba(0, 0, 0, 0);
  border-color: var(--focus-outlineColor);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0) var(--focus-outlineColor);
  outline: none;
}

input.FormControl-checkbox[type=checkbox]:not([type=checkbox], [type=radio]):focus-visible {
  border-color: var(--focus-outlineColor);
  box-shadow: inset 0 0 0 1px var(--focus-outlineColor);
  outline: none;
}

input.FormControl-checkbox[type=checkbox]:before {
  background-color: var(--control-checked-fgColor-rest);
  clip-path: inset(var(--base-size-16) 0 0 0);
  content: "";
  height: var(--base-size-16);
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43OC4yMmEuNzUuNzUgMCAwIDEgMCAxLjA2MUw0LjUyIDguNTQxYS43NS43NSAwIDAgMS0xLjA2MiAwTC4yMDIgNS4yODVhLjc1Ljc1IDAgMCAxIDEuMDYxLTEuMDYxbDIuNzI1IDIuNzIzTDEwLjcxOC4yMmEuNzUuNzUgMCAwIDEgMS4wNjIgMCIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 75%;
  transition: visibility 0s linear 0.23s;
  visibility: hidden;
  width: var(--base-size-16);
}

@media screen and (prefers-reduced-motion: no-preference) {
  input.FormControl-checkbox[type=checkbox]:before {
    animation: checkmarkOut 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
}
input.FormControl-checkbox[type=checkbox]:after {
  content: "";
  height: 100%;
  left: 50%;
  min-height: var(--control-medium-size) var(--control-medium-size);
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
}

input.FormControl-checkbox[type=checkbox][disabled] ~ .FormControl-checkbox-labelWrap .FormControl-label {
  color: var(--control-fgColor-disabled);
  cursor: not-allowed;
}

input.FormControl-checkbox[type=checkbox]:checked {
  background: var(--control-checked-bgColor-rest, var(--color-accent-fg));
  border-color: var(--control-checked-borderColor-rest, var(--color-accent-fg));
  transition: background-color, border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms;
}

input.FormControl-checkbox[type=checkbox]:checked:before {
  transition: visibility 0s linear 0s;
  visibility: visible;
}

@media screen and (prefers-reduced-motion: no-preference) {
  input.FormControl-checkbox[type=checkbox]:checked:before {
    animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) 80ms forwards;
  }
}
input.FormControl-checkbox[type=checkbox]:checked:disabled {
  background-color: var(--control-fgColor-disabled);
  border-color: var(--control-fgColor-disabled);
  cursor: not-allowed;
  opacity: 1;
}

input.FormControl-checkbox[type=checkbox]:checked:disabled:before {
  background-color: var(--control-checked-fgColor-rest);
}

@media (forced-colors: active) {
  input.FormControl-checkbox[type=checkbox]:checked {
    background-color: canvastext;
    border-color: canvastext;
  }
}
input.FormControl-checkbox[type=checkbox]:focus-visible {
  box-shadow: none;
  outline: 2px solid var(--focus-outlineColor);
  outline-offset: 2px;
}

input.FormControl-checkbox[type=checkbox]:indeterminate:before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDFhMSAxIDAgMCAxIDEtMWg4YTEgMSAwIDEgMSAwIDJIMWExIDEgMCAwIDEtMS0xIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
  visibility: visible;
}

input[type=radio].FormControl-radio {
  appearance: none;
  background-color: var(--bgColor-default);
  border: var(--borderWidth-thin) solid var(--control-borderColor-rest, var(--color-border-default));
  border-color: var(--control-borderColor-emphasis);
  border-radius: var(--borderRadius-full);
  box-shadow: var(--shadow-inset);
  color: var(--fgColor-default);
  cursor: pointer;
  height: var(--base-size-16);
  margin: 0.125rem 0 0;
  position: relative;
  transition: background-color, border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);
  width: var(--base-size-16);
}

input.FormControl-radio[type=radio][disabled] {
  background-color: var(--control-bgColor-disabled);
  border-color: var(--control-borderColor-disabled);
  box-shadow: none;
  color: var(--control-fgColor-disabled);
  cursor: not-allowed;
  opacity: 1;
  -webkit-text-fill-color: var(--control-fgColor-disabled);
}

input.FormControl-radio[type=radio][invalid=true]:not(:focus) {
  border-color: var(--control-borderColor-danger);
}

input.FormControl-radio[type=radio][invalid=false]:not(:focus) {
  border-color: var(--control-borderColor-success);
}

input.FormControl-radio[type=radio]:not([type=checkbox], [type=radio]):focus {
  border-color: var(--focus-outlineColor);
  box-shadow: inset 0 0 0 1px var(--focus-outlineColor);
  outline: none;
}

input.FormControl-radio[type=radio]:not([type=checkbox], [type=radio]):focus:not(:focus-visible) {
  border-color: rgba(0, 0, 0, 0);
  border-color: var(--focus-outlineColor);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0) var(--focus-outlineColor);
  outline: none;
}

input.FormControl-radio[type=radio]:not([type=checkbox], [type=radio]):focus-visible {
  border-color: var(--focus-outlineColor);
  box-shadow: inset 0 0 0 1px var(--focus-outlineColor);
  outline: none;
}

input.FormControl-radio[type=radio]:after {
  content: "";
  height: 100%;
  left: 50%;
  min-height: var(--control-medium-size) var(--control-medium-size);
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
}

input.FormControl-radio[type=radio][disabled] ~ .FormControl-radio-labelWrap .FormControl-label {
  color: var(--control-fgColor-disabled);
  cursor: not-allowed;
}

input.FormControl-radio[type=radio]:checked {
  border-color: var(--control-checked-borderColor-rest, var(--color-accent-fg));
  border-width: var(--base-size-4);
}

input.FormControl-radio[type=radio]:checked:disabled, input.FormControl-radio[type=radio][disabled]:checked {
  border-color: var(--control-fgColor-disabled);
  cursor: not-allowed;
}

input.FormControl-radio[type=radio]:checked:disabled ~ .FormControl-radio-labelWrap .FormControl-label, input.FormControl-radio[type=radio][disabled]:checked ~ .FormControl-radio-labelWrap .FormControl-label {
  color: var(--control-fgColor-disabled);
  cursor: not-allowed;
}

input.FormControl-radio[type=radio]:focus-visible {
  box-shadow: none;
  outline: 2px solid var(--focus-outlineColor);
  outline-offset: 2px;
}

@media (forced-colors: active) {
  input[type=radio].FormControl-radio {
    background-color: canvastext;
    border-color: canvastext;
  }
}
@keyframes checkmarkIn {
  0% {
    clip-path: inset(var(--base-size-16) 0 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes checkmarkOut {
  0% {
    clip-path: inset(0 0 0 0);
  }
  to {
    clip-path: inset(var(--base-size-16) 0 0 0);
  }
}
.AppFrame .AppFrame-a11yNav {
  position: absolute;
  z-index: 1000;
  display: flex;
  width: 100%;
  padding: var(--base-size-16, 16px);
  background: var(--bgColor-inset, var(--color-canvas-inset));
  padding-block-end: calc(var(--base-size-16, 16px) - var(--borderWidth-thin, 1px));
  isolation: isolate;
  align-items: center;
  gap: var(--base-size-8, 8px);
}
.AppFrame .AppFrame-a11yNav:not(:focus-within) {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
}
.AppFrame .AppFrame-a11yNav:focus-within {
  top: 0;
  left: 0;
}
@media (max-width: 767.98px) {
  .AppFrame .AppFrame-a11yNav:focus-within {
    justify-content: center;
  }
}
.AppFrame .AppFrame-a11yLink {
  transition: none;
}
.AppFrame .AppFrame-a11yLink:not(:focus) {
  display: block;
  width: var(--base-size-8, 8px);
  height: var(--base-size-8, 8px);
  overflow: hidden;
  text-indent: var(--base-size-128, 128px);
  pointer-events: none;
  background: var(--borderColor-default, var(--color-border-default));
  border-radius: var(--borderRadius-full, 100vh);
}
.AppFrame .AppFrame-a11yLink:focus {
  z-index: 20;
  display: grid;
  width: auto;
  height: auto;
  min-height: var(--control-medium-size, 32px);
  padding: 0 var(--control-medium-paddingInline-spacious, 16px);
  overflow: auto;
  color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
  background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
  border-radius: var(--borderRadius-full, 100vh);
  align-items: center;
}
@media (pointer: coarse) {
  .AppFrame .AppFrame-a11yLink:focus::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    min-height: var(--control-minTarget-coarse, 44px);
    content: "";
    transform: translateX(-50%) translateY(-50%);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .AppFrame .AppFrame-a11yLink:focus {
    animation: AppFrame-a11yLink-focus 200ms ease-out;
  }
}
@keyframes AppFrame-a11yLink-focus {
  0% {
    color: var(--fgColor-accent, var(--color-accent-emphasis));
    transform: scale(0.3, 0.25);
  }
  50% {
    color: var(--fgColor-accent, var(--color-accent-emphasis));
    transform: scale(1, 1);
  }
  55% {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
  }
  100% {
    transform: scaleX(1);
  }
}
.AppFrame .AppFrame-main {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
@supports (height: 100dvh) {
  .AppFrame .AppFrame-main {
    min-height: 100dvh;
  }
}
.AppFrame .AppFrame-header-wrapper {
  position: relative;
  height: min-content;
  overflow: visible;
}
.AppFrame .AppFrame-header-wrapper .AppFrame-header {
  position: sticky;
  top: 0;
  z-index: 1;
}
.AppFrame .AppFrame-header {
  flex: 0 0 auto;
}
.AppFrame .AppFrame-subheader {
  flex: 0 0 auto;
}
.AppFrame .AppFrame-body {
  flex: 1 0;
  height: 100%;
}
.AppFrame .AppFrame-footer {
  flex: 0 0 auto;
}

.container-sm {
  max-width: 544px;
  margin-right: auto;
  margin-left: auto;
}

.container-md {
  max-width: 768px;
  margin-right: auto;
  margin-left: auto;
}

.container-lg {
  max-width: 1012px;
  margin-right: auto;
  margin-left: auto;
}

.container-xl {
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}

.col-1 {
  width: 8.33333333%;
}

.col-2 {
  width: 16.66666666%;
}

.col-3 {
  width: 24.99999999%;
}

.col-4 {
  width: 33.33333332%;
}

.col-5 {
  width: 41.66666665%;
}

.col-6 {
  width: 49.99999998%;
}

.col-7 {
  width: 58.33333331%;
}

.col-8 {
  width: 66.66666664%;
}

.col-9 {
  width: 74.99999997%;
}

.col-10 {
  width: 83.3333333%;
}

.col-11 {
  width: 91.66666663%;
}

.col-12 {
  width: 100%;
}

@media (min-width: 544px) {
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-2 {
    width: 16.66666666%;
  }
  .col-sm-3 {
    width: 24.99999999%;
  }
  .col-sm-4 {
    width: 33.33333332%;
  }
  .col-sm-5 {
    width: 41.66666665%;
  }
  .col-sm-6 {
    width: 49.99999998%;
  }
  .col-sm-7 {
    width: 58.33333331%;
  }
  .col-sm-8 {
    width: 66.66666664%;
  }
  .col-sm-9 {
    width: 74.99999997%;
  }
  .col-sm-10 {
    width: 83.3333333%;
  }
  .col-sm-11 {
    width: 91.66666663%;
  }
  .col-sm-12 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-2 {
    width: 16.66666666%;
  }
  .col-md-3 {
    width: 24.99999999%;
  }
  .col-md-4 {
    width: 33.33333332%;
  }
  .col-md-5 {
    width: 41.66666665%;
  }
  .col-md-6 {
    width: 49.99999998%;
  }
  .col-md-7 {
    width: 58.33333331%;
  }
  .col-md-8 {
    width: 66.66666664%;
  }
  .col-md-9 {
    width: 74.99999997%;
  }
  .col-md-10 {
    width: 83.3333333%;
  }
  .col-md-11 {
    width: 91.66666663%;
  }
  .col-md-12 {
    width: 100%;
  }
}
@media (min-width: 1012px) {
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-2 {
    width: 16.66666666%;
  }
  .col-lg-3 {
    width: 24.99999999%;
  }
  .col-lg-4 {
    width: 33.33333332%;
  }
  .col-lg-5 {
    width: 41.66666665%;
  }
  .col-lg-6 {
    width: 49.99999998%;
  }
  .col-lg-7 {
    width: 58.33333331%;
  }
  .col-lg-8 {
    width: 66.66666664%;
  }
  .col-lg-9 {
    width: 74.99999997%;
  }
  .col-lg-10 {
    width: 83.3333333%;
  }
  .col-lg-11 {
    width: 91.66666663%;
  }
  .col-lg-12 {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-2 {
    width: 16.66666666%;
  }
  .col-xl-3 {
    width: 24.99999999%;
  }
  .col-xl-4 {
    width: 33.33333332%;
  }
  .col-xl-5 {
    width: 41.66666665%;
  }
  .col-xl-6 {
    width: 49.99999998%;
  }
  .col-xl-7 {
    width: 58.33333331%;
  }
  .col-xl-8 {
    width: 66.66666664%;
  }
  .col-xl-9 {
    width: 74.99999997%;
  }
  .col-xl-10 {
    width: 83.3333333%;
  }
  .col-xl-11 {
    width: 91.66666663%;
  }
  .col-xl-12 {
    width: 100%;
  }
}
.gutter {
  margin-right: calc(var(--base-size-16) * -1);
  margin-left: calc(var(--base-size-16) * -1);
}
.gutter > [class*=col-] {
  padding-right: var(--base-size-16) !important;
  padding-left: var(--base-size-16) !important;
}

.gutter-condensed {
  margin-right: calc(var(--base-size-8) * -1);
  margin-left: calc(var(--base-size-8) * -1);
}
.gutter-condensed > [class*=col-] {
  padding-right: var(--base-size-8) !important;
  padding-left: var(--base-size-8) !important;
}

.gutter-spacious {
  margin-right: calc(var(--base-size-24) * -1);
  margin-left: calc(var(--base-size-24) * -1);
}
.gutter-spacious > [class*=col-] {
  padding-right: var(--base-size-24) !important;
  padding-left: var(--base-size-24) !important;
}

@media (min-width: 544px) {
  .gutter-sm {
    margin-right: calc(var(--base-size-16) * -1);
    margin-left: calc(var(--base-size-16) * -1);
  }
  .gutter-sm > [class*=col-] {
    padding-right: var(--base-size-16) !important;
    padding-left: var(--base-size-16) !important;
  }
  .gutter-sm-condensed {
    margin-right: calc(var(--base-size-8) * -1);
    margin-left: calc(var(--base-size-8) * -1);
  }
  .gutter-sm-condensed > [class*=col-] {
    padding-right: var(--base-size-8) !important;
    padding-left: var(--base-size-8) !important;
  }
  .gutter-sm-spacious {
    margin-right: calc(var(--base-size-24) * -1);
    margin-left: calc(var(--base-size-24) * -1);
  }
  .gutter-sm-spacious > [class*=col-] {
    padding-right: var(--base-size-24) !important;
    padding-left: var(--base-size-24) !important;
  }
}
@media (min-width: 768px) {
  .gutter-md {
    margin-right: calc(var(--base-size-16) * -1);
    margin-left: calc(var(--base-size-16) * -1);
  }
  .gutter-md > [class*=col-] {
    padding-right: var(--base-size-16) !important;
    padding-left: var(--base-size-16) !important;
  }
  .gutter-md-condensed {
    margin-right: calc(var(--base-size-8) * -1);
    margin-left: calc(var(--base-size-8) * -1);
  }
  .gutter-md-condensed > [class*=col-] {
    padding-right: var(--base-size-8) !important;
    padding-left: var(--base-size-8) !important;
  }
  .gutter-md-spacious {
    margin-right: calc(var(--base-size-24) * -1);
    margin-left: calc(var(--base-size-24) * -1);
  }
  .gutter-md-spacious > [class*=col-] {
    padding-right: var(--base-size-24) !important;
    padding-left: var(--base-size-24) !important;
  }
}
@media (min-width: 1012px) {
  .gutter-lg {
    margin-right: calc(var(--base-size-16) * -1);
    margin-left: calc(var(--base-size-16) * -1);
  }
  .gutter-lg > [class*=col-] {
    padding-right: var(--base-size-16) !important;
    padding-left: var(--base-size-16) !important;
  }
  .gutter-lg-condensed {
    margin-right: calc(var(--base-size-8) * -1);
    margin-left: calc(var(--base-size-8) * -1);
  }
  .gutter-lg-condensed > [class*=col-] {
    padding-right: var(--base-size-8) !important;
    padding-left: var(--base-size-8) !important;
  }
  .gutter-lg-spacious {
    margin-right: calc(var(--base-size-24) * -1);
    margin-left: calc(var(--base-size-24) * -1);
  }
  .gutter-lg-spacious > [class*=col-] {
    padding-right: var(--base-size-24) !important;
    padding-left: var(--base-size-24) !important;
  }
}
@media (min-width: 1280px) {
  .gutter-xl {
    margin-right: calc(var(--base-size-16) * -1);
    margin-left: calc(var(--base-size-16) * -1);
  }
  .gutter-xl > [class*=col-] {
    padding-right: var(--base-size-16) !important;
    padding-left: var(--base-size-16) !important;
  }
  .gutter-xl-condensed {
    margin-right: calc(var(--base-size-8) * -1);
    margin-left: calc(var(--base-size-8) * -1);
  }
  .gutter-xl-condensed > [class*=col-] {
    padding-right: var(--base-size-8) !important;
    padding-left: var(--base-size-8) !important;
  }
  .gutter-xl-spacious {
    margin-right: calc(var(--base-size-24) * -1);
    margin-left: calc(var(--base-size-24) * -1);
  }
  .gutter-xl-spacious > [class*=col-] {
    padding-right: var(--base-size-24) !important;
    padding-left: var(--base-size-24) !important;
  }
}
.offset-1 {
  margin-left: 8.33333333% !important;
}

.offset-2 {
  margin-left: 16.66666666% !important;
}

.offset-3 {
  margin-left: 24.99999999% !important;
}

.offset-4 {
  margin-left: 33.33333332% !important;
}

.offset-5 {
  margin-left: 41.66666665% !important;
}

.offset-6 {
  margin-left: 49.99999998% !important;
}

.offset-7 {
  margin-left: 58.33333331% !important;
}

.offset-8 {
  margin-left: 66.66666664% !important;
}

.offset-9 {
  margin-left: 74.99999997% !important;
}

.offset-10 {
  margin-left: 83.3333333% !important;
}

.offset-11 {
  margin-left: 91.66666663% !important;
}

@media (min-width: 544px) {
  .offset-sm-1 {
    margin-left: 8.33333333% !important;
  }
  .offset-sm-2 {
    margin-left: 16.66666666% !important;
  }
  .offset-sm-3 {
    margin-left: 24.99999999% !important;
  }
  .offset-sm-4 {
    margin-left: 33.33333332% !important;
  }
  .offset-sm-5 {
    margin-left: 41.66666665% !important;
  }
  .offset-sm-6 {
    margin-left: 49.99999998% !important;
  }
  .offset-sm-7 {
    margin-left: 58.33333331% !important;
  }
  .offset-sm-8 {
    margin-left: 66.66666664% !important;
  }
  .offset-sm-9 {
    margin-left: 74.99999997% !important;
  }
  .offset-sm-10 {
    margin-left: 83.3333333% !important;
  }
  .offset-sm-11 {
    margin-left: 91.66666663% !important;
  }
}
@media (min-width: 768px) {
  .offset-md-1 {
    margin-left: 8.33333333% !important;
  }
  .offset-md-2 {
    margin-left: 16.66666666% !important;
  }
  .offset-md-3 {
    margin-left: 24.99999999% !important;
  }
  .offset-md-4 {
    margin-left: 33.33333332% !important;
  }
  .offset-md-5 {
    margin-left: 41.66666665% !important;
  }
  .offset-md-6 {
    margin-left: 49.99999998% !important;
  }
  .offset-md-7 {
    margin-left: 58.33333331% !important;
  }
  .offset-md-8 {
    margin-left: 66.66666664% !important;
  }
  .offset-md-9 {
    margin-left: 74.99999997% !important;
  }
  .offset-md-10 {
    margin-left: 83.3333333% !important;
  }
  .offset-md-11 {
    margin-left: 91.66666663% !important;
  }
}
@media (min-width: 1012px) {
  .offset-lg-1 {
    margin-left: 8.33333333% !important;
  }
  .offset-lg-2 {
    margin-left: 16.66666666% !important;
  }
  .offset-lg-3 {
    margin-left: 24.99999999% !important;
  }
  .offset-lg-4 {
    margin-left: 33.33333332% !important;
  }
  .offset-lg-5 {
    margin-left: 41.66666665% !important;
  }
  .offset-lg-6 {
    margin-left: 49.99999998% !important;
  }
  .offset-lg-7 {
    margin-left: 58.33333331% !important;
  }
  .offset-lg-8 {
    margin-left: 66.66666664% !important;
  }
  .offset-lg-9 {
    margin-left: 74.99999997% !important;
  }
  .offset-lg-10 {
    margin-left: 83.3333333% !important;
  }
  .offset-lg-11 {
    margin-left: 91.66666663% !important;
  }
}
@media (min-width: 1280px) {
  .offset-xl-1 {
    margin-left: 8.33333333% !important;
  }
  .offset-xl-2 {
    margin-left: 16.66666666% !important;
  }
  .offset-xl-3 {
    margin-left: 24.99999999% !important;
  }
  .offset-xl-4 {
    margin-left: 33.33333332% !important;
  }
  .offset-xl-5 {
    margin-left: 41.66666665% !important;
  }
  .offset-xl-6 {
    margin-left: 49.99999998% !important;
  }
  .offset-xl-7 {
    margin-left: 58.33333331% !important;
  }
  .offset-xl-8 {
    margin-left: 66.66666664% !important;
  }
  .offset-xl-9 {
    margin-left: 74.99999997% !important;
  }
  .offset-xl-10 {
    margin-left: 83.3333333% !important;
  }
  .offset-xl-11 {
    margin-left: 91.66666663% !important;
  }
}
.Layout {
  display: grid;
  --Layout-sidebar-width:220px;
  --Layout-gutter:16px;
  grid-auto-flow: column;
  grid-template-columns: auto 0 minmax(0, calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter)));
  grid-gap: var(--Layout-gutter);
}

@media (max-width: 543.98px) {
  .Layout {
    grid-auto-flow: row;
    grid-template-columns: 1fr !important;
  }
  .Layout .Layout-divider, .Layout .Layout-main, .Layout .Layout-sidebar {
    grid-column: 1 !important;
    width: 100% !important;
  }
  .Layout.Layout--sidebarPosition-flowRow-start .Layout-sidebar {
    grid-row: 1;
  }
  .Layout.Layout--sidebarPosition-flowRow-end .Layout-sidebar, .Layout.Layout--sidebarPosition-flowRow-start .Layout-main {
    grid-row: 2/span 2;
  }
  .Layout.Layout--sidebarPosition-flowRow-end .Layout-main {
    grid-row: 1;
  }
  .Layout.Layout--sidebarPosition-flowRow-none .Layout-sidebar {
    display: none;
  }
  .Layout.Layout--divided {
    --Layout-gutter:0;
  }
  .Layout.Layout--divided .Layout-divider {
    grid-row: 2;
    height: 1px;
  }
  .Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden {
    display: none;
  }
  .Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow {
    background: var(--bgColor-inset);
    border-color: var(--borderColor-default);
    border-style: solid;
    border-width: var(--borderWidth-thin) 0;
    height: 8px;
    margin-right: 0;
  }
  .Layout.Layout--divided .Layout-main, .Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar {
    grid-row: 3/span 1;
  }
  .Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main {
    grid-row: 1;
  }
}
@media (max-width: 767.98px) {
  .Layout.Layout--flowRow-until-md {
    grid-auto-flow: row;
    grid-template-columns: 1fr !important;
  }
  .Layout.Layout--flowRow-until-md .Layout-divider, .Layout.Layout--flowRow-until-md .Layout-main, .Layout.Layout--flowRow-until-md .Layout-sidebar {
    grid-column: 1 !important;
    width: 100% !important;
  }
  .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start .Layout-sidebar {
    grid-row: 1;
  }
  .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end .Layout-sidebar, .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start .Layout-main {
    grid-row: 2/span 2;
  }
  .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end .Layout-main {
    grid-row: 1;
  }
  .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-none .Layout-sidebar {
    display: none;
  }
  .Layout.Layout--flowRow-until-md.Layout--divided {
    --Layout-gutter:0;
  }
  .Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider {
    grid-row: 2;
    height: 1px;
  }
  .Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden {
    display: none;
  }
  .Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow {
    background: var(--bgColor-inset);
    border-color: var(--borderColor-default);
    border-style: solid;
    border-width: var(--borderWidth-thin) 0;
    height: 8px;
    margin-right: 0;
  }
  .Layout.Layout--flowRow-until-md.Layout--divided .Layout-main, .Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar {
    grid-row: 3/span 1;
  }
  .Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main {
    grid-row: 1;
  }
}
@media (max-width: 1011.98px) {
  .Layout.Layout--flowRow-until-lg {
    grid-auto-flow: row;
    grid-template-columns: 1fr !important;
  }
  .Layout.Layout--flowRow-until-lg .Layout-divider, .Layout.Layout--flowRow-until-lg .Layout-main, .Layout.Layout--flowRow-until-lg .Layout-sidebar {
    grid-column: 1 !important;
    width: 100% !important;
  }
  .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start .Layout-sidebar {
    grid-row: 1;
  }
  .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end .Layout-sidebar, .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start .Layout-main {
    grid-row: 2/span 2;
  }
  .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end .Layout-main {
    grid-row: 1;
  }
  .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-none .Layout-sidebar {
    display: none;
  }
  .Layout.Layout--flowRow-until-lg.Layout--divided {
    --Layout-gutter:0;
  }
  .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider {
    grid-row: 2;
    height: 1px;
  }
  .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden {
    display: none;
  }
  .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow {
    background: var(--bgColor-inset);
    border-color: var(--borderColor-default);
    border-style: solid;
    border-width: var(--borderWidth-thin) 0;
    height: 8px;
    margin-right: 0;
  }
  .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-main, .Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar {
    grid-row: 3/span 1;
  }
  .Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main {
    grid-row: 1;
  }
}
.Layout .Layout-sidebar {
  grid-column: 1;
}

.Layout .Layout-divider {
  display: none;
}

.Layout .Layout-main {
  grid-column: 2/span 2;
}

@media (min-width: 1012px) {
  .Layout {
    --Layout-gutter:24px;
  }
}
.Layout.Layout--gutter-none {
  --Layout-gutter:0px;
}

.Layout.Layout--gutter-condensed {
  --Layout-gutter:16px;
}

@media (min-width: 1012px) {
  .Layout.Layout--gutter-spacious {
    --Layout-gutter:32px;
  }
}
@media (min-width: 1280px) {
  .Layout.Layout--gutter-spacious {
    --Layout-gutter:40px;
  }
}
@media (min-width: 544px) {
  .Layout {
    --Layout-sidebar-width:220px;
  }
}
@media (min-width: 768px) {
  .Layout {
    --Layout-sidebar-width:256px;
  }
}
@media (min-width: 1012px) {
  .Layout {
    --Layout-sidebar-width:296px;
  }
}
@media (min-width: 768px) {
  .Layout.Layout--sidebar-narrow {
    --Layout-sidebar-width:240px;
  }
}
@media (min-width: 1012px) {
  .Layout.Layout--sidebar-narrow {
    --Layout-sidebar-width:256px;
  }
  .Layout.Layout--sidebar-wide {
    --Layout-sidebar-width:320px;
  }
}
@media (min-width: 1280px) {
  .Layout.Layout--sidebar-wide {
    --Layout-sidebar-width:336px;
  }
}
.Layout.Layout--sidebarPosition-start .Layout-sidebar {
  grid-column: 1;
}

.Layout.Layout--sidebarPosition-start .Layout-main {
  grid-column: 2/span 2;
}

.Layout.Layout--sidebarPosition-end {
  grid-template-columns: minmax(0, calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter))) 0 auto;
}

.Layout.Layout--sidebarPosition-end .Layout-main {
  grid-column: 1;
}

.Layout.Layout--sidebarPosition-end .Layout-sidebar {
  grid-column: 2/span 2;
}

.Layout.Layout--divided .Layout-divider {
  background: var(--borderColor-default);
  display: block;
  grid-column: 2;
  margin-right: -1px;
  width: 1px;
}

.Layout.Layout--divided .Layout-main, .Layout.Layout--divided.Layout--sidebarPosition-end .Layout-sidebar {
  grid-column: 3/span 1;
}

.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-main {
  grid-column: 1;
}

.Layout-divider {
  display: none;
  width: 1px;
}

.Layout-sidebar {
  width: var(--Layout-sidebar-width);
}

.Layout-main {
  min-width: 0;
}

.Layout-main .Layout-main-centered-lg, .Layout-main .Layout-main-centered-md, .Layout-main .Layout-main-centered-xl {
  margin-left: auto;
  margin-right: auto;
}

.Layout-main .Layout-main-centered-lg > .container-lg, .Layout-main .Layout-main-centered-lg > .container-md, .Layout-main .Layout-main-centered-lg > .container-xl, .Layout-main .Layout-main-centered-md > .container-lg, .Layout-main .Layout-main-centered-md > .container-md, .Layout-main .Layout-main-centered-md > .container-xl, .Layout-main .Layout-main-centered-xl > .container-lg, .Layout-main .Layout-main-centered-xl > .container-md, .Layout-main .Layout-main-centered-xl > .container-xl {
  margin-left: 0;
}

.Layout-main .Layout-main-centered-md {
  max-width: calc(var(--breakpoint-medium) + var(--Layout-sidebar-width) + var(--Layout-gutter));
}

.Layout-main .Layout-main-centered-lg {
  max-width: calc(var(--breakpoint-large) + var(--Layout-sidebar-width) + var(--Layout-gutter));
}

.Layout-main .Layout-main-centered-xl {
  max-width: calc(var(--breakpoint-xlarge) + var(--Layout-sidebar-width) + var(--Layout-gutter));
}

:root {
  --Layout-pane-width: 220px;
  --Layout-content-width: 100%;
  --Layout-template-columns: 1fr var(--Layout-pane-width);
  --Layout-template-areas: "content pane";
  --Layout-column-gap: var(--base-size-16);
  --Layout-row-gap: var(--base-size-16);
  --Layout-outer-spacing-x: 0px;
  --Layout-outer-spacing-y: 0px;
  --Layout-inner-spacing-min: 0px;
  --Layout-inner-spacing-max: 0px;
}

.PageLayout {
  display: block;
  margin: var(--Layout-outer-spacing-y) var(--Layout-outer-spacing-x);
}
@media (min-width: 768px) {
  .PageLayout.PageLayout--panePos-start {
    --Layout-template-columns: var(--Layout-pane-width) minmax(0, calc(100% - var(--Layout-pane-width) - var(--Layout-column-gap)));
    --Layout-template-areas: "pane content";
  }
  .PageLayout.PageLayout--panePos-end {
    --Layout-template-columns: minmax(0, calc(100% - var(--Layout-pane-width) - var(--Layout-column-gap))) var(--Layout-pane-width);
    --Layout-template-areas: "content pane";
  }
  .PageLayout .PageLayout-header--hasDivider {
    padding-bottom: max(var(--Layout-row-gap), var(--Layout-inner-spacing-min));
    border-bottom: 1px solid var(--borderColor-default, var(--color-border-default));
  }
  .PageLayout .PageLayout-footer--hasDivider {
    padding-top: max(var(--Layout-row-gap), var(--Layout-inner-spacing-min));
    border-top: 1px solid var(--borderColor-default, var(--color-border-default));
  }
  .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start .PageLayout-pane {
    border-right: 1px solid var(--borderColor-default, var(--color-border-default));
  }
  .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start:not(.PageLayout--columnGap-none) .PageLayout-pane {
    padding-right: calc(var(--Layout-column-gap) - 1px);
    margin-right: calc(var(--Layout-column-gap) * -1);
  }
  .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start:not(.PageLayout--columnGap-none) .PageLayout-content {
    margin-left: var(--Layout-column-gap);
  }
  .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end .PageLayout-pane {
    border-left: 1px solid var(--borderColor-default, var(--color-border-default));
  }
  .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end:not(.PageLayout--columnGap-none) .PageLayout-pane {
    padding-left: calc(var(--Layout-column-gap) - 1px);
    margin-left: calc(var(--Layout-column-gap) * -1);
  }
  .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end:not(.PageLayout--columnGap-none) .PageLayout-content {
    margin-right: var(--Layout-column-gap);
  }
  .PageLayout .PageLayout-pane--sticky {
    position: sticky;
    top: 0;
    max-height: 100vh;
    overflow: auto;
    scrollbar-width: thin;
  }
  @supports (max-height: 100dvh) {
    .PageLayout .PageLayout-pane--sticky {
      max-height: 100dvh;
    }
  }
  .PageLayout [class^=PageLayout-content-centered-] {
    max-width: calc(var(--Layout-content-width) + var(--Layout-pane-width) + var(--Layout-column-gap));
    margin-right: auto;
    margin-left: auto;
  }
  .PageLayout.PageLayout--hasPaneDivider [class^=PageLayout-content-centered-] {
    max-width: calc(var(--Layout-content-width) + var(--Layout-pane-width) + var(--Layout-column-gap) * 2);
  }
  .PageLayout.PageLayout--panePos-start [class^=PageLayout-content-centered-] > [class^=container-] {
    margin-left: 0;
  }
  .PageLayout.PageLayout--panePos-end [class^=PageLayout-content-centered-] > [class^=container-] {
    margin-right: 0;
  }
  .PageLayout .PageLayout-content-centered-sm {
    --Layout-content-width: 544px;
  }
  .PageLayout .PageLayout-content-centered-md {
    --Layout-content-width: 768px;
  }
  .PageLayout .PageLayout-content-centered-lg {
    --Layout-content-width: 1012px;
  }
  .PageLayout .PageLayout-content-centered-xl {
    --Layout-content-width: 1280px;
  }
}
@media (min-width: 768px) and (min-width: 544px) {
  .PageLayout {
    --Layout-pane-width: 220px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .PageLayout {
    --Layout-pane-width: 256px;
  }
}
@media (min-width: 768px) and (min-width: 1012px) {
  .PageLayout {
    --Layout-pane-width: 296px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .PageLayout.PageLayout--paneWidth-narrow {
    --Layout-pane-width: 240px;
  }
}
@media (min-width: 768px) and (min-width: 1012px) {
  .PageLayout.PageLayout--paneWidth-narrow {
    --Layout-pane-width: 256px;
  }
}
@media (min-width: 768px) and (min-width: 1012px) {
  .PageLayout.PageLayout--paneWidth-wide {
    --Layout-pane-width: 320px;
  }
}
@media (min-width: 768px) and (min-width: 1280px) {
  .PageLayout.PageLayout--paneWidth-wide {
    --Layout-pane-width: 336px;
  }
}
@media (max-width: 767.98px) {
  .PageLayout.PageLayout--responsive-stackRegions {
    --Layout-template-columns: 1fr;
    --Layout-template-areas: "content" "pane";
  }
  .PageLayout.PageLayout--responsive-stackRegions.PageLayout--responsive-panePos-start {
    --Layout-template-areas: "pane" "content";
  }
  .PageLayout.PageLayout--responsive-separateRegions {
    --Layout-template-columns: 1fr;
    --Layout-template-areas: "content";
  }
  .PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-content {
    --Layout-template-areas: "content";
  }
  .PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-content .PageLayout-pane {
    display: none;
  }
  .PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane {
    --Layout-template-areas: "pane";
  }
  .PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane .PageLayout-content {
    display: none;
  }
  .PageLayout .PageLayout-region--dividerNarrow-line-before {
    position: relative;
    margin-top: var(--Layout-row-gap);
  }
  .PageLayout .PageLayout-region--dividerNarrow-line-before::before {
    position: absolute;
    left: calc(var(--Layout-outer-spacing-x) * -1);
    display: block;
    width: calc(100% + var(--Layout-outer-spacing-x) * 2);
    height: 1px;
    content: "";
    background-color: var(--borderColor-default, var(--color-border-default));
    top: calc(-1px - var(--Layout-row-gap));
  }
  .PageLayout .PageLayout-region--dividerNarrow-line-after {
    position: relative;
    margin-bottom: var(--Layout-row-gap);
  }
  .PageLayout .PageLayout-region--dividerNarrow-line-after::after {
    position: absolute;
    left: calc(var(--Layout-outer-spacing-x) * -1);
    display: block;
    width: calc(100% + var(--Layout-outer-spacing-x) * 2);
    height: 1px;
    content: "";
    background-color: var(--borderColor-default, var(--color-border-default));
    bottom: calc(-1px - var(--Layout-row-gap));
  }
  .PageLayout .PageLayout-region--dividerNarrow-filled-before {
    position: relative;
    margin-top: calc(var(--base-size-8) + var(--Layout-row-gap));
  }
  .PageLayout .PageLayout-region--dividerNarrow-filled-before::after {
    position: absolute;
    bottom: calc(var(--base-size-8) * -1);
    left: calc(var(--Layout-outer-spacing-x) * -1);
    display: block;
    width: calc(100% + var(--Layout-outer-spacing-x) * 2);
    height: var(--base-size-8);
    content: "";
    background-color: var(--bgColor-inset, var(--color-canvas-inset));
    box-shadow: inset 0 1px var(--borderColor-default, var(--color-border-default)), inset 0 -1px var(--borderColor-default, var(--color-border-default));
    top: calc(var(--base-size-8) * -1 - var(--Layout-row-gap));
  }
  .PageLayout .PageLayout-region--dividerNarrow-filled-after {
    position: relative;
    margin-bottom: calc(var(--base-size-8) + var(--Layout-row-gap));
  }
  .PageLayout .PageLayout-region--dividerNarrow-filled-after::before {
    position: absolute;
    bottom: calc(var(--base-size-8) * -1);
    left: calc(var(--Layout-outer-spacing-x) * -1);
    display: block;
    width: calc(100% + var(--Layout-outer-spacing-x) * 2);
    height: var(--base-size-8);
    content: "";
    background-color: var(--bgColor-inset, var(--color-canvas-inset));
    box-shadow: inset 0 1px var(--borderColor-default, var(--color-border-default)), inset 0 -1px var(--borderColor-default, var(--color-border-default));
    bottom: calc(var(--base-size-8) * -1 - var(--Layout-row-gap));
  }
}

.PageLayout-wrapper {
  display: grid;
  grid: auto-flow/1fr;
  row-gap: var(--Layout-row-gap);
}

.PageLayout-columns {
  display: grid;
  column-gap: var(--Layout-column-gap);
  row-gap: var(--Layout-row-gap);
  grid-template-columns: var(--Layout-template-columns);
  grid-template-rows: 1fr;
  grid-template-areas: var(--Layout-template-areas);
}
.PageLayout-columns .PageLayout-content {
  padding-right: var(--Layout-inner-spacing-max);
  padding-left: var(--Layout-inner-spacing-max);
  grid-area: content;
}
.PageLayout-columns .PageLayout-pane {
  grid-area: pane;
}

.PageLayout--outerSpacing-normal {
  --Layout-outer-spacing-x: var(--base-size-16);
  --Layout-outer-spacing-y: var(--base-size-16);
}
@media (min-width: 1012px) {
  .PageLayout--outerSpacing-normal {
    --Layout-outer-spacing-x: var(--base-size-24);
    --Layout-outer-spacing-y: var(--base-size-24);
  }
}

.PageLayout--outerSpacing-condensed {
  --Layout-outer-spacing-x: var(--base-size-16);
  --Layout-outer-spacing-y: var(--base-size-16);
}

.PageLayout--innerSpacing-normal {
  --Layout-inner-spacing-min: var(--base-size-16);
  --Layout-inner-spacing-max: var(--base-size-16);
}
@media (min-width: 1012px) {
  .PageLayout--innerSpacing-normal {
    --Layout-inner-spacing-max: var(--base-size-24);
  }
}

.PageLayout--innerSpacing-condensed {
  --Layout-inner-spacing-min: var(--base-size-16);
  --Layout-inner-spacing-max: var(--base-size-16);
}

.PageLayout--columnGap-normal {
  --Layout-column-gap: var(--base-size-16);
}
@media (min-width: 1012px) {
  .PageLayout--columnGap-normal {
    --Layout-column-gap: var(--base-size-24);
  }
}

.PageLayout--columnGap-condensed {
  --Layout-column-gap: var(--base-size-16);
}

.PageLayout--columnGap-none {
  --Layout-column-gap: 0px;
}

.PageLayout--rowGap-normal {
  --Layout-row-gap: var(--base-size-16);
}
@media (min-width: 1012px) {
  .PageLayout--rowGap-normal {
    --Layout-row-gap: var(--base-size-24);
  }
}

.PageLayout--rowGap-none {
  --Layout-row-gap: 0px;
}

.PageLayout--rowGap-condensed {
  --Layout-row-gap: var(--base-size-16);
}

.PageLayout-header,
.PageLayout-content,
.PageLayout-pane,
.PageLayout-footer {
  padding: var(--Layout-inner-spacing-min);
}

.Stack {
  --Stack-gap-whenRegular: var(--stack-gap-normal, 16px);
  --Stack-gap-whenNarrow: var(--stack-gap-normal, 16px);
  --Stack-gap-whenWide: var(--Stack-gap-whenRegular);
  --Stack-divider-color: var(--borderColor-default, var(--color-border-default));
  display: flex;
  flex-flow: column;
  align-items: stretch;
  align-content: flex-start;
  gap: var(--Stack-gap-whenRegular);
}
@media (max-width: 767.98px) {
  .Stack {
    gap: var(--Stack-gap-whenNarrow);
  }
}
@media (min-width: 1400px) {
  .Stack {
    gap: var(--Stack-gap-whenWide);
  }
}

.Stack-divider {
  display: none;
  padding: 0;
  margin: 0;
  border: 0;
  align-self: stretch;
}

.Stack-item {
  flex: 0 1 auto;
  min-inline-size: 0;
}

@media (max-width: 767.98px) {
  .Stack--dir-inline-whenNarrow {
    flex-flow: row;
  }
  .Stack--dir-block-whenNarrow {
    flex-flow: column;
  }
  .Stack--gap-none-whenNarrow {
    --Stack-gap-whenNarrow: 0;
  }
  .Stack--gap-condensed-whenNarrow {
    --Stack-gap-whenNarrow: var(--stack-gap-condensed, 8px);
  }
  .Stack--gap-normal-whenNarrow {
    --Stack-gap-whenNarrow: var(--stack-gap-normal, 16px);
  }
  .Stack--align-start-whenNarrow {
    align-items: flex-start;
  }
  .Stack--align-center-whenNarrow {
    align-items: center;
  }
  .Stack--align-end-whenNarrow {
    align-items: flex-end;
  }
  .Stack--align-baseline-whenNarrow {
    align-items: baseline;
  }
  .Stack--alignWrap-start-whenNarrow {
    align-content: flex-start;
  }
  .Stack--alignWrap-center-whenNarrow {
    align-content: center;
  }
  .Stack--alignWrap-end-whenNarrow {
    align-content: flex-end;
  }
  .Stack--alignWrap-distribute-whenNarrow {
    align-content: space-between;
  }
  .Stack--alignWrap-distributeEvenly-whenNarrow {
    align-content: space-evenly;
  }
  .Stack--spread-start-whenNarrow {
    justify-content: flex-start;
  }
  .Stack--spread-center-whenNarrow {
    justify-content: center;
  }
  .Stack--spread-end-whenNarrow {
    justify-content: flex-end;
  }
  .Stack--spread-distribute-whenNarrow {
    justify-content: space-between;
  }
  .Stack--spread-distributeEvenly-whenNarrow {
    justify-content: space-evenly;
  }
  .Stack--wrap-whenNarrow {
    flex-wrap: wrap;
  }
  .Stack--nowrap-whenNarrow {
    flex-wrap: nowrap;
  }
  .Stack--showDividers-whenNarrow > .Stack-divider,
  .Stack--showDividers-whenNarrow > .Stack-item > .Stack-divider {
    display: block;
  }
  :not(.Stack--dir-inline-whenNarrow) > .Stack-divider,
  :not(.Stack--dir-inline-whenNarrow) > .Stack-item > .Stack-divider {
    border-block-end: var(--borderWidth-thin, 1px) solid var(--Stack-divider-color);
    inline-size: auto;
    block-size: 0;
  }
  .Stack--dir-inline-whenNarrow > .Stack-divider,
  .Stack--dir-inline-whenNarrow > .Stack-item > .Stack-divider {
    border-inline-end: var(--borderWidth-thin, 1px) solid var(--Stack-divider-color);
    inline-size: 0;
    block-size: auto;
  }
  .Stack-item--expand-whenNarrow {
    flex-grow: 1;
  }
  .Stack-item--keepSize-whenNarrow {
    flex-shrink: 0;
  }
}
@media (min-width: 768px) {
  .Stack--dir-inline-whenRegular {
    flex-flow: row;
  }
  .Stack--dir-block-whenRegular {
    flex-flow: column;
  }
  .Stack--gap-none-whenRegular {
    --Stack-gap-whenRegular: 0;
  }
  .Stack--gap-condensed-whenRegular {
    --Stack-gap-whenRegular: var(--stack-gap-condensed, 8px);
  }
  .Stack--gap-normal-whenRegular {
    --Stack-gap-whenRegular: var(--stack-gap-normal, 16px);
  }
  .Stack--gap-spacious-whenRegular {
    --Stack-gap-whenRegular: var(--stack-gap-spacious, 24px);
  }
  .Stack--align-start-whenRegular {
    align-items: flex-start;
  }
  .Stack--align-center-whenRegular {
    align-items: center;
  }
  .Stack--align-end-whenRegular {
    align-items: flex-end;
  }
  .Stack--align-baseline-whenRegular {
    align-items: baseline;
  }
  .Stack--alignWrap-start-whenRegular {
    align-content: flex-start;
  }
  .Stack--alignWrap-center-whenRegular {
    align-content: center;
  }
  .Stack--alignWrap-end-whenRegular {
    align-content: flex-end;
  }
  .Stack--alignWrap-distribute-whenRegular {
    align-content: space-between;
  }
  .Stack--alignWrap-distributeEvenly-whenRegular {
    align-content: space-evenly;
  }
  .Stack--spread-start-whenRegular {
    justify-content: flex-start;
  }
  .Stack--spread-center-whenRegular {
    justify-content: center;
  }
  .Stack--spread-end-whenRegular {
    justify-content: flex-end;
  }
  .Stack--spread-distribute-whenRegular {
    justify-content: space-between;
  }
  .Stack--spread-distributeEvenly-whenRegular {
    justify-content: space-evenly;
  }
  .Stack--wrap-whenRegular {
    flex-wrap: wrap;
  }
  .Stack--nowrap-whenRegular {
    flex-wrap: nowrap;
  }
  .Stack--showDividers-whenRegular > .Stack-divider,
  .Stack--showDividers-whenRegular > .Stack-item > .Stack-divider {
    display: block;
  }
  :not(.Stack--dir-inline-whenRegular) > .Stack-divider,
  :not(.Stack--dir-inline-whenRegular) > .Stack-item > .Stack-divider {
    border-block-end: var(--borderWidth-thin, 1px) solid var(--Stack-divider-color);
    inline-size: auto;
    block-size: 0;
  }
  .Stack--dir-inline-whenRegular > .Stack-divider,
  .Stack--dir-inline-whenRegular > .Stack-item > .Stack-divider {
    border-inline-end: var(--borderWidth-thin, 1px) solid var(--Stack-divider-color);
    inline-size: 0;
    block-size: auto;
  }
  .Stack-item--expand-whenRegular {
    flex-grow: 1;
  }
  .Stack-item--keepSize-whenRegular {
    flex-shrink: 0;
  }
}
@media (min-width: 1400px) {
  .Stack--dir-inline-whenWide {
    flex-flow: row;
  }
  .Stack--dir-block-whenWide {
    flex-flow: column;
  }
  .Stack--gap-none-whenWide {
    --Stack-gap-whenWide: 0;
  }
  .Stack--gap-condensed-whenWide {
    --Stack-gap-whenWide: var(--stack-gap-condensed, 8px);
  }
  .Stack--gap-normal-whenWide {
    --Stack-gap-whenWide: var(--stack-gap-normal, 16px);
  }
  .Stack--gap-spacious-whenWide {
    --Stack-gap-whenWide: var(--stack-gap-spacious, 24px);
  }
  .Stack--align-start-whenWide {
    align-items: flex-start;
  }
  .Stack--align-center-whenWide {
    align-items: center;
  }
  .Stack--align-end-whenWide {
    align-items: flex-end;
  }
  .Stack--align-baseline-whenWide {
    align-items: baseline;
  }
  .Stack--alignWrap-start-whenWide {
    align-content: flex-start;
  }
  .Stack--alignWrap-center-whenWide {
    align-content: center;
  }
  .Stack--alignWrap-end-whenWide {
    align-content: flex-end;
  }
  .Stack--alignWrap-distribute-whenWide {
    align-content: space-between;
  }
  .Stack--alignWrap-distributeEvenly-whenWide {
    align-content: space-evenly;
  }
  .Stack--spread-start-whenWide {
    justify-content: flex-start;
  }
  .Stack--spread-center-whenWide {
    justify-content: center;
  }
  .Stack--spread-end-whenWide {
    justify-content: flex-end;
  }
  .Stack--spread-distribute-whenWide {
    justify-content: space-between;
  }
  .Stack--spread-distributeEvenly-whenWide {
    justify-content: space-evenly;
  }
  .Stack--wrap-whenWide {
    flex-wrap: wrap;
  }
  .Stack--nowrap-whenWide {
    flex-wrap: nowrap;
  }
  .Stack--showDividers-whenWide > .Stack-divider,
  .Stack--showDividers-whenWide > .Stack-item > .Stack-divider {
    display: block;
  }
  :not(.Stack--dir-inline-whenWide) > .Stack-divider,
  :not(.Stack--dir-inline-whenWide) > .Stack-item > .Stack-divider {
    border-block-end: var(--borderWidth-thin, 1px) solid var(--Stack-divider-color);
    inline-size: auto;
    block-size: 0;
  }
  .Stack--dir-inline-whenWide > .Stack-divider,
  .Stack--dir-inline-whenWide > .Stack-item > .Stack-divider {
    border-inline-end: var(--borderWidth-thin, 1px) solid var(--Stack-divider-color);
    inline-size: 0;
    block-size: auto;
  }
  .Stack-item--expand-whenWide {
    flex-grow: 1;
  }
  .Stack-item--keepSize-whenWide {
    flex-shrink: 0;
  }
}
.Link {
  color: var(--fgColor-accent);
  -webkit-text-decoration: none;
  text-decoration: none;
}

.Link:hover {
  cursor: pointer;
}

.Link:focus, .Link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.Link:focus, .Link:focus-visible {
  outline-offset: 0;
}

.Link--underline {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.Link--primary {
  color: var(--fgColor-default) !important;
}

.Link--primary:hover {
  color: var(--fgColor-accent) !important;
}

.Link--secondary {
  color: var(--fgColor-muted) !important;
}

.Link--secondary:hover {
  color: var(--fgColor-accent) !important;
}

.Link--muted {
  color: var(--fgColor-muted) !important;
}

.Link--muted:hover {
  color: var(--fgColor-accent) !important;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.Link--onHover:hover {
  color: var(--fgColor-accent) !important;
  cursor: pointer;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.Link--muted:hover [class*=color-fg], .Link--primary:hover [class*=color-fg], .Link--secondary:hover [class*=color-fg] {
  color: inherit !important;
}

.menu {
  background-color: var(--bgColor-default);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  list-style: none;
  margin-bottom: var(--stack-gap-normal);
}

.menu-item {
  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
  color: var(--fgColor-default);
  display: block;
  padding: var(--control-medium-paddingInline-condensed) var(--control-medium-paddingInline-spacious);
  position: relative;
}

.menu-item:first-child {
  border-top: 0;
  border-top-right-radius: var(--borderRadius-medium);
}

.menu-item:first-child, .menu-item:first-child:before {
  border-top-left-radius: var(--borderRadius-medium);
}

.menu-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: var(--borderRadius-medium);
}

.menu-item:last-child, .menu-item:last-child:before {
  border-bottom-left-radius: var(--borderRadius-medium);
}

.menu-item:hover {
  background-color: var(--bgColor-neutral-muted);
  -webkit-text-decoration: none;
  text-decoration: none;
}

.menu-item:active {
  background-color: var(--bgColor-muted);
}

.menu-item.selected, .menu-item[aria-current]:not([aria-current=false]), .menu-item[aria-selected=true] {
  background-color: var(--menu-bgColor-active);
  cursor: default;
}

.menu-item.selected:before, .menu-item[aria-current]:not([aria-current=false]):before, .menu-item[aria-selected=true]:before {
  background-color: var(--underlineNav-borderColor-active);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 2px;
}

.menu-item .octicon {
  color: var(--fgColor-muted);
  margin-right: var(--control-medium-gap);
  text-align: center;
  width: 16px;
}

.menu-item .Counter {
  float: right;
  margin-left: var(--control-small-gap);
}

.menu-item .menu-warning {
  color: var(--fgColor-attention);
  float: right;
}

.menu-item .avatar {
  float: left;
  margin-right: var(--control-small-gap);
}

.menu-item.alert .Counter {
  color: var(--fgColor-danger);
}

.menu-heading {
  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
  color: var(--fgColor-default);
  display: block;
  font-size: inherit;
  font-weight: var(--base-text-weight-semibold);
  margin-bottom: 0;
  margin-top: 0;
  padding: var(--control-medium-paddingInline-condensed) var(--control-medium-paddingInline-spacious);
}

.menu-heading:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.menu-heading:first-child {
  border-top-left-radius: var(--borderRadius-medium);
  border-top-right-radius: var(--borderRadius-medium);
}

.menu-heading:last-child {
  border-bottom: 0;
  border-bottom-left-radius: var(--borderRadius-medium);
  border-bottom-right-radius: var(--borderRadius-medium);
}

.tabnav {
  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
  margin-bottom: var(--stack-gap-normal);
  margin-top: 0;
}

.tabnav-tabs {
  display: flex;
  margin-bottom: calc(var(--borderWidth-thin) * -1);
  overflow: hidden;
}

.tabnav-tab {
  background-color: initial;
  border: var(--borderWidth-thin) solid rgba(0, 0, 0, 0);
  border-bottom: 0;
  color: var(--fgColor-muted);
  display: inline-block;
  flex-shrink: 0;
  font-size: var(--text-body-size-medium);
  line-height: 23px;
  padding: var(--base-size-8) var(--control-medium-paddingInline-spacious);
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
}

.tabnav-tab.selected, .tabnav-tab[aria-current]:not([aria-current=false]), .tabnav-tab[aria-selected=true] {
  background-color: var(--bgColor-default);
  border-color: var(--borderColor-default);
  border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
  color: var(--fgColor-default);
}

.tabnav-tab.selected .octicon, .tabnav-tab[aria-current]:not([aria-current=false]) .octicon, .tabnav-tab[aria-selected=true] .octicon {
  color: inherit;
}

.tabnav-tab:hover {
  color: var(--fgColor-default);
  -webkit-text-decoration: none;
  text-decoration: none;
  transition-duration: 0.1s;
}

.tabnav-tab:focus, .tabnav-tab:focus-visible {
  border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0 !important;
  outline-offset: -6px;
}

.tabnav-tab .octicon, .tabnav-tab:active {
  color: var(--fgColor-muted);
}

.tabnav-tab .octicon {
  margin-right: var(--control-small-gap);
}

.tabnav-tab .Counter {
  color: inherit;
  margin-left: var(--control-small-gap);
}

.tabnav-extra {
  color: var(--fgColor-muted);
  display: inline-block;
  font-size: var(--text-body-size-small);
  margin-left: 10px;
  padding-top: 10px;
}

.tabnav-extra > .octicon {
  margin-right: 2px;
}

a.tabnav-extra:hover {
  color: var(--fgColor-accent);
  -webkit-text-decoration: none;
  text-decoration: none;
}

.tabnav-btn {
  margin-left: var(--controlStack-medium-gap-condensed);
}

.filter-list {
  list-style-type: none;
}
.filter-list.small .filter-item {
  padding: 6px 12px;
  font-size: 12px;
}
.filter-list.pjax-active .filter-item {
  color: var(--fgColor-muted, var(--color-fg-muted));
  background-color: transparent;
}
.filter-list.pjax-active .filter-item.pjax-active {
  color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
  background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
}

.filter-item {
  position: relative;
  display: block;
  padding: var(--base-size-8) var(--base-size-16);
  margin-bottom: var(--base-size-4);
  overflow: hidden;
  font-size: 14px;
  color: var(--fgColor-muted, var(--color-fg-muted));
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 6px;
}
.filter-item:hover {
  text-decoration: none;
  background-color: var(--bgColor-muted, var(--color-canvas-subtle));
}
.filter-item.selected, .filter-item[aria-selected=true], .filter-item[aria-current]:not([aria-current=false]) {
  color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
  background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
}
.filter-item.selected:focus, .filter-item[aria-selected=true]:focus, .filter-item[aria-current]:not([aria-current=false]):focus {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
}
.filter-item.selected:focus:not(:focus-visible), .filter-item[aria-selected=true]:focus:not(:focus-visible), .filter-item[aria-current]:not([aria-current=false]):focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}
.filter-item.selected:focus-visible, .filter-item[aria-selected=true]:focus-visible, .filter-item[aria-current]:not([aria-current=false]):focus-visible {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
}
.filter-item .count {
  float: right;
  font-weight: var(--base-text-weight-semibold, 600);
}
.filter-item .bar {
  position: absolute;
  top: var(--base-size-2);
  right: 0;
  bottom: var(--base-size-2);
  z-index: -1;
  display: inline-block;
  background-color: var(--bgColor-neutral-muted, var(--color-neutral-subtle));
}

.SideNav {
  background-color: var(--bgColor-muted, var(--color-canvas-subtle));
}

.SideNav-item {
  position: relative;
  display: block;
  width: 100%;
  padding: 12px var(--base-size-16);
  color: var(--fgColor-default, var(--color-fg-default));
  text-align: left;
  background-color: transparent;
  border: 0;
  border-top: 1px solid var(--borderColor-muted, var(--color-border-muted));
}
.SideNav-item:first-child {
  border-top: 0;
}
.SideNav-item:last-child {
  box-shadow: 0 1px 0 var(--borderColor-default, var(--color-border-default));
}
.SideNav-item::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 2px;
  pointer-events: none;
  content: "";
}

.SideNav-item:hover {
  text-decoration: none;
  background-color: var(--bgColor-neutral-muted, var(--color-neutral-subtle));
}

.SideNav-item:active {
  background-color: var(--bgColor-muted, var(--color-canvas-subtle));
}

.SideNav-item[aria-current]:not([aria-current=false]),
.SideNav-item[aria-selected=true] {
  background-color: var(--sideNav-bgColor-selected, var(--color-sidenav-selected-bg));
}
.SideNav-item[aria-current]:not([aria-current=false])::before,
.SideNav-item[aria-selected=true]::before {
  background-color: var(--underlineNav-borderColor-active, var(--color-primer-border-active));
}

.SideNav-icon {
  width: 16px;
  margin-right: var(--base-size-8);
  color: var(--fgColor-muted, var(--color-fg-muted));
}

.SideNav-subItem {
  position: relative;
  display: block;
  width: 100%;
  padding: var(--base-size-4) 0;
  color: var(--fgColor-accent, var(--color-accent-fg));
  text-align: left;
  background-color: transparent;
  border: 0;
}

.SideNav-subItem:hover {
  color: var(--fgColor-default, var(--color-fg-default));
  text-decoration: none;
}

.SideNav-subItem[aria-current]:not([aria-current=false]),
.SideNav-subItem[aria-selected=true] {
  font-weight: var(--base-text-weight-medium, 500);
  color: var(--fgColor-default, var(--color-fg-default));
}

.subnav {
  margin-bottom: 20px;
}
.subnav::before {
  display: table;
  content: "";
}
.subnav::after {
  display: table;
  clear: both;
  content: "";
}

.subnav-bordered {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted));
}

.subnav-flush {
  margin-bottom: 0;
}

.subnav-item {
  position: relative;
  float: left;
  padding: 5px var(--base-size-16);
  font-weight: var(--base-text-weight-medium, 500);
  line-height: 20px;
  color: var(--fgColor-default, var(--color-fg-default));
  border: 1px solid var(--control-borderColor-rest, var(--color-border-default));
}
.subnav-item + .subnav-item {
  margin-left: -1px;
}
.subnav-item:hover, .subnav-item:focus {
  text-decoration: none;
  background-color: var(--bgColor-muted, var(--color-canvas-subtle));
}
.subnav-item.selected, .subnav-item[aria-selected=true], .subnav-item[aria-current]:not([aria-current=false]) {
  z-index: 2;
  color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
  background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
  border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
}
.subnav-item.selected:focus, .subnav-item[aria-selected=true]:focus, .subnav-item[aria-current]:not([aria-current=false]):focus {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
}
.subnav-item.selected:focus:not(:focus-visible), .subnav-item[aria-selected=true]:focus:not(:focus-visible), .subnav-item[aria-current]:not([aria-current=false]):focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}
.subnav-item.selected:focus-visible, .subnav-item[aria-selected=true]:focus-visible, .subnav-item[aria-current]:not([aria-current=false]):focus-visible {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
}
.subnav-item:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.subnav-item:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.subnav-search {
  position: relative;
  margin-left: 12px;
}

.subnav-search-input {
  width: 320px;
  padding-left: var(--base-size-32);
  color: var(--fgColor-muted, var(--color-fg-muted));
}

.subnav-search-input-wide {
  width: 500px;
}

.subnav-search-icon {
  position: absolute;
  top: 9px;
  left: var(--base-size-8);
  display: block;
  color: var(--fgColor-muted, var(--color-fg-muted));
  text-align: center;
  pointer-events: none;
}

.subnav-search-context .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.subnav-search-context .btn:hover, .subnav-search-context .btn:focus, .subnav-search-context .btn:active, .subnav-search-context .btn.selected {
  z-index: 2;
}
.subnav-search-context + .subnav-search {
  margin-left: -1px;
}
.subnav-search-context + .subnav-search .subnav-search-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.subnav-search-context .select-menu-modal-holder {
  z-index: 30;
}
.subnav-search-context .select-menu-modal {
  width: 220px;
}
.subnav-search-context .select-menu-item-icon {
  color: inherit;
}

.subnav-spacer-right {
  padding-right: 12px;
}

.UnderlineNav {
  box-shadow: inset 0 -1px 0 var(--borderColor-muted);
  display: flex;
  min-height: var(--base-size-48);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: auto;
  justify-content: space-between;
}

.UnderlineNav .Counter {
  background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted));
  color: var(--fgColor-default);
  margin-left: var(--control-medium-gap);
}

.UnderlineNav .Counter--primary {
  background-color: var(--bgColor-neutral-emphasis);
  color: var(--fgColor-onEmphasis);
}

.UnderlineNav-body {
  align-items: center;
  display: flex;
  gap: var(--control-medium-gap);
  list-style: none;
}

.UnderlineNav-item {
  align-items: center;
  background-color: initial;
  border: 0;
  border-radius: var(--borderRadius-medium);
  color: var(--fgColor-default);
  cursor: pointer;
  display: flex;
  font-size: var(--text-body-size-medium);
  line-height: 30px;
  padding: 0 var(--control-medium-paddingInline-condensed);
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.UnderlineNav-item:focus, .UnderlineNav-item:focus-visible, .UnderlineNav-item:hover {
  border-bottom-color: var(--borderColor-neutral-muted);
  color: var(--fgColor-default);
  outline-offset: -2px;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: border-bottom-color 0.12s ease-out;
}

.UnderlineNav-item [data-content]:before {
  content: attr(data-content);
  display: block;
  font-weight: var(--base-text-weight-semibold);
  height: 0;
  visibility: hidden;
}

.UnderlineNav-item:before {
  content: "";
  height: 100%;
  left: 50%;
  min-height: 48px;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
}

@media (pointer: fine) {
  .UnderlineNav-item:hover {
    background: var(--control-transparent-bgColor-hover);
    color: var(--fgColor-default);
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: background 0.12s ease-out;
  }
}
.UnderlineNav-item.selected, .UnderlineNav-item[aria-current]:not([aria-current=false]), .UnderlineNav-item[role=tab][aria-selected=true] {
  border-bottom-color: var(--underlineNav-borderColor-active);
  color: var(--fgColor-default);
  font-weight: var(--base-text-weight-semibold);
}

.UnderlineNav-item.selected:after, .UnderlineNav-item[aria-current]:not([aria-current=false]):after, .UnderlineNav-item[role=tab][aria-selected=true]:after {
  background: var(--underlineNav-borderColor-active);
  border-radius: var(--borderRadius-medium);
  bottom: calc(50% - 25px);
  content: "";
  height: 2px;
  position: absolute;
  right: 50%;
  transform: translate(50%, -50%);
  width: 100%;
  z-index: 1;
}

.UnderlineNav--right {
  justify-content: flex-end;
}

.UnderlineNav--right .UnderlineNav-actions {
  flex: 1 1 auto;
}

.UnderlineNav-actions {
  align-self: center;
}

.UnderlineNav--full {
  display: block;
}

.UnderlineNav--full .UnderlineNav-body {
  min-height: var(--base-size-48);
}

.UnderlineNav-octicon {
  color: var(--fgColor-muted);
  display: inline !important;
  margin-right: var(--control-medium-gap);
  fill: var(--fgColor-muted);
}

.UnderlineNav-container {
  display: flex;
  justify-content: space-between;
}

.pagination a,
.pagination span,
.pagination em {
  min-width: 32px;
  padding: 5px 10px;
  font-style: normal;
  line-height: 20px;
  color: var(--fgColor-default, var(--color-fg-default));
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  border-radius: 6px;
  transition: border-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
}
.pagination a:hover, .pagination a:focus,
.pagination span:hover,
.pagination span:focus,
.pagination em:hover,
.pagination em:focus {
  text-decoration: none;
  border-color: var(--borderColor-default, var(--color-border-default));
  transition-duration: 0.1s;
}
.pagination a:active,
.pagination span:active,
.pagination em:active {
  border-color: var(--borderColor-muted, var(--color-border-muted));
  transition: none;
}
.pagination .previous_page,
.pagination .next_page {
  color: var(--fgColor-accent, var(--color-accent-fg));
}
.pagination .current,
.pagination .current:hover,
.pagination [aria-current]:not([aria-current=false]) {
  color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
  background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
  border-color: transparent;
}
.pagination .gap,
.pagination .disabled,
.pagination [aria-disabled=true],
.pagination .gap:hover,
.pagination .disabled:hover,
.pagination [aria-disabled=true]:hover {
  color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
  cursor: default;
  border-color: transparent;
}
@supports (clip-path: polygon(50% 0, 100% 50%, 50% 100%)) {
  .pagination .previous_page::before,
  .pagination .next_page::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
    content: "";
    background-color: currentColor;
  }
  .pagination .previous_page::before {
    margin-right: var(--base-size-4);
    clip-path: polygon(9.8px 12.8px, 8.7px 12.8px, 4.5px 8.5px, 4.5px 7.5px, 8.7px 3.2px, 9.8px 4.3px, 6.1px 8px, 9.8px 11.7px, 9.8px 12.8px);
  }
  .pagination .next_page::after {
    margin-left: var(--base-size-4);
    clip-path: polygon(6.2px 3.2px, 7.3px 3.2px, 11.5px 7.5px, 11.5px 8.5px, 7.3px 12.8px, 6.2px 11.7px, 9.9px 8px, 6.2px 4.3px, 6.2px 3.2px);
  }
}
.pagination > * {
  display: none;
}
.pagination > :first-child,
.pagination > :last-child,
.pagination > .previous_page,
.pagination > .next_page {
  display: inline-block;
}
@media (min-width: 544px) {
  .pagination > :nth-child(2),
  .pagination > :nth-last-child(2),
  .pagination > .current,
  .pagination > .gap {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .pagination > * {
    display: inline-block;
  }
}

.paginate-container {
  margin-top: var(--base-size-16);
  margin-bottom: var(--base-size-16);
  text-align: center;
}
.paginate-container .pagination {
  display: inline-block;
}

/* stylelint-disable primer/spacing */
.tooltipped {
  position: relative;
}

.tooltipped::after {
  position: absolute;
  z-index: 1000000;
  display: none;
  padding: var(--overlay-paddingBlock-condensed, 0.25rem) var(--overlay-padding-condensed, 0.5rem);
  font: var(--text-body-shorthand-small, normal normal 11px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji");
  -webkit-font-smoothing: subpixel-antialiased;
  color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: break-word;
  white-space: pre;
  pointer-events: none;
  content: attr(aria-label);
  background: var(--bgColor-emphasis, var(--color-neutral-emphasis-plus));
  border-radius: var(--borderRadius-medium);
  opacity: 0;
}

@keyframes tooltip-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tooltipped:hover::before, .tooltipped:hover::after,
.tooltipped:active::before,
.tooltipped:active::after,
.tooltipped:focus::before,
.tooltipped:focus::after {
  display: inline-block;
  text-decoration: none;
  animation-name: tooltip-appear;
  animation-duration: 0.1s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
}

.tooltipped-no-delay:hover::before, .tooltipped-no-delay:hover::after,
.tooltipped-no-delay:active::before,
.tooltipped-no-delay:active::after,
.tooltipped-no-delay:focus::before,
.tooltipped-no-delay:focus::after {
  animation-delay: 0s;
}

.tooltipped-multiline:hover::after,
.tooltipped-multiline:active::after,
.tooltipped-multiline:focus::after {
  display: table-cell;
}

.tooltipped-s::after,
.tooltipped-se::after,
.tooltipped-sw::after {
  top: 100%;
  right: 50%;
  margin-top: 6px;
}

.tooltipped-se::after {
  right: auto;
  left: 50%;
  margin-left: calc(var(--base-size-16) * -1);
}

.tooltipped-sw::after {
  margin-right: calc(var(--base-size-16) * -1);
}

.tooltipped-n::after,
.tooltipped-ne::after,
.tooltipped-nw::after {
  right: 50%;
  bottom: 100%;
  margin-bottom: 6px;
}

.tooltipped-ne::after {
  right: auto;
  left: 50%;
  margin-left: calc(var(--base-size-16) * -1);
}

.tooltipped-nw::after {
  margin-right: calc(var(--base-size-16) * -1);
}

.tooltipped-s::after,
.tooltipped-n::after {
  transform: translateX(50%);
}

.tooltipped-w::after {
  right: 100%;
  bottom: 50%;
  margin-right: 6px;
  transform: translateY(50%);
}

.tooltipped-e::after {
  bottom: 50%;
  left: 100%;
  margin-left: 6px;
  transform: translateY(50%);
}

.tooltipped-align-right-1::after,
.tooltipped-align-right-2::after {
  right: 0;
  margin-right: 0;
}

.tooltipped-align-right-1::before {
  right: 10px;
}

.tooltipped-align-right-2::before {
  right: 15px;
}

.tooltipped-align-left-1::after,
.tooltipped-align-left-2::after {
  left: 0;
  margin-left: 0;
}

.tooltipped-align-left-1::before {
  left: 5px;
}

.tooltipped-align-left-2::before {
  left: 10px;
}

.tooltipped-multiline::after {
  width: max-content;
  max-width: var(--overlay-width-small, 20rem);
  word-wrap: break-word;
  white-space: pre-line;
  border-collapse: separate;
}
.tooltipped-multiline.tooltipped-s::after, .tooltipped-multiline.tooltipped-n::after {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}
.tooltipped-multiline.tooltipped-w::after, .tooltipped-multiline.tooltipped-e::after {
  right: 100%;
}

.tooltipped-sticky::before, .tooltipped-sticky::after {
  display: inline-block;
}
.tooltipped-sticky.tooltipped-multiline::after {
  display: table-cell;
}

.css-truncate .css-truncate-overflow, .css-truncate .css-truncate-target, .css-truncate.css-truncate-overflow, .css-truncate.css-truncate-target {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.css-truncate .css-truncate-target, .css-truncate.css-truncate-target {
  display: inline-block;
  max-width: 125px;
  vertical-align: top;
}

.css-truncate.expandable.css-truncate-target:hover, .css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target, .css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target, .css-truncate.expandable:hover .css-truncate-target {
  max-width: 10000px !important;
}

.Truncate {
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
}

.Truncate > .Truncate-text {
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-width: 1ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Truncate > .Truncate-text + .Truncate-text {
  margin-left: var(--control-small-gap);
}

.Truncate > .Truncate-text.Truncate-text--primary {
  flex-basis: 200%;
}

.Truncate > .Truncate-text.Truncate-text--expandable:active, .Truncate > .Truncate-text.Truncate-text--expandable:focus, .Truncate > .Truncate-text.Truncate-text--expandable:hover {
  cursor: pointer;
  flex-shrink: 0;
  max-width: 100% !important;
}

body.has-modal {
  overflow: hidden !important;
  padding-right: var(--dialog-scrollgutter) !important;
}

dialog.Overlay:not([open]) {
  display: none;
}

.Overlay--hidden {
  display: none !important;
}

.Overlay--visibilityHidden {
  height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}

@supports not selector(:popover-open) {
  [popover]:not(.\:popover-open) {
    display: none;
  }
}
.Overlay {
  background-color: var(--overlay-bgColor);
  border: 0;
  border-radius: var(--borderRadius-large);
  box-shadow: var(--shadow-floating-small);
  color: var(--fgColor-default);
  display: flex;
  flex-direction: column;
  inset: 0;
  margin: auto;
  max-height: min(100vh - 2rem, var(--overlay-height));
  min-width: 192px;
  opacity: 1;
  padding: 0;
  position: static;
  white-space: normal;
  width: min(var(--overlay-width), 100vw - 2rem);
}

.Overlay.Overlay--size-auto {
  max-height: calc(100vh - 2rem);
  max-width: calc(100vw - 2rem);
  min-width: 192px;
}

.Overlay.Overlay--size-full {
  height: 100vh;
  width: 100vw;
}

.Overlay.Overlay--size-xsmall {
  --overlay-width:192px;
  max-height: calc(100vh - 2rem);
}

.Overlay.Overlay--size-small {
  --overlay-height:256px;
  --overlay-width:320px;
}

.Overlay.Overlay--size-small-portrait {
  --overlay-height:432px;
  --overlay-width:320px;
}

.Overlay.Overlay--size-medium {
  --overlay-height:320px;
  --overlay-width:480px;
}

.Overlay.Overlay--size-medium-portrait {
  --overlay-height:600px;
  --overlay-width:480px;
}

.Overlay.Overlay--size-large {
  --overlay-height:432px;
  --overlay-width:640px;
}

.Overlay.Overlay--size-xlarge {
  --overlay-height:600px;
  --overlay-width:960px;
}

.Overlay.Overlay--height-auto {
  height: auto;
}

.Overlay.Overlay--placement-left, .Overlay.Overlay--placement-right {
  height: 100%;
  max-height: unset;
  position: fixed;
}

@media screen and (prefers-reduced-motion: no-preference) {
  .Overlay.Overlay--motion-scaleFade, .Overlay.Overlay--placement-left, .Overlay.Overlay--placement-right {
    animation: Overlay--motion-scaleFade 0.2s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
  }
}
.Overlay.Overlay--placement-left {
  animation-name: Overlay--motion-slideInRight;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  inset: 0 auto 0 0;
}

.Overlay.Overlay--placement-right {
  animation-name: Overlay--motion-slideInLeft;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  inset: 0 0 0 auto;
}

.Overlay.Overlay--height-xsmall {
  height: min(192px, 100vh - 2rem);
}

.Overlay.Overlay--height-small {
  height: min(256px, 100vh - 2rem);
}

.Overlay.Overlay--height-medium {
  height: min(320px, 100vh - 2rem);
}

.Overlay.Overlay--height-large {
  height: min(432px, 100vh - 2rem);
}

.Overlay.Overlay--height-xlarge {
  height: min(600px, 100vh - 2rem);
}

.Overlay.Overlay--width-auto {
  width: auto;
}

.Overlay.Overlay--width-small {
  width: min(256px, 100vw - 2rem);
}

.Overlay.Overlay--width-medium {
  width: min(320px, 100vw - 2rem);
}

.Overlay.Overlay--width-large {
  width: min(480px, 100vw - 2rem);
}

.Overlay.Overlay--width-xlarge {
  width: min(640px, 100vw - 2rem);
}

.Overlay.Overlay--width-xxlarge {
  width: min(960px, 100vw - 2rem);
}

.Overlay:modal {
  position: fixed;
}

@keyframes Overlay--motion-scaleFade {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.Overlay-form {
  flex-grow: 1;
  overflow: auto;
}

.Overlay-form, .Overlay-header {
  display: flex;
  flex-direction: column;
}

.Overlay-header {
  color: var(--fgColor-default);
  z-index: 1;
}

.Overlay-header.Overlay-header--divided {
  box-shadow: inset 0 calc(var(--borderWidth-thin) * -1) var(--borderColor-default);
  padding-bottom: var(--stack-padding-condensed);
}

.Overlay-header.Overlay-header--divided + .Overlay-body {
  padding-top: var(--stack-padding-normal);
}

.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap {
  gap: var(--stack-gap-condensed);
}

.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title {
  font-size: var(--text-title-size-medium);
}

.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-description {
  font-size: var(--text-body-size-medium);
}

.Overlay-header .Overlay-headerContentWrap {
  align-items: flex-start;
  display: flex;
  gap: var(--stack-gap-condensed);
  padding: var(--stack-gap-condensed) var(--stack-gap-condensed) 0 var(--stack-gap-condensed);
}

.Overlay-header .Overlay-headerContentWrap .Overlay-actionWrap {
  display: flex;
  flex-direction: row;
  gap: var(--stack-gap-condensed);
}

.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--control-small-gap);
  padding: calc(var(--stack-gap-condensed) * 0.75) 0 calc(var(--stack-gap-condensed) * 0.75) var(--stack-gap-condensed);
}

.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title {
  font-size: var(--text-body-size-medium);
  font-weight: var(--base-text-weight-semibold);
  margin: 0;
}

.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-description {
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-normal);
  margin: 0;
}

.Overlay-headerFilter {
  padding: var(--stack-gap-condensed) var(--stack-gap-condensed) 0 var(--stack-gap-condensed);
}

.Overlay-body {
  flex-grow: 1;
  font-size: var(--text-body-size-medium);
  overflow-y: auto;
  padding: var(--stack-padding-normal);
  padding-top: 0;
  scrollbar-width: thin;
}

.Overlay-body.Overlay-body--paddingCondensed {
  padding: var(--stack-padding-condensed);
  padding-top: 0;
}

.Overlay-body.Overlay-body--paddingNone {
  padding: 0;
}

.Overlay-footer {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: 0 var(--stack-padding-normal) var(--stack-padding-normal) var(--stack-padding-normal);
  z-index: 1;
}

.Overlay-footer.Overlay-footer--divided {
  box-shadow: inset 0 var(--borderWidth-thin) var(--borderColor-default);
  padding-top: var(--stack-padding-normal);
}

.Overlay-footer.Overlay-footer--alignStart {
  gap: var(--stack-gap-condensed);
  justify-content: flex-start;
}

.Overlay-footer.Overlay-footer--alignCenter {
  gap: var(--stack-gap-condensed);
  justify-content: center;
}

.Overlay-footer.Overlay-footer--alignEnd {
  gap: var(--stack-gap-condensed);
  justify-content: flex-end;
}

.Overlay-closeButton {
  align-self: flex-start;
  background-color: initial;
  border: var(--borderWidth-thin) solid rgba(0, 0, 0, 0);
  border-radius: var(--borderRadius-medium);
  color: var(--fgColor-muted);
  cursor: pointer;
  display: grid;
  flex-shrink: 0;
  height: var(--base-size-32);
  padding: 0;
  place-content: center;
  position: relative;
  transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);
  transition-property: color, background-color, border-color;
  -webkit-user-select: none;
  user-select: none;
  width: var(--base-size-32);
}

.Overlay-closeButton:focus, .Overlay-closeButton:hover {
  background-color: var(--button-default-bgColor-hover);
  border: var(--borderWidth-thin) solid var(--control-bgColor-hover);
}

.Overlay-closeButton.close-button {
  border: var(--borderWidth-thin) solid rgba(0, 0, 0, 0);
}

.Overlay--full {
  border-radius: unset !important;
  flex-grow: 1;
  height: 100%;
  max-height: 100vh;
  max-width: 100vw;
  width: 100%;
}

@media (max-width: 767px) {
  .Overlay--placement-right-whenNarrow, .Overlay.Overlay--placement-left-whenNarrow {
    height: 100%;
    max-height: 100vh;
    position: fixed;
  }
  .Overlay.Overlay--placement-left-whenNarrow {
    animation-name: Overlay--motion-slideInLeft;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    inset: 0 auto 0 0;
  }
  .Overlay.Overlay--placement-right-whenNarrow {
    animation-name: Overlay--motion-slideInLeft;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    inset: 0 0 0 auto;
  }
  .Overlay.Overlay--placement-bottom-whenNarrow {
    animation-name: Overlay--motion-slideUp;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    inset: auto 0 0;
    max-width: 100vw;
    width: 100%;
  }
  .Overlay--full-whenNarrow {
    border-radius: unset !important;
    flex-grow: 1;
    height: 100%;
    max-height: 100vh;
    max-width: 100vw;
    width: 100%;
  }
}
@keyframes Overlay--motion-slideDown {
  0% {
    transform: translateY(-100%);
  }
}
@keyframes Overlay--motion-slideUp {
  0% {
    transform: translateY(100%);
  }
}
@keyframes Overlay--motion-slideInRight {
  0% {
    transform: translateX(-100%);
  }
}
@keyframes Overlay--motion-slideInLeft {
  0% {
    transform: translateX(100%);
  }
}
/* Fade in an element */
.anim-fade-in {
  animation-name: fade-in;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
}
.anim-fade-in.fast {
  animation-duration: 300ms;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Fade out an element */
.anim-fade-out {
  animation-name: fade-out;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}
.anim-fade-out.fast {
  animation-duration: 0.3s;
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Fade in and slide up an element */
.anim-fade-up {
  opacity: 0;
  animation-name: fade-up;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
  animation-delay: 1s;
}

@keyframes fade-up {
  0% {
    opacity: 0.8;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Fade an element out and slide down */
.anim-fade-down {
  animation-name: fade-down;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
}

@keyframes fade-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0.5;
    transform: translateY(100%);
  }
}
/* Grow an element width from 0 to 100% */
.anim-grow-x {
  width: 0%;
  animation-name: grow-x;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-delay: 0.5s;
}

@keyframes grow-x {
  to {
    width: 100%;
  }
}
/* Shrink an element from 100% to 0% */
.anim-shrink-x {
  animation-name: shrink-x;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-delay: 0.5s;
}

@keyframes shrink-x {
  to {
    width: 0%;
  }
}
/* Fade in an element and scale it fast */
.anim-scale-in {
  animation-name: scale-in;
  animation-duration: 0.15s;
  animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5);
}

@keyframes scale-in {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Pulse an element's opacity */
.anim-pulse {
  animation-name: pulse;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  10% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
/* Pulse in an element */
.anim-pulse-in {
  animation-name: pulse-in;
  animation-duration: 0.5s;
}

@keyframes pulse-in {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
/* Increase scale of an element on hover */
.hover-grow,
.anim-hover-grow {
  transition: transform 0.3s;
  backface-visibility: hidden;
}
.hover-grow:hover,
.anim-hover-grow:hover {
  transform: scale(1.025);
}

/* Rotate an element 360 degrees over and over, used for spinners */
.anim-rotate {
  animation: rotate-keyframes 1s linear infinite;
}

@keyframes rotate-keyframes {
  100% {
    transform: rotate(360deg);
  }
}
/* Add a gray border to the left and right */
.border-x {
  border-right: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  border-left: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
}

/* Add a gray border to the top and bottom */
.border-y {
  border-top: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  border-bottom: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
}

/* Responsive gray borders */
/* Add a gray border on all sides at/above this breakpoint */
.border {
  border: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
}

.border-right {
  border-right: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
}

.border-bottom {
  border-bottom: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
}

.border-left {
  border-left: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.rounded {
  border-radius: var(--borderRadius-medium, 6px) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--borderRadius-small, 4px) !important;
}

.rounded-2 {
  border-radius: var(--borderRadius-medium, 6px) !important;
}

.rounded-3 {
  border-radius: var(--borderRadius-large, 8px) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--borderRadius-small, 4px) !important;
  border-top-right-radius: var(--borderRadius-small, 4px) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--borderRadius-medium, 6px) !important;
  border-top-right-radius: var(--borderRadius-medium, 6px) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--borderRadius-medium, 8px) !important;
  border-top-right-radius: var(--borderRadius-medium, 8px) !important;
}

.rounded-right-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-right-1 {
  border-top-right-radius: var(--borderRadius-small, 4px) !important;
  border-bottom-right-radius: var(--borderRadius-small, 4px) !important;
}

.rounded-right-2 {
  border-top-right-radius: var(--borderRadius-medium, 6px) !important;
  border-bottom-right-radius: var(--borderRadius-medium, 6px) !important;
}

.rounded-right-3 {
  border-top-right-radius: var(--borderRadius-medium, 8px) !important;
  border-bottom-right-radius: var(--borderRadius-medium, 8px) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--borderRadius-small, 4px) !important;
  border-bottom-left-radius: var(--borderRadius-small, 4px) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--borderRadius-medium, 6px) !important;
  border-bottom-left-radius: var(--borderRadius-medium, 6px) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--borderRadius-medium, 8px) !important;
  border-bottom-left-radius: var(--borderRadius-medium, 8px) !important;
}

.rounded-left-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-left-1 {
  border-bottom-left-radius: var(--borderRadius-small, 4px) !important;
  border-top-left-radius: var(--borderRadius-small, 4px) !important;
}

.rounded-left-2 {
  border-bottom-left-radius: var(--borderRadius-medium, 6px) !important;
  border-top-left-radius: var(--borderRadius-medium, 6px) !important;
}

.rounded-left-3 {
  border-bottom-left-radius: var(--borderRadius-medium, 8px) !important;
  border-top-left-radius: var(--borderRadius-medium, 8px) !important;
}

@media (min-width: 544px) {
  /* Add a gray border on all sides at/above this breakpoint */
  .border-sm {
    border: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-sm-0 {
    border: 0 !important;
  }
  .border-sm-top {
    border-top: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-sm-right {
    border-right: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-sm-bottom {
    border-bottom: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-sm-left {
    border-left: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-sm-top-0 {
    border-top: 0 !important;
  }
  .border-sm-right-0 {
    border-right: 0 !important;
  }
  .border-sm-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-sm-left-0 {
    border-left: 0 !important;
  }
  .rounded-sm {
    border-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-sm-0 {
    border-radius: 0 !important;
  }
  .rounded-sm-1 {
    border-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-sm-2 {
    border-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-sm-3 {
    border-radius: var(--borderRadius-large, 8px) !important;
  }
  .rounded-sm-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .rounded-sm-top-1 {
    border-top-left-radius: var(--borderRadius-small, 4px) !important;
    border-top-right-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-sm-top-2 {
    border-top-left-radius: var(--borderRadius-medium, 6px) !important;
    border-top-right-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-sm-top-3 {
    border-top-left-radius: var(--borderRadius-medium, 8px) !important;
    border-top-right-radius: var(--borderRadius-medium, 8px) !important;
  }
  .rounded-sm-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .rounded-sm-right-1 {
    border-top-right-radius: var(--borderRadius-small, 4px) !important;
    border-bottom-right-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-sm-right-2 {
    border-top-right-radius: var(--borderRadius-medium, 6px) !important;
    border-bottom-right-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-sm-right-3 {
    border-top-right-radius: var(--borderRadius-medium, 8px) !important;
    border-bottom-right-radius: var(--borderRadius-medium, 8px) !important;
  }
  .rounded-sm-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-sm-bottom-1 {
    border-bottom-right-radius: var(--borderRadius-small, 4px) !important;
    border-bottom-left-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-sm-bottom-2 {
    border-bottom-right-radius: var(--borderRadius-medium, 6px) !important;
    border-bottom-left-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-sm-bottom-3 {
    border-bottom-right-radius: var(--borderRadius-medium, 8px) !important;
    border-bottom-left-radius: var(--borderRadius-medium, 8px) !important;
  }
  .rounded-sm-left-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .rounded-sm-left-1 {
    border-bottom-left-radius: var(--borderRadius-small, 4px) !important;
    border-top-left-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-sm-left-2 {
    border-bottom-left-radius: var(--borderRadius-medium, 6px) !important;
    border-top-left-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-sm-left-3 {
    border-bottom-left-radius: var(--borderRadius-medium, 8px) !important;
    border-top-left-radius: var(--borderRadius-medium, 8px) !important;
  }
}
@media (min-width: 768px) {
  /* Add a gray border on all sides at/above this breakpoint */
  .border-md {
    border: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-md-0 {
    border: 0 !important;
  }
  .border-md-top {
    border-top: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-md-right {
    border-right: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-md-bottom {
    border-bottom: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-md-left {
    border-left: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-md-top-0 {
    border-top: 0 !important;
  }
  .border-md-right-0 {
    border-right: 0 !important;
  }
  .border-md-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-md-left-0 {
    border-left: 0 !important;
  }
  .rounded-md {
    border-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-md-0 {
    border-radius: 0 !important;
  }
  .rounded-md-1 {
    border-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-md-2 {
    border-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-md-3 {
    border-radius: var(--borderRadius-large, 8px) !important;
  }
  .rounded-md-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .rounded-md-top-1 {
    border-top-left-radius: var(--borderRadius-small, 4px) !important;
    border-top-right-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-md-top-2 {
    border-top-left-radius: var(--borderRadius-medium, 6px) !important;
    border-top-right-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-md-top-3 {
    border-top-left-radius: var(--borderRadius-medium, 8px) !important;
    border-top-right-radius: var(--borderRadius-medium, 8px) !important;
  }
  .rounded-md-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .rounded-md-right-1 {
    border-top-right-radius: var(--borderRadius-small, 4px) !important;
    border-bottom-right-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-md-right-2 {
    border-top-right-radius: var(--borderRadius-medium, 6px) !important;
    border-bottom-right-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-md-right-3 {
    border-top-right-radius: var(--borderRadius-medium, 8px) !important;
    border-bottom-right-radius: var(--borderRadius-medium, 8px) !important;
  }
  .rounded-md-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-md-bottom-1 {
    border-bottom-right-radius: var(--borderRadius-small, 4px) !important;
    border-bottom-left-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-md-bottom-2 {
    border-bottom-right-radius: var(--borderRadius-medium, 6px) !important;
    border-bottom-left-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-md-bottom-3 {
    border-bottom-right-radius: var(--borderRadius-medium, 8px) !important;
    border-bottom-left-radius: var(--borderRadius-medium, 8px) !important;
  }
  .rounded-md-left-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .rounded-md-left-1 {
    border-bottom-left-radius: var(--borderRadius-small, 4px) !important;
    border-top-left-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-md-left-2 {
    border-bottom-left-radius: var(--borderRadius-medium, 6px) !important;
    border-top-left-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-md-left-3 {
    border-bottom-left-radius: var(--borderRadius-medium, 8px) !important;
    border-top-left-radius: var(--borderRadius-medium, 8px) !important;
  }
}
@media (min-width: 1012px) {
  /* Add a gray border on all sides at/above this breakpoint */
  .border-lg {
    border: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-lg-0 {
    border: 0 !important;
  }
  .border-lg-top {
    border-top: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-lg-right {
    border-right: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-lg-bottom {
    border-bottom: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-lg-left {
    border-left: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-lg-top-0 {
    border-top: 0 !important;
  }
  .border-lg-right-0 {
    border-right: 0 !important;
  }
  .border-lg-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-lg-left-0 {
    border-left: 0 !important;
  }
  .rounded-lg {
    border-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-lg-0 {
    border-radius: 0 !important;
  }
  .rounded-lg-1 {
    border-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-lg-2 {
    border-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-lg-3 {
    border-radius: var(--borderRadius-large, 8px) !important;
  }
  .rounded-lg-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .rounded-lg-top-1 {
    border-top-left-radius: var(--borderRadius-small, 4px) !important;
    border-top-right-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-lg-top-2 {
    border-top-left-radius: var(--borderRadius-medium, 6px) !important;
    border-top-right-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-lg-top-3 {
    border-top-left-radius: var(--borderRadius-medium, 8px) !important;
    border-top-right-radius: var(--borderRadius-medium, 8px) !important;
  }
  .rounded-lg-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .rounded-lg-right-1 {
    border-top-right-radius: var(--borderRadius-small, 4px) !important;
    border-bottom-right-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-lg-right-2 {
    border-top-right-radius: var(--borderRadius-medium, 6px) !important;
    border-bottom-right-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-lg-right-3 {
    border-top-right-radius: var(--borderRadius-medium, 8px) !important;
    border-bottom-right-radius: var(--borderRadius-medium, 8px) !important;
  }
  .rounded-lg-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-lg-bottom-1 {
    border-bottom-right-radius: var(--borderRadius-small, 4px) !important;
    border-bottom-left-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-lg-bottom-2 {
    border-bottom-right-radius: var(--borderRadius-medium, 6px) !important;
    border-bottom-left-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-lg-bottom-3 {
    border-bottom-right-radius: var(--borderRadius-medium, 8px) !important;
    border-bottom-left-radius: var(--borderRadius-medium, 8px) !important;
  }
  .rounded-lg-left-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .rounded-lg-left-1 {
    border-bottom-left-radius: var(--borderRadius-small, 4px) !important;
    border-top-left-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-lg-left-2 {
    border-bottom-left-radius: var(--borderRadius-medium, 6px) !important;
    border-top-left-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-lg-left-3 {
    border-bottom-left-radius: var(--borderRadius-medium, 8px) !important;
    border-top-left-radius: var(--borderRadius-medium, 8px) !important;
  }
}
@media (min-width: 1280px) {
  /* Add a gray border on all sides at/above this breakpoint */
  .border-xl {
    border: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-xl-0 {
    border: 0 !important;
  }
  .border-xl-top {
    border-top: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-xl-right {
    border-right: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-xl-bottom {
    border-bottom: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-xl-left {
    border-left: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
  }
  .border-xl-top-0 {
    border-top: 0 !important;
  }
  .border-xl-right-0 {
    border-right: 0 !important;
  }
  .border-xl-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-xl-left-0 {
    border-left: 0 !important;
  }
  .rounded-xl {
    border-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-xl-0 {
    border-radius: 0 !important;
  }
  .rounded-xl-1 {
    border-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-xl-2 {
    border-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-xl-3 {
    border-radius: var(--borderRadius-large, 8px) !important;
  }
  .rounded-xl-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .rounded-xl-top-1 {
    border-top-left-radius: var(--borderRadius-small, 4px) !important;
    border-top-right-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-xl-top-2 {
    border-top-left-radius: var(--borderRadius-medium, 6px) !important;
    border-top-right-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-xl-top-3 {
    border-top-left-radius: var(--borderRadius-medium, 8px) !important;
    border-top-right-radius: var(--borderRadius-medium, 8px) !important;
  }
  .rounded-xl-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .rounded-xl-right-1 {
    border-top-right-radius: var(--borderRadius-small, 4px) !important;
    border-bottom-right-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-xl-right-2 {
    border-top-right-radius: var(--borderRadius-medium, 6px) !important;
    border-bottom-right-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-xl-right-3 {
    border-top-right-radius: var(--borderRadius-medium, 8px) !important;
    border-bottom-right-radius: var(--borderRadius-medium, 8px) !important;
  }
  .rounded-xl-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-xl-bottom-1 {
    border-bottom-right-radius: var(--borderRadius-small, 4px) !important;
    border-bottom-left-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-xl-bottom-2 {
    border-bottom-right-radius: var(--borderRadius-medium, 6px) !important;
    border-bottom-left-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-xl-bottom-3 {
    border-bottom-right-radius: var(--borderRadius-medium, 8px) !important;
    border-bottom-left-radius: var(--borderRadius-medium, 8px) !important;
  }
  .rounded-xl-left-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .rounded-xl-left-1 {
    border-bottom-left-radius: var(--borderRadius-small, 4px) !important;
    border-top-left-radius: var(--borderRadius-small, 4px) !important;
  }
  .rounded-xl-left-2 {
    border-bottom-left-radius: var(--borderRadius-medium, 6px) !important;
    border-top-left-radius: var(--borderRadius-medium, 6px) !important;
  }
  .rounded-xl-left-3 {
    border-bottom-left-radius: var(--borderRadius-medium, 8px) !important;
    border-top-left-radius: var(--borderRadius-medium, 8px) !important;
  }
}
/* Add a 50% border-radius to make something into a circle */
.circle {
  border-radius: var(--borderRadius-full, 50%) !important;
}

/* Change the border style to dashed, in conjunction with another utility */
.border-dashed {
  border-style: dashed !important;
}

.color-shadow-small {
  box-shadow: var(--shadow-resting-small, var(--color-shadow-small)) !important;
}

.color-shadow-medium {
  box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium)) !important;
}

.color-shadow-large {
  box-shadow: var(--shadow-floating-large, var(--color-shadow-large)) !important;
}

.color-shadow-extra-large {
  box-shadow: var(--shadow-floating-xlarge, var(--color-shadow-extra-large)) !important;
}

.shadow-floating-small {
  box-shadow: var(--shadow-floating-small, var(--color-overlay-shadow)) !important;
}

.box-shadow-none {
  box-shadow: none !important;
}

.color-fg-default, .fgColor-default {
  color: var(--fgColor-default, var(--color-fg-default)) !important;
}

.color-fg-muted, .fgColor-muted {
  color: var(--fgColor-muted, var(--color-fg-muted)) !important;
}

.color-fg-subtle {
  color: var(--fgColor-muted, var(--color-fg-subtle)) !important;
}

.color-fg-accent, .fgColor-accent {
  color: var(--fgColor-accent, var(--color-accent-fg)) !important;
}

.color-fg-success, .fgColor-success {
  color: var(--fgColor-success, var(--color-success-fg)) !important;
}

.color-fg-attention, .fgColor-attention {
  color: var(--fgColor-attention, var(--color-attention-fg)) !important;
}

.color-fg-severe, .fgColor-severe {
  color: var(--fgColor-severe, var(--color-severe-fg)) !important;
}

.color-fg-danger, .fgColor-danger {
  color: var(--fgColor-danger, var(--color-danger-fg)) !important;
}

.color-fg-open, .fgColor-open {
  color: var(--fgColor-open, var(--color-open-fg)) !important;
}

.color-fg-closed, .fgColor-closed {
  color: var(--fgColor-closed, var(--color-closed-fg)) !important;
}

.color-fg-done, .fgColor-done {
  color: var(--fgColor-done, var(--color-done-fg)) !important;
}

.color-fg-sponsors, .fgColor-sponsors {
  color: var(--fgColor-sponsors, var(--color-sponsors-fg)) !important;
}

.color-fg-on-emphasis, .fgColor-onEmphasis {
  color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis)) !important;
}

.color-bg-default, .bgColor-default {
  background-color: var(--bgColor-default, var(--color-canvas-default)) !important;
}

.color-bg-overlay {
  background-color: var(--overlay-bgColor, var(--color-canvas-overlay)) !important;
}

.color-bg-inset, .bgColor-inset {
  background-color: var(--bgColor-inset, var(--color-canvas-inset)) !important;
}

.color-bg-subtle, .bgColor-muted {
  background-color: var(--bgColor-muted, var(--color-canvas-subtle)) !important;
}

.color-bg-emphasis, .bgColor-emphasis {
  background-color: var(--bgColor-emphasis, var(--color-neutral-emphasis-plus)) !important;
}

.color-bg-accent, .bgColor-accent-muted {
  background-color: var(--bgColor-accent-muted, var(--color-accent-subtle)) !important;
}

.color-bg-accent-emphasis, .bgColor-accent-emphasis {
  background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis)) !important;
}

.color-bg-success, .bgColor-success-muted {
  background-color: var(--bgColor-success-muted, var(--color-success-subtle)) !important;
}

.color-bg-success-emphasis, .bgColor-success-emphasis {
  background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis)) !important;
}

.color-bg-attention, .bgColor-attention-muted {
  background-color: var(--bgColor-attention-muted, var(--color-attention-subtle)) !important;
}

.color-bg-attention-emphasis, .bgColor-attention-emphasis {
  background-color: var(--bgColor-attention-emphasis, var(--color-attention-emphasis)) !important;
}

.color-bg-severe, .bgColor-severe-muted {
  background-color: var(--bgColor-severe-muted, var(--color-severe-subtle)) !important;
}

.color-bg-severe-emphasis, .bgColor-severe-emphasis {
  background-color: var(--bgColor-severe-emphasis, var(--color-severe-emphasis)) !important;
}

.color-bg-danger, .bgColor-danger-muted {
  background-color: var(--bgColor-danger-muted, var(--color-danger-subtle)) !important;
}

.color-bg-danger-emphasis, .bgColor-danger-emphasis {
  background-color: var(--bgColor-danger-emphasis, var(--color-danger-emphasis)) !important;
}

.color-bg-open, .bgColor-open-muted {
  background-color: var(--bgColor-open-muted, var(--color-open-subtle)) !important;
}

.color-bg-open-emphasis, .bgColor-open-emphasis {
  background-color: var(--bgColor-open-emphasis, var(--color-open-emphasis)) !important;
}

.color-bg-closed, .bgColor-closed-muted {
  background-color: var(--bgColor-closed-muted, var(--color-closed-subtle)) !important;
}

.color-bg-closed-emphasis, .bgColor-closed-emphasis {
  background-color: var(--bgColor-closed-emphasis, var(--color-closed-emphasis)) !important;
}

.color-bg-done, .bgColor-done-muted {
  background-color: var(--bgColor-done-muted, var(--color-done-subtle)) !important;
}

.color-bg-done-emphasis, .bgColor-done-emphasis {
  background-color: var(--bgColor-done-emphasis, var(--color-done-emphasis)) !important;
}

.color-bg-sponsors, .bgColor-sponsors-muted {
  background-color: var(--bgColor-sponsors-muted, var(--color-sponsors-subtle)) !important;
}

.color-bg-sponsors-emphasis, .bgColor-sponsors-emphasis {
  background-color: var(--bgColor-sponsors-emphasis, var(--color-sponsors-emphasis)) !important;
}

.color-bg-transparent, .bgColor-transparent {
  background-color: transparent !important;
}

.color-border-default, .borderColor-default {
  border-color: var(--borderColor-default, var(--color-border-default)) !important;
}

.color-border-muted, .borderColor-muted {
  border-color: var(--borderColor-muted, var(--color-border-muted)) !important;
}

.color-border-subtle {
  border-color: var(--borderColor-muted, var(--color-border-subtle)) !important;
}

.color-border-accent, .borderColor-accent-muted {
  border-color: var(--borderColor-accent-muted, var(--color-accent-muted)) !important;
}

.color-border-accent-emphasis, .borderColor-accent-emphasis {
  border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis)) !important;
}

.color-border-success, .borderColor-success-muted {
  border-color: var(--borderColor-success-muted, var(--color-success-muted)) !important;
}

.color-border-success-emphasis, .borderColor-success-emphasis {
  border-color: var(--borderColor-success-emphasis, var(--color-success-emphasis)) !important;
}

.color-border-attention, .borderColor-attention-muted {
  border-color: var(--borderColor-attention-muted, var(--color-attention-muted)) !important;
}

.color-border-attention-emphasis, .borderColor-attention-emphasis {
  border-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis)) !important;
}

.color-border-severe, .borderColor-severe-muted {
  border-color: var(--borderColor-severe-muted, var(--color-severe-muted)) !important;
}

.color-border-severe-emphasis, .borderColor-severe-emphasis {
  border-color: var(--borderColor-severe-emphasis, var(--color-severe-emphasis)) !important;
}

.color-border-danger, .borderColor-danger-muted {
  border-color: var(--borderColor-danger-muted, var(--color-danger-muted)) !important;
}

.color-border-danger-emphasis, .borderColor-danger-emphasis {
  border-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis)) !important;
}

.color-border-open, .borderColor-open-muted {
  border-color: var(--borderColor-open-muted, var(--color-open-muted)) !important;
}

.color-border-open-emphasis, .borderColor-open-emphasis {
  border-color: var(--borderColor-open-emphasis, var(--color-open-emphasis)) !important;
}

.color-border-closed, .borderColor-closed-muted {
  border-color: var(--borderColor-closed-muted, var(--color-closed-muted)) !important;
}

.color-border-closed-emphasis, .borderColor-closed-emphasis {
  border-color: var(--borderColor-closed-emphasis, var(--color-closed-emphasis)) !important;
}

.color-border-done, .borderColor-done-muted {
  border-color: var(--borderColor-done-muted, var(--color-done-muted)) !important;
}

.color-border-done-emphasis, .borderColor-done-emphasis {
  border-color: var(--borderColor-done-emphasis, var(--color-done-emphasis)) !important;
}

.color-border-sponsors, .borderColor-sponsors-muted {
  border-color: var(--borderColor-sponsors-muted, var(--color-sponsors-muted)) !important;
}

.color-border-sponsors-emphasis, .borderColor-sponsors-emphasis {
  border-color: var(--borderColor-sponsors-emphasis, var(--color-sponsors-emphasis)) !important;
}

.color-fg-inherit, .fgColor-inherit {
  color: inherit !important;
}

.details-overlay[open] > summary::before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 80;
  display: block;
  cursor: default;
  content: " ";
  background: transparent;
}

.details-overlay-dark[open] > summary::before {
  z-index: 111;
  background: var(--overlay-backdrop-bgColor, var(--color-primer-canvas-backdrop));
}

.details-reset > summary {
  list-style: none;
  transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: color, background-color, box-shadow, border-color;
}
.details-reset > summary:focus {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: none;
}
.details-reset > summary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
}
.details-reset > summary:focus-visible {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: none;
}
.details-reset > summary.btn-primary:focus {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
}
.details-reset > summary.btn-primary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}
.details-reset > summary.btn-primary:focus-visible {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
}
.details-reset > summary::before {
  display: none;
}
.details-reset > summary::-webkit-details-marker {
  display: none;
}

.details-overlay > summary {
  transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: color, background-color, box-shadow, border-color;
}
.details-overlay > summary:focus {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: none;
}
.details-overlay > summary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
}
.details-overlay > summary:focus-visible {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: none;
}
.details-overlay > summary.btn-primary:focus {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
}
.details-overlay > summary.btn-primary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}
.details-overlay > summary.btn-primary:focus-visible {
  outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
}

.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-justify-start {
  justify-content: flex-start !important;
}

.flex-justify-end {
  justify-content: flex-end !important;
}

.flex-justify-center {
  justify-content: center !important;
}

.flex-justify-between {
  justify-content: space-between !important;
}

.flex-justify-around {
  justify-content: space-around !important;
}

.flex-items-start {
  align-items: flex-start !important;
}

.flex-items-end {
  align-items: flex-end !important;
}

.flex-items-center {
  align-items: center !important;
}

.flex-items-baseline {
  align-items: baseline !important;
}

.flex-items-stretch {
  align-items: stretch !important;
}

.flex-content-start {
  align-content: flex-start !important;
}

.flex-content-end {
  align-content: flex-end !important;
}

.flex-content-center {
  align-content: center !important;
}

.flex-content-between {
  align-content: space-between !important;
}

.flex-content-around {
  align-content: space-around !important;
}

.flex-content-stretch {
  align-content: stretch !important;
}

.flex-1 {
  flex: 1 !important;
}

.flex-auto {
  flex: auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-self-auto {
  align-self: auto !important;
}

.flex-self-start {
  align-self: flex-start !important;
}

.flex-self-end {
  align-self: flex-end !important;
}

.flex-self-center {
  align-self: center !important;
}

.flex-self-baseline {
  align-self: baseline !important;
}

.flex-self-stretch {
  align-self: stretch !important;
}

.flex-order-1 {
  order: 1 !important;
}

.flex-order-2 {
  order: 2 !important;
}

.flex-order-none {
  order: inherit !important;
}

@media (min-width: 544px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-justify-start {
    justify-content: flex-start !important;
  }
  .flex-sm-justify-end {
    justify-content: flex-end !important;
  }
  .flex-sm-justify-center {
    justify-content: center !important;
  }
  .flex-sm-justify-between {
    justify-content: space-between !important;
  }
  .flex-sm-justify-around {
    justify-content: space-around !important;
  }
  .flex-sm-items-start {
    align-items: flex-start !important;
  }
  .flex-sm-items-end {
    align-items: flex-end !important;
  }
  .flex-sm-items-center {
    align-items: center !important;
  }
  .flex-sm-items-baseline {
    align-items: baseline !important;
  }
  .flex-sm-items-stretch {
    align-items: stretch !important;
  }
  .flex-sm-content-start {
    align-content: flex-start !important;
  }
  .flex-sm-content-end {
    align-content: flex-end !important;
  }
  .flex-sm-content-center {
    align-content: center !important;
  }
  .flex-sm-content-between {
    align-content: space-between !important;
  }
  .flex-sm-content-around {
    align-content: space-around !important;
  }
  .flex-sm-content-stretch {
    align-content: stretch !important;
  }
  .flex-sm-1 {
    flex: 1 !important;
  }
  .flex-sm-auto {
    flex: auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-self-auto {
    align-self: auto !important;
  }
  .flex-sm-self-start {
    align-self: flex-start !important;
  }
  .flex-sm-self-end {
    align-self: flex-end !important;
  }
  .flex-sm-self-center {
    align-self: center !important;
  }
  .flex-sm-self-baseline {
    align-self: baseline !important;
  }
  .flex-sm-self-stretch {
    align-self: stretch !important;
  }
  .flex-sm-order-1 {
    order: 1 !important;
  }
  .flex-sm-order-2 {
    order: 2 !important;
  }
  .flex-sm-order-none {
    order: inherit !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-justify-start {
    justify-content: flex-start !important;
  }
  .flex-md-justify-end {
    justify-content: flex-end !important;
  }
  .flex-md-justify-center {
    justify-content: center !important;
  }
  .flex-md-justify-between {
    justify-content: space-between !important;
  }
  .flex-md-justify-around {
    justify-content: space-around !important;
  }
  .flex-md-items-start {
    align-items: flex-start !important;
  }
  .flex-md-items-end {
    align-items: flex-end !important;
  }
  .flex-md-items-center {
    align-items: center !important;
  }
  .flex-md-items-baseline {
    align-items: baseline !important;
  }
  .flex-md-items-stretch {
    align-items: stretch !important;
  }
  .flex-md-content-start {
    align-content: flex-start !important;
  }
  .flex-md-content-end {
    align-content: flex-end !important;
  }
  .flex-md-content-center {
    align-content: center !important;
  }
  .flex-md-content-between {
    align-content: space-between !important;
  }
  .flex-md-content-around {
    align-content: space-around !important;
  }
  .flex-md-content-stretch {
    align-content: stretch !important;
  }
  .flex-md-1 {
    flex: 1 !important;
  }
  .flex-md-auto {
    flex: auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-self-auto {
    align-self: auto !important;
  }
  .flex-md-self-start {
    align-self: flex-start !important;
  }
  .flex-md-self-end {
    align-self: flex-end !important;
  }
  .flex-md-self-center {
    align-self: center !important;
  }
  .flex-md-self-baseline {
    align-self: baseline !important;
  }
  .flex-md-self-stretch {
    align-self: stretch !important;
  }
  .flex-md-order-1 {
    order: 1 !important;
  }
  .flex-md-order-2 {
    order: 2 !important;
  }
  .flex-md-order-none {
    order: inherit !important;
  }
}
@media (min-width: 1012px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-justify-start {
    justify-content: flex-start !important;
  }
  .flex-lg-justify-end {
    justify-content: flex-end !important;
  }
  .flex-lg-justify-center {
    justify-content: center !important;
  }
  .flex-lg-justify-between {
    justify-content: space-between !important;
  }
  .flex-lg-justify-around {
    justify-content: space-around !important;
  }
  .flex-lg-items-start {
    align-items: flex-start !important;
  }
  .flex-lg-items-end {
    align-items: flex-end !important;
  }
  .flex-lg-items-center {
    align-items: center !important;
  }
  .flex-lg-items-baseline {
    align-items: baseline !important;
  }
  .flex-lg-items-stretch {
    align-items: stretch !important;
  }
  .flex-lg-content-start {
    align-content: flex-start !important;
  }
  .flex-lg-content-end {
    align-content: flex-end !important;
  }
  .flex-lg-content-center {
    align-content: center !important;
  }
  .flex-lg-content-between {
    align-content: space-between !important;
  }
  .flex-lg-content-around {
    align-content: space-around !important;
  }
  .flex-lg-content-stretch {
    align-content: stretch !important;
  }
  .flex-lg-1 {
    flex: 1 !important;
  }
  .flex-lg-auto {
    flex: auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-self-auto {
    align-self: auto !important;
  }
  .flex-lg-self-start {
    align-self: flex-start !important;
  }
  .flex-lg-self-end {
    align-self: flex-end !important;
  }
  .flex-lg-self-center {
    align-self: center !important;
  }
  .flex-lg-self-baseline {
    align-self: baseline !important;
  }
  .flex-lg-self-stretch {
    align-self: stretch !important;
  }
  .flex-lg-order-1 {
    order: 1 !important;
  }
  .flex-lg-order-2 {
    order: 2 !important;
  }
  .flex-lg-order-none {
    order: inherit !important;
  }
}
@media (min-width: 1280px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-justify-start {
    justify-content: flex-start !important;
  }
  .flex-xl-justify-end {
    justify-content: flex-end !important;
  }
  .flex-xl-justify-center {
    justify-content: center !important;
  }
  .flex-xl-justify-between {
    justify-content: space-between !important;
  }
  .flex-xl-justify-around {
    justify-content: space-around !important;
  }
  .flex-xl-items-start {
    align-items: flex-start !important;
  }
  .flex-xl-items-end {
    align-items: flex-end !important;
  }
  .flex-xl-items-center {
    align-items: center !important;
  }
  .flex-xl-items-baseline {
    align-items: baseline !important;
  }
  .flex-xl-items-stretch {
    align-items: stretch !important;
  }
  .flex-xl-content-start {
    align-content: flex-start !important;
  }
  .flex-xl-content-end {
    align-content: flex-end !important;
  }
  .flex-xl-content-center {
    align-content: center !important;
  }
  .flex-xl-content-between {
    align-content: space-between !important;
  }
  .flex-xl-content-around {
    align-content: space-around !important;
  }
  .flex-xl-content-stretch {
    align-content: stretch !important;
  }
  .flex-xl-1 {
    flex: 1 !important;
  }
  .flex-xl-auto {
    flex: auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-self-auto {
    align-self: auto !important;
  }
  .flex-xl-self-start {
    align-self: flex-start !important;
  }
  .flex-xl-self-end {
    align-self: flex-end !important;
  }
  .flex-xl-self-center {
    align-self: center !important;
  }
  .flex-xl-self-baseline {
    align-self: baseline !important;
  }
  .flex-xl-self-stretch {
    align-self: stretch !important;
  }
  .flex-xl-order-1 {
    order: 1 !important;
  }
  .flex-xl-order-2 {
    order: 2 !important;
  }
  .flex-xl-order-none {
    order: inherit !important;
  }
}
/* Position */
.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

@media (min-width: 544px) {
  .position-sm-static {
    position: static !important;
  }
  .position-sm-relative {
    position: relative !important;
  }
  .position-sm-absolute {
    position: absolute !important;
  }
  .position-sm-fixed {
    position: fixed !important;
  }
  .position-sm-sticky {
    position: sticky !important;
  }
}
@media (min-width: 768px) {
  .position-md-static {
    position: static !important;
  }
  .position-md-relative {
    position: relative !important;
  }
  .position-md-absolute {
    position: absolute !important;
  }
  .position-md-fixed {
    position: fixed !important;
  }
  .position-md-sticky {
    position: sticky !important;
  }
}
@media (min-width: 1012px) {
  .position-lg-static {
    position: static !important;
  }
  .position-lg-relative {
    position: relative !important;
  }
  .position-lg-absolute {
    position: absolute !important;
  }
  .position-lg-fixed {
    position: fixed !important;
  }
  .position-lg-sticky {
    position: sticky !important;
  }
}
@media (min-width: 1280px) {
  .position-xl-static {
    position: static !important;
  }
  .position-xl-relative {
    position: relative !important;
  }
  .position-xl-absolute {
    position: absolute !important;
  }
  .position-xl-fixed {
    position: fixed !important;
  }
  .position-xl-sticky {
    position: sticky !important;
  }
}
/* Final position */
.top-0 {
  top: 0 !important;
}

.right-0 {
  right: 0 !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.left-0 {
  left: 0 !important;
}

.top-auto {
  top: auto !important;
}

.right-auto {
  right: auto !important;
}

.bottom-auto {
  bottom: auto !important;
}

.left-auto {
  left: auto !important;
}

@media (min-width: 544px) {
  .top-sm-0 {
    top: 0 !important;
  }
  .right-sm-0 {
    right: 0 !important;
  }
  .bottom-sm-0 {
    bottom: 0 !important;
  }
  .left-sm-0 {
    left: 0 !important;
  }
  .top-sm-auto {
    top: auto !important;
  }
  .right-sm-auto {
    right: auto !important;
  }
  .bottom-sm-auto {
    bottom: auto !important;
  }
  .left-sm-auto {
    left: auto !important;
  }
}
@media (min-width: 768px) {
  .top-md-0 {
    top: 0 !important;
  }
  .right-md-0 {
    right: 0 !important;
  }
  .bottom-md-0 {
    bottom: 0 !important;
  }
  .left-md-0 {
    left: 0 !important;
  }
  .top-md-auto {
    top: auto !important;
  }
  .right-md-auto {
    right: auto !important;
  }
  .bottom-md-auto {
    bottom: auto !important;
  }
  .left-md-auto {
    left: auto !important;
  }
}
@media (min-width: 1012px) {
  .top-lg-0 {
    top: 0 !important;
  }
  .right-lg-0 {
    right: 0 !important;
  }
  .bottom-lg-0 {
    bottom: 0 !important;
  }
  .left-lg-0 {
    left: 0 !important;
  }
  .top-lg-auto {
    top: auto !important;
  }
  .right-lg-auto {
    right: auto !important;
  }
  .bottom-lg-auto {
    bottom: auto !important;
  }
  .left-lg-auto {
    left: auto !important;
  }
}
@media (min-width: 1280px) {
  .top-xl-0 {
    top: 0 !important;
  }
  .right-xl-0 {
    right: 0 !important;
  }
  .bottom-xl-0 {
    bottom: 0 !important;
  }
  .left-xl-0 {
    left: 0 !important;
  }
  .top-xl-auto {
    top: auto !important;
  }
  .right-xl-auto {
    right: auto !important;
  }
  .bottom-xl-auto {
    bottom: auto !important;
  }
  .left-xl-auto {
    left: auto !important;
  }
}
/* Vertical align middle */
.v-align-middle {
  vertical-align: middle !important;
}

/* Vertical align top */
.v-align-top {
  vertical-align: top !important;
}

/* Vertical align bottom */
.v-align-bottom {
  vertical-align: bottom !important;
}

/* Vertical align to the top of the text */
.v-align-text-top {
  vertical-align: text-top !important;
}

/* Vertical align to the bottom of the text */
.v-align-text-bottom {
  vertical-align: text-bottom !important;
}

/* Vertical align to the parent's baseline */
.v-align-baseline {
  vertical-align: baseline !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

@media (min-width: 544px) {
  .overflow-sm-visible {
    overflow: visible !important;
  }
  .overflow-sm-x-visible {
    overflow-x: visible !important;
  }
  .overflow-sm-y-visible {
    overflow-y: visible !important;
  }
  .overflow-sm-hidden {
    overflow: hidden !important;
  }
  .overflow-sm-x-hidden {
    overflow-x: hidden !important;
  }
  .overflow-sm-y-hidden {
    overflow-y: hidden !important;
  }
  .overflow-sm-auto {
    overflow: auto !important;
  }
  .overflow-sm-x-auto {
    overflow-x: auto !important;
  }
  .overflow-sm-y-auto {
    overflow-y: auto !important;
  }
  .overflow-sm-scroll {
    overflow: scroll !important;
  }
  .overflow-sm-x-scroll {
    overflow-x: scroll !important;
  }
  .overflow-sm-y-scroll {
    overflow-y: scroll !important;
  }
}
@media (min-width: 768px) {
  .overflow-md-visible {
    overflow: visible !important;
  }
  .overflow-md-x-visible {
    overflow-x: visible !important;
  }
  .overflow-md-y-visible {
    overflow-y: visible !important;
  }
  .overflow-md-hidden {
    overflow: hidden !important;
  }
  .overflow-md-x-hidden {
    overflow-x: hidden !important;
  }
  .overflow-md-y-hidden {
    overflow-y: hidden !important;
  }
  .overflow-md-auto {
    overflow: auto !important;
  }
  .overflow-md-x-auto {
    overflow-x: auto !important;
  }
  .overflow-md-y-auto {
    overflow-y: auto !important;
  }
  .overflow-md-scroll {
    overflow: scroll !important;
  }
  .overflow-md-x-scroll {
    overflow-x: scroll !important;
  }
  .overflow-md-y-scroll {
    overflow-y: scroll !important;
  }
}
@media (min-width: 1012px) {
  .overflow-lg-visible {
    overflow: visible !important;
  }
  .overflow-lg-x-visible {
    overflow-x: visible !important;
  }
  .overflow-lg-y-visible {
    overflow-y: visible !important;
  }
  .overflow-lg-hidden {
    overflow: hidden !important;
  }
  .overflow-lg-x-hidden {
    overflow-x: hidden !important;
  }
  .overflow-lg-y-hidden {
    overflow-y: hidden !important;
  }
  .overflow-lg-auto {
    overflow: auto !important;
  }
  .overflow-lg-x-auto {
    overflow-x: auto !important;
  }
  .overflow-lg-y-auto {
    overflow-y: auto !important;
  }
  .overflow-lg-scroll {
    overflow: scroll !important;
  }
  .overflow-lg-x-scroll {
    overflow-x: scroll !important;
  }
  .overflow-lg-y-scroll {
    overflow-y: scroll !important;
  }
}
@media (min-width: 1280px) {
  .overflow-xl-visible {
    overflow: visible !important;
  }
  .overflow-xl-x-visible {
    overflow-x: visible !important;
  }
  .overflow-xl-y-visible {
    overflow-y: visible !important;
  }
  .overflow-xl-hidden {
    overflow: hidden !important;
  }
  .overflow-xl-x-hidden {
    overflow-x: hidden !important;
  }
  .overflow-xl-y-hidden {
    overflow-y: hidden !important;
  }
  .overflow-xl-auto {
    overflow: auto !important;
  }
  .overflow-xl-x-auto {
    overflow-x: auto !important;
  }
  .overflow-xl-y-auto {
    overflow-y: auto !important;
  }
  .overflow-xl-scroll {
    overflow: scroll !important;
  }
  .overflow-xl-x-scroll {
    overflow-x: scroll !important;
  }
  .overflow-xl-y-scroll {
    overflow-y: scroll !important;
  }
}
/* Clear floats around the element */
.clearfix::before {
  display: table;
  content: "";
}
.clearfix::after {
  display: table;
  clear: both;
  content: "";
}

/* Float to the left */
.float-left {
  float: left !important;
}

/* Float to the right */
.float-right {
  float: right !important;
}

/* No float */
.float-none {
  float: none !important;
}

@media (min-width: 544px) {
  /* Float to the left */
  .float-sm-left {
    float: left !important;
  }
  /* Float to the right */
  .float-sm-right {
    float: right !important;
  }
  /* No float */
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  /* Float to the left */
  .float-md-left {
    float: left !important;
  }
  /* Float to the right */
  .float-md-right {
    float: right !important;
  }
  /* No float */
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 1012px) {
  /* Float to the left */
  .float-lg-left {
    float: left !important;
  }
  /* Float to the right */
  .float-lg-right {
    float: right !important;
  }
  /* No float */
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1280px) {
  /* Float to the left */
  .float-xl-left {
    float: left !important;
  }
  /* Float to the right */
  .float-xl-right {
    float: right !important;
  }
  /* No float */
  .float-xl-none {
    float: none !important;
  }
}
/* Max width 100% */
.width-fit {
  max-width: 100% !important;
}

/* Set the width to 100% */
.width-full {
  width: 100% !important;
}

/* Set the max-width to 65 characters */
.width-comfortable {
  max-width: 65ch !important;
}

/* Max height 100% */
.height-fit {
  max-height: 100% !important;
}

/* Set the height to 100% */
.height-full {
  height: 100% !important;
}

/* Remove min-width from element */
.min-width-0 {
  min-width: 0 !important;
}

.width-auto {
  width: auto !important;
}

/* Set the direction to rtl */
.direction-rtl {
  direction: rtl !important;
}

/* Set the direction to ltr */
.direction-ltr {
  direction: ltr !important;
}

@media (min-width: 544px) {
  .width-sm-auto {
    width: auto !important;
  }
  /* Set the direction to rtl */
  .direction-sm-rtl {
    direction: rtl !important;
  }
  /* Set the direction to ltr */
  .direction-sm-ltr {
    direction: ltr !important;
  }
}
@media (min-width: 768px) {
  .width-md-auto {
    width: auto !important;
  }
  /* Set the direction to rtl */
  .direction-md-rtl {
    direction: rtl !important;
  }
  /* Set the direction to ltr */
  .direction-md-ltr {
    direction: ltr !important;
  }
}
@media (min-width: 1012px) {
  .width-lg-auto {
    width: auto !important;
  }
  /* Set the direction to rtl */
  .direction-lg-rtl {
    direction: rtl !important;
  }
  /* Set the direction to ltr */
  .direction-lg-ltr {
    direction: ltr !important;
  }
}
@media (min-width: 1280px) {
  .width-xl-auto {
    width: auto !important;
  }
  /* Set the direction to rtl */
  .direction-xl-rtl {
    direction: rtl !important;
  }
  /* Set the direction to ltr */
  .direction-xl-ltr {
    direction: ltr !important;
  }
}
/* Set a $size margin to all sides at $breakpoint */
.m-0 {
  margin: 0 !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-0 {
  margin-top: 0 !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-0 {
  margin-bottom: 0 !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-0 {
  margin-right: 0 !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-0 {
  margin-left: 0 !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-1 {
  margin: var(--base-size-4, 4px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-1 {
  margin-top: var(--base-size-4, 4px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-1 {
  margin-bottom: var(--base-size-4, 4px) !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-1 {
  margin-right: var(--base-size-4, 4px) !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-1 {
  margin-left: var(--base-size-4, 4px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n1 {
  margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n1 {
  margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n1 {
  margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n1 {
  margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-1 {
  margin-right: var(--base-size-4, 4px) !important;
  margin-left: var(--base-size-4, 4px) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-1 {
  margin-top: var(--base-size-4, 4px) !important;
  margin-bottom: var(--base-size-4, 4px) !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-2 {
  margin: var(--base-size-8, 8px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-2 {
  margin-top: var(--base-size-8, 8px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-2 {
  margin-bottom: var(--base-size-8, 8px) !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-2 {
  margin-right: var(--base-size-8, 8px) !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-2 {
  margin-left: var(--base-size-8, 8px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n2 {
  margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n2 {
  margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n2 {
  margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n2 {
  margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-2 {
  margin-right: var(--base-size-8, 8px) !important;
  margin-left: var(--base-size-8, 8px) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-2 {
  margin-top: var(--base-size-8, 8px) !important;
  margin-bottom: var(--base-size-8, 8px) !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-3 {
  margin: var(--base-size-16, 16px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-3 {
  margin-top: var(--base-size-16, 16px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-3 {
  margin-bottom: var(--base-size-16, 16px) !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-3 {
  margin-right: var(--base-size-16, 16px) !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-3 {
  margin-left: var(--base-size-16, 16px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n3 {
  margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n3 {
  margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n3 {
  margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n3 {
  margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-3 {
  margin-right: var(--base-size-16, 16px) !important;
  margin-left: var(--base-size-16, 16px) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-3 {
  margin-top: var(--base-size-16, 16px) !important;
  margin-bottom: var(--base-size-16, 16px) !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-4 {
  margin: var(--base-size-24, 24px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-4 {
  margin-top: var(--base-size-24, 24px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-4 {
  margin-bottom: var(--base-size-24, 24px) !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-4 {
  margin-right: var(--base-size-24, 24px) !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-4 {
  margin-left: var(--base-size-24, 24px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n4 {
  margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n4 {
  margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n4 {
  margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n4 {
  margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-4 {
  margin-right: var(--base-size-24, 24px) !important;
  margin-left: var(--base-size-24, 24px) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-4 {
  margin-top: var(--base-size-24, 24px) !important;
  margin-bottom: var(--base-size-24, 24px) !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-5 {
  margin: var(--base-size-32, 32px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-5 {
  margin-top: var(--base-size-32, 32px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-5 {
  margin-bottom: var(--base-size-32, 32px) !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-5 {
  margin-right: var(--base-size-32, 32px) !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-5 {
  margin-left: var(--base-size-32, 32px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n5 {
  margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n5 {
  margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n5 {
  margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n5 {
  margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-5 {
  margin-right: var(--base-size-32, 32px) !important;
  margin-left: var(--base-size-32, 32px) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-5 {
  margin-top: var(--base-size-32, 32px) !important;
  margin-bottom: var(--base-size-32, 32px) !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-6 {
  margin: var(--base-size-40, 40px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-6 {
  margin-top: var(--base-size-40, 40px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-6 {
  margin-bottom: var(--base-size-40, 40px) !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-6 {
  margin-right: var(--base-size-40, 40px) !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-6 {
  margin-left: var(--base-size-40, 40px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n6 {
  margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n6 {
  margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n6 {
  margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n6 {
  margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-6 {
  margin-right: var(--base-size-40, 40px) !important;
  margin-left: var(--base-size-40, 40px) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-6 {
  margin-top: var(--base-size-40, 40px) !important;
  margin-bottom: var(--base-size-40, 40px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-7 {
  margin-top: var(--base-size-48, 48px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-7 {
  margin-bottom: var(--base-size-48, 48px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n7 {
  margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n7 {
  margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-7 {
  margin-top: var(--base-size-48, 48px) !important;
  margin-bottom: var(--base-size-48, 48px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-8 {
  margin-top: var(--base-size-64, 64px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-8 {
  margin-bottom: var(--base-size-64, 64px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n8 {
  margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n8 {
  margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-8 {
  margin-top: var(--base-size-64, 64px) !important;
  margin-bottom: var(--base-size-64, 64px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-9 {
  margin-top: var(--base-size-80, 80px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-9 {
  margin-bottom: var(--base-size-80, 80px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n9 {
  margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n9 {
  margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-9 {
  margin-top: var(--base-size-80, 80px) !important;
  margin-bottom: var(--base-size-80, 80px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-10 {
  margin-top: var(--base-size-96, 96px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-10 {
  margin-bottom: var(--base-size-96, 96px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n10 {
  margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n10 {
  margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-10 {
  margin-top: var(--base-size-96, 96px) !important;
  margin-bottom: var(--base-size-96, 96px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-11 {
  margin-top: var(--base-size-112, 112px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-11 {
  margin-bottom: var(--base-size-112, 112px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n11 {
  margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n11 {
  margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-11 {
  margin-top: var(--base-size-112, 112px) !important;
  margin-bottom: var(--base-size-112, 112px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-12 {
  margin-top: var(--base-size-128, 128px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-12 {
  margin-bottom: var(--base-size-128, 128px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n12 {
  margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n12 {
  margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-12 {
  margin-top: var(--base-size-128, 128px) !important;
  margin-bottom: var(--base-size-128, 128px) !important;
}

/* responsive horizontal auto margins */
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

@media (min-width: 544px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-1 {
    margin: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-1 {
    margin-top: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-1 {
    margin-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-1 {
    margin-right: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-1 {
    margin-left: var(--base-size-4, 4px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n1 {
    margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n1 {
    margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n1 {
    margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n1 {
    margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-1 {
    margin-right: var(--base-size-4, 4px) !important;
    margin-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-1 {
    margin-top: var(--base-size-4, 4px) !important;
    margin-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-2 {
    margin: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-2 {
    margin-top: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-2 {
    margin-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-2 {
    margin-right: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-2 {
    margin-left: var(--base-size-8, 8px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n2 {
    margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n2 {
    margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n2 {
    margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n2 {
    margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-2 {
    margin-right: var(--base-size-8, 8px) !important;
    margin-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-2 {
    margin-top: var(--base-size-8, 8px) !important;
    margin-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-3 {
    margin: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-3 {
    margin-top: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-3 {
    margin-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-3 {
    margin-right: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-3 {
    margin-left: var(--base-size-16, 16px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n3 {
    margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n3 {
    margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n3 {
    margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n3 {
    margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-3 {
    margin-right: var(--base-size-16, 16px) !important;
    margin-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-3 {
    margin-top: var(--base-size-16, 16px) !important;
    margin-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-4 {
    margin: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-4 {
    margin-top: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-4 {
    margin-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-4 {
    margin-right: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-4 {
    margin-left: var(--base-size-24, 24px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n4 {
    margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n4 {
    margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n4 {
    margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n4 {
    margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-4 {
    margin-right: var(--base-size-24, 24px) !important;
    margin-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-4 {
    margin-top: var(--base-size-24, 24px) !important;
    margin-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-5 {
    margin: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-5 {
    margin-top: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-5 {
    margin-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-5 {
    margin-right: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-5 {
    margin-left: var(--base-size-32, 32px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n5 {
    margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n5 {
    margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n5 {
    margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n5 {
    margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-5 {
    margin-right: var(--base-size-32, 32px) !important;
    margin-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-5 {
    margin-top: var(--base-size-32, 32px) !important;
    margin-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-6 {
    margin: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-6 {
    margin-top: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-6 {
    margin-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-6 {
    margin-right: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-6 {
    margin-left: var(--base-size-40, 40px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n6 {
    margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n6 {
    margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n6 {
    margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n6 {
    margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-6 {
    margin-right: var(--base-size-40, 40px) !important;
    margin-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-6 {
    margin-top: var(--base-size-40, 40px) !important;
    margin-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-7 {
    margin-top: var(--base-size-48, 48px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-7 {
    margin-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n7 {
    margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n7 {
    margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-7 {
    margin-top: var(--base-size-48, 48px) !important;
    margin-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-8 {
    margin-top: var(--base-size-64, 64px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-8 {
    margin-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n8 {
    margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n8 {
    margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-8 {
    margin-top: var(--base-size-64, 64px) !important;
    margin-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-9 {
    margin-top: var(--base-size-80, 80px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-9 {
    margin-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n9 {
    margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n9 {
    margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-9 {
    margin-top: var(--base-size-80, 80px) !important;
    margin-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-10 {
    margin-top: var(--base-size-96, 96px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-10 {
    margin-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n10 {
    margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n10 {
    margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-10 {
    margin-top: var(--base-size-96, 96px) !important;
    margin-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-11 {
    margin-top: var(--base-size-112, 112px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-11 {
    margin-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n11 {
    margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n11 {
    margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-11 {
    margin-top: var(--base-size-112, 112px) !important;
    margin-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-12 {
    margin-top: var(--base-size-128, 128px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-12 {
    margin-bottom: var(--base-size-128, 128px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n12 {
    margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n12 {
    margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-12 {
    margin-top: var(--base-size-128, 128px) !important;
    margin-bottom: var(--base-size-128, 128px) !important;
  }
  /* responsive horizontal auto margins */
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-1 {
    margin: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-1 {
    margin-top: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-1 {
    margin-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-1 {
    margin-right: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-1 {
    margin-left: var(--base-size-4, 4px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n1 {
    margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n1 {
    margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n1 {
    margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n1 {
    margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-1 {
    margin-right: var(--base-size-4, 4px) !important;
    margin-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-1 {
    margin-top: var(--base-size-4, 4px) !important;
    margin-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-2 {
    margin: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-2 {
    margin-top: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-2 {
    margin-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-2 {
    margin-right: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-2 {
    margin-left: var(--base-size-8, 8px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n2 {
    margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n2 {
    margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n2 {
    margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n2 {
    margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-2 {
    margin-right: var(--base-size-8, 8px) !important;
    margin-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-2 {
    margin-top: var(--base-size-8, 8px) !important;
    margin-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-3 {
    margin: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-3 {
    margin-top: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-3 {
    margin-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-3 {
    margin-right: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-3 {
    margin-left: var(--base-size-16, 16px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n3 {
    margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n3 {
    margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n3 {
    margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n3 {
    margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-3 {
    margin-right: var(--base-size-16, 16px) !important;
    margin-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-3 {
    margin-top: var(--base-size-16, 16px) !important;
    margin-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-4 {
    margin: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-4 {
    margin-top: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-4 {
    margin-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-4 {
    margin-right: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-4 {
    margin-left: var(--base-size-24, 24px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n4 {
    margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n4 {
    margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n4 {
    margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n4 {
    margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-4 {
    margin-right: var(--base-size-24, 24px) !important;
    margin-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-4 {
    margin-top: var(--base-size-24, 24px) !important;
    margin-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-5 {
    margin: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-5 {
    margin-top: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-5 {
    margin-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-5 {
    margin-right: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-5 {
    margin-left: var(--base-size-32, 32px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n5 {
    margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n5 {
    margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n5 {
    margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n5 {
    margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-5 {
    margin-right: var(--base-size-32, 32px) !important;
    margin-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-5 {
    margin-top: var(--base-size-32, 32px) !important;
    margin-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-6 {
    margin: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-6 {
    margin-top: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-6 {
    margin-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-6 {
    margin-right: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-6 {
    margin-left: var(--base-size-40, 40px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n6 {
    margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n6 {
    margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n6 {
    margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n6 {
    margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-6 {
    margin-right: var(--base-size-40, 40px) !important;
    margin-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-6 {
    margin-top: var(--base-size-40, 40px) !important;
    margin-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-7 {
    margin-top: var(--base-size-48, 48px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-7 {
    margin-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n7 {
    margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n7 {
    margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-7 {
    margin-top: var(--base-size-48, 48px) !important;
    margin-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-8 {
    margin-top: var(--base-size-64, 64px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-8 {
    margin-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n8 {
    margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n8 {
    margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-8 {
    margin-top: var(--base-size-64, 64px) !important;
    margin-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-9 {
    margin-top: var(--base-size-80, 80px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-9 {
    margin-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n9 {
    margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n9 {
    margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-9 {
    margin-top: var(--base-size-80, 80px) !important;
    margin-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-10 {
    margin-top: var(--base-size-96, 96px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-10 {
    margin-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n10 {
    margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n10 {
    margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-10 {
    margin-top: var(--base-size-96, 96px) !important;
    margin-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-11 {
    margin-top: var(--base-size-112, 112px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-11 {
    margin-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n11 {
    margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n11 {
    margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-11 {
    margin-top: var(--base-size-112, 112px) !important;
    margin-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-12 {
    margin-top: var(--base-size-128, 128px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-12 {
    margin-bottom: var(--base-size-128, 128px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n12 {
    margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n12 {
    margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-12 {
    margin-top: var(--base-size-128, 128px) !important;
    margin-bottom: var(--base-size-128, 128px) !important;
  }
  /* responsive horizontal auto margins */
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 1012px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-1 {
    margin: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-1 {
    margin-top: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-1 {
    margin-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-1 {
    margin-right: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-1 {
    margin-left: var(--base-size-4, 4px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n1 {
    margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n1 {
    margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n1 {
    margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n1 {
    margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-1 {
    margin-right: var(--base-size-4, 4px) !important;
    margin-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-1 {
    margin-top: var(--base-size-4, 4px) !important;
    margin-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-2 {
    margin: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-2 {
    margin-top: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-2 {
    margin-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-2 {
    margin-right: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-2 {
    margin-left: var(--base-size-8, 8px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n2 {
    margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n2 {
    margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n2 {
    margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n2 {
    margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-2 {
    margin-right: var(--base-size-8, 8px) !important;
    margin-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-2 {
    margin-top: var(--base-size-8, 8px) !important;
    margin-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-3 {
    margin: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-3 {
    margin-top: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-3 {
    margin-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-3 {
    margin-right: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-3 {
    margin-left: var(--base-size-16, 16px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n3 {
    margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n3 {
    margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n3 {
    margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n3 {
    margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-3 {
    margin-right: var(--base-size-16, 16px) !important;
    margin-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-3 {
    margin-top: var(--base-size-16, 16px) !important;
    margin-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-4 {
    margin: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-4 {
    margin-top: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-4 {
    margin-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-4 {
    margin-right: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-4 {
    margin-left: var(--base-size-24, 24px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n4 {
    margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n4 {
    margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n4 {
    margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n4 {
    margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-4 {
    margin-right: var(--base-size-24, 24px) !important;
    margin-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-4 {
    margin-top: var(--base-size-24, 24px) !important;
    margin-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-5 {
    margin: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-5 {
    margin-top: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-5 {
    margin-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-5 {
    margin-right: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-5 {
    margin-left: var(--base-size-32, 32px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n5 {
    margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n5 {
    margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n5 {
    margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n5 {
    margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-5 {
    margin-right: var(--base-size-32, 32px) !important;
    margin-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-5 {
    margin-top: var(--base-size-32, 32px) !important;
    margin-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-6 {
    margin: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-6 {
    margin-top: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-6 {
    margin-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-6 {
    margin-right: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-6 {
    margin-left: var(--base-size-40, 40px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n6 {
    margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n6 {
    margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n6 {
    margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n6 {
    margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-6 {
    margin-right: var(--base-size-40, 40px) !important;
    margin-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-6 {
    margin-top: var(--base-size-40, 40px) !important;
    margin-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-7 {
    margin-top: var(--base-size-48, 48px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-7 {
    margin-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n7 {
    margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n7 {
    margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-7 {
    margin-top: var(--base-size-48, 48px) !important;
    margin-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-8 {
    margin-top: var(--base-size-64, 64px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-8 {
    margin-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n8 {
    margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n8 {
    margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-8 {
    margin-top: var(--base-size-64, 64px) !important;
    margin-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-9 {
    margin-top: var(--base-size-80, 80px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-9 {
    margin-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n9 {
    margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n9 {
    margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-9 {
    margin-top: var(--base-size-80, 80px) !important;
    margin-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-10 {
    margin-top: var(--base-size-96, 96px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-10 {
    margin-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n10 {
    margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n10 {
    margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-10 {
    margin-top: var(--base-size-96, 96px) !important;
    margin-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-11 {
    margin-top: var(--base-size-112, 112px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-11 {
    margin-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n11 {
    margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n11 {
    margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-11 {
    margin-top: var(--base-size-112, 112px) !important;
    margin-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-12 {
    margin-top: var(--base-size-128, 128px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-12 {
    margin-bottom: var(--base-size-128, 128px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n12 {
    margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n12 {
    margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-12 {
    margin-top: var(--base-size-128, 128px) !important;
    margin-bottom: var(--base-size-128, 128px) !important;
  }
  /* responsive horizontal auto margins */
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-1 {
    margin: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-1 {
    margin-top: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-1 {
    margin-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-1 {
    margin-right: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-1 {
    margin-left: var(--base-size-4, 4px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n1 {
    margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n1 {
    margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n1 {
    margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n1 {
    margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-1 {
    margin-right: var(--base-size-4, 4px) !important;
    margin-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-1 {
    margin-top: var(--base-size-4, 4px) !important;
    margin-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-2 {
    margin: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-2 {
    margin-top: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-2 {
    margin-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-2 {
    margin-right: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-2 {
    margin-left: var(--base-size-8, 8px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n2 {
    margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n2 {
    margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n2 {
    margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n2 {
    margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-2 {
    margin-right: var(--base-size-8, 8px) !important;
    margin-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-2 {
    margin-top: var(--base-size-8, 8px) !important;
    margin-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-3 {
    margin: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-3 {
    margin-top: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-3 {
    margin-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-3 {
    margin-right: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-3 {
    margin-left: var(--base-size-16, 16px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n3 {
    margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n3 {
    margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n3 {
    margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n3 {
    margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-3 {
    margin-right: var(--base-size-16, 16px) !important;
    margin-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-3 {
    margin-top: var(--base-size-16, 16px) !important;
    margin-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-4 {
    margin: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-4 {
    margin-top: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-4 {
    margin-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-4 {
    margin-right: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-4 {
    margin-left: var(--base-size-24, 24px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n4 {
    margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n4 {
    margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n4 {
    margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n4 {
    margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-4 {
    margin-right: var(--base-size-24, 24px) !important;
    margin-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-4 {
    margin-top: var(--base-size-24, 24px) !important;
    margin-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-5 {
    margin: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-5 {
    margin-top: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-5 {
    margin-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-5 {
    margin-right: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-5 {
    margin-left: var(--base-size-32, 32px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n5 {
    margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n5 {
    margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n5 {
    margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n5 {
    margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-5 {
    margin-right: var(--base-size-32, 32px) !important;
    margin-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-5 {
    margin-top: var(--base-size-32, 32px) !important;
    margin-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-6 {
    margin: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-6 {
    margin-top: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-6 {
    margin-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-6 {
    margin-right: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-6 {
    margin-left: var(--base-size-40, 40px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n6 {
    margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n6 {
    margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n6 {
    margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n6 {
    margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-6 {
    margin-right: var(--base-size-40, 40px) !important;
    margin-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-6 {
    margin-top: var(--base-size-40, 40px) !important;
    margin-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-7 {
    margin-top: var(--base-size-48, 48px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-7 {
    margin-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n7 {
    margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n7 {
    margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-7 {
    margin-top: var(--base-size-48, 48px) !important;
    margin-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-8 {
    margin-top: var(--base-size-64, 64px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-8 {
    margin-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n8 {
    margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n8 {
    margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-8 {
    margin-top: var(--base-size-64, 64px) !important;
    margin-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-9 {
    margin-top: var(--base-size-80, 80px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-9 {
    margin-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n9 {
    margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n9 {
    margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-9 {
    margin-top: var(--base-size-80, 80px) !important;
    margin-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-10 {
    margin-top: var(--base-size-96, 96px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-10 {
    margin-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n10 {
    margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n10 {
    margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-10 {
    margin-top: var(--base-size-96, 96px) !important;
    margin-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-11 {
    margin-top: var(--base-size-112, 112px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-11 {
    margin-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n11 {
    margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n11 {
    margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-11 {
    margin-top: var(--base-size-112, 112px) !important;
    margin-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-12 {
    margin-top: var(--base-size-128, 128px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-12 {
    margin-bottom: var(--base-size-128, 128px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n12 {
    margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n12 {
    margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-12 {
    margin-top: var(--base-size-128, 128px) !important;
    margin-bottom: var(--base-size-128, 128px) !important;
  }
  /* responsive horizontal auto margins */
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-0 {
  padding: 0 !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-0 {
  padding-top: 0 !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-0 {
  padding-right: 0 !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-0 {
  padding-bottom: 0 !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-0 {
  padding-left: 0 !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-1 {
  padding: var(--base-size-4, 4px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-1 {
  padding-top: var(--base-size-4, 4px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-1 {
  padding-right: var(--base-size-4, 4px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-1 {
  padding-bottom: var(--base-size-4, 4px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-1 {
  padding-left: var(--base-size-4, 4px) !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-1 {
  padding-right: var(--base-size-4, 4px) !important;
  padding-left: var(--base-size-4, 4px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-1 {
  padding-top: var(--base-size-4, 4px) !important;
  padding-bottom: var(--base-size-4, 4px) !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-2 {
  padding: var(--base-size-8, 8px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-2 {
  padding-top: var(--base-size-8, 8px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-2 {
  padding-right: var(--base-size-8, 8px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-2 {
  padding-bottom: var(--base-size-8, 8px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-2 {
  padding-left: var(--base-size-8, 8px) !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-2 {
  padding-right: var(--base-size-8, 8px) !important;
  padding-left: var(--base-size-8, 8px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-2 {
  padding-top: var(--base-size-8, 8px) !important;
  padding-bottom: var(--base-size-8, 8px) !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-3 {
  padding: var(--base-size-16, 16px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-3 {
  padding-top: var(--base-size-16, 16px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-3 {
  padding-right: var(--base-size-16, 16px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-3 {
  padding-bottom: var(--base-size-16, 16px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-3 {
  padding-left: var(--base-size-16, 16px) !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-3 {
  padding-right: var(--base-size-16, 16px) !important;
  padding-left: var(--base-size-16, 16px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-3 {
  padding-top: var(--base-size-16, 16px) !important;
  padding-bottom: var(--base-size-16, 16px) !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-4 {
  padding: var(--base-size-24, 24px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-4 {
  padding-top: var(--base-size-24, 24px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-4 {
  padding-right: var(--base-size-24, 24px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-4 {
  padding-bottom: var(--base-size-24, 24px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-4 {
  padding-left: var(--base-size-24, 24px) !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-4 {
  padding-right: var(--base-size-24, 24px) !important;
  padding-left: var(--base-size-24, 24px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-4 {
  padding-top: var(--base-size-24, 24px) !important;
  padding-bottom: var(--base-size-24, 24px) !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-5 {
  padding: var(--base-size-32, 32px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-5 {
  padding-top: var(--base-size-32, 32px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-5 {
  padding-right: var(--base-size-32, 32px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-5 {
  padding-bottom: var(--base-size-32, 32px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-5 {
  padding-left: var(--base-size-32, 32px) !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-5 {
  padding-right: var(--base-size-32, 32px) !important;
  padding-left: var(--base-size-32, 32px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-5 {
  padding-top: var(--base-size-32, 32px) !important;
  padding-bottom: var(--base-size-32, 32px) !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-6 {
  padding: var(--base-size-40, 40px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-6 {
  padding-top: var(--base-size-40, 40px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-6 {
  padding-right: var(--base-size-40, 40px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-6 {
  padding-bottom: var(--base-size-40, 40px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-6 {
  padding-left: var(--base-size-40, 40px) !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-6 {
  padding-right: var(--base-size-40, 40px) !important;
  padding-left: var(--base-size-40, 40px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-6 {
  padding-top: var(--base-size-40, 40px) !important;
  padding-bottom: var(--base-size-40, 40px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-7 {
  padding-top: var(--base-size-48, 48px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-7 {
  padding-right: var(--base-size-48, 48px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-7 {
  padding-bottom: var(--base-size-48, 48px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-7 {
  padding-left: var(--base-size-48, 48px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-7 {
  padding-top: var(--base-size-48, 48px) !important;
  padding-bottom: var(--base-size-48, 48px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-8 {
  padding-top: var(--base-size-64, 64px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-8 {
  padding-right: var(--base-size-64, 64px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-8 {
  padding-bottom: var(--base-size-64, 64px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-8 {
  padding-left: var(--base-size-64, 64px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-8 {
  padding-top: var(--base-size-64, 64px) !important;
  padding-bottom: var(--base-size-64, 64px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-9 {
  padding-top: var(--base-size-80, 80px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-9 {
  padding-right: var(--base-size-80, 80px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-9 {
  padding-bottom: var(--base-size-80, 80px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-9 {
  padding-left: var(--base-size-80, 80px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-9 {
  padding-top: var(--base-size-80, 80px) !important;
  padding-bottom: var(--base-size-80, 80px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-10 {
  padding-top: var(--base-size-96, 96px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-10 {
  padding-right: var(--base-size-96, 96px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-10 {
  padding-bottom: var(--base-size-96, 96px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-10 {
  padding-left: var(--base-size-96, 96px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-10 {
  padding-top: var(--base-size-96, 96px) !important;
  padding-bottom: var(--base-size-96, 96px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-11 {
  padding-top: var(--base-size-112, 112px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-11 {
  padding-right: var(--base-size-112, 112px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-11 {
  padding-bottom: var(--base-size-112, 112px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-11 {
  padding-left: var(--base-size-112, 112px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-11 {
  padding-top: var(--base-size-112, 112px) !important;
  padding-bottom: var(--base-size-112, 112px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-12 {
  padding-top: var(--base-size-128, 128px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-12 {
  padding-right: var(--base-size-128, 128px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-12 {
  padding-bottom: var(--base-size-128, 128px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-12 {
  padding-left: var(--base-size-128, 128px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-12 {
  padding-top: var(--base-size-128, 128px) !important;
  padding-bottom: var(--base-size-128, 128px) !important;
}

@media (min-width: 544px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-1 {
    padding: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-1 {
    padding-top: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-1 {
    padding-right: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-1 {
    padding-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-1 {
    padding-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-1 {
    padding-right: var(--base-size-4, 4px) !important;
    padding-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-1 {
    padding-top: var(--base-size-4, 4px) !important;
    padding-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-2 {
    padding: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-2 {
    padding-top: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-2 {
    padding-right: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-2 {
    padding-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-2 {
    padding-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-2 {
    padding-right: var(--base-size-8, 8px) !important;
    padding-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-2 {
    padding-top: var(--base-size-8, 8px) !important;
    padding-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-3 {
    padding: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-3 {
    padding-top: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-3 {
    padding-right: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-3 {
    padding-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-3 {
    padding-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-3 {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-3 {
    padding-top: var(--base-size-16, 16px) !important;
    padding-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-4 {
    padding: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-4 {
    padding-top: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-4 {
    padding-right: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-4 {
    padding-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-4 {
    padding-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-4 {
    padding-right: var(--base-size-24, 24px) !important;
    padding-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-4 {
    padding-top: var(--base-size-24, 24px) !important;
    padding-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-5 {
    padding: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-5 {
    padding-top: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-5 {
    padding-right: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-5 {
    padding-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-5 {
    padding-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-5 {
    padding-right: var(--base-size-32, 32px) !important;
    padding-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-5 {
    padding-top: var(--base-size-32, 32px) !important;
    padding-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-6 {
    padding: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-6 {
    padding-top: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-6 {
    padding-right: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-6 {
    padding-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-6 {
    padding-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-6 {
    padding-right: var(--base-size-40, 40px) !important;
    padding-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-6 {
    padding-top: var(--base-size-40, 40px) !important;
    padding-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-7 {
    padding-top: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-7 {
    padding-right: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-7 {
    padding-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-7 {
    padding-left: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-7 {
    padding-top: var(--base-size-48, 48px) !important;
    padding-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-8 {
    padding-top: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-8 {
    padding-right: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-8 {
    padding-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-8 {
    padding-left: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-8 {
    padding-top: var(--base-size-64, 64px) !important;
    padding-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-9 {
    padding-top: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-9 {
    padding-right: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-9 {
    padding-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-9 {
    padding-left: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-9 {
    padding-top: var(--base-size-80, 80px) !important;
    padding-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-10 {
    padding-top: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-10 {
    padding-right: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-10 {
    padding-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-10 {
    padding-left: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-10 {
    padding-top: var(--base-size-96, 96px) !important;
    padding-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-11 {
    padding-top: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-11 {
    padding-right: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-11 {
    padding-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-11 {
    padding-left: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-11 {
    padding-top: var(--base-size-112, 112px) !important;
    padding-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-12 {
    padding-top: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-12 {
    padding-right: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-12 {
    padding-bottom: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-12 {
    padding-left: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-12 {
    padding-top: var(--base-size-128, 128px) !important;
    padding-bottom: var(--base-size-128, 128px) !important;
  }
}
@media (min-width: 768px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-1 {
    padding: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-1 {
    padding-top: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-1 {
    padding-right: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-1 {
    padding-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-1 {
    padding-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-1 {
    padding-right: var(--base-size-4, 4px) !important;
    padding-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-1 {
    padding-top: var(--base-size-4, 4px) !important;
    padding-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-2 {
    padding: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-2 {
    padding-top: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-2 {
    padding-right: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-2 {
    padding-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-2 {
    padding-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-2 {
    padding-right: var(--base-size-8, 8px) !important;
    padding-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-2 {
    padding-top: var(--base-size-8, 8px) !important;
    padding-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-3 {
    padding: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-3 {
    padding-top: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-3 {
    padding-right: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-3 {
    padding-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-3 {
    padding-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-3 {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-3 {
    padding-top: var(--base-size-16, 16px) !important;
    padding-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-4 {
    padding: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-4 {
    padding-top: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-4 {
    padding-right: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-4 {
    padding-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-4 {
    padding-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-4 {
    padding-right: var(--base-size-24, 24px) !important;
    padding-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-4 {
    padding-top: var(--base-size-24, 24px) !important;
    padding-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-5 {
    padding: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-5 {
    padding-top: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-5 {
    padding-right: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-5 {
    padding-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-5 {
    padding-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-5 {
    padding-right: var(--base-size-32, 32px) !important;
    padding-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-5 {
    padding-top: var(--base-size-32, 32px) !important;
    padding-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-6 {
    padding: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-6 {
    padding-top: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-6 {
    padding-right: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-6 {
    padding-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-6 {
    padding-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-6 {
    padding-right: var(--base-size-40, 40px) !important;
    padding-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-6 {
    padding-top: var(--base-size-40, 40px) !important;
    padding-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-7 {
    padding-top: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-7 {
    padding-right: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-7 {
    padding-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-7 {
    padding-left: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-7 {
    padding-top: var(--base-size-48, 48px) !important;
    padding-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-8 {
    padding-top: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-8 {
    padding-right: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-8 {
    padding-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-8 {
    padding-left: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-8 {
    padding-top: var(--base-size-64, 64px) !important;
    padding-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-9 {
    padding-top: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-9 {
    padding-right: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-9 {
    padding-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-9 {
    padding-left: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-9 {
    padding-top: var(--base-size-80, 80px) !important;
    padding-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-10 {
    padding-top: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-10 {
    padding-right: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-10 {
    padding-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-10 {
    padding-left: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-10 {
    padding-top: var(--base-size-96, 96px) !important;
    padding-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-11 {
    padding-top: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-11 {
    padding-right: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-11 {
    padding-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-11 {
    padding-left: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-11 {
    padding-top: var(--base-size-112, 112px) !important;
    padding-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-12 {
    padding-top: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-12 {
    padding-right: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-12 {
    padding-bottom: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-12 {
    padding-left: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-12 {
    padding-top: var(--base-size-128, 128px) !important;
    padding-bottom: var(--base-size-128, 128px) !important;
  }
}
@media (min-width: 1012px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-1 {
    padding: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-1 {
    padding-top: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-1 {
    padding-right: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-1 {
    padding-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-1 {
    padding-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-1 {
    padding-right: var(--base-size-4, 4px) !important;
    padding-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-1 {
    padding-top: var(--base-size-4, 4px) !important;
    padding-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-2 {
    padding: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-2 {
    padding-top: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-2 {
    padding-right: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-2 {
    padding-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-2 {
    padding-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-2 {
    padding-right: var(--base-size-8, 8px) !important;
    padding-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-2 {
    padding-top: var(--base-size-8, 8px) !important;
    padding-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-3 {
    padding: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-3 {
    padding-top: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-3 {
    padding-right: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-3 {
    padding-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-3 {
    padding-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-3 {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-3 {
    padding-top: var(--base-size-16, 16px) !important;
    padding-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-4 {
    padding: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-4 {
    padding-top: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-4 {
    padding-right: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-4 {
    padding-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-4 {
    padding-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-4 {
    padding-right: var(--base-size-24, 24px) !important;
    padding-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-4 {
    padding-top: var(--base-size-24, 24px) !important;
    padding-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-5 {
    padding: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-5 {
    padding-top: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-5 {
    padding-right: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-5 {
    padding-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-5 {
    padding-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-5 {
    padding-right: var(--base-size-32, 32px) !important;
    padding-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-5 {
    padding-top: var(--base-size-32, 32px) !important;
    padding-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-6 {
    padding: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-6 {
    padding-top: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-6 {
    padding-right: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-6 {
    padding-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-6 {
    padding-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-6 {
    padding-right: var(--base-size-40, 40px) !important;
    padding-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-6 {
    padding-top: var(--base-size-40, 40px) !important;
    padding-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-7 {
    padding-top: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-7 {
    padding-right: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-7 {
    padding-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-7 {
    padding-left: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-7 {
    padding-top: var(--base-size-48, 48px) !important;
    padding-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-8 {
    padding-top: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-8 {
    padding-right: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-8 {
    padding-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-8 {
    padding-left: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-8 {
    padding-top: var(--base-size-64, 64px) !important;
    padding-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-9 {
    padding-top: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-9 {
    padding-right: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-9 {
    padding-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-9 {
    padding-left: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-9 {
    padding-top: var(--base-size-80, 80px) !important;
    padding-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-10 {
    padding-top: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-10 {
    padding-right: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-10 {
    padding-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-10 {
    padding-left: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-10 {
    padding-top: var(--base-size-96, 96px) !important;
    padding-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-11 {
    padding-top: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-11 {
    padding-right: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-11 {
    padding-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-11 {
    padding-left: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-11 {
    padding-top: var(--base-size-112, 112px) !important;
    padding-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-12 {
    padding-top: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-12 {
    padding-right: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-12 {
    padding-bottom: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-12 {
    padding-left: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-12 {
    padding-top: var(--base-size-128, 128px) !important;
    padding-bottom: var(--base-size-128, 128px) !important;
  }
}
@media (min-width: 1280px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-1 {
    padding: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-1 {
    padding-top: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-1 {
    padding-right: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-1 {
    padding-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-1 {
    padding-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-1 {
    padding-right: var(--base-size-4, 4px) !important;
    padding-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-1 {
    padding-top: var(--base-size-4, 4px) !important;
    padding-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-2 {
    padding: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-2 {
    padding-top: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-2 {
    padding-right: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-2 {
    padding-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-2 {
    padding-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-2 {
    padding-right: var(--base-size-8, 8px) !important;
    padding-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-2 {
    padding-top: var(--base-size-8, 8px) !important;
    padding-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-3 {
    padding: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-3 {
    padding-top: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-3 {
    padding-right: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-3 {
    padding-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-3 {
    padding-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-3 {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-3 {
    padding-top: var(--base-size-16, 16px) !important;
    padding-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-4 {
    padding: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-4 {
    padding-top: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-4 {
    padding-right: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-4 {
    padding-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-4 {
    padding-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-4 {
    padding-right: var(--base-size-24, 24px) !important;
    padding-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-4 {
    padding-top: var(--base-size-24, 24px) !important;
    padding-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-5 {
    padding: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-5 {
    padding-top: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-5 {
    padding-right: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-5 {
    padding-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-5 {
    padding-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-5 {
    padding-right: var(--base-size-32, 32px) !important;
    padding-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-5 {
    padding-top: var(--base-size-32, 32px) !important;
    padding-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-6 {
    padding: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-6 {
    padding-top: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-6 {
    padding-right: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-6 {
    padding-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-6 {
    padding-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-6 {
    padding-right: var(--base-size-40, 40px) !important;
    padding-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-6 {
    padding-top: var(--base-size-40, 40px) !important;
    padding-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-7 {
    padding-top: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-7 {
    padding-right: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-7 {
    padding-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-7 {
    padding-left: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-7 {
    padding-top: var(--base-size-48, 48px) !important;
    padding-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-8 {
    padding-top: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-8 {
    padding-right: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-8 {
    padding-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-8 {
    padding-left: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-8 {
    padding-top: var(--base-size-64, 64px) !important;
    padding-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-9 {
    padding-top: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-9 {
    padding-right: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-9 {
    padding-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-9 {
    padding-left: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-9 {
    padding-top: var(--base-size-80, 80px) !important;
    padding-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-10 {
    padding-top: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-10 {
    padding-right: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-10 {
    padding-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-10 {
    padding-left: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-10 {
    padding-top: var(--base-size-96, 96px) !important;
    padding-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-11 {
    padding-top: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-11 {
    padding-right: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-11 {
    padding-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-11 {
    padding-left: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-11 {
    padding-top: var(--base-size-112, 112px) !important;
    padding-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-12 {
    padding-top: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-12 {
    padding-right: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-12 {
    padding-bottom: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-12 {
    padding-left: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-12 {
    padding-top: var(--base-size-128, 128px) !important;
    padding-bottom: var(--base-size-128, 128px) !important;
  }
}
.p-responsive {
  padding-right: var(--base-size-16) !important;
  padding-left: var(--base-size-16) !important;
}
@media (min-width: 544px) {
  .p-responsive {
    padding-right: var(--base-size-40) !important;
    padding-left: var(--base-size-40) !important;
  }
}
@media (min-width: 1012px) {
  .p-responsive {
    padding-right: var(--base-size-16) !important;
    padding-left: var(--base-size-16) !important;
  }
}

/* Set the font size to 26px */
.h1 {
  font-size: var(--h1-size-mobile, 26px) !important;
}
@media (min-width: 768px) {
  .h1 {
    font-size: var(--h1-size, 32px) !important;
  }
}

/* Set the font size to 22px */
.h2 {
  font-size: var(--h2-size-mobile, 22px) !important;
}
@media (min-width: 768px) {
  .h2 {
    font-size: var(--h2-size, 24px) !important;
  }
}

/* Set the font size to 18px */
.h3 {
  font-size: var(--h3-size-mobile, 18px) !important;
}
@media (min-width: 768px) {
  .h3 {
    font-size: var(--h3-size, 20px) !important;
  }
}

/* Set the font size to 16px */
.h4 {
  font-size: var(--h4-size, 16px) !important;
}

/* Set the font size to 14px */
.h5 {
  font-size: var(--h5-size, 14px) !important;
}

/* Set the font size to 12px */
.h6 {
  font-size: var(--h6-size, 12px) !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: var(--base-text-weight-semibold, 600) !important;
}

/* Set the font size to 26px */
.f1 {
  font-size: var(--h1-size-mobile, 26px) !important;
}
@media (min-width: 768px) {
  .f1 {
    font-size: var(--h1-size, 32px) !important;
  }
}

/* Set the font size to 22px */
.f2 {
  font-size: var(--h2-size-mobile, 22px) !important;
}
@media (min-width: 768px) {
  .f2 {
    font-size: var(--h2-size, 24px) !important;
  }
}

/* Set the font size to 18px */
.f3 {
  font-size: var(--h3-size-mobile, 18px) !important;
}
@media (min-width: 768px) {
  .f3 {
    font-size: var(--h3-size, 20px) !important;
  }
}

/* Set the font size to 16px */
.f4 {
  font-size: var(--h4-size, 16px) !important;
}
@media (min-width: 768px) {
  .f4 {
    font-size: var(--h4-size, 16px) !important;
  }
}

/* Set the font size to 14px */
.f5 {
  font-size: var(--h5-size, 14px) !important;
}

/* Set the font size to 12px */
.f6 {
  font-size: var(--h6-size, 12px) !important;
}

/* Set the font size to 40px and weight to light */
.f00-light {
  font-size: var(--h00-size-mobile, 40px) !important;
  font-weight: var(--base-text-weight-light, 300) !important;
}
@media (min-width: 768px) {
  .f00-light {
    font-size: var(--h00-size, 48px) !important;
  }
}

/* Set the font size to 32px and weight to light */
.f0-light {
  font-size: var(--h0-size-mobile, 32px) !important;
  font-weight: var(--base-text-weight-light, 300) !important;
}
@media (min-width: 768px) {
  .f0-light {
    font-size: var(--h0-size, 40px) !important;
  }
}

/* Set the font size to 26px and weight to light */
.f1-light {
  font-size: var(--h1-size-mobile, 26px) !important;
  font-weight: var(--base-text-weight-light, 300) !important;
}
@media (min-width: 768px) {
  .f1-light {
    font-size: var(--h1-size, 32px) !important;
  }
}

/* Set the font size to 22px and weight to light */
.f2-light {
  font-size: var(--h2-size-mobile, 22px) !important;
  font-weight: var(--base-text-weight-light, 300) !important;
}
@media (min-width: 768px) {
  .f2-light {
    font-size: var(--h2-size, 24px) !important;
  }
}

/* Set the font size to 18px and weight to light */
.f3-light {
  font-size: var(--h3-size-mobile, 18px) !important;
  font-weight: var(--base-text-weight-light, 300) !important;
}
@media (min-width: 768px) {
  .f3-light {
    font-size: var(--h3-size, 20px) !important;
  }
}

/* Set the font size to ${#h6-size} */
.text-small {
  font-size: var(--h6-size, 12px) !important;
}

/* Large leading paragraphs */
.lead {
  margin-bottom: 30px;
  font-size: var(--h3-size, 20px);
  font-weight: var(--base-text-weight-light, 300);
}

/* Set the line height to ultra condensed */
.lh-condensed-ultra {
  line-height: 1 !important;
}

/* Set the line height to condensed */
.lh-condensed {
  line-height: 1.25 !important;
}

/* Set the line height to default */
.lh-default {
  line-height: 1.5 !important;
}

/* Set the line height to zero */
.lh-0 {
  line-height: 0 !important;
}

@media (min-width: 544px) {
  /* Set the line height to ultra condensed */
  .lh-sm-condensed-ultra {
    line-height: 1 !important;
  }
  /* Set the line height to condensed */
  .lh-sm-condensed {
    line-height: 1.25 !important;
  }
  /* Set the line height to default */
  .lh-sm-default {
    line-height: 1.5 !important;
  }
  /* Set the line height to zero */
  .lh-sm-0 {
    line-height: 0 !important;
  }
}
@media (min-width: 768px) {
  /* Set the line height to ultra condensed */
  .lh-md-condensed-ultra {
    line-height: 1 !important;
  }
  /* Set the line height to condensed */
  .lh-md-condensed {
    line-height: 1.25 !important;
  }
  /* Set the line height to default */
  .lh-md-default {
    line-height: 1.5 !important;
  }
  /* Set the line height to zero */
  .lh-md-0 {
    line-height: 0 !important;
  }
}
@media (min-width: 1012px) {
  /* Set the line height to ultra condensed */
  .lh-lg-condensed-ultra {
    line-height: 1 !important;
  }
  /* Set the line height to condensed */
  .lh-lg-condensed {
    line-height: 1.25 !important;
  }
  /* Set the line height to default */
  .lh-lg-default {
    line-height: 1.5 !important;
  }
  /* Set the line height to zero */
  .lh-lg-0 {
    line-height: 0 !important;
  }
}
@media (min-width: 1280px) {
  /* Set the line height to ultra condensed */
  .lh-xl-condensed-ultra {
    line-height: 1 !important;
  }
  /* Set the line height to condensed */
  .lh-xl-condensed {
    line-height: 1.25 !important;
  }
  /* Set the line height to default */
  .lh-xl-default {
    line-height: 1.5 !important;
  }
  /* Set the line height to zero */
  .lh-xl-0 {
    line-height: 0 !important;
  }
}
/* Text align to the right */
.text-right {
  text-align: right !important;
}

/* Text align to the left */
.text-left {
  text-align: left !important;
}

/* Text align to the center */
.text-center {
  text-align: center !important;
}

@media (min-width: 544px) {
  /* Text align to the right */
  .text-sm-right {
    text-align: right !important;
  }
  /* Text align to the left */
  .text-sm-left {
    text-align: left !important;
  }
  /* Text align to the center */
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  /* Text align to the right */
  .text-md-right {
    text-align: right !important;
  }
  /* Text align to the left */
  .text-md-left {
    text-align: left !important;
  }
  /* Text align to the center */
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1012px) {
  /* Text align to the right */
  .text-lg-right {
    text-align: right !important;
  }
  /* Text align to the left */
  .text-lg-left {
    text-align: left !important;
  }
  /* Text align to the center */
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1280px) {
  /* Text align to the right */
  .text-xl-right {
    text-align: right !important;
  }
  /* Text align to the left */
  .text-xl-left {
    text-align: left !important;
  }
  /* Text align to the center */
  .text-xl-center {
    text-align: center !important;
  }
}
/* Set the font weight to normal */
.text-normal {
  font-weight: var(--base-text-weight-normal, 400) !important;
}

/* Set the font weight to bold */
.text-bold {
  font-weight: var(--base-text-weight-semibold, 600) !important;
}

.text-semibold {
  font-weight: var(--base-text-weight-medium, 500) !important;
}

.text-light {
  font-weight: var(--base-text-weight-light, 300) !important;
}

/* Set the font to italic */
.text-italic {
  font-style: italic !important;
}

/* Make text uppercase */
.text-uppercase {
  text-transform: uppercase !important;
}

/* Underline text */
.text-underline {
  text-decoration: underline !important;
}

/* Don't underline text */
.no-underline {
  text-decoration: none !important;
}

/* Don't wrap white space */
.no-wrap {
  white-space: nowrap !important;
}

/* Normal white space */
.ws-normal {
  white-space: normal !important;
}

/* Force long "words" to wrap if they exceed the width of the container */
.wb-break-word {
  word-break: break-word !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

/*
 * Specifically apply word-break: break-all; per MDN:
 *
 * > Note: In contrast to `word-break: break-word` and `overflow-wrap: break-word`,
 * > `word-break: break-all` will create a break at the exact place where text would
 * > otherwise overflow its container (even if putting an entire word on its own line
 * > would negate the need for a break).
 *
 * see: https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#Values
 */
.wb-break-all {
  word-break: break-all !important;
}

.text-emphasized {
  font-weight: var(--base-text-weight-semibold, 600);
}

.list-style-none {
  list-style: none !important;
}

/* Set to monospace font */
.text-mono {
  font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace) !important;
}

/* Disallow user from selecting text */
.user-select-none {
  -webkit-user-select: none !important;
          user-select: none !important;
}

/* Make text capitalized (transforms first character to uppercase) */
.text-capitalize {
  text-transform: capitalize !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.d-table {
  display: table !important;
}

.d-table-cell {
  display: table-cell !important;
}

@media (min-width: 544px) {
  .d-sm-block {
    display: block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1012px) {
  .d-lg-block {
    display: block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1280px) {
  .d-xl-block {
    display: block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
}
.v-hidden {
  visibility: hidden !important;
}

.v-visible {
  visibility: visible !important;
}

@media (max-width: 543.98px) {
  .hide-sm {
    display: none !important;
  }
}
@media (min-width: 544px) and (max-width: 767.98px) {
  .hide-md {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1011.98px) {
  .hide-lg {
    display: none !important;
  }
}
@media (min-width: 1012px) {
  .hide-xl {
    display: none !important;
  }
}
.show-whenNarrow,
.show-whenRegular,
.show-whenWide,
.show-whenRegular.hide-whenWide {
  display: none !important;
}

.hide-whenNarrow,
.hide-whenRegular,
.hide-whenWide {
  display: block !important;
}

@media (max-width: 767.98px) {
  .show-whenNarrow {
    display: block !important;
  }
  .hide-whenNarrow {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .show-whenRegular,
  .show-whenRegular.hide-whenWide {
    display: block !important;
  }
  .hide-whenRegular {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .show-whenWide {
    display: block !important;
  }
  .hide-whenWide,
  .show-whenRegular.hide-whenWide {
    display: none !important;
  }
}
/* Set the table-layout to fixed */
.table-fixed {
  table-layout: fixed !important;
}

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

.show-on-focus {
  position: absolute !important;
}
.show-on-focus:not(:focus) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
}
.show-on-focus:focus {
  z-index: 999;
}

.admin--edit-section {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

#wrapper {
  transition: all 100ms ease-in-out 0s;
  display: grid;
  grid-template-rows: auto 1fr;
}

#main {
  display: grid;
  grid-template-columns: auto 1fr;
  overflow: auto;
}
#main.nomenus {
  overflow: hidden;
}
#main.nosidebar {
  grid-template-columns: auto;
}

#content-wrapper {
  transition: all 100ms ease-in-out 0s;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  margin: 0 0 0 0;
  padding: 0;
  height: calc(100vh - var(--header-height));
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--body-background);
  position: relative;
}
#content-wrapper::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
#content-wrapper::-webkit-scrollbar-track {
  background: transparent;
}
#content-wrapper::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
#content-wrapper:hover {
  scrollbar-color: #DDDDDD transparent;
}
#content-wrapper:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

#content {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
  grid-template-areas: "header header" "body bodyRight";
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  z-index: 10;
  background-color: var(--body-background);
}
#content::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
#content::-webkit-scrollbar-track {
  background: transparent;
}
#content::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
#content:hover {
  scrollbar-color: #DDDDDD transparent;
}
#content:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
#content.content--split {
  overflow: hidden;
}

#content-header {
  grid-area: header;
  padding-right: 20px;
  padding-top: 10px;
  padding-left: 20px;
}

#content-body {
  grid-area: body;
  padding-bottom: 10px;
  padding-left: 20px;
  overflow-x: hidden;
}
.accessibility-helper ~ #content-body {
  padding-top: 10px;
}
#content-body:last-child {
  padding-right: 20px;
}
.content--split #content-body {
  overflow: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.content--split #content-body::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.content--split #content-body::-webkit-scrollbar-track {
  background: transparent;
}
.content--split #content-body::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.content--split #content-body:hover {
  scrollbar-color: #DDDDDD transparent;
}
.content--split #content-body:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

#content-bodyRight {
  grid-area: bodyRight;
  padding: 0;
  width: 580px;
  overflow: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
#content-bodyRight::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
#content-bodyRight::-webkit-scrollbar-track {
  background: transparent;
}
#content-bodyRight::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
#content-bodyRight:hover {
  scrollbar-color: #DDDDDD transparent;
}
#content-bodyRight:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

@media screen and (max-width: 543px) {
  body, html {
    position: relative;
    -webkit-overflow-scrolling: touch;
    height: 100%;
  }
  html {
    overflow: auto;
  }
  body,
  #main {
    overflow: visible;
  }
  #wrapper,
  #content-wrapper,
  #content-body,
  #content-bodyRight {
    overflow: hidden;
  }
  #main {
    margin-top: var(--header-height);
  }
  ._header-scrolled #main {
    margin-top: 0;
  }
  #content-wrapper {
    height: 100%;
    min-height: calc(100vh - var(--header-height));
  }
  #content-body,
  #content-header {
    padding-left: 15px;
    padding-right: 15px;
  }
  #content-bodyRight {
    display: none;
  }
  #main {
    grid-template-columns: auto;
  }
  #breadcrumb,
  .hidden-for-mobile {
    display: none !important;
  }
  h2 {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 543px) {
  .hidden-for-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .hidden-for-tablet {
    display: none !important;
  }
}
@media screen and (max-width: 1011px) and (min-width: 543px) {
  .hidden-for-tablet-and-small-laptops {
    display: none !important;
  }
}
/* THE GRID
 * --------
 *
 * Foundation's magical, flexbox-powered grid.
 *
 * Features:
 * - Horizontal or vertical grids
 * - Auto-sizing or percentage width grid blocks
 * - Independently-scrollable blocks
 * - Column alignment
 * - Source ordering
 * - Offsets */
/* Define the size of a grid block. Blocks are flex items. By default, they stretch to fill all available space, based on the size of sibling blocks. This is the "expand" behavior.
 * If set to "shrink", the block will contract and only fill as much space as it needs for its content.
 * If set to a number, the block will be given a percentage width, based on the total number of columns (12 by default). Percentage widths don't work if a block is inside a vertical grid.
 *
 * @group grid
 * @param {number|string} $size - Sizing behavior of the block. Should be expand, shrink, or a number.
 * @output The flex-basis, flex-grow, and flex-shrink properties. */
/* Set the orientation of blocks within this block. The grid is re-oriented by changing the flex direction of the block.
 *
 * @group grid
 * @param {string} $orientation - Direction of the grid, either horizontal or vertical.
 * @output A flex-flow property to match the direction given. */
/* Stretch a grid's child blocks across its cross-axis, making every column appear to have the same height.
 *
 * @group grid
 * @param {bool} $stretch - Stretch blocks if true, or align blocks to top if false.
 * @output Sets align-items to "stretch" if $stretch is true, or "flex-start" (the default value) if false. */
/* Set the alignment of blocks within a grid.
 *
 * left: Items align to the left.
 * right: Items align to the right.
 * center: Items align to the center.
 * justify: Items are spaced equally apart so they occupy the space of the entire grid.
 * spaced: Items are given equal space to their left and right.
 *
 * @group grid
 * @param {string} $align - Alignment to use.
 * @output An appropriate justify-content value. */
/* Set the source order of a block. Items with lower numbers appear first. If multiple items have the same number, the one in the HTML first will appear first.
 *
 * @group grid
 * @param {number} $order - Position in source order.
 * @output An order property. */
/* Constrain the size of a block to the size of the average grid row, and center-align it. This imitates the behavior of ordinary Foundation rows.
 *
 * @group grid
 * @param {bool} $container - Adds container styles if true.
 * @output A maximum width and the good old margin: 0 auto for center alignment. */
/* Offset a block by adding a left margin.
 *
 * @group grid
 * @param {number | bool} $offset - If false, nothing is output. If a number, offsets the column by the specified number of columns.
 * @output A left margin based on the number of columns specified, and the global number of columns. */
/* Frames are containers that stretch to the full dimensions of the browser window. */
/* Groups are collections of content items. They're the "rows" of Foundation for Apps. */
/* Blocks are containers for actual content. They're the "columns" of Foundation for Apps. */
.vertical.grid-block {
  flex-flow: column nowrap;
  align-items: stretch;
}
.align-right.grid-block {
  justify-content: flex-end;
}
.align-center.grid-block {
  justify-content: center;
}
.align-justify.grid-block {
  justify-content: space-between;
}
.align-spaced.grid-block {
  justify-content: space-around;
}
.wrap.grid-block {
  flex-wrap: wrap;
  align-items: flex-start;
}

.shrink.grid-content, .shrink.grid-block {
  flex: 0 0 auto;
}
.noscroll.grid-content, .noscroll.grid-block {
  overflow: hidden;
}

.grid-block {
  display: flex;
  height: 100vh;
  position: relative;
  overflow: hidden;
  flex: 1 1 auto;
  flex-flow: row wrap;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  order: 0;
  height: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.grid-block_visible-overflow, .grid-block_visible-overflow .grid-content {
  overflow: visible;
}
.grid-block_double-column {
  flex-wrap: wrap;
}
.grid-block_double-column > .grid-content {
  min-width: 300px;
  flex-basis: 50%;
  flex-shrink: 0;
  flex-grow: 1;
}

.grid-content {
  display: block;
  padding: 0 1rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  flex: 1 1 auto;
}
.grid-content.collapse {
  padding: 0;
}
.grid-content .grid-block {
  margin-left: -1rem;
  margin-right: -1rem;
  flex-wrap: wrap;
  overflow: visible;
}
.grid-content .grid-block.nowrap {
  flex-wrap: nowrap;
  align-items: stretch;
}
.grid-content .grid-block .grid-content {
  overflow: visible;
}

.grid-container {
  max-width: 980px;
  margin: 0 auto;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

@media (min-width: 544px) {
  .small-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media (min-width: 544px) {
  .small-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
@media (min-width: 544px) {
  .small-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 544px) {
  .small-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (min-width: 544px) {
  .small-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media (min-width: 544px) {
  .small-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 544px) {
  .small-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}
@media (min-width: 544px) {
  .small-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
@media (min-width: 544px) {
  .small-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (min-width: 544px) {
  .small-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}
@media (min-width: 544px) {
  .small-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}
@media (min-width: 544px) {
  .small-12, .hidden-navigation .main-menu ul.menu_root > li .main-item-wrapper a:not(.Button):not(:only-child), .main-item-wrapper a:not(.Button):not(.toggler),
  .main-menu .main-menu-item a:not(.Button):not(.toggler) {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .medium-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media (min-width: 768px) {
  .medium-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
@media (min-width: 768px) {
  .medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 768px) {
  .medium-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (min-width: 768px) {
  .medium-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media (min-width: 768px) {
  .medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .medium-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}
@media (min-width: 768px) {
  .medium-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
@media (min-width: 768px) {
  .medium-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (min-width: 768px) {
  .medium-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}
@media (min-width: 768px) {
  .medium-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .medium-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1012px) {
  .large-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media (min-width: 1012px) {
  .large-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
@media (min-width: 1012px) {
  .large-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 1012px) {
  .large-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (min-width: 1012px) {
  .large-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media (min-width: 1012px) {
  .large-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 1012px) {
  .large-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}
@media (min-width: 1012px) {
  .large-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
@media (min-width: 1012px) {
  .large-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (min-width: 1012px) {
  .large-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}
@media (min-width: 1012px) {
  .large-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}
@media (min-width: 1012px) {
  .large-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  .xlarge-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media (min-width: 1280px) {
  .xlarge-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
@media (min-width: 1280px) {
  .xlarge-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 1280px) {
  .xlarge-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (min-width: 1280px) {
  .xlarge-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media (min-width: 1280px) {
  .xlarge-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 1280px) {
  .xlarge-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}
@media (min-width: 1280px) {
  .xlarge-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
@media (min-width: 1280px) {
  .xlarge-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (min-width: 1280px) {
  .xlarge-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}
@media (min-width: 1280px) {
  .xlarge-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}
@media (min-width: 1280px) {
  .xlarge-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.grid-content .modal .grid-block {
  flex-wrap: nowrap;
}

#main-menu ul ul.main-menu--children ul.pages-hierarchy,
div.wiki ul.pages-hierarchy,
.pages-hierarchy {
  margin-left: 0;
  padding-left: 0;
  overflow-x: hidden;
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--title,
div.wiki ul.pages-hierarchy .tree-menu--title,
.pages-hierarchy .tree-menu--title {
  display: inline-block;
  width: inherit;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  text-decoration: none !important;
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--title.-parent-node,
div.wiki ul.pages-hierarchy .tree-menu--title.-parent-node,
.pages-hierarchy .tree-menu--title.-parent-node {
  font-weight: var(--base-text-weight-bold);
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--hierarchy-span,
div.wiki ul.pages-hierarchy .tree-menu--hierarchy-span,
.pages-hierarchy .tree-menu--hierarchy-span {
  display: inline-block;
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--hierarchy-indicator-icon,
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--leaf-indicator,
div.wiki ul.pages-hierarchy .tree-menu--hierarchy-indicator-icon,
div.wiki ul.pages-hierarchy .tree-menu--leaf-indicator,
.pages-hierarchy .tree-menu--hierarchy-indicator-icon,
.pages-hierarchy .tree-menu--leaf-indicator {
  line-height: 40px;
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--hierarchy-indicator,
div.wiki ul.pages-hierarchy .tree-menu--hierarchy-indicator,
.pages-hierarchy .tree-menu--hierarchy-indicator {
  color: var(--accent-color);
  height: 40px;
  line-height: 40px;
  text-decoration: none !important;
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--hierarchy-indicator:hover,
div.wiki ul.pages-hierarchy .tree-menu--hierarchy-indicator:hover,
.pages-hierarchy .tree-menu--hierarchy-indicator:hover {
  text-decoration: none;
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--hierarchy-indicator-collapsed,
div.wiki ul.pages-hierarchy .tree-menu--hierarchy-indicator-collapsed,
.pages-hierarchy .tree-menu--hierarchy-indicator-collapsed {
  display: none;
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .-hierarchy-collapsed .tree-menu--hierarchy-indicator-expanded,
div.wiki ul.pages-hierarchy .-hierarchy-collapsed .tree-menu--hierarchy-indicator-expanded,
.pages-hierarchy .-hierarchy-collapsed .tree-menu--hierarchy-indicator-expanded {
  display: none;
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .-hierarchy-collapsed .tree-menu--hierarchy-indicator-collapsed,
div.wiki ul.pages-hierarchy .-hierarchy-collapsed .tree-menu--hierarchy-indicator-collapsed,
.pages-hierarchy .-hierarchy-collapsed .tree-menu--hierarchy-indicator-collapsed {
  display: inline-block;
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--hierarchy-indicator-icon,
div.wiki ul.pages-hierarchy .tree-menu--hierarchy-indicator-icon,
.pages-hierarchy .tree-menu--hierarchy-indicator-icon {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.6rem;
  padding-right: 10px;
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy.-with-hierarchy .-with-hierarchy,
div.wiki ul.pages-hierarchy.-with-hierarchy .-with-hierarchy,
.pages-hierarchy.-with-hierarchy .-with-hierarchy {
  padding-left: 22px;
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .-hierarchy-collapsed > .tree-menu--item > .tree-menu--hierarchy-span > .tree-menu--hierarchy-indicator > .tree-menu--hierarchy-indicator-icon,
div.wiki ul.pages-hierarchy .-hierarchy-collapsed > .tree-menu--item > .tree-menu--hierarchy-span > .tree-menu--hierarchy-indicator > .tree-menu--hierarchy-indicator-icon,
.pages-hierarchy .-hierarchy-collapsed > .tree-menu--item > .tree-menu--hierarchy-span > .tree-menu--hierarchy-indicator > .tree-menu--hierarchy-indicator-icon {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.6rem;
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .-hierarchy-collapsed > ul.-with-hierarchy,
div.wiki ul.pages-hierarchy .-hierarchy-collapsed > ul.-with-hierarchy,
.pages-hierarchy .-hierarchy-collapsed > ul.-with-hierarchy {
  display: none;
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy > li,
#main-menu ul ul.main-menu--children ul.pages-hierarchy > li:hover,
div.wiki ul.pages-hierarchy > li,
div.wiki ul.pages-hierarchy > li:hover,
.pages-hierarchy > li,
.pages-hierarchy > li:hover {
  background: transparent;
  list-style-type: none;
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--item,
div.wiki ul.pages-hierarchy .tree-menu--item,
.pages-hierarchy .tree-menu--item {
  display: inline-block;
  width: 100%;
  border-radius: 3px;
  line-height: 40px;
  padding: 0 10px 0 0;
  white-space: nowrap;
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--item.-selected,
div.wiki ul.pages-hierarchy .tree-menu--item.-selected,
.pages-hierarchy .tree-menu--item.-selected {
  background: var(--main-menu-bg-hover-background);
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--item.-selected .tree-menu--title,
div.wiki ul.pages-hierarchy .tree-menu--item.-selected .tree-menu--title,
.pages-hierarchy .tree-menu--item.-selected .tree-menu--title {
  color: var(--main-menu-hover-font-color);
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--item:hover,
div.wiki ul.pages-hierarchy .tree-menu--item:hover,
.pages-hierarchy .tree-menu--item:hover {
  background: var(--main-menu-bg-hover-background);
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--item:hover .tree-menu--title,
div.wiki ul.pages-hierarchy .tree-menu--item:hover .tree-menu--title,
.pages-hierarchy .tree-menu--item:hover .tree-menu--title {
  color: var(--main-menu-hover-font-color);
}

.warning-bar--wrapper {
  position: fixed;
  bottom: 0;
  z-index: 1001;
  width: 100%;
}

.warning-bar--item {
  background-color: #f4f4aa;
  padding: 10px;
  display: flex;
  align-items: center;
}
.warning-bar--item h1 {
  font-size: 12px;
  font-weight: var(--base-text-weight-bold);
}
.warning-bar--item p {
  font-size: 0.9rem;
  margin: 0;
}
.warning-bar--item a {
  font-weight: var(--base-text-weight-bold);
}

.warning-bar--disable-on-hover {
  cursor: pointer;
}
.warning-bar--item:hover .warning-bar--disable-on-hover:before {
  content: "\f13a";
}

#breadcrumb {
  display: none;
  transition: all 100ms ease-in-out 0s;
  overflow: hidden;
  width: auto;
  min-height: var(--breadcrumb-height);
  padding: 0;
}
#breadcrumb ul.op-breadcrumb {
  height: initial;
  margin: 0;
  padding: 0;
}
#breadcrumb ul.op-breadcrumb li {
  color: var(--breadcrumb-font-color);
  font-family: var(--body-font-family);
  font-size: var(--breadcrumb-font-size);
  font-weight: normal;
  list-style-type: none;
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  line-height: 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
#breadcrumb.-show {
  display: block;
}
#breadcrumb li {
  white-space: nowrap;
}

.spot-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
}
.spot-icon_1_25 {
  font-size: 1.25rem;
}
.spot-icon_1 {
  font-size: 1rem;
}
.spot-icon_inline {
  transform: translateY(0.25em);
}
.spot-icon::before {
  font-family: "openproject-spot-icon-font";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: inherit;
  text-transform: none;
  text-decoration: none;
  display: block;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.spot-icon_accessibility:before {
  content: "\f101";
}

.spot-icon_accountable:before {
  content: "\f102";
}

.spot-icon_activity-history:before {
  content: "\f103";
}

.spot-icon_add-attachment:before {
  content: "\f104";
}

.spot-icon_add-link:before {
  content: "\f105";
}

.spot-icon_add:before {
  content: "\f106";
}

.spot-icon_align-center:before {
  content: "\f107";
}

.spot-icon_align-justify:before {
  content: "\f108";
}

.spot-icon_align-left:before {
  content: "\f109";
}

.spot-icon_align-right:before {
  content: "\f10a";
}

.spot-icon_arrow-down1:before {
  content: "\f10b";
}

.spot-icon_arrow-down2:before {
  content: "\f10c";
}

.spot-icon_arrow-in:before {
  content: "\f10d";
}

.spot-icon_arrow-left-right:before {
  content: "\f10e";
}

.spot-icon_arrow-left1:before {
  content: "\f10f";
}

.spot-icon_arrow-left2:before {
  content: "\f110";
}

.spot-icon_arrow-left3:before {
  content: "\f111";
}

.spot-icon_arrow-left4:before {
  content: "\f112";
}

.spot-icon_arrow-out:before {
  content: "\f113";
}

.spot-icon_arrow-right2:before {
  content: "\f114";
}

.spot-icon_arrow-right3:before {
  content: "\f115";
}

.spot-icon_arrow-right4:before {
  content: "\f116";
}

.spot-icon_arrow-right5:before {
  content: "\f117";
}

.spot-icon_arrow-right6:before {
  content: "\f118";
}

.spot-icon_arrow-right7:before {
  content: "\f119";
}

.spot-icon_arrow-thin-left:before {
  content: "\f11a";
}

.spot-icon_arrow-thin:before {
  content: "\f11b";
}

.spot-icon_arrow-up1:before {
  content: "\f11c";
}

.spot-icon_arrow-up2:before {
  content: "\f11d";
}

.spot-icon_assigned-to-me:before {
  content: "\f11e";
}

.spot-icon_assigned:before {
  content: "\f11f";
}

.spot-icon_attachment:before {
  content: "\f120";
}

.spot-icon_attention:before {
  content: "\f121";
}

.spot-icon_back-up:before {
  content: "\f122";
}

.spot-icon_backlogs:before {
  content: "\f123";
}

.spot-icon_baseline-add:before {
  content: "\f124";
}

.spot-icon_baseline-delete:before {
  content: "\f125";
}

.spot-icon_baseline:before {
  content: "\f126";
}

.spot-icon_bcf:before {
  content: "\f127";
}

.spot-icon_bell:before {
  content: "\f128";
}

.spot-icon_billing-information:before {
  content: "\f129";
}

.spot-icon_blocked:before {
  content: "\f12a";
}

.spot-icon_boards:before {
  content: "\f12b";
}

.spot-icon_bold:before {
  content: "\f12c";
}

.spot-icon_bookmark-filled:before {
  content: "\f12d";
}

.spot-icon_bookmark:before {
  content: "\f12e";
}

.spot-icon_budget:before {
  content: "\f12f";
}

.spot-icon_bug:before {
  content: "\f130";
}

.spot-icon_calendar:before {
  content: "\f131";
}

.spot-icon_calendar2:before {
  content: "\f132";
}

.spot-icon_camera:before {
  content: "\f133";
}

.spot-icon_cancel-circle:before {
  content: "\f134";
}

.spot-icon_cancel:before {
  content: "\f135";
}

.spot-icon_cart:before {
  content: "\f136";
}

.spot-icon_changeset-down:before {
  content: "\f137";
}

.spot-icon_changeset-up:before {
  content: "\f138";
}

.spot-icon_changeset:before {
  content: "\f139";
}

.spot-icon_chart1:before {
  content: "\f13a";
}

.spot-icon_chart2:before {
  content: "\f13b";
}

.spot-icon_chart3:before {
  content: "\f13c";
}

.spot-icon_checkmark-circle:before {
  content: "\f13d";
}

.spot-icon_checkmark:before {
  content: "\f13e";
}

.spot-icon_clipboard:before {
  content: "\f13f";
}

.spot-icon_close:before {
  content: "\f140";
}

.spot-icon_code-tag:before {
  content: "\f141";
}

.spot-icon_color-text:before {
  content: "\f142";
}

.spot-icon_color-underline:before {
  content: "\f143";
}

.spot-icon_column-left:before {
  content: "\f144";
}

.spot-icon_column-right:before {
  content: "\f145";
}

.spot-icon_columns:before {
  content: "\f146";
}

.spot-icon_comments:before {
  content: "\f147";
}

.spot-icon_compare2:before {
  content: "\f148";
}

.spot-icon_concept:before {
  content: "\f149";
}

.spot-icon_configure-knobs:before {
  content: "\f14a";
}

.spot-icon_console-light:before {
  content: "\f14b";
}

.spot-icon_console:before {
  content: "\f14c";
}

.spot-icon_contacts:before {
  content: "\f14d";
}

.spot-icon_copy-documents:before {
  content: "\f14e";
}

.spot-icon_copy:before {
  content: "\f14f";
}

.spot-icon_cost-reports:before {
  content: "\f150";
}

.spot-icon_cost-types:before {
  content: "\f151";
}

.spot-icon_cursor:before {
  content: "\f152";
}

.spot-icon_custom-development:before {
  content: "\f153";
}

.spot-icon_custom-fields:before {
  content: "\f154";
}

.spot-icon_cut:before {
  content: "\f155";
}

.spot-icon_date-alerts:before {
  content: "\f156";
}

.spot-icon_delete-folder:before {
  content: "\f157";
}

.spot-icon_delete:before {
  content: "\f158";
}

.spot-icon_delta-triangle:before {
  content: "\f159";
}

.spot-icon_dependency:before {
  content: "\f15a";
}

.spot-icon_design:before {
  content: "\f15b";
}

.spot-icon_double-arrow-left:before {
  content: "\f15c";
}

.spot-icon_double-arrow-right:before {
  content: "\f15d";
}

.spot-icon_download-arrow:before {
  content: "\f15e";
}

.spot-icon_download:before {
  content: "\f15f";
}

.spot-icon_drag-handle:before {
  content: "\f160";
}

.spot-icon_dropdown-open:before {
  content: "\f161";
}

.spot-icon_dropdown:before {
  content: "\f162";
}

.spot-icon_duplicate:before {
  content: "\f163";
}

.spot-icon_edit:before {
  content: "\f164";
}

.spot-icon_email-alert:before {
  content: "\f165";
}

.spot-icon_enterprise-addons:before {
  content: "\f166";
}

.spot-icon_enterprise-badge:before {
  content: "\f167";
}

.spot-icon_enterprise:before {
  content: "\f168";
}

.spot-icon_enumerations:before {
  content: "\f169";
}

.spot-icon_error:before {
  content: "\f16a";
}

.spot-icon_export-atom:before {
  content: "\f16b";
}

.spot-icon_export-bcf:before {
  content: "\f16c";
}

.spot-icon_export-csv:before {
  content: "\f16d";
}

.spot-icon_export-pdf-1:before {
  content: "\f16e";
}

.spot-icon_export-pdf-descr:before {
  content: "\f16f";
}

.spot-icon_export-pdf-with-descriptions:before {
  content: "\f170";
}

.spot-icon_export-pdf:before {
  content: "\f171";
}

.spot-icon_export-xls-descr:before {
  content: "\f172";
}

.spot-icon_export-xls-with-descriptions:before {
  content: "\f173";
}

.spot-icon_export-xls-with-relations:before {
  content: "\f174";
}

.spot-icon_export-xls:before {
  content: "\f175";
}

.spot-icon_export:before {
  content: "\f176";
}

.spot-icon_external-link:before {
  content: "\f177";
}

.spot-icon_faq:before {
  content: "\f178";
}

.spot-icon_file-doc:before {
  content: "\f179";
}

.spot-icon_file-form:before {
  content: "\f17a";
}

.spot-icon_file-presentation:before {
  content: "\f17b";
}

.spot-icon_file-sheet:before {
  content: "\f17c";
}

.spot-icon_file-storage-connection:before {
  content: "\f17d";
}

.spot-icon_file-text:before {
  content: "\f17e";
}

.spot-icon_filter:before {
  content: "\f17f";
}

.spot-icon_flag:before {
  content: "\f180";
}

.spot-icon_folder-add:before {
  content: "\f181";
}

.spot-icon_folder-locked:before {
  content: "\f182";
}

.spot-icon_folder-open:before {
  content: "\f183";
}

.spot-icon_folder-remove:before {
  content: "\f184";
}

.spot-icon_folder:before {
  content: "\f185";
}

.spot-icon_forums:before {
  content: "\f186";
}

.spot-icon_from-fullscreen:before {
  content: "\f187";
}

.spot-icon_getting-started:before {
  content: "\f188";
}

.spot-icon_github_logo:before {
  content: "\f189";
}

.spot-icon_gitlab_logo:before {
  content: "\f18a";
}

.spot-icon_glossar:before {
  content: "\f18b";
}

.spot-icon_google-plus:before {
  content: "\f18c";
}

.spot-icon_group-by:before {
  content: "\f18d";
}

.spot-icon_group:before {
  content: "\f18e";
}

.spot-icon_hamburger:before {
  content: "\f18f";
}

.spot-icon_headline1:before {
  content: "\f190";
}

.spot-icon_headline2:before {
  content: "\f191";
}

.spot-icon_headline3:before {
  content: "\f192";
}

.spot-icon_headset:before {
  content: "\f193";
}

.spot-icon_help:before {
  content: "\f194";
}

.spot-icon_help1:before {
  content: "\f195";
}

.spot-icon_help2:before {
  content: "\f196";
}

.spot-icon_hide:before {
  content: "\f197";
}

.spot-icon_hierarchy:before {
  content: "\f198";
}

.spot-icon_home:before {
  content: "\f199";
}

.spot-icon_hosting:before {
  content: "\f19a";
}

.spot-icon_iconfont-scaler:before {
  content: "\f19b";
}

.spot-icon_ifc:before {
  content: "\f19c";
}

.spot-icon_image1:before {
  content: "\f19d";
}

.spot-icon_image2:before {
  content: "\f19e";
}

.spot-icon_import:before {
  content: "\f19f";
}

.spot-icon_inbox:before {
  content: "\f1a0";
}

.spot-icon_info1:before {
  content: "\f1a1";
}

.spot-icon_info2:before {
  content: "\f1a2";
}

.spot-icon_input-disabled:before {
  content: "\f1a3";
}

.spot-icon_installation-services:before {
  content: "\f1a4";
}

.spot-icon_italic:before {
  content: "\f1a5";
}

.spot-icon_key:before {
  content: "\f1a6";
}

.spot-icon_like-hand:before {
  content: "\f1a7";
}

.spot-icon_link:before {
  content: "\f1a8";
}

.spot-icon_loading1:before {
  content: "\f1a9";
}

.spot-icon_loading2:before {
  content: "\f1aa";
}

.spot-icon_location:before {
  content: "\f1ab";
}

.spot-icon_locked:before {
  content: "\f1ac";
}

.spot-icon_logout:before {
  content: "\f1ad";
}

.spot-icon_mail1:before {
  content: "\f1ae";
}

.spot-icon_mail2:before {
  content: "\f1af";
}

.spot-icon_maintenance-support:before {
  content: "\f1b0";
}

.spot-icon_mark-all-read:before {
  content: "\f1b1";
}

.spot-icon_mark-read:before {
  content: "\f1b2";
}

.spot-icon_meetings:before {
  content: "\f1b3";
}

.spot-icon_mention-comment:before {
  content: "\f1b4";
}

.spot-icon_mention:before {
  content: "\f1b5";
}

.spot-icon_menu:before {
  content: "\f1b6";
}

.spot-icon_merge-branch:before {
  content: "\f1b7";
}

.spot-icon_microphone:before {
  content: "\f1b8";
}

.spot-icon_milestone:before {
  content: "\f1b9";
}

.spot-icon_minus1:before {
  content: "\f1ba";
}

.spot-icon_minus2:before {
  content: "\f1bb";
}

.spot-icon_mobile:before {
  content: "\f1bc";
}

.spot-icon_modules:before {
  content: "\f1bd";
}

.spot-icon_more:before {
  content: "\f1be";
}

.spot-icon_move:before {
  content: "\f1bf";
}

.spot-icon_movie:before {
  content: "\f1c0";
}

.spot-icon_music:before {
  content: "\f1c1";
}

.spot-icon_new-planning-element:before {
  content: "\f1c2";
}

.spot-icon_news:before {
  content: "\f1c3";
}

.spot-icon_nextcloud-circle:before {
  content: "\f1c4";
}

.spot-icon_nextcloud:before {
  content: "\f1c5";
}

.spot-icon_no-hierarchy:before {
  content: "\f1c6";
}

.spot-icon_no-zen-mode:before {
  content: "\f1c7";
}

.spot-icon_not-supported:before {
  content: "\f1c8";
}

.spot-icon_not-watching:before {
  content: "\f1c9";
}

.spot-icon_notes:before {
  content: "\f1ca";
}

.spot-icon_openid:before {
  content: "\f1cb";
}

.spot-icon_openproject:before {
  content: "\f1cc";
}

.spot-icon_ordered-list:before {
  content: "\f1cd";
}

.spot-icon_outline:before {
  content: "\f1ce";
}

.spot-icon_paragraph-left:before {
  content: "\f1cf";
}

.spot-icon_paragraph-right:before {
  content: "\f1d0";
}

.spot-icon_paragraph:before {
  content: "\f1d1";
}

.spot-icon_payment-history:before {
  content: "\f1d2";
}

.spot-icon_phone:before {
  content: "\f1d3";
}

.spot-icon_pin:before {
  content: "\f1d4";
}

.spot-icon_play:before {
  content: "\f1d5";
}

.spot-icon_plugins:before {
  content: "\f1d6";
}

.spot-icon_plus:before {
  content: "\f1d7";
}

.spot-icon_pre:before {
  content: "\f1d8";
}

.spot-icon_presentation:before {
  content: "\f1d9";
}

.spot-icon_preview:before {
  content: "\f1da";
}

.spot-icon_print:before {
  content: "\f1db";
}

.spot-icon_priority:before {
  content: "\f1dc";
}

.spot-icon_project-types:before {
  content: "\f1dd";
}

.spot-icon_projects:before {
  content: "\f1de";
}

.spot-icon_publish:before {
  content: "\f1df";
}

.spot-icon_pulldown-up:before {
  content: "\f1e0";
}

.spot-icon_pulldown:before {
  content: "\f1e1";
}

.spot-icon_quote:before {
  content: "\f1e2";
}

.spot-icon_quote2:before {
  content: "\f1e3";
}

.spot-icon_redo:before {
  content: "\f1e4";
}

.spot-icon_relation-follows:before {
  content: "\f1e5";
}

.spot-icon_relation-new-child:before {
  content: "\f1e6";
}

.spot-icon_relation-precedes:before {
  content: "\f1e7";
}

.spot-icon_relations:before {
  content: "\f1e8";
}

.spot-icon_reload:before {
  content: "\f1e9";
}

.spot-icon_reminder:before {
  content: "\f1ea";
}

.spot-icon_remove-1:before {
  content: "\f1eb";
}

.spot-icon_remove-link:before {
  content: "\f1ec";
}

.spot-icon_remove:before {
  content: "\f1ed";
}

.spot-icon_rename:before {
  content: "\f1ee";
}

.spot-icon_reported-by-me:before {
  content: "\f1ef";
}

.spot-icon_resizer-bottom-right:before {
  content: "\f1f0";
}

.spot-icon_resizer-vertical-lines:before {
  content: "\f1f1";
}

.spot-icon_return-to-previous:before {
  content: "\f1f2";
}

.spot-icon_roadmap:before {
  content: "\f1f3";
}

.spot-icon_rss:before {
  content: "\f1f4";
}

.spot-icon_rubber:before {
  content: "\f1f5";
}

.spot-icon_save:before {
  content: "\f1f6";
}

.spot-icon_search:before {
  content: "\f1f7";
}

.spot-icon_select-all:before {
  content: "\f1f8";
}

.spot-icon_send-mail:before {
  content: "\f1f9";
}

.spot-icon_server-key:before {
  content: "\f1fa";
}

.spot-icon_settings-display:before {
  content: "\f1fb";
}

.spot-icon_settings:before {
  content: "\f1fc";
}

.spot-icon_settings2:before {
  content: "\f1fd";
}

.spot-icon_settings3:before {
  content: "\f1fe";
}

.spot-icon_settings4:before {
  content: "\f1ff";
}

.spot-icon_share:before {
  content: "\f200";
}

.spot-icon_shortcuts:before {
  content: "\f201";
}

.spot-icon_show-all-projects:before {
  content: "\f202";
}

.spot-icon_show-more-horizontal:before {
  content: "\f203";
}

.spot-icon_show-more:before {
  content: "\f204";
}

.spot-icon_slack:before {
  content: "\f205";
}

.spot-icon_snooze:before {
  content: "\f206";
}

.spot-icon_sort-ascending:before {
  content: "\f207";
}

.spot-icon_sort-by:before {
  content: "\f208";
}

.spot-icon_sort-descending:before {
  content: "\f209";
}

.spot-icon_sort-down:before {
  content: "\f20a";
}

.spot-icon_sort-up:before {
  content: "\f20b";
}

.spot-icon_square:before {
  content: "\f20c";
}

.spot-icon_star-empty:before {
  content: "\f20d";
}

.spot-icon_star-filled:before {
  content: "\f20e";
}

.spot-icon_star:before {
  content: "\f20f";
}

.spot-icon_status-reporting:before {
  content: "\f210";
}

.spot-icon_status:before {
  content: "\f211";
}

.spot-icon_stop:before {
  content: "\f212";
}

.spot-icon_strike-through:before {
  content: "\f213";
}

.spot-icon_sum-error:before {
  content: "\f214";
}

.spot-icon_sum-sign:before {
  content: "\f215";
}

.spot-icon_team-planner:before {
  content: "\f216";
}

.spot-icon_text:before {
  content: "\f217";
}

.spot-icon_ticket-checked:before {
  content: "\f218";
}

.spot-icon_ticket-down:before {
  content: "\f219";
}

.spot-icon_ticket-edit:before {
  content: "\f21a";
}

.spot-icon_ticket-minus:before {
  content: "\f21b";
}

.spot-icon_ticket-note:before {
  content: "\f21c";
}

.spot-icon_ticket:before {
  content: "\f21d";
}

.spot-icon_time-tracking-running:before {
  content: "\f21e";
}

.spot-icon_time-tracking-start:before {
  content: "\f21f";
}

.spot-icon_time-tracking-stop:before {
  content: "\f220";
}

.spot-icon_time:before {
  content: "\f221";
}

.spot-icon_to-fullscreen:before {
  content: "\f222";
}

.spot-icon_today-arrows:before {
  content: "\f223";
}

.spot-icon_training-consulting:before {
  content: "\f224";
}

.spot-icon_two-factor-authentication:before {
  content: "\f225";
}

.spot-icon_two-factor-authentification:before {
  content: "\f226";
}

.spot-icon_types:before {
  content: "\f227";
}

.spot-icon_underline:before {
  content: "\f228";
}

.spot-icon_undo:before {
  content: "\f229";
}

.spot-icon_unit:before {
  content: "\f22a";
}

.spot-icon_unlocked:before {
  content: "\f22b";
}

.spot-icon_unordered-list:before {
  content: "\f22c";
}

.spot-icon_unwatched:before {
  content: "\f22d";
}

.spot-icon_up-down-stepper:before {
  content: "\f22e";
}

.spot-icon_upload-arrow:before {
  content: "\f22f";
}

.spot-icon_upload:before {
  content: "\f230";
}

.spot-icon_user-minus:before {
  content: "\f231";
}

.spot-icon_user-missing:before {
  content: "\f232";
}

.spot-icon_user-plus:before {
  content: "\f233";
}

.spot-icon_user:before {
  content: "\f234";
}

.spot-icon_view-card:before {
  content: "\f235";
}

.spot-icon_view-fullscreen:before {
  content: "\f236";
}

.spot-icon_view-list:before {
  content: "\f237";
}

.spot-icon_view-model:before {
  content: "\f238";
}

.spot-icon_view-split-viewer-table:before {
  content: "\f239";
}

.spot-icon_view-split:before {
  content: "\f23a";
}

.spot-icon_view-split2:before {
  content: "\f23b";
}

.spot-icon_view-timeline:before {
  content: "\f23c";
}

.spot-icon_warning:before {
  content: "\f23d";
}

.spot-icon_watched:before {
  content: "\f23e";
}

.spot-icon_watching:before {
  content: "\f23f";
}

.spot-icon_wiki-edit:before {
  content: "\f240";
}

.spot-icon_wiki:before {
  content: "\f241";
}

.spot-icon_wiki2:before {
  content: "\f242";
}

.spot-icon_work-packages:before {
  content: "\f243";
}

.spot-icon_workflow:before {
  content: "\f244";
}

.spot-icon_yes:before {
  content: "\f245";
}

.spot-icon_zen-mode:before {
  content: "\f246";
}

.spot-icon_zoom-auto:before {
  content: "\f247";
}

.spot-icon_zoom-in:before {
  content: "\f248";
}

.spot-icon_zoom-out:before {
  content: "\f249";
}

.main-menu {
  width: var(--main-menu-width);
  min-width: var(--main-menu-width);
  overflow-x: hidden;
  border-right-style: solid;
  border-right-width: var(--main-menu-border-width);
  border-right-color: var(--main-menu-border-color);
  background-color: var(--main-menu-bg-color);
}
.main-menu #menu-sidebar {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100vh - var(--header-height));
  position: relative;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.main-menu #menu-sidebar::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.main-menu #menu-sidebar::-webkit-scrollbar-track {
  background: transparent;
}
.main-menu #menu-sidebar::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.main-menu #menu-sidebar:hover {
  scrollbar-color: #DDDDDD transparent;
}
.main-menu #menu-sidebar:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.main-menu #menu-sidebar .menu_root.closed,
.main-menu #menu-sidebar .menu_root > li.open,
.main-menu #menu-sidebar wp-query-select,
.main-menu #menu-sidebar .searchable-menu,
.main-menu #menu-sidebar .searchable-menu--search-container,
.main-menu #menu-sidebar .main-menu--children > li.partial:only-child {
  height: 100%;
}
.main-menu #menu-sidebar .main-menu--children {
  height: calc(100% - (var(--main-menu-item-height) + 10px));
  overflow: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.main-menu #menu-sidebar .main-menu--children::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.main-menu #menu-sidebar .main-menu--children::-webkit-scrollbar-track {
  background: transparent;
}
.main-menu #menu-sidebar .main-menu--children::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.main-menu #menu-sidebar .main-menu--children:hover {
  scrollbar-color: #DDDDDD transparent;
}
.main-menu #menu-sidebar .main-menu--children:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.main-menu a:not(.Button):focus {
  color: var(--main-menu-font-color);
}
.main-menu ul {
  margin: 0;
  padding: 0;
}
.main-menu ul li {
  float: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  position: relative;
  min-height: 23px;
}
.main-menu ul li.ng-leave {
  animation-name: 0.5s fade-out;
  animation-duration: 500ms;
  animation-timing-function: ease;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  animation-delay: 0;
}
.main-menu ul li [class*=-menu-item] {
  display: flex;
  align-items: center;
}
.main-menu ul li a {
  padding-left: 12px;
}
.main-menu ul li a.toggler {
  padding-left: 0;
}
.main-menu ul .main-menu--children li a:not(.Button) {
  padding-left: 24px;
}
.main-menu a:not(.Button) {
  text-decoration: none;
  line-height: var(--main-menu-item-height);
  position: relative;
  height: var(--main-menu-item-height);
  color: var(--main-menu-font-color);
  font-family: var(--body-font-family);
  font-weight: normal;
  font-size: var(--main-menu-font-size);
  font-style: normal;
  padding: 0 12px;
}
.main-menu a:not(.Button):hover {
  text-decoration: none;
}
.main-menu .toggler {
  width: 40px;
  height: var(--main-menu-item-height);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-menu .icon-time, .main-menu .icon-time-entry,
.main-menu .icon-log_time {
  background: none;
  padding: 0;
}

.main-item-wrapper,
.main-menu .main-menu-item {
  display: flex;
}
.main-item-wrapper .toggler:hover,
.main-menu .main-menu-item .toggler:hover {
  background: var(--main-menu-bg-hover-background);
  color: var(--main-menu-hover-font-color);
  border: 1px solid var(--main-menu-hover-border-color);
}
.main-item-wrapper a:not(.Button),
.main-menu .main-menu-item a:not(.Button) {
  border: 1px solid transparent;
}
.main-item-wrapper a:not(.Button).selected, .main-item-wrapper a:not(.Button).selected + a,
.main-menu .main-menu-item a:not(.Button).selected,
.main-menu .main-menu-item a:not(.Button).selected + a {
  background: var(--main-menu-bg-selected-background);
  color: var(--main-menu-selected-font-color);
  border: 1px solid var(--main-menu-bg-selected-border);
}
.main-item-wrapper a:not(.Button).selected:hover, .main-item-wrapper a:not(.Button).selected + a:hover,
.main-menu .main-menu-item a:not(.Button).selected:hover,
.main-menu .main-menu-item a:not(.Button).selected + a:hover {
  background: var(--main-menu-bg-hover-background);
  color: var(--main-menu-hover-font-color);
  border: 1px solid var(--main-menu-hover-border-color);
}
.main-item-wrapper a:not(.Button):hover, .main-item-wrapper a:not(.Button):focus, .main-item-wrapper a:not(.Button):active,
.main-menu .main-menu-item a:not(.Button):hover,
.main-menu .main-menu-item a:not(.Button):focus,
.main-menu .main-menu-item a:not(.Button):active {
  background: var(--main-menu-bg-hover-background);
  color: var(--main-menu-hover-font-color);
  border: 1px solid var(--main-menu-hover-border-color);
}
.main-item-wrapper a:not(.Button):hover ~ .toggler, .main-item-wrapper a:not(.Button):focus ~ .toggler, .main-item-wrapper a:not(.Button):active ~ .toggler,
.main-menu .main-menu-item a:not(.Button):hover ~ .toggler,
.main-menu .main-menu-item a:not(.Button):focus ~ .toggler,
.main-menu .main-menu-item a:not(.Button):active ~ .toggler {
  background: var(--main-menu-bg-hover-background);
  color: var(--main-menu-hover-font-color);
  border: 1px solid var(--main-menu-hover-border-color);
}
.main-item-wrapper a:not(.Button):not(:only-child):first-of-type,
.main-menu .main-menu-item a:not(.Button):not(:only-child):first-of-type {
  flex: 0 0 calc(100% - 40px);
  max-width: calc(100% - 40px);
}

.main-menu--children {
  display: none;
  padding: 10px 0;
  width: 100%;
}
.main-menu--children.unattached {
  border-top: 1px solid #ddd;
}
.main-menu--children li:hover > a {
  color: var(--main-menu-bg-hover-background);
}
.main-menu--children li > a.selected, .main-menu--children li > a.selected {
  background: var(--main-menu-bg-selected-background);
  color: var(--main-menu-selected-font-color);
  border: 1px solid var(--main-menu-bg-selected-border);
}
.main-menu--children li > a:hover, .main-menu--children li > a:focus, .main-menu--children li > a:active {
  background: var(--main-menu-bg-hover-background);
  color: var(--main-menu-hover-font-color);
  border: 1px solid var(--main-menu-hover-border-color);
}

.main-menu--children-menu-header {
  padding: 10px 10px 0 10px;
  height: calc(var(--main-menu-item-height) + 10px);
}

.main-menu--arrow-left-to-project {
  display: inline-block;
  width: 40px;
  float: left;
  border-radius: 3px;
  padding-left: 14px;
  padding-right: 14px;
  border: 1px solid transparent;
}
.main-menu--arrow-left-to-project:hover, .main-menu--arrow-left-to-project:focus, .main-menu--arrow-left-to-project:active {
  background: var(--main-menu-bg-hover-background);
  color: var(--main-menu-hover-font-color);
  border: 1px solid var(--main-menu-hover-border-color);
}

a.main-menu--parent-node {
  border: 1px solid transparent;
  display: inline-block;
  padding: 0 11px 0 11px;
  font-size: var(--main-menu-font-size);
  font-weight: var(--base-text-weight-bold);
  width: calc(100% - 40px);
  height: var(--main-menu-item-height);
  line-height: var(--main-menu-item-height);
  border-radius: 3px;
  color: var(--main-menu-font-color);
}
a.main-menu--parent-node:hover, a.main-menu--parent-node:focus, a.main-menu--parent-node:active {
  background: var(--main-menu-bg-hover-background);
  color: var(--main-menu-hover-font-color);
  border: 1px solid var(--main-menu-hover-border-color);
}

.main-menu ul.menu_root.closed li {
  display: none;
}
.main-menu ul.menu_root.closed > li.open {
  display: list-item;
}
.main-menu ul.menu_root.closed > li.open .main-item-wrapper {
  display: none;
}
.main-menu ul.menu_root.closed > li.open [class*=-menu-item] .icon2,
.main-menu ul.menu_root.closed > li.open [class*=-menu-item] .icon2 ~ .menu-item--title {
  visibility: hidden;
}
.main-menu ul.menu_root.closed > li.open .main-menu--children {
  display: block;
}
.main-menu ul.menu_root.closed > li.open .main-menu--children li {
  display: list-item;
}
.main-menu ul.menu_root.open > li {
  display: list-item;
}
.main-menu ul.menu_root.open > li .main-menu--children-menu-header {
  display: none;
}

.hidden-navigation .main-menu {
  width: var(--main-menu-folded-width);
  min-width: var(--main-menu-folded-width);
}
.hidden-navigation .main-menu ul.menu_root > li .ellipsis, .hidden-navigation .main-menu ul.menu_root > li .wp-table--cell-container {
  text-overflow: clip;
  -o-text-overflow: clip;
  -ms-text-overflow: clip;
}
.hidden-navigation .main-menu ul.menu_root > li .toggler {
  display: none;
}
.hidden-navigation #sidebar,
.hidden-navigation .main-menu--children {
  display: none;
}

#sidebar {
  margin: 30px 0 0 0;
}

#sidebar, #menu-sidebar .sidebar {
  padding: 0 17px 0 17px;
  width: auto;
  color: var(--main-menu-font-color);
  font-family: var(--body-font-family);
  font-style: normal;
}
#sidebar a:not(.Button):not(.searchable-menu--item-link):not(.searchable-menu--category-icon), #sidebar a:not(.Button):link:not(.searchable-menu--item-link):not(.searchable-menu--category-icon), #menu-sidebar .sidebar a:not(.Button):not(.searchable-menu--item-link):not(.searchable-menu--category-icon), #menu-sidebar .sidebar a:not(.Button):link:not(.searchable-menu--item-link):not(.searchable-menu--category-icon) {
  color: var(--main-menu-font-color);
  display: inline;
  position: static;
  text-decoration: underline;
}
#sidebar a:hover, #menu-sidebar .sidebar a:hover {
  text-decoration: underline;
}
#sidebar label, #menu-sidebar .sidebar label {
  color: var(--main-menu-font-color);
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80%;
  vertical-align: top;
}
#sidebar ul, #menu-sidebar .sidebar ul {
  border: none;
  overflow-x: hidden;
}
#sidebar ul li, #menu-sidebar .sidebar ul li {
  border: none;
}
#sidebar ul li a, #menu-sidebar .sidebar ul li a {
  padding: 0;
}

.main-menu--segment-header {
  color: var(--main-menu-fieldset-header-color);
  text-transform: uppercase;
  padding-left: var(--hierarchy-span-width);
  font-size: 0.7rem;
}

#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--hierarchy-indicator {
  color: var(--main-menu-font-color);
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--item.-selected {
  background: var(--main-menu-bg-selected-background);
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--item.-selected .tree-menu--title {
  color: var(--main-menu-selected-font-color);
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--item:hover {
  background: var(--main-menu-bg-hover-background);
}
#main-menu ul ul.main-menu--children ul.pages-hierarchy .tree-menu--item:hover .tree-menu--title {
  color: var(--main-menu-hover-font-color);
  text-decoration: none;
}

.main-menu--resizer {
  background: none;
  height: 100%;
  width: 0.25rem;
  position: fixed;
  display: flex;
  align-items: center;
  left: calc(var(--main-menu-width) - 0.25rem);
  z-index: 1;
  cursor: col-resize;
}
.main-menu--resizer .main-menu--navigation-toggler {
  position: relative;
  -webkit-transform: translateZ(0);
  cursor: pointer;
  margin-left: -0.75rem;
  color: var(--main-menu-font-color);
}
.main-menu--resizer .main-menu--navigation-toggler > .collapse-menu,
.main-menu--resizer .main-menu--navigation-toggler > .expand-menu {
  display: none;
}
.main-menu--resizer .main-menu--navigation-toggler.open:hover > .resize-handle {
  display: none;
}
.main-menu--resizer .main-menu--navigation-toggler.open:hover > .collapse-menu {
  display: block;
}
.main-menu--resizer .main-menu--navigation-toggler:not(.open) {
  left: 1rem;
  color: var(--accent-color);
}
.main-menu--resizer .main-menu--navigation-toggler:not(.open) > .resize-handle {
  display: none;
}
.main-menu--resizer .main-menu--navigation-toggler:not(.open) > .expand-menu {
  display: block;
}
.main-menu--resizer:hover {
  border-right: 0.125rem solid var(--main-menu-border-color);
}
.main-menu--resizer:hover .main-menu--navigation-toggler.open {
  color: var(--main-menu-border-color);
}

.main-item--badge {
  font-size: 10px;
  position: relative;
  top: -4px;
  text-transform: uppercase;
  margin-left: 5px;
  font-weight: var(--base-text-weight-bold);
  font-style: italic;
}

.main-menu-toggler {
  background: transparent;
  color: var(--main-menu-font-color);
  border: none;
}

#main-menu-toggle .icon-close, #main-menu-toggle .advanced-filters--remove-filter-icon {
  display: none;
}

.content-overlay {
  display: none;
}

@media screen and (max-width: 1011px) {
  .main-menu {
    z-index: 600;
    position: fixed;
    border: none;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
    min-width: 75vw;
  }
  #main-menu-toggle .icon-hamburger {
    display: none;
  }
  #main-menu-toggle .icon-close, #main-menu-toggle .advanced-filters--remove-filter-icon {
    display: block;
  }
  .hidden-navigation .main-menu {
    display: none;
  }
  .hidden-navigation #main-menu-toggle .icon-hamburger {
    display: block;
  }
  .hidden-navigation #main-menu-toggle .icon-close, .hidden-navigation #main-menu-toggle .advanced-filters--remove-filter-icon {
    display: none;
  }
  .main-item-wrapper a {
    width: 100%;
  }
  .main-menu--resizer {
    display: none;
  }
  .content-overlay {
    background: #fff;
    transition: background 0.3s;
  }
  #main:not(.nosidebar) .content-overlay {
    display: block;
  }
  #wrapper:not(.hidden-navigation) .content-overlay {
    position: fixed;
    height: 100%;
    background: #000;
    top: 55px;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.4;
    z-index: 599;
  }
}
.searchable-menu--search-ul {
  height: calc(100% - 35px);
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  padding-top: 10px !important;
  max-height: 100%;
  background: none;
  z-index: 0;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.searchable-menu--search-ul::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.searchable-menu--search-ul::-webkit-scrollbar-track {
  background: transparent;
}
.searchable-menu--search-ul::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.searchable-menu--search-ul:hover {
  scrollbar-color: #DDDDDD transparent;
}
.searchable-menu--search-ul:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.searchable-menu--results-container {
  padding-top: 5px;
  height: calc(100% - 35px);
}
html.-browser-firefox .searchable-menu--results-container {
  padding-left: 10px;
}
.searchable-menu--no-results-container {
  padding: 15px 15px 0;
  display: inline-block;
  width: 100%;
  white-space: normal;
  font-size: var(--main-menu-font-size);
}
.searchable-menu--search-container {
  padding-top: 10px;
  overflow: hidden;
  color: var(--main-menu-font-color);
}
body.-browser-firefox .searchable-menu--search-container {
  padding-right: 14px;
}
.searchable-menu--search-bar {
  height: 35px;
  position: relative;
  margin: 0 10px;
  min-width: 55px;
}
.searchable-menu input[type=text].searchable-menu--search-input {
  color: var(--main-menu-font-color);
  width: 100%;
  height: 35px;
  border: 1px solid rgba(231, 231, 231, 0.15);
  border-radius: 3px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  background-color: rgba(0, 0, 0, 0.15);
  padding: 0px 30px 0px 10px;
}
.searchable-menu input[type=text].searchable-menu--search-input::-webkit-search-cancel-button {
  display: none;
}
.searchable-menu input[type=text].searchable-menu--search-input::placeholder, .searchable-menu input[type=text].searchable-menu--search-input::-webkit-input-placeholder {
  color: var(--main-menu-font-color);
  opacity: 0.5;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
.searchable-menu--search-icon {
  position: absolute;
  top: 5px;
  right: 10px;
  color: var(--main-menu-font-color);
  opacity: 0.5;
}
.searchable-menu--placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--main-menu-font-color);
  font-size: var(--main-menu-font-size);
  padding: 0 10px;
}

#sidebar .searchable-menu {
  margin: 0 -15px;
}

.color--preview {
  margin-top: auto;
  margin-bottom: auto;
  border: 1px solid #000;
  border-radius: 4px;
  display: inline-block;
  height: 12px;
  width: 12px;
}
.color--preview.standalone {
  margin-left: initial;
  vertical-align: middle;
}

.color--text-preview {
  padding: 1px 4px;
  font-size: 0.9rem;
  font-weight: var(--base-text-weight-bold);
}

.color--milestone-icon,
.color--phase-icon {
  border: 1px solid #000;
  display: inline-block;
  height: 12px;
  width: 12px;
  margin-right: 5px;
}

.color--milestone-icon {
  transform: rotate(45deg);
}

.color--phase-icon {
  border-radius: 4px;
}

.color--preview-patch-field {
  display: flex;
  flex-wrap: wrap;
}

.color--preview-patch {
  flex: 0 0 150px;
  height: 150px;
  border: 1px solid var(--borderColor-default);
  margin: 10px;
}
.color--preview-patch a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-weight: var(--base-text-weight-bold);
  text-align: center;
  word-break: break-all;
}
.color--preview-patch a.-bright {
  color: #333333;
}
.color--preview-patch a.-dark {
  color: white;
}

[class^=__hl_inline_type],
[class*=" __hl_inline_type"] {
  text-transform: uppercase;
  font-weight: var(--base-text-weight-bold);
}

[class^=__hl_inline_]:not([class^=__hl_inline_type])::before,
[class*=" __hl_inline_"]:not([class*=__hl_inline_type])::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: -1px;
  margin-right: 4px;
  border-radius: 50%;
}
.-small-font [class^=__hl_inline_]:not([class^=__hl_inline_type])::before,
.-small-font [class*=" __hl_inline_"]:not([class*=__hl_inline_type])::before {
  width: 10px;
  height: 10px;
}

.dropdown,
.drop-down .menu-drop-down-container {
  position: absolute !important;
  z-index: 9999999;
}

.dropdown .dropdown-menu,
.dropdown .dropdown-panel,
.drop-down .menu-drop-down-container {
  list-style: none;
  background: var(--overlay-bgColor);
  border-radius: 0;
  box-shadow: var(--shadow-floating-medium);
  overflow: visible;
  padding: 3px 0;
  margin: 0;
  position: relative;
  width: auto;
}

.dropdown-menu::before, .dropdown-menu::after {
  content: none;
}

.dropdown .dropdown-menu LI,
.drop-down .menu-drop-down-container LI {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 20px;
}

.dropdown .dropdown-menu LI > A,
.dropdown .dropdown-menu .menu-item,
.drop-down .menu-drop-down-container LI > A,
.drop-down .menu-drop-down-container .menu-item {
  display: block;
  margin: 0;
  background: 0;
  border: 1px solid transparent;
  color: var(--body-font-color);
  text-decoration: none;
  padding: 4px 13px 4px 10px;
  white-space: nowrap;
  font-weight: normal;
  width: 100%;
  text-align: left;
}
.dropdown .dropdown-menu LI > A:not(.inactive):hover,
.dropdown .dropdown-menu .menu-item:not(.inactive):hover,
.drop-down .menu-drop-down-container LI > A:not(.inactive):hover,
.drop-down .menu-drop-down-container .menu-item:not(.inactive):hover {
  background-color: var(--control-transparent-bgColor-hover);
  cursor: pointer;
  border-color: var(--list-item-hover--border-color);
  color: var(--list-item-hover--color);
}
.dropdown .dropdown-menu LI > A .icon-hierarchy,
.dropdown .dropdown-menu .menu-item .icon-hierarchy,
.drop-down .menu-drop-down-container LI > A .icon-hierarchy,
.drop-down .menu-drop-down-container .menu-item .icon-hierarchy {
  padding-right: 5px;
  font-size: 20px;
}
.dropdown .dropdown-menu LI > A .no-icon,
.dropdown .dropdown-menu .menu-item .no-icon,
.drop-down .menu-drop-down-container LI > A .no-icon,
.drop-down .menu-drop-down-container .menu-item .no-icon {
  margin-left: 19.09px;
}
.dropdown .dropdown-menu LI > .inactive,
.drop-down .menu-drop-down-container LI > .inactive {
  color: var(--fgColor-muted);
}
.dropdown .dropdown-menu LI > .selected,
.drop-down .menu-drop-down-container LI > .selected {
  background: var(--drop-down-selected-bg-color);
  font-weight: var(--base-text-weight-bold);
}

.dropdown [class^=__hl_inline_]::before,
.dropdown [class*=" __hl_inline_"]::before {
  border-width: 1px;
  border-style: solid;
}

.dropdown {
  visibility: hidden;
}
.dropdown.-overflow-in-view {
  max-height: 100vh;
  overflow: auto;
}

.dropdown-menu.-empty {
  visibility: hidden;
}

.dropdown .dropdown-panel {
  padding: 10px;
}

.dropdown.dropdown-scroll .dropdown-menu,
.dropdown.dropdown-scroll .dropdown-panel {
  max-height: 358px;
  overflow: auto;
}

.dropdown LI > A.dropdown-menu-hasicons {
  display: block;
  color: var(--body-font-color);
  text-decoration: none;
  padding: 3px 10px;
  white-space: nowrap;
}

.dropdown .dropdown-menu .dropdown-divider {
  font-size: 1px;
  border-top: solid 1px #E5E5E5;
  padding: 0;
  margin: 3px 0;
}

/* Icon Examples - icons courtesy of http://p.yusukekamiyamane.com/ */
.dropdown.has-icons LI > A {
  padding-left: 30px;
  background-position: 8px center;
  background-repeat: no-repeat;
}

.wp-create-button li {
  float: none !important;
}

.drop-down {
  list-style-type: none;
}
.drop-down select {
  width: 100%;
}

.drop-down .button--dropdown-indicator:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1d0";
  font-size: 10px;
  padding: 0 0 0 9px;
}

.drop-down .menu-drop-down-container {
  right: 0;
  display: none;
  height: auto;
}
.drop-down .menu-drop-down-container li {
  white-space: nowrap;
  list-style-type: none;
}
.drop-down .menu-drop-down-container li > a {
  height: 32px;
  line-height: 32px;
  padding-bottom: 0px;
  padding-top: 0px;
  text-decoration: none;
}

@media screen and (max-width: 543px) {
  .dropdown .dropdown-menu {
    min-width: 0;
  }
}
/**
 * * Ensure you're exposing only mixins and sass stuff here
 * * as all CSS output will be duplicated in EVERY component
 * * importing these helpers!
 * */
.cdk-drag-preview {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  z-index: 10000 !important;
}

.toolbar-container {
  margin-bottom: 1rem;
  padding: 0;
}
.toolbar-container > .subtitle {
  font-size: 0.875rem;
  font-style: italic;
  margin-top: 0.3125rem;
  margin-bottom: 10px;
}
.toolbar-container.-with-dropdown .toolbar-item.drop-down {
  position: relative;
}
.toolbar-container.-minimum-title .toolbar-items {
  flex-grow: 1;
}
.toolbar-container.-minimum-title .title-container {
  flex-grow: 0;
  flex-basis: auto;
}

.toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.toolbar_empty-title {
  justify-content: flex-end;
}

.toolbar:after {
  clear: both;
  content: "";
  display: table;
}

.toolbar-items {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  justify-content: space-between;
}
.toolbar-items li {
  list-style-type: none;
}
.toolbar-items .toolbar-item {
  margin-right: 10px;
}
.toolbar-items .toolbar-item:last-of-type {
  margin-right: 0;
}
.toolbar-items .toolbar-item.-no-spacing {
  margin-right: 0;
}
.toolbar-items .toolbar-item.-no-grow {
  flex-grow: 0;
}
.toolbar-items .toolbar-item a.button, .toolbar-items .toolbar-item #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group a.fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-items .toolbar-item a.fc-button.fc-button-active {
  text-decoration: none;
}
.toolbar-items .toolbar-item .button, .toolbar-items .toolbar-item #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-items .toolbar-item .fc-button.fc-button-active {
  overflow: hidden;
  white-space: normal;
  line-height: 32px;
}
.toolbar-items .toolbar-item .button .button, .toolbar-items .toolbar-item #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active .button, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-items .toolbar-item .fc-button.fc-button-active .button, .toolbar-items .toolbar-item .button #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-items .toolbar-item .button .fc-button.fc-button-active, .toolbar-items .toolbar-item #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active .fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-items .toolbar-item .fc-button.fc-button-active .fc-button.fc-button-active {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
.toolbar-items .toolbar-button-group {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  margin-left: 0px;
}
.toolbar-items .toolbar-button-group > li {
  margin-right: 2px;
}
.toolbar-items .button, .toolbar-items #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-items .fc-button.fc-button-active {
  padding-top: 0;
  padding-bottom: 0;
}
.toolbar-items .button .button--icon, .toolbar-items #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active .button--icon, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-items .fc-button.fc-button-active .button--icon {
  font-size: 14px;
}
.toolbar-items .button .button--text, .toolbar-items #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active .button--text, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-items .fc-button.fc-button-active .button--text {
  margin-left: 0.2em;
}
.toolbar-items .button .badge, .toolbar-items #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active .badge, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-items .fc-button.fc-button-active .badge {
  font-size: 14px;
  vertical-align: 1px;
  font-size: 14px;
  line-height: 1;
}
.toolbar-items .button .badge i, .toolbar-items #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active .badge i, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-items .fc-button.fc-button-active .badge i {
  font-size: 14px;
  line-height: 1;
}
.toolbar-items .button .badge i::before, .toolbar-items #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active .badge i::before, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-items .fc-button.fc-button-active .badge i::before {
  font-size: 14px;
  line-height: 1;
}
.toolbar-items .button, .toolbar-items #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-items .fc-button.fc-button-active,
.toolbar-items input[type=text],
.toolbar-items input[type=number],
.toolbar-items select {
  margin: 0;
  height: 34px;
  line-height: 22px;
  border: 1px solid var(--toolbar-item--border-color);
}
.toolbar-items .button, .toolbar-items #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-items .fc-button.fc-button-active,
.toolbar-items .toolbar-input--affix {
  background: var(--toolbar-item--bg-color);
}
.toolbar-items .button.-pressed, .toolbar-items #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-pressed.fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-items .-pressed.fc-button.fc-button-active, .toolbar-items .button:active, .toolbar-items #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active:active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-items .fc-button.fc-button-active:active,
.toolbar-items .toolbar-input--affix.-pressed,
.toolbar-items .toolbar-input--affix:active {
  background: var(--toolbar-item--bg-color-pressed);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.125);
}
.toolbar-items select {
  padding-top: 5px;
  padding-bottom: 11px;
}
.toolbar-items select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.toolbar-items a.last,
.toolbar-items .last {
  margin-right: 0;
}
.toolbar-items #repository-checkout-url {
  min-width: 320px;
}
.toolbar-items .toolbar-item.-icon-only .button, .toolbar-items .toolbar-item.-icon-only #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-items .toolbar-item.-icon-only .fc-button.fc-button-active {
  text-align: center;
}
.toolbar-items .toolbar-item.-icon-only .button--icon {
  font-size: 1.1rem;
  position: relative;
  left: 0;
  right: 1px;
  vertical-align: text-top;
}

.title-container {
  flex: 1 1;
  white-space: nowrap;
  max-width: 100%;
}
.title-container.-no-grow {
  flex-grow: 0;
}
.title-container h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0;
}
.title-container div.inline-edit {
  cursor: pointer;
}
.title-container div.inline-edit h2 {
  margin: 10px 0;
  padding: 0px 5px;
  color: var(--toolbar-title-color);
  line-height: 34px;
  height: 34px;
}
@media screen and (max-width: 767px) {
  .title-container div.inline-edit h2 {
    font-size: 1.5rem;
  }
}
.title-container div.inline-edit h2:focus, .title-container div.inline-edit h2:hover {
  outline: 1px solid #ddd;
  cursor: text;
}
.title-container div.inline-edit h2.-disabled {
  cursor: default;
}
.title-container div.inline-edit h2.-disabled:hover {
  outline: none;
}
.title-container div.inline-edit input {
  padding: 0px 5px;
  -moz-margin: 10px 0;
  margin: 9px 0;
  color: var(--toolbar-title-color);
  font-size: 1.5rem;
  height: 36px !important;
  line-height: 36px !important;
  width: calc(100% + 2px);
}
.title-container div.inline-edit input.-error {
  display: block;
  background: #fedada !important;
  border-color: var(--content-form-danger-zone-bg-color) !important;
}
.title-container ul {
  margin: 0;
  padding: 0;
  float: left;
}
.title-container li {
  float: none;
}
.title-container span.filter-selection {
  text-decoration: underline;
  color: var(--accent-color);
}

.toolbar-input-group {
  display: flex;
}
.toolbar-input-group input {
  flex: 1;
  flex-basis: 150px;
}
.toolbar-input-group > div {
  margin: 0;
  height: 34px;
  line-height: 22px;
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.toolbar-input-group label {
  margin: 0;
  font-size: 1.05rem;
  flex-grow: 1;
}
.toolbar-input-group .toolbar-input-group--affix {
  background: var(--toolbar-item--bg-color);
  border: 1px solid var(--toolbar-item--border-color);
  color: var(--body-font-color);
  border-radius: 2px;
  white-space: nowrap;
}
.toolbar-input-group .toolbar-input-group--affix.-prepend {
  border-right: none !important;
}
.toolbar-input-group .toolbar-input-group--affix.-append {
  border-left: none !important;
}

.toolbar * {
  outline: none;
}

@media screen and (max-width: 767px) {
  .toolbar-container .title-container:not(editable-toolbar-title) {
    margin-right: 10px;
  }
  .toolbar-container .toolbar-items {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin-right: 0;
  }
  .toolbar-container .toolbar-items .toolbar-item {
    margin: 0 0 0 10px;
  }
  .toolbar-container .toolbar-items .button--text:not(.button--text_without_icon),
  .toolbar-container .toolbar-items .icon-pulldown,
  .toolbar-container .toolbar-items .button--dropdown-indicator,
  .toolbar-container .toolbar-items .spot-icon_dropdown {
    display: none;
  }
  .toolbar-container .toolbar-items .op-icon--wrapper {
    margin: 0;
  }
  .toolbar-container .toolbar-items > li .button, .toolbar-container .toolbar-items > li #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-container .toolbar-items > li .fc-button.fc-button-active {
    width: 100%;
    white-space: nowrap;
  }
}
body.zen-mode #main-menu {
  display: none;
}
body.zen-mode #content-wrapper {
  height: 100vh;
  width: 100vw;
}
body.zen-mode #main {
  height: 100%;
  grid-template-columns: auto;
}

.in_modal .router--work-packages-partitioned-split-view #main,
.in_modal .router--work-packages-partitioned-split-view-details #main,
.in_modal .router--work-packages-full-view #main,
.in_modal .router--work-packages-full-create #main {
  top: 12px;
}

.router--work-packages-partitioned-split-view:not(.router--work-packages-full-create) #content-body,
.router--work-packages-partitioned-split-view-details:not(.router--work-packages-full-create) #content-body,
.router--work-packages-partitioned-split-view-new:not(.router--work-packages-full-create) #content-body {
  padding-bottom: 0;
}
.router--work-packages-partitioned-split-view:not(.router--work-packages-full-create) #content-body,
.router--work-packages-partitioned-split-view:not(.router--work-packages-full-create) #content-header,
.router--work-packages-partitioned-split-view-details:not(.router--work-packages-full-create) #content-body,
.router--work-packages-partitioned-split-view-details:not(.router--work-packages-full-create) #content-header,
.router--work-packages-partitioned-split-view-new:not(.router--work-packages-full-create) #content-body,
.router--work-packages-partitioned-split-view-new:not(.router--work-packages-full-create) #content-header {
  padding-right: 0;
}
.router--work-packages-partitioned-split-view:not(.router--work-packages-full-create) #content-body .toolbar-container,
.router--work-packages-partitioned-split-view:not(.router--work-packages-full-create) #content-header .toolbar-container,
.router--work-packages-partitioned-split-view-details:not(.router--work-packages-full-create) #content-body .toolbar-container,
.router--work-packages-partitioned-split-view-details:not(.router--work-packages-full-create) #content-header .toolbar-container,
.router--work-packages-partitioned-split-view-new:not(.router--work-packages-full-create) #content-body .toolbar-container,
.router--work-packages-partitioned-split-view-new:not(.router--work-packages-full-create) #content-header .toolbar-container {
  padding-right: 15px;
}
.router--work-packages-partitioned-split-view:not(.router--work-packages-full-create) #content-body .work-packages--filters-optional-container,
.router--work-packages-partitioned-split-view:not(.router--work-packages-full-create) #content-header .work-packages--filters-optional-container,
.router--work-packages-partitioned-split-view-details:not(.router--work-packages-full-create) #content-body .work-packages--filters-optional-container,
.router--work-packages-partitioned-split-view-details:not(.router--work-packages-full-create) #content-header .work-packages--filters-optional-container,
.router--work-packages-partitioned-split-view-new:not(.router--work-packages-full-create) #content-body .work-packages--filters-optional-container,
.router--work-packages-partitioned-split-view-new:not(.router--work-packages-full-create) #content-header .work-packages--filters-optional-container {
  margin-right: 15px;
}
.router--work-packages-partitioned-split-view:not(.router--work-packages-full-create) .work-packages-partitioned-page--content-left,
.router--work-packages-partitioned-split-view-details:not(.router--work-packages-full-create) .work-packages-partitioned-page--content-left,
.router--work-packages-partitioned-split-view-new:not(.router--work-packages-full-create) .work-packages-partitioned-page--content-left {
  padding-bottom: 10px;
}

body[class*=router--] .openproject-base--ui-view,
body[class*=router--] .work-packages-page--ui-view {
  height: 100%;
}

.work-packages-partitioned-query-space--container > .toolbar-container {
  margin-top: 5px;
}
.work-packages-partitioned-query-space--container .toolbar--editable-toolbar {
  font-size: 24px;
}
.work-packages-partitioned-query-space--container tr.row-hovered,
.work-packages-partitioned-query-space--container div.row-hovered {
  background: var(--bgColor-muted) !important;
}

.work-packages-split-view--tabletimeline-side {
  height: 100%;
  flex: 2;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.work-packages-split-view--tabletimeline-content {
  flex: 1;
  display: flex;
  overflow: hidden;
}

.work-packages-split-view--tabletimeline-footer {
  margin-right: 5px;
}

.work-packages-tabletimeline--table-side {
  flex: 1 1;
  overflow: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  position: relative;
  will-change: transform;
  contain: strict;
}
.work-packages-tabletimeline--table-side::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.work-packages-tabletimeline--table-side::-webkit-scrollbar-track {
  background: transparent;
}
.work-packages-tabletimeline--table-side::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.work-packages-tabletimeline--table-side:hover {
  scrollbar-color: #DDDDDD transparent;
}
.work-packages-tabletimeline--table-side:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.work-packages-tabletimeline--table-side.-timeline-visible {
  overflow-x: scroll;
  overflow-y: hidden;
}

.work-packages-tabletimeline--timeline-side {
  border-left: 3px solid var(--borderColor-default);
  flex-basis: 50%;
  overflow-x: scroll;
  overflow-y: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  display: none;
  will-change: transform;
  contain: strict;
}
.work-packages-tabletimeline--timeline-side::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.work-packages-tabletimeline--timeline-side::-webkit-scrollbar-track {
  background: transparent;
}
.work-packages-tabletimeline--timeline-side::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.work-packages-tabletimeline--timeline-side:hover {
  scrollbar-color: #DDDDDD transparent;
}
.work-packages-tabletimeline--timeline-side:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.router--work-packages-base .work-packages-partitioned-page--content-left {
  overflow: hidden;
}
.router--work-packages-base .icon-button, .router--work-packages-base .sort-header, .router--work-packages-base .action-icon {
  cursor: pointer;
}
.router--work-packages-base #attributes .form--field-container {
  max-width: 400px;
}

.op-table-baseline--column-cell {
  padding-right: 0;
}
.op-table-baseline--icon-added {
  color: #5F42E0;
}
.op-table-baseline--icon-removed {
  color: #555555;
}
.op-table-baseline--icon-changed {
  color: #54AFE0;
}
.op-table-baseline--old-field {
  font-family: var(--body-font-family);
  font-size: 0.75rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1rem;
  text-decoration: line-through;
  filter: grayscale(1);
  padding: 2px 2px 0 2px;
}
.op-table-baseline--cell {
  background-color: #f3f3f3;
  padding: 0 2px 2px 2px;
}
.op-table-baseline--container {
  display: flex;
  flex-direction: column;
  padding-right: 6px;
  align-items: flex-start;
}
.op-table-baseline--container.startDate {
  padding-left: 1.5rem;
}
.op-table-baseline--column-header {
  display: flex;
  align-items: center;
}
.op-table-baseline .op-table-baseline--column-cell .spot-icon {
  display: flex;
  align-items: center;
  justify-items: center;
}

.op-table-baseline--old-field[class^=__hl_inline_]:before {
  display: none;
}
.op-table-baseline--old-field .op-avatar {
  display: none;
}
.op-table-baseline--old-field .op-principal--name {
  margin-left: 0 !important;
}

.work-packages-embedded-view--container.-external-height {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.work-packages-embedded-view--container .wp-table--table-header:first-child .generic-table--sort-header-outer,
.work-packages-embedded-view--container .wp-table--cell-td:first-child .inline-edit--display-field,
.work-packages-embedded-view--container .wp-inline-create--add-link i:before {
  padding-left: 0;
}
.work-packages-embedded-view--container .work-packages-split-view--tabletimeline-content {
  overflow: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.work-packages-embedded-view--container .work-packages-split-view--tabletimeline-content::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.work-packages-embedded-view--container .work-packages-split-view--tabletimeline-content::-webkit-scrollbar-track {
  background: transparent;
}
.work-packages-embedded-view--container .work-packages-split-view--tabletimeline-content::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.work-packages-embedded-view--container .work-packages-split-view--tabletimeline-content:hover {
  scrollbar-color: #DDDDDD transparent;
}
.work-packages-embedded-view--container .work-packages-split-view--tabletimeline-content:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
@media print {
  .work-packages-embedded-view--container .work-packages-split-view--tabletimeline-content {
    overflow: hidden;
  }
}
.work-packages-embedded-view--container .work-packages-tabletimeline--table-side,
.work-packages-embedded-view--container .work-packages-tabletimeline--timeline-side {
  contain: initial !important;
}
@media print {
  .work-packages-embedded-view--container .work-packages-tabletimeline--table-side,
  .work-packages-embedded-view--container .work-packages-tabletimeline--timeline-side {
    max-width: 100%;
  }
}
.work-packages-embedded-view--container .work-package-table--container {
  overflow: visible;
}
.work-packages-embedded-view--container .work-package-table--container .generic-table--header,
.work-packages-embedded-view--container .work-package-table--container .generic-table--sort-header {
  font-size: 12px;
}
.work-packages-embedded-view--container .work-packages-embedded-view--grid-view {
  height: 100%;
  overflow: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.work-packages-embedded-view--container .work-packages-embedded-view--grid-view::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.work-packages-embedded-view--container .work-packages-embedded-view--grid-view::-webkit-scrollbar-track {
  background: transparent;
}
.work-packages-embedded-view--container .work-packages-embedded-view--grid-view::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.work-packages-embedded-view--container .work-packages-embedded-view--grid-view:hover {
  scrollbar-color: #DDDDDD transparent;
}
.work-packages-embedded-view--container .work-packages-embedded-view--grid-view:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.work-packages-embedded-view--container.-compact-tables .wp-table--row {
  border-bottom: none !important;
}
.work-packages-embedded-view--container.-compact-tables .wp-table--row:hover {
  background-color: var(--selection-bgColor);
}
.work-packages-embedded-view--container.-compact-tables thead,
.work-packages-embedded-view--container.-compact-tables .generic-table--sort-header-outer {
  line-height: 28px;
  height: 28px;
  border-bottom: none;
}
.work-packages-embedded-view--container.-compact-tables .wp-table--cell-td {
  height: 28px !important;
  padding-top: 2px;
  padding-bottom: 2px;
}
.work-packages-embedded-view--container.-compact-tables .wp-inline-create-button-td {
  vertical-align: top;
}
.work-packages-embedded-view--container.-compact-tables .wp-inline-create-button-td .wp-inline-create--split-link:not(:last-of-type) {
  margin-right: 12px;
}
.work-packages-embedded-view--container.-compact-tables.-hierarchy-disabled .wp-table--cell-td.subject {
  padding-left: 0;
}
.work-packages-embedded-view--container.-compact-tables .wp-table--context-menu-td,
.work-packages-embedded-view--container.-compact-tables .wp-table--context-menu-th {
  width: 25px;
}
.work-packages-embedded-view--container .work-packages-tabletimeline--table-side.-timeline-visible {
  max-width: 50%;
  overflow-x: scroll;
}

wp-query-group .wp-relations-create-button {
  margin-left: -6px;
}

body.router--work-packages-partitioned-split-view-details .work-packages-partitioned-page--content-right,
body.router--work-packages-partitioned-split-view-new .work-packages-partitioned-page--content-right {
  overflow: auto;
  position: relative;
  border-left: 2px solid var(--borderColor-default);
  border-top: 2px solid var(--borderColor-default);
  padding: 0;
  flex-basis: 580px;
}

.work-packages--details {
  height: 100%;
  position: relative;
  width: 100%;
  min-width: 528px;
}
@media only screen and (max-width: 1279px) {
  .detailsViewMenuItem {
    display: none;
  }
}
.work-packages--details .op-tab-row {
  padding-left: 20px;
}

.work-packages--details-toolbar-container {
  position: absolute;
  bottom: 0;
  height: 55px;
  width: 100%;
  background: var(--bgColor-muted);
  border: 1px solid var(--borderColor-default);
  padding: 0 1rem 10px;
}
@media print {
  .work-packages--details-toolbar-container {
    display: none;
  }
}
.work-packages--details-toolbar-container .button, .work-packages--details-toolbar-container #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .work-packages--details-toolbar-container .fc-button.fc-button-active {
  margin: 0.5rem 0.5rem 0 0;
}

.work-packages--details-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50px;
  bottom: 55px;
  width: 100%;
  overflow: hidden;
}
.work-packages--details-content.-create-mode {
  padding: 0 5px 10px 20px;
}

.work-packages--subject-element,
.work-packages--details--subject .inline-edit--field {
  font-size: 1.125rem;
  font-weight: var(--base-text-weight-bold);
}

.work-packages--details--subject {
  overflow: hidden;
}

.work-packages--details-form {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.work-packages--details-header {
  display: flex;
  padding: 0 5px 10px 20px;
  border-bottom: 1px solid var(--borderColor-default);
  margin-bottom: 10px;
}

.work-packages--details-header-left {
  display: flex;
  flex-direction: column;
  margin-right: 4px;
  max-width: 100%;
  flex-basis: 100%;
  flex-shrink: 1;
  flex-grow: 0;
}

.work-package-details-tab {
  overflow-y: auto;
  overflow-x: hidden;
  flex-grow: 1;
  padding: 0 8px 10px 20px;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.work-package-details-tab::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.work-package-details-tab::-webkit-scrollbar-track {
  background: transparent;
}
.work-package-details-tab::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.work-package-details-tab:hover {
  scrollbar-color: #DDDDDD transparent;
}
.work-package-details-tab:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.work-packages--breadcrumb {
  margin-bottom: 4px;
}

.work-packages--type-selector {
  flex-shrink: 0;
}

.work-package--new-state {
  margin-bottom: 55px;
}
.work-package--new-state .title-container {
  overflow: visible;
}

.work-packages--storages {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 1rem;
  grid-column-gap: 1rem;
}
@media (max-width: 679px) {
  .work-packages--storages {
    grid-template-columns: 1fr;
  }
}
.work-packages-partitioned-page--content-right .work-packages--storages {
  grid-template-columns: 1fr;
}

.router--work-packages-full-view:not(.router--work-packages-full-create) #content-body {
  padding-bottom: 0;
}
.router--work-packages-full-view:not(.router--work-packages-full-create) #content-body,
.router--work-packages-full-view:not(.router--work-packages-full-create) #content-header {
  padding-right: 0;
}
.router--work-packages-full-view:not(.router--work-packages-full-create) #content-body .toolbar-container,
.router--work-packages-full-view:not(.router--work-packages-full-create) #content-header .toolbar-container {
  padding-right: 15px;
}
.router--work-packages-full-view:not(.router--work-packages-full-create) #content-body .work-packages--filters-optional-container,
.router--work-packages-full-view:not(.router--work-packages-full-create) #content-header .work-packages--filters-optional-container {
  margin-right: 15px;
}

.work-packages--show-view {
  display: flex;
  flex-direction: column;
  height: inherit;
}

.work-packages-full-view--split-container {
  display: flex;
  flex-shrink: 8;
  border-top: 1px solid var(--borderColor-default);
  overflow: visible;
  height: 100%;
  min-height: 0;
}
.work-packages-full-view--split-left {
  border-right: 1px solid var(--borderColor-default);
  overflow-y: auto;
  overflow-x: hidden;
  flex: 2;
  position: relative;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.work-packages-full-view--split-left::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.work-packages-full-view--split-left::-webkit-scrollbar-track {
  background: transparent;
}
.work-packages-full-view--split-left::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.work-packages-full-view--split-left:hover {
  scrollbar-color: #DDDDDD transparent;
}
.work-packages-full-view--split-left:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.work-packages-full-view--split-left .work-packages--panel-inner {
  padding: 0px 5px 20px 0;
  width: 100%;
}
.work-packages-full-view--split-left .work-packages--panel-inner .attributes-group:first-of-type {
  margin-top: 0px;
}
.work-packages-full-view--split-left .work-packages--panel-inner .attributes-group:first-of-type .attributes-group--header-container {
  padding-bottom: 2px;
}
.work-packages-full-view--split-left .work-packages--panel-inner .attributes-group:first-of-type .attributes-group--header-container h3.attributes-group--header-text {
  line-height: 30px;
}
.work-packages-full-view--split-right {
  min-width: 530px;
  overflow-y: hidden;
  overflow-x: auto;
  position: relative;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.work-packages-full-view--split-right::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.work-packages-full-view--split-right::-webkit-scrollbar-track {
  background: transparent;
}
.work-packages-full-view--split-right::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.work-packages-full-view--split-right:hover {
  scrollbar-color: #DDDDDD transparent;
}
.work-packages-full-view--split-right:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.work-packages-full-view--split-right .work-packages--panel-inner {
  display: grid;
  grid-template-rows: auto auto 1fr;
  height: 100%;
  padding: 5px 0 10px 15px;
}
.work-packages-full-view--split-right .tabcontent {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  padding-right: 8px;
}
.work-packages-full-view--split-right .tabcontent::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.work-packages-full-view--split-right .tabcontent::-webkit-scrollbar-track {
  background: transparent;
}
.work-packages-full-view--split-right .tabcontent::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.work-packages-full-view--split-right .tabcontent:hover {
  scrollbar-color: #DDDDDD transparent;
}
.work-packages-full-view--split-right .tabcontent:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.work-packages-full-view--split-right .work-package-details-activities-activity-contents ul.work-package-details-activities-messages {
  padding-left: 0;
}
.work-packages-full-view--split-right li .message {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}
.work-packages-full-view--split-right .activity-comment {
  margin-top: 15px;
}
.work-packages-full-view--split-right .button.icon-edit.ng-hide, .work-packages-full-view--split-right #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .icon-edit.ng-hide.fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .work-packages-full-view--split-right .icon-edit.ng-hide.fc-button.fc-button-active {
  display: block !important;
  visibility: hidden;
}

.nosidebar ul.subject-header {
  width: 67%;
}
.nosidebar ul.subject-header li.inline-edit {
  width: 75%;
}

@media only screen and (max-width: 1279px) {
  .detailsViewMenuItem {
    display: block;
  }
}
@media only screen and (max-width: 1279px) {
  .work-packages--show-view {
    height: initial;
  }
  .work-packages-full-view--split-right {
    overflow: visible;
    flex-basis: initial !important;
  }
}
@media only screen and (max-width: 543px) {
  #toolbar #toolbar-items {
    margin-left: 0;
  }
}
#work-packages-index .op-uc-link_permalink {
  display: none;
}

.work-packages--show-view .subject-header .work-packages--subject-element,
.work-packages--show-view .subject-header .work-packages--details--subject .inline-edit--field {
  font-size: 20px;
  font-weight: var(--base-text-weight-bold);
}

.work-packages--subject-type-row {
  display: flex;
  position: relative;
  line-height: 24px;
}

.work-packages--type-selector:not(.wp-new-top-row--element) .inline-edit--display-field {
  padding-right: 5px !important;
  padding-left: 0 !important;
}
.work-packages--type-selector:not(.wp-new-top-row--element) .inline-edit--container.-active, .work-packages--type-selector:not(.wp-new-top-row--element) #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .inline-edit--container.fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .work-packages--type-selector:not(.wp-new-top-row--element) .inline-edit--container.fc-button.fc-button-active {
  width: 130px;
}

@media screen and (max-width: 1279px), print {
  .router--work-packages-base.router--work-packages-full-view #main #content-wrapper.nomenus {
    top: 0;
    width: 100%;
    margin-left: 0;
  }
  .router--work-packages-base.router--work-packages-full-view .work-packages--show-view ul#toolbar-items li .wp-create-button .dropdown {
    left: 0 !important;
  }
  .router--work-packages-base.router--work-packages-full-view .work-packages-full-view--split-container {
    flex-direction: column;
    height: initial;
  }
  .router--work-packages-base.router--work-packages-full-view .work-packages-full-view--split-container .work-packages-full-view--split-left {
    margin: 0;
    width: initial;
    border: none;
  }
  .router--work-packages-base.router--work-packages-full-view .work-packages-full-view--split-container .work-packages-full-view--split-left .work-packages--panel-inner {
    padding: 5px 0 20px 0;
  }
  .router--work-packages-base.router--work-packages-full-view .work-packages-full-view--split-container .work-packages-full-view--split-right {
    width: initial;
  }
  .router--work-packages-base.router--work-packages-full-view .work-packages-full-view--split-container .work-packages-full-view--split-right .work-packages--panel-inner {
    padding: 0;
    max-width: calc(100vw - 30px);
  }
  .router--work-packages-base.router--work-packages-full-view .work-packages-full-view--split-container .work-packages-full-view--split-right .work-packages--panel-inner .tabcontent {
    padding: 0;
  }
  .router--work-packages-base.router--work-packages-full-view .work-packages-full-view--split-container .work-packages-full-view--resizer {
    display: none;
  }
}
@media screen and (max-width: 1279px) {
  .router--work-packages-base .toolbar-container {
    padding-right: 0;
  }
  .router--work-packages-base .toolbar-container .inplace-editing--container {
    border: none;
  }
  .router--work-packages-base .work-packages--panel-inner > .attributes-group:first-child .attributes-group--header {
    border-bottom: none;
    padding-top: 4px;
  }
  .router--work-packages-base div[class*=work-packages--details--] {
    width: 100%;
  }
  .router--work-packages-base .work-package-details-activities-messages {
    font-size: 0.9rem;
  }
  .router--work-packages-base .work-package--new-state {
    height: 100%;
    padding-right: 0;
  }
  .router--work-packages-base .work-package--new-state .work-packages--edit-actions {
    bottom: 0px !important;
  }
  .router--work-packages-base .detail-panel-description-content .relation h3 {
    margin: 0 !important;
    padding: 8px 0 !important;
    font-size: 1rem;
  }
}
@media screen and (max-width: 543px) {
  .router--work-packages-full-view .wp-show--header-container {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "backButton toolbar" "breadcrumb breadcrumb" "subject subject";
    grid-row-gap: 0.5rem;
  }
  .router--work-packages-full-view .work-packages-full-view--split-container {
    border-top: none;
  }
  .router--work-packages-partitioned-split-view .work-packages-partitioned-page--content-right,
  .router--work-packages-partitioned-split-view-new .work-packages-partitioned-page--content-right {
    overflow-x: auto;
  }
  .router--work-packages-partitioned-split-view #content-body {
    padding: 15px 0 !important;
  }
  .router--work-packages-partitioned-split-view .toolbar-container,
  .router--work-packages-partitioned-split-view .work-packages--filters-optional-container {
    margin-left: 15px;
  }
}
@media print {
  .router--work-packages-partitioned-split-view #wrapper,
  .router--work-packages-partitioned-split-view-details #wrapper,
  .router--work-packages-full-view #wrapper,
  .router--work-packages-full-create #wrapper {
    overflow: visible !important;
  }
  .router--work-packages-partitioned-split-view #main,
  .router--work-packages-partitioned-split-view-details #main,
  .router--work-packages-full-view #main,
  .router--work-packages-full-create #main {
    top: 0;
    padding: 0;
    border: none;
    overflow: visible !important;
    position: relative;
    grid-template-columns: auto;
    height: 100vh;
  }
  .router--work-packages-partitioned-split-view #main #content-wrapper,
  .router--work-packages-partitioned-split-view #main #content,
  .router--work-packages-partitioned-split-view-details #main #content-wrapper,
  .router--work-packages-partitioned-split-view-details #main #content,
  .router--work-packages-full-view #main #content-wrapper,
  .router--work-packages-full-view #main #content,
  .router--work-packages-full-create #main #content-wrapper,
  .router--work-packages-full-create #main #content {
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: visible !important;
    position: relative;
  }
  .router--work-packages-partitioned-split-view #main #content-wrapper .work-packages-partitioned-page--content-right .work-packages--details-toolbar-container,
  .router--work-packages-partitioned-split-view #main #content .work-packages-partitioned-page--content-right .work-packages--details-toolbar-container,
  .router--work-packages-partitioned-split-view-details #main #content-wrapper .work-packages-partitioned-page--content-right .work-packages--details-toolbar-container,
  .router--work-packages-partitioned-split-view-details #main #content .work-packages-partitioned-page--content-right .work-packages--details-toolbar-container,
  .router--work-packages-full-view #main #content-wrapper .work-packages-partitioned-page--content-right .work-packages--details-toolbar-container,
  .router--work-packages-full-view #main #content .work-packages-partitioned-page--content-right .work-packages--details-toolbar-container,
  .router--work-packages-full-create #main #content-wrapper .work-packages-partitioned-page--content-right .work-packages--details-toolbar-container,
  .router--work-packages-full-create #main #content .work-packages-partitioned-page--content-right .work-packages--details-toolbar-container {
    display: none;
  }
  .router--work-packages-partitioned-split-view #main #content-wrapper .work-packages-partitioned-query-space--container,
  .router--work-packages-partitioned-split-view #main #content .work-packages-partitioned-query-space--container,
  .router--work-packages-partitioned-split-view-details #main #content-wrapper .work-packages-partitioned-query-space--container,
  .router--work-packages-partitioned-split-view-details #main #content .work-packages-partitioned-query-space--container,
  .router--work-packages-full-view #main #content-wrapper .work-packages-partitioned-query-space--container,
  .router--work-packages-full-view #main #content .work-packages-partitioned-query-space--container,
  .router--work-packages-full-create #main #content-wrapper .work-packages-partitioned-query-space--container,
  .router--work-packages-full-create #main #content .work-packages-partitioned-query-space--container {
    padding-left: 0;
  }
  .router--work-packages-partitioned-split-view #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content,
  .router--work-packages-partitioned-split-view #main #content .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content,
  .router--work-packages-partitioned-split-view-details #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content,
  .router--work-packages-partitioned-split-view-details #main #content .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content,
  .router--work-packages-full-view #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content,
  .router--work-packages-full-view #main #content .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content,
  .router--work-packages-full-create #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content,
  .router--work-packages-full-create #main #content .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content {
    height: 100%;
  }
  .router--work-packages-partitioned-split-view #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content .wp-table--hierarchy-aditional-row,
  .router--work-packages-partitioned-split-view #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content tr.-checked,
  .router--work-packages-partitioned-split-view #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content .row-hovered,
  .router--work-packages-partitioned-split-view #main #content .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content .wp-table--hierarchy-aditional-row,
  .router--work-packages-partitioned-split-view #main #content .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content tr.-checked,
  .router--work-packages-partitioned-split-view #main #content .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content .row-hovered,
  .router--work-packages-partitioned-split-view-details #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content .wp-table--hierarchy-aditional-row,
  .router--work-packages-partitioned-split-view-details #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content tr.-checked,
  .router--work-packages-partitioned-split-view-details #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content .row-hovered,
  .router--work-packages-partitioned-split-view-details #main #content .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content .wp-table--hierarchy-aditional-row,
  .router--work-packages-partitioned-split-view-details #main #content .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content tr.-checked,
  .router--work-packages-partitioned-split-view-details #main #content .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content .row-hovered,
  .router--work-packages-full-view #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content .wp-table--hierarchy-aditional-row,
  .router--work-packages-full-view #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content tr.-checked,
  .router--work-packages-full-view #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content .row-hovered,
  .router--work-packages-full-view #main #content .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content .wp-table--hierarchy-aditional-row,
  .router--work-packages-full-view #main #content .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content tr.-checked,
  .router--work-packages-full-view #main #content .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content .row-hovered,
  .router--work-packages-full-create #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content .wp-table--hierarchy-aditional-row,
  .router--work-packages-full-create #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content tr.-checked,
  .router--work-packages-full-create #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content .row-hovered,
  .router--work-packages-full-create #main #content .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content .wp-table--hierarchy-aditional-row,
  .router--work-packages-full-create #main #content .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content tr.-checked,
  .router--work-packages-full-create #main #content .work-packages-partitioned-query-space--container .work-packages-split-view--tabletimeline-side .work-packages-split-view--tabletimeline-content .row-hovered {
    background-color: transparent;
  }
  .router--work-packages-partitioned-split-view #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side,
  .router--work-packages-partitioned-split-view #main #content .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side,
  .router--work-packages-partitioned-split-view-details #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side,
  .router--work-packages-partitioned-split-view-details #main #content .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side,
  .router--work-packages-full-view #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side,
  .router--work-packages-full-view #main #content .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side,
  .router--work-packages-full-create #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side,
  .router--work-packages-full-create #main #content .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side {
    contain: initial;
    overflow: visible;
  }
  .router--work-packages-partitioned-split-view #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side:not(.-timeline-visible) thead.-sticky th,
  .router--work-packages-partitioned-split-view #main #content .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side:not(.-timeline-visible) thead.-sticky th,
  .router--work-packages-partitioned-split-view-details #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side:not(.-timeline-visible) thead.-sticky th,
  .router--work-packages-partitioned-split-view-details #main #content .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side:not(.-timeline-visible) thead.-sticky th,
  .router--work-packages-full-view #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side:not(.-timeline-visible) thead.-sticky th,
  .router--work-packages-full-view #main #content .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side:not(.-timeline-visible) thead.-sticky th,
  .router--work-packages-full-create #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side:not(.-timeline-visible) thead.-sticky th,
  .router--work-packages-full-create #main #content .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side:not(.-timeline-visible) thead.-sticky th {
    position: initial;
  }
  .router--work-packages-partitioned-split-view #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side.-timeline-visible,
  .router--work-packages-partitioned-split-view #main #content .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side.-timeline-visible,
  .router--work-packages-partitioned-split-view-details #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side.-timeline-visible,
  .router--work-packages-partitioned-split-view-details #main #content .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side.-timeline-visible,
  .router--work-packages-full-view #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side.-timeline-visible,
  .router--work-packages-full-view #main #content .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side.-timeline-visible,
  .router--work-packages-full-create #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side.-timeline-visible,
  .router--work-packages-full-create #main #content .work-packages-partitioned-query-space--container .work-packages-tabletimeline--table-side.-timeline-visible {
    display: none;
  }
  .router--work-packages-partitioned-split-view #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-tabletimeline--timeline-side,
  .router--work-packages-partitioned-split-view #main #content .work-packages-partitioned-query-space--container .work-packages-tabletimeline--timeline-side,
  .router--work-packages-partitioned-split-view-details #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-tabletimeline--timeline-side,
  .router--work-packages-partitioned-split-view-details #main #content .work-packages-partitioned-query-space--container .work-packages-tabletimeline--timeline-side,
  .router--work-packages-full-view #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-tabletimeline--timeline-side,
  .router--work-packages-full-view #main #content .work-packages-partitioned-query-space--container .work-packages-tabletimeline--timeline-side,
  .router--work-packages-full-create #main #content-wrapper .work-packages-partitioned-query-space--container .work-packages-tabletimeline--timeline-side,
  .router--work-packages-full-create #main #content .work-packages-partitioned-query-space--container .work-packages-tabletimeline--timeline-side {
    contain: initial;
    border-left: none;
    flex-basis: 100% !important;
  }
  .router--work-packages-partitioned-split-view .work-package-table--container,
  .router--work-packages-partitioned-split-view .generic-table--results-container,
  .router--work-packages-partitioned-split-view-details .work-package-table--container,
  .router--work-packages-partitioned-split-view-details .generic-table--results-container,
  .router--work-packages-full-view .work-package-table--container,
  .router--work-packages-full-view .generic-table--results-container,
  .router--work-packages-full-create .work-package-table--container,
  .router--work-packages-full-create .generic-table--results-container {
    overflow: hidden;
  }
  body.-browser-firefox #wrapper,
  body.-browser-firefox #main,
  body.-browser-firefox .work-packages-partitioned-query-space--container,
  body.-browser-firefox .work-packages-partitioned-page--content-container,
  body.-browser-firefox .work-packages-split-view--tabletimeline-side,
  body.-browser-firefox .work-packages-split-view--tabletimeline-content {
    display: block !important;
  }
  body.-browser-firefox .router--work-packages-partitioned-split-view .work-packages-partitioned-query-space--container .toolbar-container,
  body.-browser-firefox .router--work-packages-full-view .work-packages-partitioned-query-space--container .toolbar-container,
  body.-browser-firefox .router--work-packages-full-create .work-packages-partitioned-query-space--container .toolbar-container {
    display: none;
  }
  body.-browser-firefox .work-packages-partitioned-page--content-right .work-packages--details-content {
    position: relative;
  }
  body.-browser-firefox .work-packages--show-view,
  body.-browser-firefox .work-packages-full-view--split-container,
  body.-browser-edge .work-packages--show-view,
  body.-browser-edge .work-packages-full-view--split-container {
    display: block;
  }
  .router--work-packages-full-view .work-packages-full-view--split-right {
    overflow: visible;
    flex-basis: initial !important;
  }
  .router--work-packages-full-view .work-packages-full-view--split-left {
    overflow: visible;
  }
  .router--work-packages-full-view .work-packages--show-view > .toolbar-container {
    min-height: 42px;
    margin-bottom: 0;
  }
  .router--work-packages-full-view .inline-edit--active-field.description.-placeholder .read-value--html {
    display: none;
  }
  .router--work-packages-full-view .inline-edit--active-field.description.-placeholder:after {
    content: "-";
  }
}
@media print {
  .hide-when-print,
  #main-menu,
  #sidebar,
  #footer,
  #breadcrumb,
  .op-app-header,
  .contextual,
  .other-formats,
  .toolbar-items,
  .ui-helper-hidden-accessible,
  #wiki_add_attachment {
    display: none !important;
  }
  .op-toast:not(.show-when-print) {
    display: none !important;
  }
  #main {
    background: #fff;
    overflow: initial;
  }
  #content-wrapper {
    width: 100vw;
    background: #fff;
    overflow: visible !important;
  }
  .autoscroll {
    overflow-x: visible;
  }
  table.list {
    margin-top: 0.5em;
  }
  table.list th, table.list td {
    border: 1px solid #aaa;
  }
  [class^=__hl_],
  [class*=" __hl_"] {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
  h1 {
    font-size: 2em;
  }
  h2 {
    font-size: 1.5em;
  }
  h3 {
    font-size: 1.17em;
  }
}
.viewcomponent-preview--content {
  margin: 1rem;
}

#login-form {
  margin: 50px auto 0;
  padding: 20px;
  width: 511px;
  word-break: break-word;
}
#login-form .login-form--footer {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

#content .login-auth-providers.wide {
  width: auto;
  text-align: center;
}
#content .login-auth-providers.wide a.auth-provider {
  float: none;
  display: inline-block;
}

#nav-login-content {
  padding: 1rem;
}
#nav-login-content .form--text-field, #nav-login-content .advanced-filters--text-field[type=text],
#nav-login-content .advanced-filters--date-field[type=text] {
  min-width: 170px;
}

#login-pulldown {
  margin-right: 0;
}

#content .login-auth-providers,
#nav-login-content .login-auth-providers {
  width: 471px;
  margin-top: 25px;
}
#content .login-auth-providers h3,
#nav-login-content .login-auth-providers h3 {
  font-weight: normal;
  font-size: 1rem;
  text-align: center;
  position: relative;
  z-index: 1;
}
#content .login-auth-providers h3:after,
#nav-login-content .login-auth-providers h3:after {
  border-bottom: 2px solid var(--borderColor-default);
  content: "";
  margin: 0 auto;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  width: 95%;
  z-index: -1;
}
#content .login-auth-providers h3 span,
#nav-login-content .login-auth-providers h3 span {
  background: var(--content-form-bg-color);
  padding: 0 0.5rem;
}
#content .login-auth-providers .login-auth-provider-list,
#nav-login-content .login-auth-providers .login-auth-provider-list {
  margin-top: 1em;
}
#content .login-auth-providers .login-auth-provider-list:after,
#nav-login-content .login-auth-providers .login-auth-provider-list:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
#content .login-auth-providers a.auth-provider:hover,
#nav-login-content .login-auth-providers a.auth-provider:hover {
  text-decoration: none;
}

#nav-login-content .login-auth-providers h3 span {
  background: var(--body-background);
}
#nav-login-content .login-auth-providers .login-auth-provider-list {
  margin-top: 1em;
  margin-bottom: 10px;
}

#nav-login-content .login-auth-providers.no-pwd {
  margin-top: 0;
}

.registration-footer {
  display: block;
  margin-top: 2em;
}

.op-user-consent-form {
  font-size: var(--body-font-size);
}
.op-user-consent-form--agreement {
  font-size: inherit;
}

@media screen and (max-width: 543px) {
  #login-form,
  #content .login-auth-providers,
  #nav-login-content .login-auth-providers {
    width: 100%;
  }
  #login-form .form--field-container {
    display: block;
    padding: 0 1rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }
  #login-form .login-form--footer {
    flex-direction: column;
    align-items: center;
  }
  #login-form .login-form--footer .login-form--footer-link {
    display: inline-block;
    margin-top: 15px;
  }
  #login-form .button, #login-form #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group #login-form .fc-button.fc-button-active {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  #new_user .login-auth-providers {
    margin: 60px 0;
  }
  #new_user .login-auth-providers h3 span {
    background: transparent;
  }
  .form--label, .attributes-key-value--key,
  .form--field-container,
  .form--field-instructions {
    display: block;
    padding: 0 1rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    padding: 0;
  }
}
.op-avatar {
  border-radius: var(--user-avatar-border-radius);
  width: 36px;
  min-width: 36px;
  height: 36px;
  color: white;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: inherit;
  -webkit-user-select: none;
          user-select: none;
  line-height: 34px;
  font-size: 16px;
  border: 1px solid var(--avatar-border-color);
}
.op-avatar--fallback {
  max-width: none;
}
.op-avatar_mini {
  border-radius: 50%;
  width: 20px;
  min-width: 20px;
  height: 20px;
  line-height: 18px;
  font-size: 10px;
}
.op-avatar_medium {
  border-radius: 50%;
  width: 28px;
  min-width: 28px;
  height: 28px;
  line-height: 26px;
  font-size: 13px;
}
.op-avatar_placeholder-user {
  border: 1px dashed var(--body-font-color);
  background: none !important;
  color: var(--body-font-color);
}
.op-avatar_group {
  border: 1px solid white;
  box-shadow: 4px 0px 0px -1px #cccccc;
}

.autocomplete-select-decoration--wrapper {
  position: relative;
}

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: var(--borderWidth-thin) solid var(--counter-borderColor);
  border-radius: 1000px;
  width: 1.25rem;
  height: 1.25rem;
  background: var(--buttonCounter-default-bgColor-rest);
  color: var(--fgColor-default);
  width: auto;
  min-width: 1.25rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.badge.-secondary {
  background: var(--buttonCounter-default-bgColor-rest);
  color: var(--fgColor-default);
}
.badge.-border-only {
  border-color: var(--button-default-borderColor-rest);
  color: var(--body-font-color);
  background: transparent;
  border-width: 1px;
  border-style: solid;
}

blockquote {
  font-style: italic;
  border-left: 3px solid #e0e0e0;
  padding-left: 1.2em;
  margin-left: 2.4em;
}
blockquote.icon:before {
  color: #e0e0e0;
  position: relative;
  bottom: 10px;
  right: 15px;
  padding: 0 0 0 0;
}

.nosidebar blockquote {
  margin: 1em 0;
}

.action-menu {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
}
.action-menu ul {
  list-style-type: none;
  margin: 0;
  min-width: 240px;
  border: 1px solid var(--borderColor-default);
  padding: 3px 0;
  background: #ffffff;
}
.action-menu li {
  padding: 4px 13px 4px 10px;
}
.action-menu li:hover {
  background: #f0f0f0;
  cursor: pointer;
}
.action-menu li.has-no-icon {
  padding: 4px 10px 4px 35px;
}
.action-menu li.dropdown-divider {
  border-top: 1px solid #eeeeee;
  margin: 3px 0;
  padding: 0;
  font-size: 1px;
}
.action-menu li:hover ul {
  display: block;
  margin: -28px 0 0 190px;
}
.action-menu li a {
  color: var(--body-font-color);
  font-weight: normal;
}
.action-menu li a:hover {
  text-decoration: none;
}
.action-menu li ul {
  display: none;
  position: absolute;
}

.icon-action-menu {
  padding: 0 10px 0 0;
  font-size: 14px;
  line-height: 5px;
}

.icon-action-menu-post {
  padding: 0 10px 0 0;
  font-size: 14px;
  line-height: 5px;
  padding-left: 0.25rem;
}

.icon-sub-menu {
  padding: 0;
  float: right;
  font-size: 14px;
  line-height: 5px;
  vertical-align: -40%;
}

.op-context-menu--overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
  display: none;
  pointer-events: none;
}
.op-context-menu--overlay .dropdown {
  pointer-events: initial;
}

#work-package-context-menu.action-menu, #column-context-menu.action-menu {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  visibility: hidden;
}

#work-package-context-menu.action-menu {
  position: fixed;
}

.hascontextmenu {
  cursor: context-menu;
}

html:not(.-browser-mobile) .context-menu--icon {
  opacity: 0;
}
html:not(.-browser-mobile) .context-menu--icon:hover, html:not(.-browser-mobile) .context-menu--icon:focus {
  opacity: 100;
}

.context-menu--reveal:hover .context-menu--icon, .context-menu--reveal:focus .context-menu--icon {
  opacity: 100;
}

.toolbar-container.-editable .title-container span:hover {
  text-decoration: none;
}
.toolbar-container.-editable .toolbar-items {
  float: none;
  margin-left: 1rem;
}

.title-container.-small .editable-toolbar-title--fixed {
  font-size: 1rem;
  line-height: 32px;
}

.toolbar--editable-toolbar {
  color: var(--toolbar-title-color);
  font-size: 20px;
  font-weight: var(--base-text-weight-bold);
  height: 34px;
}
.-small .toolbar--editable-toolbar {
  font-size: 18px;
  height: 32px;
}

.form--text-area, .form--select, .advanced-filters--select, .toolbar-items select, .form--text-field, .advanced-filters--text-field[type=text],
.advanced-filters--date-field[type=text] {
  border: 1px solid var(--borderColor-default);
  border-radius: 2px;
  font-size: var(--body-font-size);
  vertical-align: middle;
  margin-bottom: 0rem;
}
.form--text-area:focus, .form--select:focus, .advanced-filters--select:focus, .toolbar-items select:focus, .form--text-field:focus, .advanced-filters--text-field[type=text]:focus,
.advanced-filters--date-field[type=text]:focus {
  border: var(--content-form-input-hover-border);
}

.form--grouping-label, .form--label, .attributes-key-value--key {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

.form.danger-zone .danger-zone--verification .button, .form.danger-zone .danger-zone--verification #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .form.danger-zone .danger-zone--verification .fc-button.fc-button-active, .form.danger-zone .danger-zone--verification input {
  height: 40px;
  line-height: 22px;
}

.attributes-map--key.-required:after, .form--label-with-check-box.-required:after, .inline-label > .form-label.-required::after, .form--field.-required > .inline-label > .form-label::after, .form--field.-required .form--label:after, .form--field.-required .attributes-key-value--key:after {
  transition: all 100ms ease-in-out 0s;
  content: "*";
  padding: 0 0.325rem;
}

form {
  display: inline;
}

.form {
  display: block;
  position: relative;
}
.toolbar-items > .form {
  display: flex;
  flex-wrap: wrap;
}
.form.-inline {
  display: inline;
}
.form.-bordered {
  padding: 30px 20px;
  background-color: var(--bgColor-neutral-muted);
  border: 1px solid var(--borderColor-neutral-muted);
}
.form.-bordered.-compressed {
  padding: 10px 20px 0 20px;
}
.form.-bordered.-medium-compressed {
  padding: 10px 20px 20px 20px;
}
.form.-bordered ng-select, .form.-bordered select {
  background-color: var(--body-background) !important;
}
.form.danger-zone {
  border: 1px solid var(--content-form-danger-zone-bg-color);
  border-top: 0px;
}
.form.danger-zone .form--section {
  padding-top: 0px;
  margin-bottom: 0px;
}
.form.danger-zone .form--section > * {
  padding-left: 1rem;
  padding-right: 1rem;
}
.form.danger-zone .form--section-title {
  background-color: var(--content-form-danger-zone-bg-color);
  color: var(--content-form-danger-zone-font-color) !important;
  padding: 1rem !important;
  margin: 0 0 1rem 0;
}
.form.danger-zone input[type=text] {
  margin-bottom: 0;
}
.form.danger-zone em {
  font-style: italic;
}
.form.danger-zone p.danger-zone--warning {
  font-weight: var(--base-text-weight-bold);
  color: var(--content-form-danger-zone-bg-color);
}
.form.danger-zone p.danger-zone--warning span.icon,
.form.danger-zone p.danger-zone--warning span.icon-context {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0.0625em;
}
.form.danger-zone p.danger-zone--warning span.icon:before,
.form.danger-zone p.danger-zone--warning span.icon-context:before {
  padding-left: 0px;
  color: var(--content-form-danger-zone-bg-color);
}
.form.danger-zone .danger-zone--expected-value {
  white-space: pre;
}
.form.danger-zone .danger-zone--verification {
  display: flex;
}
.form.danger-zone .danger-zone--verification input {
  flex-basis: 50%;
  margin: 0 0.5rem 0 0;
}
.form.danger-zone .danger-zone--verification .button.-primary, .form.danger-zone .danger-zone--verification #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-primary.fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .form.danger-zone .danger-zone--verification .-primary.fc-button.fc-button-active {
  background: var(--content-form-danger-zone-bg-color);
  color: var(--content-form-danger-zone-font-color);
  border-color: var(--content-form-danger-zone-bg-color);
}
.form.danger-zone .danger-zone--verification .button.-primary.icon:before, .form.danger-zone .danger-zone--verification #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-primary.icon.fc-button.fc-button-active:before, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .form.danger-zone .danger-zone--verification .-primary.icon.fc-button.fc-button-active:before, .form.danger-zone .danger-zone--verification .button.-primary.icon-context:before, .form.danger-zone .danger-zone--verification .widget-box--arrow-links li.button.-primary:before, .widget-box--arrow-links .form.danger-zone .danger-zone--verification li.button.-primary:before, .form.danger-zone .danger-zone--verification #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-primary.icon-context.fc-button.fc-button-active:before, .form.danger-zone .danger-zone--verification #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .widget-box--arrow-links li.-primary.fc-button.fc-button-active:before, .widget-box--arrow-links .form.danger-zone .danger-zone--verification #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group li.-primary.fc-button.fc-button-active:before, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .form.danger-zone .danger-zone--verification .-primary.icon-context.fc-button.fc-button-active:before, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .form.danger-zone .danger-zone--verification .widget-box--arrow-links li.-primary.fc-button.fc-button-active:before, .widget-box--arrow-links #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .form.danger-zone .danger-zone--verification li.-primary.fc-button.fc-button-active:before {
  color: var(--content-form-danger-zone-font-color);
  padding-left: 0px;
}
.form.danger-zone + .form--field-instructions {
  max-width: 100%;
}
.form.danger-zone .form--field-instructions {
  margin: 0 0 1rem 0;
}
.form.danger-zone .errorSpan {
  flex-basis: 50%;
  margin-right: 0.5rem;
}
.form .form--close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 1rem;
  z-index: 2;
}
@media screen and (min-width: 70rem) {
  .form .-columns-2 {
    column-count: 2;
  }
}

hr {
  width: 100%;
  height: 1px;
  background: #ccc;
  border: 0;
}
hr.form--separator {
  border-bottom: 1px solid var(--borderColor-default);
  margin: 0 0 30px;
  background: none;
}
hr.form--separator.-invisible {
  border-bottom-width: 0px;
}
hr.form--separator_limited {
  max-width: 600px;
}

.form--space {
  padding-top: 1rem;
}

.form--row {
  display: flex;
  height: 100vh;
  position: relative;
  overflow: hidden;
  flex: 1 1 auto;
  flex-flow: row wrap;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  order: 0;
  height: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow: visible;
  overflow-y: visible;
}

.checkbox-label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  -webkit-user-select: none;
          user-select: none;
}
.checkbox-label input[type=checkbox] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 18px;
  margin: 0 -18px -18px 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 18px;
  opacity: 0.001;
}

.form--section, .form--fieldset,
fieldset.form--fieldset {
  padding: 1rem 0 0;
  margin-bottom: 1rem;
  border: 0;
  min-width: 0;
  word-break: break-word;
}

.op-form--section-header-title, .form--section-title,
#content h3.form--section-title, .form--fieldset-legend {
  color: var(--fgColor-muted);
  font-size: var(--body-font-size);
  font-weight: var(--base-text-weight-bold);
  line-height: 1.8;
  text-transform: uppercase;
  border-bottom: 1px solid var(--borderColor-default);
}

.form--fieldset.-collapsible.collapsed .-hide-when-collapsed,
fieldset.form--fieldset.-collapsible.collapsed .-hide-when-collapsed {
  display: none;
}

.form--fieldset-legend {
  width: 100%;
}
.form--fieldset.-collapsible > .form--fieldset-legend {
  cursor: pointer;
}
.form--fieldset.-collapsible > .form--fieldset-legend a:link, .form--fieldset.-collapsible > .form--fieldset-legend a:hover, .form--fieldset.-collapsible > .form--fieldset-legend a:active, .form--fieldset.-collapsible > .form--fieldset-legend a:visited {
  color: inherit;
  text-decoration: none;
}
.form--fieldset-legend:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem;
}
.form--fieldset.-collapsible > .form--fieldset-legend:before {
  content: "\f11b";
  padding: 0.625rem 0.25rem 0 0.25rem;
}
.form--fieldset.-collapsible.-collapsed > .form--fieldset-legend:before, .form--fieldset.-collapsible.collapsed > .form--fieldset-legend:before {
  content: "\f10b";
  padding: 0.625rem 0.25rem 0 0.25rem;
}

#main-menu .form--fieldset-legend {
  color: var(--main-menu-fieldset-header-color);
  margin-bottom: 1rem;
}

.form--toolbar {
  float: right;
  text-align: right;
  font-size: var(--body-font-size);
  font-style: italic;
  line-height: 1.8;
  margin-top: -1.8rem;
}
fieldset > .form--toolbar {
  margin-top: -2.8rem;
}
.form--toolbar a:hover {
  text-decoration: none;
}

.form--toolbar-item {
  padding: 0 0.25rem;
  background-color: inherit;
}
.form--toolbar-item.-in-header {
  margin-left: 5px;
  margin-bottom: 5px;
  font-style: italic;
  line-height: 44px;
}

.form--section-title,
#content h3.form--section-title {
  margin: 0;
  padding: 0;
}
.form--section > .form--section-title, #content .form--section > .form--section-title,
.form--section > #content h3.form--section-title,
#content .form--section > #content h3.form--section-title {
  margin-bottom: 1rem;
}

.form--field {
  display: flex;
  height: 100vh;
  position: relative;
  overflow: hidden;
  flex: 1 1 auto;
  flex-flow: row wrap;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  order: 0;
  height: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow: visible;
  overflow-y: visible;
  align-items: center;
  margin-bottom: 0.825rem;
  line-height: 2;
}
.form--field.-visible-overflow .form--field-container {
  overflow: visible;
}
.form--field.-align-start {
  align-items: start;
}
.form--field.-top-margin {
  margin-top: 1rem;
}
.form--field.-vertical, .form.-vertical .form--field {
  flex-flow: column nowrap;
  align-items: stretch;
}
.grid-block > .form--field:nth-last-of-type(n+2), .form--row > .form--field:nth-last-of-type(n+2), .form--grouping-row > .form--field:nth-last-of-type(n+2) {
  padding-right: 1rem;
}
.form--field.-trailing-label .form--label, .form--field.-trailing-label .attributes-key-value--key {
  order: 2;
  flex: 1 1 auto;
  max-width: 100%;
  padding-left: 0.5rem;
  margin-bottom: 0;
}
.form--field.-trailing-label .form--field-container {
  order: 1;
  flex: 0 0 auto;
}
.form--field.-trailing-label .form--label + span.form--field-container, .form--field.-trailing-label .attributes-key-value--key + span.form--field-container {
  display: block;
}
.form--field.-break-words > .form--label, .form--field.-break-words > .attributes-key-value--key {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
.form--field.-required input.form--text-field:invalid, .form--field.-required input.advanced-filters--text-field[type=text]:invalid,
.form--field.-required input.advanced-filters--date-field[type=text]:invalid {
  box-shadow: none;
}
.form--field.-reduced-margin {
  margin-bottom: 0.5rem;
}
.form--field.-no-margin {
  margin-bottom: 0;
}
.form--label, .attributes-key-value--key {
  display: block;
  padding: 0 1rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
  max-width: 100%;
  min-width: 100px;
  flex-grow: 1;
  overflow-x: hidden;
  white-space: normal;
  overflow-y: visible;
  padding: 0 1rem 0 0;
  margin-bottom: 0;
  font-size: var(--body-font-size);
  line-height: 1.5;
  color: var(--body-font-color);
}
.form.-wide-labels .form--label, .form.-wide-labels .attributes-key-value--key, .form--field.-wide-label .form--label, .form--field.-wide-label .attributes-key-value--key {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.form--field.-vertical .form--label, .form--field.-vertical .attributes-key-value--key, .form.-vertical .form--label, .form.-vertical .attributes-key-value--key {
  flex: 0 0 auto;
  max-width: none;
}
.form--label.-error, .-error.attributes-key-value--key {
  color: var(--content-form-error-color);
  font-weight: var(--base-text-weight-bold);
}
.form--label.-error::before, .-error.attributes-key-value--key::before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: 1.5;
  padding-right: 0.325rem;
}
.form--label.-bold, .-bold.attributes-key-value--key {
  font-weight: var(--base-text-weight-bold);
}
.form--label.-flex, .-flex.attributes-key-value--key {
  display: flex;
  align-items: center;
}
.form--label.-top, .-top.attributes-key-value--key {
  align-self: flex-start;
  line-height: 2.15rem;
}
.form--label.-error .form--label, .-error.attributes-key-value--key .form--label, .form--label.-error .attributes-key-value--key, .-error.attributes-key-value--key .attributes-key-value--key {
  color: var(--content-form-error-color);
}

.form--field-container {
  display: block;
  padding: 0 1rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-grow: 2;
  align-items: stretch;
}
.form--field-container .option-label .option-label--select {
  margin-left: 1rem;
}
.form--field-container.-wrap-around {
  display: flex;
  flex-wrap: wrap;
}
.form--field-container.-empty {
  margin-bottom: 1rem;
}
.form--field-container.-with-children-spacing > *:not(:last-child) {
  margin-right: 0.5rem;
}
.form--field-container.-vertical {
  display: block;
}
.form--field-container.-horizontal {
  flex-direction: column;
}
@media (min-width: 1012px) {
  .form--field-container.-horizontal {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .form--field-container.-horizontal > *:last-child {
    margin-right: auto;
  }
}
.form--field-container.-enterprise-restricted {
  flex-direction: column;
  align-items: start;
}
.form--field.-visible-overflow .form--field-container {
  overflow: visible;
}
.form--field-container:nth-of-type(n+2), .form--field.-no-label .form--field-container {
  margin-left: 16.6666666667%;
}
.form--field.-full-width .form--field-container {
  flex: 0 0 100%;
  max-width: 100%;
}
.form.-wide-labels .form--field-container, .form--field.-wide-label .form--field-container {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.form.-wide-labels .form--field.-no-label .form--field-container, .form--field.-wide-label.-no-label .form--field-container {
  margin-left: 33.3333333333%;
}
.form--field.-vertical .form--field-container, .form.-vertical .form--field-container {
  flex: 0 0 auto;
  max-width: none;
}
.form--field-container .destroy_locale {
  display: flex;
}

.form--field-inline-action {
  display: block;
  padding: 0 1rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  flex: 0 0 auto;
  padding: 0 0 0 0.2rem;
  line-height: 2rem;
}

.form--field-extra-actions, .form--field-error, .form--field-instructions, .form--field.-indented {
  display: block;
  padding: 0 1rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
  margin-left: 16.6666666667%;
  padding: 0;
  font-size: var(--body-font-size);
  line-height: 1.4;
  color: var(--body-font-color);
}
.form--field.-full-width .form--field-extra-actions, .form--field.-full-width .form--field-error, .form--field.-full-width .form--field-instructions, .form--field.-full-width .form--field.-indented {
  flex: 0 0 100%;
  max-width: 100%;
  margin-left: 0%;
}
.form.-wide-labels .form--field-extra-actions, .form.-wide-labels .form--field-error, .form.-wide-labels .form--field-instructions, .form.-wide-labels .form--field.-indented, .form--field.-wide-label .form--field-extra-actions, .form--field.-wide-label .form--field-error, .form--field.-wide-label .form--field-instructions, .form--field.-wide-label .form--field.-indented {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  margin-left: 33.3333333333%;
}
.form.-vertical .form--field-extra-actions, .form.-vertical .form--field-error, .form.-vertical .form--field-instructions, .form.-vertical .form--field.-indented {
  flex: 0 0 auto;
  margin-left: 0%;
  max-width: none;
}

.form--field-instructions {
  font-style: italic;
  max-width: 500px;
}
.form--field-instructions.-no-margin {
  margin: 0;
}
.form--field-instructions.-no-italic {
  font-style: normal;
}
.form--field-instructions.-xwide {
  max-width: 800px;
}
.form--field-instructions.-labeled-checkbox {
  margin-left: 25px;
}
.form--field-instructions.-with-bottom-spacing {
  margin-bottom: 1rem;
}
.form--field.-vertical .form--field-instructions {
  flex: 0 0 100%;
  max-width: 100%;
  margin-left: 0%;
}

.form--field-error {
  font-style: italic;
  max-width: 500px;
  color: var(--content-form-error-color);
}
.form--field-error.-with-bottom-spacing {
  margin-bottom: 1rem;
}

.form--inline-instructions {
  font-style: italic;
  display: inline;
}

.form--field-extra-actions {
  overflow: visible;
  overflow-y: visible;
}
.form--field-extra-actions.add_locale.icon {
  margin-top: 5px;
}
.form--field-extra-actions.add_locale.icon:before {
  padding-left: 0px;
}

.form--date-picker-container, .form--file-container, .form--search-container, .form--range-field-container, .form--radio-button-container, .form--check-box-container, .form--select-container, .form--text-area-container, .form--text-field-container {
  display: block;
  flex: 1 1;
  max-width: 100%;
}
.form--date-picker-container:nth-last-of-type(n+2), .form--file-container:nth-last-of-type(n+2), .form--search-container:nth-last-of-type(n+2), .form--range-field-container:nth-last-of-type(n+2), .form--radio-button-container:nth-last-of-type(n+2), .form--check-box-container:nth-last-of-type(n+2), .form--select-container:nth-last-of-type(n+2), .form--text-area-container:nth-last-of-type(n+2), .form--text-field-container:nth-last-of-type(n+2) {
  padding-right: 1rem;
}

.form--text-field-container.-tiny {
  max-width: 50px;
}
.form--text-field-container.-xslim {
  max-width: 120px;
}
.form--text-field-container.-slim {
  max-width: 200px;
}
.form--text-field-container.-middle {
  max-width: 350px;
}
.form--text-field-container.-wide {
  max-width: 500px;
}
.form--text-field-container.-xwide {
  max-width: 800px;
}
.form--text-field-container.-xxwide {
  max-width: 1100px;
}

.form--text-area-container.-tiny {
  max-width: 50px;
}
.form--text-area-container.-xslim {
  max-width: 120px;
}
.form--text-area-container.-slim {
  max-width: 200px;
}
.form--text-area-container.-middle {
  max-width: 350px;
}
.form--text-area-container.-wide {
  max-width: 500px;
}
.form--text-area-container.-xwide {
  max-width: 800px;
}
.form--text-area-container.-xxwide {
  max-width: 1100px;
}

.form--select-container.-tiny {
  max-width: 50px;
}
.form--select-container.-xslim {
  max-width: 120px;
}
.form--select-container.-slim {
  max-width: 200px;
}
.form--select-container.-middle {
  max-width: 350px;
}
.form--select-container.-wide {
  max-width: 500px;
}
.form--select-container.-xwide {
  max-width: 800px;
}
.form--select-container.-xxwide {
  max-width: 1100px;
}

.form--check-box-container.-tiny {
  max-width: 50px;
}
.form--check-box-container.-xslim {
  max-width: 120px;
}
.form--check-box-container.-slim {
  max-width: 200px;
}
.form--check-box-container.-middle {
  max-width: 350px;
}
.form--check-box-container.-wide {
  max-width: 500px;
}
.form--check-box-container.-xwide {
  max-width: 800px;
}
.form--check-box-container.-xxwide {
  max-width: 1100px;
}

.form--radio-button-container.-tiny {
  max-width: 50px;
}
.form--radio-button-container.-xslim {
  max-width: 120px;
}
.form--radio-button-container.-slim {
  max-width: 200px;
}
.form--radio-button-container.-middle {
  max-width: 350px;
}
.form--radio-button-container.-wide {
  max-width: 500px;
}
.form--radio-button-container.-xwide {
  max-width: 800px;
}
.form--radio-button-container.-xxwide {
  max-width: 1100px;
}

.form--range-field-container.-tiny {
  max-width: 50px;
}
.form--range-field-container.-xslim {
  max-width: 120px;
}
.form--range-field-container.-slim {
  max-width: 200px;
}
.form--range-field-container.-middle {
  max-width: 350px;
}
.form--range-field-container.-wide {
  max-width: 500px;
}
.form--range-field-container.-xwide {
  max-width: 800px;
}
.form--range-field-container.-xxwide {
  max-width: 1100px;
}

.form--search-container.-tiny {
  max-width: 50px;
}
.form--search-container.-xslim {
  max-width: 120px;
}
.form--search-container.-slim {
  max-width: 200px;
}
.form--search-container.-middle {
  max-width: 350px;
}
.form--search-container.-wide {
  max-width: 500px;
}
.form--search-container.-xwide {
  max-width: 800px;
}
.form--search-container.-xxwide {
  max-width: 1100px;
}

.form--file-container.-tiny {
  max-width: 50px;
}
.form--file-container.-xslim {
  max-width: 120px;
}
.form--file-container.-slim {
  max-width: 200px;
}
.form--file-container.-middle {
  max-width: 350px;
}
.form--file-container.-wide {
  max-width: 500px;
}
.form--file-container.-xwide {
  max-width: 800px;
}
.form--file-container.-xxwide {
  max-width: 1100px;
}

.form--date-picker-container.-tiny {
  max-width: 50px;
}
.form--date-picker-container.-xslim {
  max-width: 120px;
}
.form--date-picker-container.-slim {
  max-width: 200px;
}
.form--date-picker-container.-middle {
  max-width: 350px;
}
.form--date-picker-container.-wide {
  max-width: 500px;
}
.form--date-picker-container.-xwide {
  max-width: 800px;
}
.form--date-picker-container.-xxwide {
  max-width: 1100px;
}

.form--select-container.-auto select {
  width: auto;
}

.form--text-field.-number, .-number.advanced-filters--text-field[type=text],
.-number.advanced-filters--date-field[type=text], .form--text-field.-time, .-time.advanced-filters--text-field[type=text],
.-time.advanced-filters--date-field[type=text] {
  text-align: right;
}

.form--text-field, .advanced-filters--text-field[type=text],
.advanced-filters--date-field[type=text],
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=color], textarea,
select {
  line-height: 100%;
  margin-bottom: 0;
  font-size: var(--body-font-size);
}
.form--text-field:focus, .advanced-filters--text-field[type=text]:focus,
.advanced-filters--date-field[type=text]:focus, .form--text-field:active, .advanced-filters--text-field[type=text]:active,
.advanced-filters--date-field[type=text]:active,
input[type=text]:focus,
input[type=text]:active, input[type=password]:focus, input[type=password]:active, input[type=date]:focus, input[type=date]:active, input[type=datetime]:focus, input[type=datetime]:active, input[type=datetime-local]:focus, input[type=datetime-local]:active, input[type=month]:focus, input[type=month]:active, input[type=week]:focus, input[type=week]:active, input[type=email]:focus, input[type=email]:active, input[type=number]:focus, input[type=number]:active, input[type=search]:focus, input[type=search]:active, input[type=tel]:focus, input[type=tel]:active, input[type=time]:focus, input[type=time]:active, input[type=url]:focus, input[type=url]:active, input[type=color]:focus, input[type=color]:active, textarea:focus, textarea:active,
select:focus,
select:active {
  border-color: var(--fgColor-accent);
}

.-hide-placeholder-on-focus:focus::placeholder {
  opacity: 0;
}

.-border-on-hover-only:not(.-error) {
  padding-left: 1px;
  border-color: transparent;
}
.-border-on-hover-only:not(.-error):focus, .-border-on-hover-only:not(.-error):active {
  border-color: transparent;
}

select[disabled=disabled], select[disabled] {
  background-color: var(--inplace-edit--bg-color--disabled);
  cursor: not-allowed;
}

input[readonly].-clickable {
  cursor: pointer;
  background: var(--body-background);
}

.form--select, .advanced-filters--select, .toolbar-items select {
  line-height: normal;
  padding: 3px 24px 3px 3px;
}
.form--select[multiple], [multiple].advanced-filters--select, .toolbar-items select[multiple] {
  background-image: none;
  padding-right: 0.5rem;
  height: auto;
  min-width: 40px;
}

.form--inline-select {
  display: inline-block;
  width: initial;
}

.form--text-field.-tiny, .-tiny.advanced-filters--text-field[type=text],
.-tiny.advanced-filters--date-field[type=text],
.form--select.-tiny,
.-tiny.advanced-filters--select,
.toolbar-items select.-tiny {
  font-size: 0.7rem;
}
.form--text-field.-small, .-small.advanced-filters--text-field[type=text],
.-small.advanced-filters--date-field[type=text],
.form--select.-small,
.-small.advanced-filters--select,
.toolbar-items select.-small {
  font-size: 0.8rem;
}
.form--text-field.-large, .-large.advanced-filters--text-field[type=text],
.-large.advanced-filters--date-field[type=text],
.form--select.-large,
.-large.advanced-filters--select,
.toolbar-items select.-large {
  font-size: 1.3rem;
}
.form--text-field.-narrow, .-narrow.advanced-filters--text-field[type=text],
.-narrow.advanced-filters--date-field[type=text],
.form--select.-narrow,
.-narrow.advanced-filters--select,
.toolbar-items select.-narrow {
  width: auto;
  max-width: 100%;
}
.form .form--text-field, .form .advanced-filters--text-field[type=text],
.form .advanced-filters--date-field[type=text],
.form .form--select,
.form .advanced-filters--select,
.form .toolbar-items select,
.toolbar-items .form select {
  margin-bottom: 0rem;
}

.form--select-autocompleter {
  max-height: 400px;
  overflow-y: auto;
}

.form--selected-value {
  width: calc(100% - 42px);
  padding: 3px;
  line-height: 2;
}

.form--selected-value--container {
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 2px;
  overflow: visible;
  width: 100%;
  position: relative;
}
.form--selected-value--container:last-of-type {
  margin-bottom: 0.5rem;
}
.form--selected-value--container:hover, .form--selected-value--container:focus, .form--selected-value--container.-focus {
  text-decoration: none;
  color: var(--body-font-color);
  border-color: var(--inplace-edit--border-color);
}
.form--selected-value--container:hover .form--selected-value--remover, .form--selected-value--container:focus .form--selected-value--remover, .form--selected-value--container.-focus .form--selected-value--remover {
  visibility: visible;
}
.form--selected-value--container:hover a.form--selected-value--remover, .form--selected-value--container:focus a.form--selected-value--remover, .form--selected-value--container.-focus a.form--selected-value--remover {
  text-decoration: none;
  color: var(--body-font-color);
}

.form--selected-value--remover {
  position: absolute;
  height: 100%;
  right: 0;
  text-align: center;
  width: 32px;
  background: #F8F8F8;
  border-left: 1px solid #ddd;
  color: var(--body-font-color);
  visibility: hidden;
  line-height: 2rem;
}

.form--selected-value--list {
  margin-left: 0rem;
  margin-bottom: 0rem;
}

.form .form--text-area {
  margin-bottom: 0rem;
}

.form--radio-button-container {
  padding: 0 1px;
}

.form--grouping {
  display: flex;
  height: 100vh;
  position: relative;
  overflow: hidden;
  flex: 1 1 auto;
  flex-flow: row wrap;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  order: 0;
  height: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  align-items: center;
}
.form--grouping .form--grouping-row {
  display: flex;
  height: 100vh;
  position: relative;
  overflow: hidden;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
  flex-flow: row wrap;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  order: 0;
  height: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  align-items: baseline;
}
.form--grouping .form--grouping-row .form--field-instructions {
  margin-left: 0px;
}
.form--grouping .form--grouping-row + .form--grouping-row {
  margin-left: 16.6666666667%;
}

.form--grouping-label {
  display: block;
  padding: 0 1rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
  overflow: visible;
  overflow-y: visible;
  padding: 0 1rem 0.5rem 0;
  font-size: var(--body-font-size);
  line-height: 1.5;
  color: var(--body-font-color);
  margin-bottom: 0.8rem;
}

.form--matrix {
  border: 1px solid var(--borderColor-default);
  border-radius: 2px;
  background: none;
  margin: 0 0 2rem 0;
  font-size: 0.9rem;
  line-height: 1.5;
}

.form--matrix-header-row {
  font-weight: var(--base-text-weight-bold);
  border-bottom: 1px solid var(--borderColor-default);
  background-color: var(--bgColor-muted);
}

.form--matrix-header-cell {
  padding: 0 1rem;
}

.form--matrix-checkbox-cell {
  min-width: 1rem;
  max-width: 4rem;
  text-align: center;
}

.form--column {
  display: flex;
  height: 100vh;
  position: relative;
  overflow: hidden;
  flex: 1 1 auto;
  flex-flow: row wrap;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  order: 0;
  height: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  flex-flow: column nowrap;
  align-items: stretch;
  overflow-y: hidden;
  padding-left: 0 !important;
}
.form--column:nth-last-of-type(n+2) {
  padding-right: 1rem;
}
.form--column .form--field {
  flex-basis: auto;
}

.inline-label {
  margin: 0rem;
  flex-grow: 1;
}
.inline-label > .form-label.-transparent {
  margin-bottom: 0;
  font-size: 1em;
  background: none;
  border: none;
  line-height: 2;
  margin-right: 5px;
}
.inline-label > .form-label {
  line-height: 2rem;
}
.inline-label > .form-label > a {
  display: block;
  min-width: 1.5rem;
  text-align: center;
  vertical-align: middle;
}
.inline-label > .form-label > a .icon {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}
.inline-label > .form-label > a .icon::before {
  padding: 0;
}

.form--label-with-check-box {
  display: block;
  clear: both;
  line-height: 1.5;
  padding: 0 2rem 0 0;
}
.form--label-with-check-box > p {
  display: inline;
}
.form--label-with-check-box:not(.-no-ellipsis) {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
.form--label-with-check-box > .form--check-box-container {
  display: block;
  float: left;
  padding-right: 0.5rem;
}
.form--label-with-check-box > .form--check-box-container input[type=checkbox] {
  vertical-align: middle;
}
.form--label-with-check-box.-required:after {
  padding: 0 0.325rem 0 0;
}
.form--label-with-check-box .form--check-box {
  top: -1px;
  position: relative;
}

.form--label-with-radio-button {
  display: block;
  clear: both;
  line-height: 1.5;
  padding: 0 2rem 0 0;
}
.form--label-with-radio-button > .form--radio-button-container {
  display: block;
  float: left;
  padding-right: 0.5rem;
}

.form--field-affix, .advanced-filters--affix, .advanced-filters--tooltip-trigger[data-tooltip] {
  flex: 0 0 auto;
  display: flex;
  font-size: 0.9rem;
  background: var(--bgColor-neutral-muted);
  color: var(--body-font-color);
  border: 1px solid var(--borderColor-default);
  border-radius: 2px;
  padding: 0 0.5rem;
  margin-bottom: 0rem;
  align-items: center;
  line-height: 1;
}
.form--field-affix.icon, .icon.advanced-filters--affix, .icon.advanced-filters--tooltip-trigger[data-tooltip], .form--field-affix.icon-context, .widget-box--arrow-links li.form--field-affix:before, .icon-context.advanced-filters--affix, .widget-box--arrow-links li.advanced-filters--affix:before, .icon-context.advanced-filters--tooltip-trigger[data-tooltip], .widget-box--arrow-links li.advanced-filters--tooltip-trigger[data-tooltip]:before {
  padding: 5px;
}
.form--field-affix.icon:before, .icon.advanced-filters--affix:before, .icon.advanced-filters--tooltip-trigger[data-tooltip]:before, .form--field-affix.icon-context:before, .widget-box--arrow-links li.form--field-affix:before, .icon-context.advanced-filters--affix:before, .widget-box--arrow-links li.advanced-filters--affix:before, .icon-context.advanced-filters--tooltip-trigger[data-tooltip]:before, .widget-box--arrow-links li.advanced-filters--tooltip-trigger[data-tooltip]:before {
  padding: 0;
}
.form--text-field-container + .form--field-affix, .form--text-field-container + .advanced-filters--affix, .form--text-field-container + .advanced-filters--tooltip-trigger[data-tooltip], .form--text-area-container + .form--field-affix, .form--text-area-container + .advanced-filters--affix, .form--text-area-container + .advanced-filters--tooltip-trigger[data-tooltip], .form--select-container + .form--field-affix, .form--select-container + .advanced-filters--affix, .form--select-container + .advanced-filters--tooltip-trigger[data-tooltip], .form--check-box-container + .form--field-affix, .form--check-box-container + .advanced-filters--affix, .form--check-box-container + .advanced-filters--tooltip-trigger[data-tooltip], .form--radio-button-container + .form--field-affix, .form--radio-button-container + .advanced-filters--affix, .form--radio-button-container + .advanced-filters--tooltip-trigger[data-tooltip], .form--range-field-container + .form--field-affix, .form--range-field-container + .advanced-filters--affix, .form--range-field-container + .advanced-filters--tooltip-trigger[data-tooltip], .form--search-container + .form--field-affix, .form--search-container + .advanced-filters--affix, .form--search-container + .advanced-filters--tooltip-trigger[data-tooltip], .form--file-container + .form--field-affix, .form--file-container + .advanced-filters--affix, .form--file-container + .advanced-filters--tooltip-trigger[data-tooltip], .form--date-picker-container + .form--field-affix, .form--date-picker-container + .advanced-filters--affix, .form--date-picker-container + .advanced-filters--tooltip-trigger[data-tooltip] {
  margin-left: -1rem;
  border-left: 0;
}
.form--field-affix.-transparent, .-transparent.advanced-filters--affix, .-transparent.advanced-filters--tooltip-trigger[data-tooltip] {
  background: none;
  border: none;
}

.form--tooltip-container {
  flex: 0 0 auto;
  display: flex;
}
.form--tooltip-container > [data-tooltip], .form--tooltip-container > [class^=tooltip--] {
  padding-top: 0.6rem;
}

.form--field-inline-buttons-container {
  white-space: nowrap;
  display: flex;
}
.form--field-inline-buttons-container .form--field-inline-button {
  margin-right: 0;
  border: 1px solid var(--button-default-borderColor-rest);
  border-left-width: 0px;
  border-radius: 0px;
}
.toolbar .form--field-inline-buttons-container .form--field-inline-button {
  width: auto;
}
.form--field-inline-buttons-container .form--field-inline-button:first-of-type {
  border-left-width: 1px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.form--field-inline-buttons-container .form--field-inline-button:last-of-type {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.form--field-inline-buttons-container .form--field-inline-button:focus-within {
  outline: 2px solid rgb(0, 163, 255);
  outline-offset: -2px;
}

.form--list {
  display: flex;
  margin: 0;
  flex-flow: row wrap;
  overflow: visible;
  list-style-type: none;
}
.form--list > li, .form--list > div, .form--list > section {
  padding: 0 1rem 1rem;
  flex: 0 0 33.3333333333%;
}
@media screen and (max-width: 1011px) {
  .form--list {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .form--list > li, .form--list > div, .form--list > section {
    padding: 0 1rem 1rem;
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1279px) {
  .form--list {
    flex-flow: row wrap;
    overflow: visible;
    list-style-type: none;
  }
  .form--list > li, .form--list > div, .form--list > section {
    padding: 0 1rem 1rem;
    flex: 0 0 16.6666666667%;
  }
}
.form--list li, .form--list div {
  padding: 0;
}

textarea {
  text-rendering: optimizeLegibility;
}

input[type=date]::-webkit-date-and-time-value, input[type=time]::-webkit-date-and-time-value {
  text-align: left !important;
}

@supports (-moz-appearance: none) {
  #permissions_form {
    display: inline-block;
    width: 100%;
    overflow: auto;
  }
}
@media screen and (max-width: 543px) {
  form .grid-block {
    display: block;
  }
  form .grid-block .grid-content {
    padding: 0;
  }
  form.-wide-labels .form--field .form--label,
  form .form--field.-wide-label .form--label,
  form .form--label,
  form .attributes-key-value--key,
  form .form--field-container,
  form .form--select-container {
    display: block;
    padding: 0 1rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex: 1;
    flex-basis: 100%;
    margin-left: 0;
    padding: 0;
  }
  form .form--field-instructions {
    margin-left: 0;
    flex-basis: 100%;
    max-width: 100%;
  }
  .form--label, .attributes-key-value--key,
  .form--field-container {
    flex-basis: 100%;
    max-width: 100%;
  }
  autocomplete-select-decoration {
    width: 100%;
  }
  .form--field-inline-buttons-container,
  .form--field-inline-button {
    width: auto !important;
  }
  .-browser-safari select,
  .-browser-safari textarea,
  .-browser-safari input,
  .-browser-safari .op-uc-container.op-uc-container_editing,
  .-browser-chrome select,
  .-browser-chrome textarea,
  .-browser-chrome input,
  .-browser-chrome .op-uc-container.op-uc-container_editing {
    font-size: 16px !important;
  }
}
.comments {
  margin: 1rem 0;
}
.comments .author {
  margin: 0;
}
.comments .comment {
  margin: 1.5rem;
}
.comments .timestamp {
  border-bottom: 1px dotted;
  cursor: help;
}

.additional-information {
  font-style: italic;
  font-size: 13px;
}

.collapsible-section {
  margin: 2rem 0;
}

.collapsible-section--legend:before {
  content: "\f10b";
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem;
  padding: 0.625rem 0.25rem 0 0.25rem;
}
.collapsible-section.-expanded .collapsible-section--legend:before {
  content: "\f11b";
}

.collapsible-section--toggle-link {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  display: block;
  cursor: pointer;
  color: var(--body-font-color);
  font-size: var(--body-font-size);
  font-weight: var(--base-text-weight-bold);
  line-height: 1.8;
  text-transform: uppercase;
  border-bottom: 1px solid var(--gray);
}
.collapsible-section--toggle-link a:link, .collapsible-section--toggle-link a:hover, .collapsible-section--toggle-link a:active, .collapsible-section--toggle-link a:visited {
  color: inherit;
  text-decoration: none;
}
.collapsible-section--toggle-link:hover, .collapsible-section--toggle-link:focus {
  color: var(--body-font-color);
  text-decoration: none;
}

.copy-to-clipboard {
  cursor: pointer;
}

img.custom-logo-preview,
img.custom-favicon-preview,
img.custom-touch-icon-preview {
  box-shadow: 0 0 3px lightgrey;
  background-color: var(--header-bg-color);
}

img.custom-export-logo-preview,
img.custom-export-cover-preview {
  box-shadow: 0 0 3px lightgrey;
  background-color: #ffffff;
}

img.custom-logo-preview,
img.custom-export-logo-preview {
  height: 42px;
}

img.custom-export-cover-preview {
  height: 100px;
}

img.custom-favicon-preview {
  height: 16px;
  background-color: whiteSmoke;
}

img.custom-touch-icon-preview {
  height: 180px;
  background-color: whiteSmoke;
}

#errorExplanation.error::before, #errorExplanation.nodata::before, .op-toast.-error:not(.toast-icon)::before {
  content: "\f161";
}

.op-toast.-success:not(.toast-icon)::before {
  content: "\f138";
}

#errorExplanation.warning::before, .op-toast.-warning:not(.toast-icon)::before {
  content: "\f21f";
}

#errorExplanation.info::before, .op-toast.-info:not(.toast-icon)::before {
  content: "\f192";
}

.macro-unavailable, #errorExplanation.error, #errorExplanation.nodata, .op-toast--notice.-error, .op-toast.-error {
  background-color: var(--bgColor-danger-muted);
  border-color: var(--content-form-danger-zone-bg-color);
}

.op-toast.-success {
  background-color: var(--bgColor-success-muted);
  border-color: var(--borderColor-success-muted);
}

#errorExplanation.warning, .op-toast--notice.-warning, .op-toast.-warning {
  background-color: var(--bgColor-attention-muted);
  border-color: var(--borderColor-attention-muted);
}

#errorExplanation.info, .op-toast.-upload, .op-toast.-ee-upsale, .op-toast.-loading, .op-toast.-info {
  background-color: var(--bgColor-accent-muted);
  border-color: var(--borderColor-accent-muted);
}

.op-toast {
  z-index: 300;
  display: flex;
  box-shadow: 0.0625rem 0.125rem 0.1875rem rgba(0, 0, 0, 0.2);
  border: 0.0625rem solid var(--borderColor-accent-muted);
  font-size: var(--body-font-size);
  word-wrap: break-word;
  position: relative;
}
.op-toast--wrapper {
  background-color: var(--body-background);
}
.op-toast .button, .op-toast #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .op-toast .fc-button.fc-button-active {
  margin: 0.625rem 0.625rem 0 0;
}
.op-toast .op-toast--close {
  position: absolute;
  color: var(--button-invisible-iconColor-rest);
  top: 0.75rem;
  right: 0.5rem;
}
.op-toast .op-toast--close:hover {
  text-decoration: none;
}
.op-toast.-error, .op-toast.-success, .op-toast.-warning, .op-toast.-info, .op-toast.-loading {
  padding: 0.625rem 2.1875rem 0.625rem 2.1875rem;
}
.op-toast.-ee-upsale {
  z-index: 1;
  padding: 1rem;
  margin-top: 1rem;
}
.op-toast.-left-margin {
  margin-left: 20px;
}
.op-toast.-error::before {
  color: var(--fgColor-danger);
}
.op-toast.-error:not(.toast-icon)::before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0.6875rem;
  left: 0.625rem;
  font-size: 1.125rem;
}
.op-toast.-success::before {
  color: var(--fgColor-success);
}
.op-toast.-success:not(.toast-icon)::before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0.6875rem;
  left: 0.625rem;
  font-size: 1.125rem;
}
.op-toast.-warning::before {
  color: var(--fgColor-attention);
}
.op-toast.-warning:not(.toast-icon)::before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0.6875rem;
  left: 0.625rem;
  font-size: 1.125rem;
}
.op-toast.-info::before {
  color: var(--fgColor-accent);
}
.op-toast.-info:not(.toast-icon)::before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0.6875rem;
  left: 0.625rem;
  font-size: 1.125rem;
}
.op-toast.toast-icon::before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0.6875rem;
  left: 0.625rem;
  font-size: 1.125rem;
}
.op-toast.-ee-upsale::before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0.6875rem;
  left: 0.625rem;
  font-size: 1.125rem;
}
.op-toast.-upload {
  padding: 0.9375rem 1.5625rem;
}
.op-toast p, .op-toast div, .op-toast ul {
  margin-bottom: 0;
}
.op-toast p, .op-toast div, .op-toast ul > li, .op-toast .button, .op-toast #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .op-toast .fc-button.fc-button-active {
  font-size: var(--body-font-size);
}
.op-toast.-with-bottom-spacing {
  margin-bottom: 2rem;
}

[class^=icon-].-error {
  color: var(--bgColor-danger-muted);
}
[class^=icon-].-warning {
  color: var(--fgColor-attention);
}
[class^=icon-].-info {
  color: var(--fgColor-accent);
}

.op-toast--wrapper {
  position: absolute;
  max-width: 34.375rem;
  margin: 0 auto;
  left: 10%;
  right: 10%;
}

.op-toast--wrapper {
  z-index: 10000;
  top: 4rem;
}
.op-toast--wrapper .op-toast--casing {
  position: relative;
}
.op-toast--wrapper .op-toast--casing .op-toast {
  margin-bottom: 0.1875rem;
}

.op-toast.ng-enter {
  transition: opacity 0.5s ease;
  opacity: 0;
}
.op-toast.ng-enter.ng-enter-active {
  opacity: 1;
}
.op-toast.ng-leave {
  transition: opacity 2s ease;
  opacity: 1;
}
.op-toast.ng-leave.ng-leave-active {
  opacity: 0;
}
.op-toast .op-toast--content {
  width: 100%;
}
.op-toast .op-toast--content > div,
.op-toast .op-toast--content > p {
  margin-bottom: 0;
  color: var(--body-font-color);
}
.op-toast .op-toast--content > div.-with-inline-links,
.op-toast .op-toast--content > p.-with-inline-links {
  display: flex;
  align-items: center;
}
.op-toast .op-toast--content progress[value]::-moz-progress-bar {
  border-radius: 0.375rem;
}
.op-toast .op-toast--content progress[value]::-webkit-progress-bar {
  background-color: whiteSmoke;
  border-radius: 0.375rem;
}
.op-toast .op-toast--content progress[value]::-webkit-progress-value {
  border-radius: 0.375rem;
}

.op-toast.-loading {
  width: 275px;
}
.op-toast.-loading .op-toast--content {
  display: flex;
  align-items: center;
}

.op-toast .op-toast--content progress[value] {
  appearance: none;
  border-radius: 0.375rem;
  height: 1.25rem;
  animation: animate-stripes 5s linear infinite;
  background-color: whiteSmoke;
  border: 0.0625rem solid var(--borderColor-accent-muted);
  color: #155282;
  margin: 0;
  width: 100%;
}
.op-toast .op-toast--content progress[value]::-webkit-progress-bar {
  background: whiteSmoke;
}
.op-toast .op-toast--content progress[value]::-webkit-progress-value {
  background: #00558b;
}
.op-toast .op-toast--content progress[value]::-moz-progress-bar {
  background: #00558b;
}

.op-toast--toggle-message {
  font-size: 1rem;
  margin: 0.3125rem 0 0.9375rem 0;
}

.op-toast--uploads {
  list-style: none;
  padding: 0;
  margin: 0;
}

.op-toast--uploads-element {
  margin: 0.3125rem 0;
}
.op-toast--uploads-element .filename {
  font-weight: var(--base-text-weight-bold);
}
.op-toast--uploads-element [class^=icon-] {
  font-size: 0.75rem;
}

.op-toast--upload-status {
  font-size: 1.125rem !important;
  line-height: 1.125rem !important;
}

.op-toast--notice {
  border-radius: 0.125rem;
  border-style: solid;
  border-width: 0.0625rem;
  padding: 0.3125rem;
  margin: 0.3125rem 0;
}
#errorExplanation {
  z-index: 301;
  border-radius: 0.125rem;
  border-style: solid;
  border-width: 0.0625rem;
  font-size: var(--body-font-size);
  line-height: 1.6;
  padding: 0.625rem 2.1875rem 0.625rem 2.1875rem;
  box-shadow: 0.0625rem 0.125rem 0.1875rem rgba(0, 0, 0, 0.2);
  margin-bottom: 0.1875rem;
}
#errorExplanation.ng-leave {
  animation-name: 0.5s fade-out;
  animation-duration: 500ms;
  animation-timing-function: ease;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  animation-delay: 0;
}
#errorExplanation a {
  text-decoration: none;
  cursor: default;
}
#errorExplanation ul {
  font-size: var(--body-font-size);
  margin: 0 0 0 30px;
}
#errorExplanation .close-handler {
  float: none;
  position: absolute;
  right: 0.6875rem;
  top: 0.6875rem;
  cursor: pointer;
}
#errorExplanation::before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0.6875rem;
  left: 0.625rem;
  font-size: 1.125rem;
  padding: 0 !important;
}
#errorExplanation.error::before, #errorExplanation.nodata::before {
  color: var(--fgColor-danger);
}
#errorExplanation.info::before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0.6875rem;
  left: 0.625rem;
  font-size: 1.125rem;
}
#errorExplanation.info::before {
  color: var(--fgColor-accent);
}
#errorExplanation.warning::before {
  color: var(--fgColor-attention);
}

.op-toast + .op-toast {
  margin-top: 3rem;
}

a.op-toast--target-link {
  cursor: pointer;
  text-decoration: underline;
}

#errorExplanation::before {
  color: var(--fgColor-danger) !important;
}
#errorExplanation.-inline {
  position: relative;
  top: 0;
  left: 0;
}

.op-tile-block {
  display: grid;
  grid-template-rows: repeat(minmax(200px, auto));
  grid-template-columns: auto auto;
  grid-gap: 1rem;
}
.op-tile-block--tile {
  border-radius: 10px;
  display: grid;
  grid-template: auto/1fr auto;
  grid-row-gap: 5px;
  justify-items: left;
  background: var(--bgColor-muted);
  min-height: 150px;
  padding: 1rem;
  border: 1px solid var(--borderColor-muted);
}
.op-tile-block--tile:disabled {
  background: #fafafa;
}
.op-tile-block--tile:hover {
  text-decoration: none;
  border: 1px solid grey;
  border-radius: 10px !important;
  cursor: pointer;
}
.op-tile-block--tile.-disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.op-tile-block--content {
  display: flex;
  column-gap: 0.75rem;
}
.op-tile-block--content .form--radio-button {
  margin-top: 0.75rem;
}
.op-tile-block--image {
  display: block;
  margin-top: auto;
  margin-bottom: auto;
}
.op-tile-block--title {
  padding-top: 0;
  padding-bottom: 5px;
  color: var(--accent-color);
  display: block;
  text-align: left;
  font-weight: var(--base-text-weight-bold);
  font-size: large;
}
.op-tile-block--description {
  text-align: left;
  width: 90%;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .op-tile-block {
    grid-template-columns: auto;
  }
}
a img {
  border: 0;
}
a.sort {
  padding-right: 16px;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
a.sort.asc:after {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1f2";
  margin-left: 5px;
  font-size: 1.2em;
  vertical-align: text-bottom;
}
a.sort.desc:after {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1f4";
  margin-left: 5px;
  font-size: 1.2em;
  vertical-align: text-bottom;
}
a.issue.closed, a.issue.closed:hover, a.work_package.closed, a.work_package.closed:hover {
  text-decoration: line-through;
}
a.-no-decoration {
  color: inherit;
}
a.-no-decoration:hover {
  text-decoration: none;
}

a.icon, a.icon-context {
  color: var(--control-iconColor-rest);
  font-weight: normal;
}
a.icon.external, a.icon-context.external {
  color: var(--accent-color);
}

a.icon:hover, a.icon-context:hover {
  text-decoration: none;
}

#content table th a.no-decoration-on-hover:hover, a.no-decoration-on-hover:hover {
  text-decoration: none;
}

.skip-navigation-link:focus {
  position: absolute;
  width: auto;
  height: auto;
  overflow: visible;
  margin-top: -1.25rem;
}

@keyframes rotate-milestone {
  0% {
    rotate: 45deg;
    transform: scale(100%);
  }
  50% {
    transform: scale(130%);
  }
  60% {
    rotate: 1080deg;
    transform: scale(110%);
  }
  100% {
    rotate: 945deg;
  }
}
@keyframes rotate-linestone {
  0% {
    rotate: 45deg;
    transform: scale(50%);
  }
  35% {
    transform: scale(50%);
    border-width: 4px;
    border-radius: 10px;
  }
  60% {
    rotate: 1080deg;
    transform: scale(160%);
    border-width: 0;
  }
  100% {
    rotate: 945deg;
    border-width: 0;
    border-radius: 10px;
  }
}
.loading-indicator--background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
  background: var(--body-background);
  opacity: 0.8;
}

.loading-indicator--location {
  position: relative;
}

.op-loading-indicator {
  background-color: transparent;
  width: 150px;
  height: 80px;
  overflow: hidden;
  position: relative;
  margin: 0;
  left: calc(50% - 75px);
  top: 33%;
}
.op-loading-indicator div:nth-of-type(1) {
  border: solid 4px #a3eea8;
  background-color: transparent;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  position: absolute;
  top: 24px;
  left: 60px;
  animation: rotate-linestone 4s ease-in-out infinite;
}
.op-loading-indicator div:nth-of-type(2) {
  background-color: #35C53F;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  position: absolute;
  top: 24px;
  left: 60px;
  animation: rotate-milestone 4s ease-in-out infinite;
}
.op-loading-indicator_embedded {
  top: 0;
  left: 0;
}

.upsale-notification {
  max-width: 50vw;
  margin: auto;
  padding-top: 20px;
  text-align: center;
}
.upsale-notification .widget-box--teaser-image,
.upsale-notification .widget-box--teaser-video {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 25px;
  border: 1px solid var(--borderColor-default);
}
.upsale-notification .widget-box--teaser-image_default {
  width: 30%;
  margin-bottom: 20px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 25px;
}
.upsale-notification a.button, .upsale-notification #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group a.fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .upsale-notification a.fc-button.fc-button-active,
.upsale-notification a.button--link {
  text-decoration: none;
}

.upsale-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.upsale-actions .openproject--static-link {
  margin-left: 1rem;
}

.upsale--information-container {
  margin-bottom: 40px;
}

.token-form textarea {
  font-family: "Lucida Console", Monaco, monospace;
  max-width: 560px;
}

.widget-box--blocks--upsale-buttons {
  display: flex;
  justify-content: flex-end;
}
.widget-box--blocks--upsale-buttons a.button, .widget-box--blocks--upsale-buttons #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group a.fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .widget-box--blocks--upsale-buttons a.fc-button.fc-button-active,
.widget-box--blocks--upsale-buttons a.button--link {
  text-decoration: none;
  margin: 0.625rem 0.625rem 0 0;
}

.widget-box--blocks--upsale-info-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.upsale-colored {
  color: rgb(239, 158, 86);
}

.widget-box--blocks--upsale-title {
  font-weight: 400;
  font-size: 20px;
  margin-top: 10px;
  display: flex;
}

.widget-box--blocks--upsale-text {
  line-height: 24px;
  margin-top: 10px;
}

.widget-box--blocks--upsale-description {
  margin: 10px 0 10px 0;
  display: flex;
}

.widget-box--blocks--upsale-image {
  width: 200px;
  margin: auto;
}

:has(.upsale-notification_hide-breadcrumb) #breadcrumb:has(:not(.-show)) {
  display: block;
  visibility: hidden;
}

@media screen and (max-width: 543px) {
  .upsale-notification {
    max-width: none;
  }
  .upsale-notification .widget-box--teaser-image,
  .upsale-notification .widget-box--teaser-video {
    width: 90%;
    border-radius: 15px;
  }
}
#members_add_form {
  display: none;
  margin-bottom: 1rem;
}
#members_add_form .-flex {
  display: flex;
  align-items: flex-end;
}
#members_add_form .-flex .form--field,
#members_add_form .-flex #member-add-submit-button--container {
  margin-bottom: 1px;
  flex-basis: 50%;
}
#members_add_form .-flex:not(.-with-button) .form--field {
  overflow: hidden;
}
#members_add_form #add-member--submit-button {
  margin-bottom: 0;
  margin-left: 1rem;
  line-height: 0.6rem;
}

@media screen and (max-width: 543px) {
  #members_add_form .-flex {
    align-items: flex-start;
  }
  #members_add_form .-flex.-with-button {
    flex-direction: column;
    height: 120px;
  }
  #members_add_form .-flex #add-member--submit-button {
    margin-left: 0;
  }
  #members_add_form .-flex .form--field {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 1279px) and (min-width: 543px) {
  #members_add_form .-flex.-with-button .form--field {
    max-width: 60%;
  }
  #members_add_form .-flex.-with-button .form--field select {
    max-width: 60%;
  }
}
.account--section {
  margin-top: 2rem;
}

#notified-projects {
  display: block;
}

.my-page--container #right,
.my-page--container #left {
  flex: 0 0 50%;
  max-width: 50%;
}
.my-page--container .widget-boxes {
  margin: 0 -10px;
}
.my-page--container .widget-boxes .widget-box {
  margin-bottom: 20px;
  overflow: auto;
}
.my-page--container .widget-boxes .widget-box:last-child {
  margin-bottom: 10px;
}

@media screen and (max-width: 543px) {
  .my-page--container .grid-block.widget-boxes {
    flex-wrap: wrap;
  }
  .my-page--container .grid-block.widget-boxes #right,
  .my-page--container .grid-block.widget-boxes #left {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .my-page--container .grid-block.widget-boxes #left {
    margin-bottom: 0;
  }
}
div.box-actions {
  float: right;
  z-index: 500;
}

#my_project_blocks .handle {
  cursor: move;
}

#visible-grid .handle {
  cursor: move;
}
#visible-grid.my-page--container .widget-boxes {
  margin: 0;
}
#visible-grid #visible-grid {
  min-height: 32px;
}

/* Align widget boxes with description above on project overview */
.project-overview {
  margin: 0 -10px;
}

/* Legacy styles for my project page plugin version (without widget-box styles) */
#invisible-grid #top {
  padding: 0 4px;
}
#invisible-grid .container {
  margin-bottom: 24px;
}
#invisible-grid .container > h3:first-child {
  margin-bottom: 14px;
}

#visible-grid .left,
#visible-grid .right,
#invisible-grid .left,
#invisible-grid .right {
  flex: 0 0 50%;
  max-width: 50%;
}
#visible-grid .widget-box,
#invisible-grid .widget-box {
  margin-bottom: 20px;
  overflow: auto;
}
#visible-grid .widget-box:last-child,
#invisible-grid .widget-box:last-child {
  margin-bottom: 10px;
}

@media screen and (max-width: 543px) {
  #visible-grid .grid-block,
  #invisible-grid .grid-block {
    flex-wrap: wrap;
  }
  #visible-grid .grid-block .right,
  #visible-grid .grid-block .left,
  #invisible-grid .grid-block .right,
  #invisible-grid .grid-block .left {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #visible-grid .grid-block .left,
  #invisible-grid .grid-block .left {
    margin-bottom: 0;
  }
}
.news {
  margin-bottom: 30px;
}

.news--header {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 5px;
}

.summary {
  font-style: italic;
}

.news-author {
  font-size: 0.8rem;
  color: var(--fgColor-muted);
  display: block;
  line-height: 1.25;
}

.news-author-avatar {
  line-height: 1;
}
.news-author-avatar .op-avatar {
  margin-right: 10px;
}

@media screen and (max-width: 543px) {
  .news-author {
    padding-left: 0;
  }
}
.button, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active,
a.button {
  display: inline-block;
  border: 0;
  text-align: center;
  line-height: 1.25rem;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  transition: background 0.25s ease-out;
  vertical-align: middle;
  padding: 0.375rem 0.5rem;
  margin: 0 1rem 1rem 0;
  font-size: 0.875rem;
  border-radius: 2px;
}

.button, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active,
a.button {
  background: var(--button--background-color);
  color: var(--button--font-color);
  border: 1px solid var(--button-default-borderColor-rest);
  position: relative;
  transition-property: background, border;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
}
.button:hover, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active:hover, .button:focus, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active:focus,
a.button:hover,
a.button:focus {
  background: var(--button--background-hover-color);
  color: var(--button--font-color);
}
.button:hover, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active:hover, .button:focus, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active:focus,
a.button:hover,
a.button:focus {
  text-decoration: none;
}
.button:disabled, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active:disabled, .button.-disabled, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-disabled.fc-button.fc-button-active,
a.button:disabled,
a.button.-disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.button.-with-icon::before, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-with-icon.fc-button.fc-button-active::before,
a.button.-with-icon::before {
  padding: 0 0.65em 0 0;
}
.button.-danger, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-danger.fc-button.fc-button-active,
a.button.-danger {
  background: var(--content-form-danger-zone-bg-color);
  color: var(--content-form-danger-zone-font-color);
  border-color: var(--content-form-danger-zone-bg-color);
}
.button.-danger.icon:before, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-danger.icon.fc-button.fc-button-active:before, .button.-danger.icon-context:before, .widget-box--arrow-links li.button.-danger:before, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-danger.icon-context.fc-button.fc-button-active:before, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .widget-box--arrow-links li.-danger.fc-button.fc-button-active:before, .widget-box--arrow-links #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group li.-danger.fc-button.fc-button-active:before,
a.button.-danger.icon:before,
a.button.-danger.icon-context:before {
  color: var(--content-form-danger-zone-font-color);
  padding-left: 0px;
}
.button.-primary, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-primary.fc-button.fc-button-active,
a.button.-primary {
  background: var(--button--primary-background-color);
  color: var(--button--primary-font-color);
  background: var(--button--primary-background-color);
  color: var(--button--primary-font-color);
  border-color: var(--button--primary-background-color);
}
.button.-primary:hover, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-primary.fc-button.fc-button-active:hover, .button.-primary:focus, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-primary.fc-button.fc-button-active:focus,
a.button.-primary:hover,
a.button.-primary:focus {
  background: var(--button--primary-background-hover-color);
  color: var(--button--primary-font-color);
}
.button.-primary:hover, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-primary.fc-button.fc-button-active:hover, .button.-primary:focus, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-primary.fc-button.fc-button-active:focus,
a.button.-primary:hover,
a.button.-primary:focus {
  background: var(--button--primary-background-hover-color);
  color: var(--button--primary-font-color);
}
.button.-primary:hover, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-primary.fc-button.fc-button-active:hover, .button.-primary:focus, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-primary.fc-button.fc-button-active:focus,
a.button.-primary:hover,
a.button.-primary:focus {
  border-color: var(--button--primary-background-hover-color);
}
.button.-highlight-inverted, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-highlight-inverted.fc-button.fc-button-active,
a.button.-highlight-inverted {
  background: var(--button-default-bgColor-rest);
  color: var(--button-default-fgColor-rest);
  background: var(--button-default-bgColor-rest);
  color: var(--button-default-fgColor-rest);
  border-color: var(--button-default-borderColor-rest);
}
.button.-highlight-inverted:hover, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-highlight-inverted.fc-button.fc-button-active:hover, .button.-highlight-inverted:focus, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-highlight-inverted.fc-button.fc-button-active:focus,
a.button.-highlight-inverted:hover,
a.button.-highlight-inverted:focus {
  background: var(--button-default-bgColor-hover);
  color: var(--button-default-fgColor-rest);
}
.button.-highlight-inverted:hover, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-highlight-inverted.fc-button.fc-button-active:hover, .button.-highlight-inverted:focus, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-highlight-inverted.fc-button.fc-button-active:focus,
a.button.-highlight-inverted:hover,
a.button.-highlight-inverted:focus {
  background: var(--button-default-bgColor-hover);
  color: var(--button-default-fgColor-rest);
}
.button.-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active,
a.button.-active {
  background: var(--button-default-bgColor-active);
  color: var(--button-default-fgColor-rest);
  border-color: var(--button--active-border-color);
  box-shadow: 0 0 3px var(--button--active-border-color) inset;
}
.button.-active:hover, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active:hover, .button.-active:focus, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active:focus,
a.button.-active:hover,
a.button.-active:focus {
  background: var(--button-default-bgColor-active);
  color: var(--button-default-fgColor-rest);
}
.button.-transparent, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-transparent.fc-button.fc-button-active,
a.button.-transparent {
  background: transparent;
}
.button.-transparent:hover, .button.-transparent:focus, .button.-transparent.-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-transparent.fc-button.fc-button-active,
a.button.-transparent:hover,
a.button.-transparent:focus,
a.button.-transparent.-active {
  background: var(--button--background-hover-color);
}
.button.-without-button-styling, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-without-button-styling.fc-button.fc-button-active,
a.button.-without-button-styling {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
.button.-without-button-styling a:link, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-without-button-styling.fc-button.fc-button-active a:link, .button.-without-button-styling a:hover, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-without-button-styling.fc-button.fc-button-active a:hover, .button.-without-button-styling a:active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-without-button-styling.fc-button.fc-button-active a:active, .button.-without-button-styling a:visited, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-without-button-styling.fc-button.fc-button-active a:visited,
a.button.-without-button-styling a:link,
a.button.-without-button-styling a:hover,
a.button.-without-button-styling a:active,
a.button.-without-button-styling a:visited {
  color: inherit;
  text-decoration: none;
}
.button.-without-button-styling:hover, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-without-button-styling.fc-button.fc-button-active:hover,
a.button.-without-button-styling:hover {
  background: transparent;
}
.button.-tiny, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-tiny.fc-button.fc-button-active,
a.button.-tiny {
  font-size: 0.6125rem;
}
.button.-small, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-small.fc-button.fc-button-active,
a.button.-small {
  font-size: 0.7rem;
}
.button.-small.-with-icon:before, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-small.-with-icon.fc-button.fc-button-active:before,
a.button.-small.-with-icon:before {
  vertical-align: initial;
}
.button.-large, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-large.fc-button.fc-button-active,
a.button.-large {
  font-size: 1.1375rem;
}
.button.-expand, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-expand.fc-button.fc-button-active,
a.button.-expand {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.button.-round, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-round.fc-button.fc-button-active,
a.button.-round {
  border-radius: 2em;
}
.button.-narrow, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .-narrow.fc-button.fc-button-active,
a.button.-narrow {
  margin-bottom: 0em;
  margin-right: 0.25rem;
  padding: 0.3128em 0.55555em;
}
.button_no-margin,
a.button_no-margin {
  margin: 0;
}
.button_flex,
a.button_flex {
  display: inline-flex;
  align-items: center;
}

.button--icon {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.button--icon::before {
  color: inherit;
}

.button--icon + .button--text,
.button--text + .button--icon,
.op-icon--wrapper + .button--text,
.button--text + .op-icon--wrapper {
  margin: 0 0 0 0.65em;
}

html.-browser-windows.-browser-chrome .button--text,
html.-browser-windows.-browser-chrome .button--icon {
  vertical-align: -1px;
}

.button--dropdown-indicator {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 0 0 3px;
  font-size: 0.8125rem;
}

.toolbar-item .button[class*=icon-]:before, .toolbar-item #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group [class*=icon-].fc-button.fc-button-active:before, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .toolbar-item [class*=icon-].fc-button.fc-button-active:before {
  margin-right: 0.65em;
}

.button--link {
  color: var(--accent-color);
  background: none;
  border: none;
  padding: 0 1px;
}
.button--link.-expand {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.button--link:visited, .button--link:active {
  color: var(--accent-color);
}
.button--link:hover {
  text-decoration: underline;
}
.button--link[disabled], .button--link[disabled]:hover {
  cursor: not-allowed;
  background: none;
  color: var(--fgColor-muted);
}

input::file-selector-button {
  background: var(--button--background-color);
  color: var(--button--font-color);
  border: 1px solid var(--button-default-borderColor-rest);
}

.icon-control {
  display: inline-block;
  height: 1.1875rem;
  width: 1.1875rem;
  margin-left: -1px;
  padding: 1px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  color: var(--fgColor-muted);
}
.icon-control:hover, .icon-control.-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .icon-control.fc-button.fc-button-active {
  text-decoration: none;
  color: white;
  background: var(--button--primary-background-color);
}
.icon-control.-active:hover, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .icon-control.fc-button.fc-button-active:hover {
  color: var(--fgColor-muted);
  background: white;
}

.icon-control--icon {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.0625rem;
}

.cdk-drag-preview {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  z-index: 10000 !important;
}

.box {
  padding: 6px;
  margin-bottom: 10px;
  line-height: 1.5em;
  border: 1px solid var(--borderColor-default);
}

.box p {
  padding-top: 5px;
  padding-bottom: 8px;
}

.info-boxes {
  width: 100%;
  max-width: 1140px;
}
.info-boxes .info-boxes--title,
.info-boxes .info-boxes--item-title {
  margin: 20px auto;
  font-weight: var(--base-text-weight-bold);
}
.info-boxes.-centered {
  margin: auto;
  padding: 0 15px;
}
.info-boxes.-centered .info-boxes--title {
  text-align: center;
}
.info-boxes .info-boxes--container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.info-boxes .info-boxes--container .info-boxes--item .info-boxes--teaser-image {
  display: block;
  margin: auto;
  max-width: 150px;
}
.info-boxes .info-boxes--container .info-boxes--item .info-boxes--item-title {
  white-space: nowrap;
  border-bottom: none;
}
.info-boxes .info-boxes--container .info-boxes--item .info-boxes--item-content .widget-box--arrow-links {
  text-transform: uppercase;
  font-size: 0.875rem;
}

.work-package--watchers op-principal {
  margin-right: 5px;
}

.work-package--watchers.-read-only .remove-watcher-btn {
  display: none;
}

.work-package--watchers-lookup .dropdown-wrapper {
  margin-bottom: 50px;
}

.advanced-filters--container, .simple-filters--container {
  border: 1px solid var(--borderColor-default);
}
.simple-filters--filters, .simple-filters--container .simple-filter--trailing-labels {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 10px 40px;
  list-style-type: none;
  margin: 10px 0 0 0;
}

.simple-filters--container {
  padding: 1rem 1rem 1rem 1rem;
  margin: 0.6em 0;
  position: relative;
}
.simple-filters--container .simple-filter--trailing-labels {
  grid-column: 1/-1;
}
.simple-filters--container .simple-filter--trailing-labels > .-trailing-label.form--field {
  grid-column: 1/-1;
  margin-bottom: 0;
}
.simple-filters--container.collapsed {
  display: none;
}
.simple-filters--container .simple-filters--close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 1rem;
  z-index: 2;
}

.simple-filters--filters > li:not(.simple-filters--controls) {
  display: grid;
  grid-template-columns: repeat(auto-fill, 50%);
  align-items: center;
}
.simple-filters--filters > li:not(.simple-filters--controls) button,
.simple-filters--filters > li:not(.simple-filters--controls) .button,
.simple-filters--filters > li:not(.simple-filters--controls) #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active,
#content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .simple-filters--filters > li:not(.simple-filters--controls) .fc-button.fc-button-active {
  margin: 0 10px 10px 0;
}
.simple-filters--filters .simple-filters--filter.-with-radio-buttons {
  grid-template-columns: 10% repeat(auto-fit, minmax(45%, 1fr));
  grid-template-rows: repeat(auto-fill, 35px);
  grid-gap: 10px 0;
}
.simple-filters--filters .simple-filters--filter.-with-radio-buttons .simple-filters--filter-name.form--label, .simple-filters--filters .simple-filters--filter.-with-radio-buttons .simple-filters--filter-name.attributes-key-value--key {
  grid-column: 2;
}
.simple-filters--filters .simple-filters--controls {
  grid-column: 1/-1;
  margin-top: 1rem;
}
.simple-filters--filters .simple-filters--filter-name {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  margin: auto 0;
}

@media screen and (max-width: 543px) {
  .simple-filters--filter:not(.-with-radio-buttons) .simple-filters--filter-value {
    grid-column: 1/-1;
  }
}
.advanced-filters--container {
  padding: 1rem;
  max-height: 50vh;
  overflow-y: auto;
  position: relative;
  margin: 0 0 10px 0;
}
.advanced-filters--container.collapsed {
  display: none;
}
.advanced-filters--container .advanced-filters--close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 1rem;
  z-index: 2;
}

.advanced-filters--filters {
  list-style-type: none;
  margin: 20px 0 0 0;
}
.advanced-filters--filters > .advanced-filters--filter {
  display: grid;
  grid-template-columns: 20% 20% 25% 50px;
  grid-gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}
.advanced-filters--filters > .advanced-filters--filter.--without-operator {
  grid-template-columns: 20% calc(45% + 10px) 50px;
}
.advanced-filters--filters .advanced-filters--filter-name,
.advanced-filters--filters .advanced-filters--add-filter-label {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  margin: auto 0;
}
.advanced-filters--filters .advanced-filters--filter-value .advanced-filters--select,
.advanced-filters--filters .advanced-filters--filter-value .advanced-filters--number-field,
.advanced-filters--filters .advanced-filters--filter-operator .advanced-filters--select,
.advanced-filters--filters .advanced-filters--filter-operator .advanced-filters--number-field {
  font-size: 0.8rem;
  width: auto;
  max-width: 100%;
  flex: 0 0 auto;
}

.advanced-filters--add-filter {
  display: grid;
  grid-template-columns: 20% calc(45% + 10px) 50px;
  grid-gap: 10px;
}

.advanced-filters--text-field[type=text]:required,
.advanced-filters--date-field[type=text]:required {
  box-shadow: none;
}

.advanced-filters--ng-select {
  width: 100%;
}

.advanced-filters--affix, .advanced-filters--tooltip-trigger[data-tooltip] {
  background: none;
  border: none;
  font-size: 0.9rem;
}

.advanced-filters--remove-filter {
  text-align: right;
}
.advanced-filters--remove-filter a {
  display: block;
}
.advanced-filters--remove-filter a:hover {
  text-decoration: none;
}

.advanced-filters--add-filter-info {
  display: block;
  padding: 0 1rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  flex: 1 1 auto;
  overflow: visible;
  overflow-y: visible;
  padding: 1rem 0 0 0;
}

.advanced-filters--spacer {
  border-top: 1px solid var(--borderColor-default);
  height: 1px;
  margin: 0.75rem 0;
}

.advanced-filters--spacer.hidden,
.advanced-filters--filter.hidden {
  display: none !important;
}

.work-packages-embedded-view--container .advanced-filters--container {
  margin: 0 0 1rem 0;
}

@media screen and (max-width: 543px) {
  .advanced-filters--filters .advanced-filters--filter {
    grid-gap: 0 10px;
  }
  .advanced-filters--filters .advanced-filters--filter-name,
  .advanced-filters--filters .advanced-filters--add-filter-label,
  .advanced-filters--filters .advanced-filters--add-filter-value {
    grid-column: 1/-1;
  }
  .advanced-filters--filters .advanced-filters--remove-filter {
    grid-column: -1;
  }
  .advanced-filters--filters .advanced-filters--filter-operator,
  .advanced-filters--filters .advanced-filters--filter-value {
    grid-column: span 2;
    order: 2;
  }
  .advanced-filters--filters .advanced-filters--filter-operator .advanced-filters--text-field,
  .advanced-filters--filters .advanced-filters--filter-operator .advanced-filters--select,
  .advanced-filters--filters .advanced-filters--filter-operator .advanced-filters--number-field,
  .advanced-filters--filters .advanced-filters--filter-value .advanced-filters--text-field,
  .advanced-filters--filters .advanced-filters--filter-value .advanced-filters--select,
  .advanced-filters--filters .advanced-filters--filter-value .advanced-filters--number-field {
    width: 100%;
  }
}
.attributes-key-value {
  display: flex;
  font-size: 0.875rem;
  margin-bottom: 0.1875rem;
  line-height: 1.5em;
}
.attributes-key-value--key {
  display: flex;
  flex-basis: 140px;
  flex-grow: 1;
  padding: 0.375rem 0;
  font-weight: var(--base-text-weight-bold);
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media screen and (min-width: 767px) {
  .attributes-key-value--key {
    flex-basis: 200px;
  }
}
@media screen and (min-width: 1011px) {
  .attributes-key-value--key {
    flex-basis: 240px;
  }
}
.attributes-key-value--key > wp-replacement-label {
  padding-right: 0.5rem;
  flex: 1 1 auto;
  max-width: calc(100% - 1rem);
  word-wrap: break-word;
}
.attributes-key-value--key > attribute-help-text {
  flex: 100 0 auto;
}
.attributes-key-value--value-container {
  display: flex;
  flex-basis: 260px;
  flex-grow: 1000000;
  flex-shrink: 1;
  margin-bottom: 0.1875rem;
  padding: 0.375rem 0;
  height: 100%;
  overflow: hidden;
}
.attributes-key-value--value-container p {
  font-size: var(--body-font-size);
  word-wrap: break-word;
}
.attributes-key-value--value-container.not-editable {
  padding: 6px;
}
.attributes-key-value--value {
  overflow: visible;
  overflow-y: visible;
  word-wrap: anywhere;
}

.attributes-map {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-auto-rows: auto;
  grid-gap: 1rem;
}
.attributes-map.-minimal-keys {
  grid-template-columns: max-content 2fr;
}

.attributes-map--key {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--base-text-weight-bold);
  line-height: 27px;
}
.attributes-map.-minimal-keys .attributes-map--key {
  max-width: 200px;
}

.attributes-map--value {
  zoom: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.attributes-map--value_overflow {
  overflow: visible;
}

.attributes-group {
  margin-top: 1.6875rem;
  position: relative;
}

.attributes-group--header {
  display: flex;
  height: 100vh;
  position: relative;
  overflow: hidden;
  flex: 1 1 auto;
  flex-flow: row wrap;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  order: 0;
  height: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  margin: 0 0 0.5rem 0;
  border-bottom: 1px solid var(--borderColor-default);
  align-items: flex-end;
}

.attributes-group--header-container {
  display: block;
  padding: 0 1rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  flex: 1 1 auto;
  padding: 0 1rem 0.4rem 0;
}
.attributes-group.-toggleable .attributes-group--header-container {
  cursor: pointer;
  padding-left: 5px;
}

.attributes-group--header-control {
  display: block;
  padding: 0 1rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  flex: 0 0 auto;
  padding: 0 0 0.4rem 0;
}

.attributes-group--header-toggle {
  display: block;
  padding: 0 1rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  flex: 0 0 auto;
  padding: 0 0 0 1rem;
  overflow-y: hidden;
}
.attributes-group--header-toggle .button, .attributes-group--header-toggle #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .attributes-group--header-toggle .fc-button.fc-button-active {
  margin: 0 0 4px 0;
}

.attributes-group--icon-indented-text {
  display: grid;
  margin-top: 1rem;
  grid-template-columns: auto auto 1fr;
  column-gap: 8px;
}

.attributes-group--header-text,
#content h3.attributes-group--header-text {
  font-size: var(--body-font-size);
  font-weight: var(--base-text-weight-bold);
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  border: 0;
}

.attributes-group--attributes {
  display: flex;
  flex-direction: column;
}

.information-section {
  font-size: 0.8rem;
}

.widget-boxes.-flex {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px;
}
.widget-boxes.-flex .widget-box {
  flex: 1;
  flex-basis: 32%;
  display: flex;
  flex-direction: column;
}
.widget-boxes.-flex .widget-box--enumeration,
.widget-boxes.-flex .widget-box--arrow-links,
.widget-boxes.-flex .widget-box--feature-list {
  flex-grow: 2;
}
.widget-boxes.-vertical {
  flex-flow: column wrap;
}
.widget-boxes .icon-context:before, .widget-boxes .widget-box--arrow-links li:before, .widget-box--arrow-links .widget-boxes li:before {
  padding-right: 5px;
}
.widget-boxes.grid-content {
  padding-left: 10px;
  padding-right: 10px;
}
.widget-boxes.grid-content .widget-box {
  margin-left: 0;
  margin-right: 0;
}
.widget-boxes .widget-box {
  position: relative;
  background: var(--body-background);
  margin: 10px;
  border: 1px solid var(--borderColor-default);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  padding: 20px;
  min-height: 250px;
  word-wrap: break-word;
  overflow: hidden;
}
.widget-boxes .widget-box.-thin {
  min-height: 100px;
}
.widget-boxes .widget-box.-wider {
  flex-grow: 3;
}
.widget-boxes .widget-box.-minimal {
  flex-grow: 0;
}
.widget-boxes .widget-box.-no-border {
  padding: 0;
  border: 0;
}
.widget-boxes .widget-box--teaser-image {
  width: 200px;
}
.widget-boxes .widget-box .widget-box--enumeration {
  margin-left: 1.5rem;
  margin-top: 0.5rem;
}
.widget-boxes .widget-box .widget-box--feature-list {
  list-style: none;
  margin: 0.5rem 0 1rem 0;
}
.widget-boxes .widget-box .widget-box--feature-list:last-child {
  margin-bottom: 0;
}
.widget-boxes .widget-box .widget-box--feature-list li:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f227";
  display: inline-block;
  font-size: 0.6rem;
  color: var(--primary-button-color);
  width: 20px;
}
.widget-boxes .widget-box .widget-box--description {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 20px;
}

.op-widget-box--header {
  font-weight: var(--base-text-weight-bold);
  font-size: 1.25rem;
  display: flex;
  margin-top: 4px;
  margin-bottom: 13px;
  border-bottom: none;
  padding-bottom: 0;
}

.op-widget-box--header-title {
  vertical-align: middle;
  margin-bottom: 0;
  flex-grow: 1;
  align-self: center;
}
.op-widget-box--header-title .editable-toolbar-title--fixed,
.op-widget-box--header-title .toolbar--editable-toolbar {
  color: var(--fgColor-default);
  font-size: var(--body-font-size);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: var(--base-text-weight-bold);
}

.widget-box--arrow-links {
  list-style: none;
  margin: 0.5rem 0 1rem 0;
}
.widget-box--arrow-links:last-child {
  margin-bottom: 0;
}
.widget-box--arrow-links li:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f114";
  display: inline-block;
  font-size: 0.6rem;
  color: var(--control-iconColor-rest);
  width: 20px;
}

.widget-box--arrow-multiline {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-template-rows: auto auto auto;
  margin-bottom: 10px;
}
.widget-box--arrow-multiline:before {
  grid-column: 1/2;
  grid-row: 1/3;
  align-self: center;
  justify-self: center;
}

.widget-box--avatar {
  grid-column: 2/3;
  grid-row: 1/3;
}

.widget-box--project {
  grid-column: 3/4;
  grid-row: 1/2;
}

.widget-box--author {
  grid-column: 3/4;
  grid-row: 2/3;
}

.widget-box--additional-info {
  grid-column: 2/4;
  grid-row: 3/4;
  font-style: italic;
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 543px) {
  .widget-boxes.-flex .widget-box {
    flex-basis: 100%;
  }
  .widget-box--arrow-links .-widget-box--arrow-multiline:before {
    padding-top: 0;
  }
}
.wp--row {
  -webkit-user-select: none;
          user-select: none;
}

.wp--placeholder-row {
  height: 5px;
  border-bottom: none !important;
}

.wp-table--row {
  cursor: pointer;
}

.wp-table--row,
#empty-row-notification {
  height: var(--table-timeline--row-height);
}
.wp-table--row.-collapsed,
#empty-row-notification.-collapsed {
  display: none;
}
.wp-table--row.-dragged,
#empty-row-notification.-dragged {
  height: 0px;
  border: none !important;
  outline: 1px solid var(--accent-color);
  opacity: 1;
}
.wp-table--row.-dragged .wp-table--cell-td,
#empty-row-notification.-dragged .wp-table--cell-td {
  display: none !important;
}
.wp-table--row.wp-table--sums-row:empty,
#empty-row-notification.wp-table--sums-row:empty {
  height: 0;
}

.wp-table--sum-container {
  font-weight: var(--base-text-weight-bold);
  padding: 3px 6px;
}
.wp-table--sum-container.__internal-sorthandle {
  white-space: nowrap;
}

.work-package-table--container table.generic-table tbody td {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
  line-height: 24px;
}
.work-package-table--container table.generic-table tbody td .inline-edit--field.ng-select {
  min-width: 140px;
}

.work-package-table--container td.-editable {
  display: table-cell;
  width: auto;
}
.work-package-table--container td.-editable:hover .inline-edit--active-field.-error:hover {
  border-color: var(--content-form-danger-zone-bg-color);
}

.wp-table--faulty-query-icon {
  color: var(--content-form-danger-zone-bg-color);
}

.wp-table--group-header {
  height: var(--table-timeline--row-height);
  background-color: var(--bgColor-muted);
}
.wp-table--group-header td {
  padding: 0 !important;
  background-color: transparent !important;
}
.wp-table--group-header .group--value {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}

.wp-table--configuration-modal--trigger {
  width: 60px;
  text-align: center !important;
  z-index: 1;
  padding: 0 !important;
}

html:not(.-browser-mobile) .wp-table--context-menu-td {
  width: 60px;
  line-height: initial !important;
  white-space: nowrap;
}

.wp-table--context-menu-td a {
  vertical-align: -3px;
}
.wp-table--context-menu-td a .icon:before {
  color: var(--accent-color);
  padding: 0 0 0 0.25rem;
}
.wp-table--context-menu-td a.-disabled .icon:before {
  color: var(--fgColor-muted);
}
.wp-table--context-menu-td a:hover {
  text-decoration: none;
}

.wp-table--details-link {
  padding-right: 5px;
}

.wp-table-context-menu-link {
  padding-left: 5px;
}

.wp-table--cell-container {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
@media print {
  .wp-table--cell-container {
    white-space: normal;
  }
}
.wp-table--cell-td.-editing .wp-table--cell-container {
  display: block;
  width: initial !important;
}
.wp-table--cell-container .inline-edit--display-field {
  display: initial;
}
.wp-table--cell-container .inline-edit--display-field.bcfThumbnail {
  outline: none;
}

.inline-edit--display-field:not(.op-table-baseline--field) {
  padding: 2px;
}

body.-browser-edge .work-package-table .inline-edit--display-field {
  height: 22px !important;
  line-height: 22px !important;
}

.inplace-editing--container {
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  font: inherit;
  text-align: inherit;
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 2px;
  overflow: visible;
  width: 100%;
}

.wp-table--cell-td.startDate,
.wp-table--cell-td.dueDate {
  width: 160px;
}

.wp-table--cell-td img.thumbnail {
  height: 40px;
  outline: none;
}

.wp-table--hierarchy-indicator {
  color: var(--body-font-color);
  pointer-events: all;
}
.wp-table--hierarchy-indicator:hover {
  text-decoration: none;
}

.wp-table--hierarchy-indicator-collapsed {
  display: none;
}

.-hierarchy-collapsed .wp-table--hierarchy-indicator-expanded {
  display: none;
}
.-hierarchy-collapsed .wp-table--hierarchy-indicator-collapsed {
  display: inline;
}

.wp-table--hierarchy-span {
  text-align: right;
  display: block;
  float: left;
  padding-right: 8px;
  height: 1rem;
}

.wp-table--hierarchy-indicator-icon {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.6rem;
}
.wp--row[class*=__collapsed-group-] {
  display: none;
}

.wp-table--hierarchy-td {
  min-width: 0px !important;
}

.hierarchy-header--outer-span {
  white-space: nowrap;
}
.hierarchy-header--outer-span > .dropdown-indicator {
  width: 1em;
  text-align: right;
  overflow: visible;
  min-width: 1em;
  visibility: hidden;
}
.hierarchy-header--outer-span:hover > .dropdown-indicator {
  visibility: visible;
}

.wp-table--cell-td.subject {
  padding-left: 8px;
}

body .wp-table--hierarchy-aditional-row,
body .wp-table--hierarchy-aditional-row .wp-table--hierarchy-indicator-icon {
  color: var(--fgColor-muted);
}

.hierarchy-header--icon {
  cursor: pointer;
  display: inline-block;
  flex: 0 0 0;
  width: 20px;
}
.hierarchy-header--icon i:before {
  padding: 0;
  vertical-align: middle;
  font-size: 20px;
  color: var(--body-font-color);
}

body .wp-table--relations-aditional-row,
body .wp-table--relation-cell-td.-expanded {
  background: rgba(220, 235, 244, 0.6);
}
body .wp-table--relation-cell-td.-expanded {
  border-bottom: 1px solid rgba(220, 235, 244, 0.6);
}

.wp-table--relation-indicator {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.6rem;
  cursor: pointer;
}
.wp-table--relation-count.-border-only {
  margin-right: 5px;
  background: white;
}

.wp-table--relation-cell-td {
  text-align: center !important;
}

.relation-row--id-cell {
  padding-left: 5px !important;
}

.relation-row--type-label {
  background: white;
  padding: 2px;
  border: 1px solid var(--gray);
  border-radius: 5px;
  margin-right: 5px;
  font-size: 0.7rem;
}

.relation-row--type {
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  font: inherit;
  text-align: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
  width: 100%;
}

.relations-header--icon:before {
  padding: 0 2px 0 0;
}

.wp-inline-create-button-row {
  height: var(--table-timeline--row-height);
  border-bottom: none !important;
}
.wp-inline-create-button-row td {
  padding: 0 !important;
}

.wp-inline-create-button a, .wp-inline-create-button button {
  padding: 0.5rem 0;
  display: inline-block;
  line-height: 1.6;
}

.wp-inline-create-row {
  background: var(--display-green-bgColor-muted);
}
.wp-inline-create-row:hover {
  background: var(--display-pine-bgColor-muted);
}

.wp-table--cancel-create-td {
  text-align: center !important;
}

.wp-table--cancel-create-link:before {
  color: var(--body-font-color);
  padding: 0 0 0 0.2rem;
}
.wp-table--cancel-create-link:hover {
  text-decoration: none;
}

.wp--row.gu-mirror {
  border: 1px solid var(--table-border-color);
  border-radius: 5px;
  background: white !important;
  padding-left: 20px;
  display: flex;
  align-items: center;
}

html:not(.-browser-mobile) .wp-table-context-menu-icon,
html:not(.-browser-mobile) .wp-table--drag-and-drop-handle {
  opacity: 0;
  display: inline-block;
  height: calc(var(--table-timeline--row-height) - 1px);
  line-height: calc(var(--table-timeline--row-height) - 1px);
}
html:not(.-browser-mobile) .issue:hover .wp-table-context-menu-icon,
html:not(.-browser-mobile) .issue:hover .wp-table--drag-and-drop-handle,
html:not(.-browser-mobile) .wp-table--context-menu-td:focus,
html:not(.-browser-mobile) .wp-table-context-menu-icon:focus {
  opacity: 100;
}

/**
 * * Ensure you're exposing only mixins and sass stuff here
 * * as all CSS output will be duplicated in EVERY component
 * * importing these helpers!
 * */
.cdk-drag-preview {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  z-index: 10000 !important;
}

.wp-new-top-row {
  color: var(--accent-color);
  display: flex;
  align-items: center;
  font-size: 24px;
}
.wp-new-top-row #wp-new-inline-edit--field-type,
.wp-new-top-row .work-packages--type-selector {
  margin-left: 5px;
}
.wp-new-top-row .inline-edit--display-field {
  padding-left: 0 !important;
}
.wp-new-top-row .inline-edit--display-field:hover {
  text-decoration: none;
}
.wp-new-top-row .wp-new-top-row--status .inline-edit--field,
.wp-new-top-row .wp-new-top-row--type .inline-edit--field {
  min-width: 125px;
}

.work-packages--type-selector .-active .ng-select-container, .work-packages--type-selector #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active .ng-select-container, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .work-packages--type-selector .fc-button.fc-button-active .ng-select-container,
.work-packages--status-selector .-active .ng-select-container,
.work-packages--status-selector #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active .ng-select-container,
#content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .work-packages--status-selector .fc-button.fc-button-active .ng-select-container {
  height: 36px !important;
  line-height: 36px !important;
}
.work-packages--type-selector .-active .ng-select input, .work-packages--type-selector #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active .ng-select input, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .work-packages--type-selector .fc-button.fc-button-active .ng-select input,
.work-packages--status-selector .-active .ng-select input,
.work-packages--status-selector #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active .ng-select input,
#content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .work-packages--status-selector .fc-button.fc-button-active .ng-select input {
  height: initial !important;
}

.work-packages--details-content.-create-mode {
  top: 0;
  overflow-y: auto;
}

.work-packages--new-details-header {
  margin: 0.375em 0;
  display: flex;
  align-items: stretch;
}

.work-packages--status-selector .inline-edit--display-field {
  text-transform: capitalize;
}

.wp--details--switch-fullscreen-wrapper {
  flex: 1;
  text-align: right;
}

.wp--details--switch-fullscreen {
  color: var(--body-font-color);
  display: inline-block;
  width: 20px;
  cursor: pointer;
  font-size: 0.9rem;
  padding-top: 14px;
}
.wp--details--switch-fullscreen:hover {
  text-decoration: none;
}
.wp--details--switch-fullscreen span:before {
  padding: 0;
}

.work-packages--show-view .toolbar {
  margin-bottom: 10px;
}

.work-packages--new .attributes-group.description-group .attributes-group--header {
  border-bottom: none;
  margin-bottom: 0;
}
.work-packages--new .attributes-group.description-group textarea {
  resize: none;
}

display-field .split-time-field {
  white-space: nowrap;
}
display-field .split-time-field .-separator {
  display: inline-block;
  width: 1rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  text-align: center;
}

.inline-edit--display-field {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.inline-edit--display-field.-placeholder {
  font-style: italic;
  display: inline-block;
  min-width: 100px;
  vertical-align: middle;
}
.inline-edit--display-field .custom-option {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.inline-edit--display-field .custom-option:not(.-multiple-lines) {
  display: inline;
  white-space: nowrap;
}
.inline-edit--display-field .custom-option:not(.-multiple-lines):not(:only-child) {
  max-width: 90%;
  display: inline-block;
  vertical-align: middle;
  text-decoration: inherit;
}
.inline-edit--display-field .custom-option:not(.-multiple-lines):not(:only-child):first-of-type {
  padding-right: 5px;
}
.inline-edit--display-field .custom-option:not(.-multiple-lines) .badge {
  height: 1rem;
}
.inline-edit--display-field.split-time-field {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
.wp-table--cell-container .inline-edit--display-field.split-time-field {
  width: 100%;
}
.wp-table--cell-container .inline-edit--display-field.split-time-field .-actual-value,
.wp-table--cell-container .inline-edit--display-field.split-time-field .-derived-value {
  display: inline-block;
  width: calc(50% - 0.5rem - 1px);
}
.inline-edit--display-field.split-time-field .-actual-value {
  text-align: right;
}
.inline-edit--display-field.split-time-field .-separator {
  display: inline-block;
  width: 1rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  text-align: center;
}
.inline-edit--display-field.spentTime .time-logging--value {
  padding: 0 2px;
}

.wp-table--cell-container .inline-edit--display-field.-placeholder, .wp-table--cell-container.estimatedTime, .wp-table--cell-container.remainingTime {
  width: 100%;
}
.wp-table--cell-container .inline-edit--display-field.-placeholder .-placeholder, .wp-table--cell-container.estimatedTime .-placeholder, .wp-table--cell-container.remainingTime .-placeholder {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.wp-table--cell-container .dueDate .icon-pin {
  display: none;
}

.wp-table--cell-container.duration, .wp-table--cell-container.startDate, .wp-table--cell-container.dueDate {
  overflow: visible;
}

.wp-table--cell-container.startDate {
  padding-left: 1.5rem;
}
.wp-table--cell-container.startDate .icon-context, .wp-table--cell-container.startDate .widget-box--arrow-links li:before, .widget-box--arrow-links .wp-table--cell-container.startDate li:before {
  position: relative;
}
.wp-table--cell-container.startDate .icon-pin:before {
  position: absolute;
  left: -24px;
  top: -8px;
}

.wp-table--sum-container.split-time-field .-actual-value {
  display: inline-block;
  width: calc(50% - 0.5rem - 1px);
  text-align: right;
}

.inline-edit--display-field.-editable {
  cursor: text;
  border-color: transparent;
  border-style: solid;
  border-radius: 2px;
  border-width: 1px;
  overflow-wrap: anywhere;
  word-break: normal;
}
.inline-edit--display-field.-editable:hover, .inline-edit--display-field.-editable:focus {
  border-color: var(--inplace-edit--border-color);
}
.inline-edit--display-field.-editable:hover.-multiline, .inline-edit--display-field.-editable:focus.-multiline {
  white-space: inherit;
}

.inline-edit--display-field:not(.id):not(.spentTime).-read-only,
.inline-edit--display-field.spentTime.-read-only .time-logging--value_empty {
  cursor: not-allowed;
}
.inline-edit--display-field:not(.id):not(.spentTime).-read-only:focus, .inline-edit--display-field:not(.id):not(.spentTime).-read-only:hover,
.inline-edit--display-field.spentTime.-read-only .time-logging--value_empty:focus,
.inline-edit--display-field.spentTime.-read-only .time-logging--value_empty:hover {
  color: var(--fgColor-disabled);
  background: var(--bgColor-disabled);
}

op-editable-attribute-field {
  width: 100%;
}
.-minimal op-editable-attribute-field {
  width: initial;
}

.inline-edit--container .-error .inline-edit--display-field,
.inline-edit--container .-error .inline-edit--field, .wp-table--cell-td.-error .inline-edit--container .inline-edit--display-field,
.wp-table--cell-td.-error .inline-edit--container .inline-edit--field {
  background: var(--bgColor-danger-muted);
  border-color: var(--content-form-danger-zone-bg-color);
}
.inline-edit--container form {
  width: 100%;
}
.inline-edit--container:not(.subject) input:not([type=checkbox]):not(.spot-text-field--input):not(.spot-input) {
  width: 100%;
  line-height: 24px;
  border-radius: 2px;
}
.inline-edit--container input:not([type=checkbox]) {
  height: 24px;
  padding: 2px;
  color: var(--body-font-color);
}
.inline-edit--container input.spot-input {
  min-height: 2rem;
}
.inline-edit--container.-tiny input:not([type=checkbox]):not(.spot-text-field--input) {
  max-width: 100px;
}
.inline-edit--container .inline-label .form-label,
.inline-edit--container .inline-label .icon-context:before,
.inline-edit--container .inline-label .widget-box--arrow-links li:before,
.widget-box--arrow-links .inline-edit--container .inline-label li:before {
  padding-right: 0;
}

.inline-edit--container.-no-label:not(.-active) .inline-edit--display-field {
  display: block;
  padding: 5px 0 5px 5px;
}

.inplace-edit--textarea {
  line-height: normal;
}

.inplace-edit--write-value textarea {
  font-size: var(--body-font-size);
  line-height: 1.6;
}

.textarea-wrapper {
  position: relative;
  margin-bottom: 50px;
}
.textarea-wrapper.inline-label .inplace-edit--controls {
  right: 33px;
}

.inplace-edit--controls {
  width: 80px;
  height: 40px;
  background: var(--control-bgColor-rest);
  border: 1px solid var(--inplace-edit--color--very-dark);
  box-shadow: 2px 2px 4px var(--inplace-edit--border-color);
  text-align: center;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  float: right;
}

.inplace-edit--control[disabled] {
  background-color: var(--inplace-edit--bg-color--disabled);
  color: var(--inplace-edit--color--disabled);
  cursor: not-allowed;
}

.inplace-edit--control {
  font-size: 0.9rem;
  width: 29px;
  height: 29px;
  background: none;
  padding: 0;
  line-height: 27px;
  border: 1px solid transparent;
  display: inline-block;
  color: var(--body-font-color);
  text-decoration: none;
}
.inplace-edit--control:hover, .inplace-edit--control:active {
  border-color: var(--inplace-edit--border-color);
}
.inplace-edit--control .icon-context:before, .inplace-edit--control .widget-box--arrow-links li:before, .widget-box--arrow-links .inplace-edit--control li:before {
  padding: 0;
}

/**
 * * Ensure you're exposing only mixins and sass stuff here
 * * as all CSS output will be duplicated in EVERY component
 * * importing these helpers!
 * */
.cdk-drag-preview {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  z-index: 10000 !important;
}

.wp-show--header-container {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: minmax(30px, auto) 1fr;
  grid-template-areas: "breadcrumb breadcrumb breadcrumb" "backButton subject toolbar";
  align-items: center;
  grid-column-gap: 5px;
}
.wp-show--header-container--breadcrumb {
  grid-area: breadcrumb;
  align-self: baseline;
}
.wp-show--header-container--back-button {
  grid-area: backButton;
}
.wp-show--header-container--subject {
  grid-area: subject;
}
.wp-show--header-container--toolbar-items {
  grid-area: toolbar;
  margin-bottom: 0;
}

.wp-new--subject-wrapper .inline-edit--active-field.subject .inline-edit--field {
  height: 40px;
  font-size: 16px;
  line-height: 1;
}

.work-packages--details--subject {
  display: block;
  padding: 0 1rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: visible;
  overflow-y: visible;
  padding: 0;
}
.work-packages--details--subject.-active input, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .work-packages--details--subject.fc-button.fc-button-active input {
  height: 36px !important;
  line-height: 36px !important;
  padding: 5px 0 5px 5px;
}

.work-packages--details-content {
  font-size: 0.875rem;
}
.work-packages--details-content .inplace-edit--write-value textarea {
  overflow: hidden;
}

.work-package--single-view .wp-edit-formattable-field {
  width: 100%;
}
.work-package--single-view .wp-edit-formattable-field textarea {
  resize: vertical;
}

.detail-panel-description {
  margin: 0;
  line-height: 18px;
}

.detail-panel--autocomplete-target {
  position: relative;
}

i.icon-left {
  padding: 0 5px 0 0;
}
i.icon-right {
  vertical-align: -2px;
  padding: 0 0 0 4px;
}

.attributes-group.-project-context {
  background: var(--bgColor-accent-muted);
  border-radius: 2px;
  padding: 10px;
  margin: 10px 0 0 0;
  border: 1px solid var(--borderColor-accent-muted);
}

.attributes-group.-special-fields {
  margin-top: 0.5em;
}
.attributes-group.-special-fields .attributes-group--header,
.attributes-group.-special-fields .attributes-group--header-container {
  border: 0;
  padding: 0;
  margin: 0;
}

.work-packages--info-row {
  font-size: 12px;
  padding-top: 1px;
}

.wp-info-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 0.5rem;
}
.wp-info-wrapper attribute-help-text {
  flex: 0;
}
.wp-info-wrapper attribute-help-text .help-text--entry {
  line-height: 25px;
  margin: 0 10px 0 -14px;
}
.wp-info-wrapper attribute-help-text .help-text--entry .icon:before {
  padding: 0;
}
.wp-info-wrapper .work-packages--info-row {
  flex: 1 1 200px;
}
.wp-info-wrapper wp-status-button {
  max-width: calc(100vw - 30px);
}
.wp-info-wrapper attribute-help-text,
.wp-info-wrapper wp-status-button,
.wp-info-wrapper .work-packages--info-row {
  margin-bottom: 0.5rem;
}

.work-package-comment {
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--body-font-color);
  padding: 0;
  margin: 0;
  background: none;
  border: 1px solid var(--inplace-edit--border-color);
  cursor: pointer;
  height: 42px;
}
.work-package-comment:hover .work-package-comment, .work-package-comment:focus .work-package-comment {
  border-color: var(--inplace-edit--border-color);
  text-decoration: none;
  color: var(--body-font-color);
}
.work-package-comment:hover .work-package-comment--icon, .work-package-comment:focus .work-package-comment--icon {
  visibility: visible;
}
.work-package-comment--text {
  flex: 1;
  padding: 3px;
}
.work-package-comment--icon {
  height: 100%;
  text-align: center;
  width: 32px;
  background: var(--gray-light);
  border-left: 1px solid var(--inplace-edit--border-color);
  color: var(--body-font-color);
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.work-packages--show-view .work-packages--edit-actions {
  padding-top: 20px;
}

.in_modal .work-packages--edit-actions {
  width: 100%;
}

.user-comment {
  display: block;
  margin: 12px 0 0 0;
}
.user-comment.wiki ul {
  padding-left: 18px;
}
.user-comment > .message:first-child {
  display: block;
  margin-bottom: 1rem;
}
.user-comment > .message:first-child p:last-child {
  margin-bottom: 0;
}
.user-comment > .message:first-child ul {
  margin-bottom: 1rem;
}

.comments-number {
  position: absolute;
  right: 0;
  top: 10px;
  display: grid;
  align-items: center;
  grid-template: auto auto/auto auto;
  grid-column-gap: 5px;
}
.comments-number--link {
  grid-column-end: 3;
}

.comments-icons {
  padding: 0;
  text-align: right;
  display: block;
  grid-column: 1/3;
}
.comments-icons i {
  padding: 5px 0 0 5px;
  display: inline-block;
}

.comment ul li {
  padding: 0 !important;
  margin: 0 !important;
}

h4.comment {
  margin-bottom: 8px;
  margin-top: 18px;
}

.work-package-details-activities-list {
  list-style-type: none;
  margin: 0;
}

.activity-date.-with-toggler {
  display: flex;
  align-items: center;
  align-content: stretch;
}
.activity-date.-with-toggler .activity-date--label {
  flex: 1;
}
.activity-date.-with-toggler .activity-comments--toggler {
  margin: 0;
}

.work-package-details-activities-activity:not(:last-child) {
  margin-bottom: 10px;
}

.work-package-details-activities-activity-contents {
  position: relative;
  padding: 10px 0;
}
.work-package-details-activities-activity-contents textarea {
  width: 100%;
  resize: none;
  margin-bottom: 0;
}
.work-package-details-activities-activity-contents .comments-icons a:hover {
  text-decoration: none;
}
.work-package-details-activities-activity-contents .action-icon {
  color: var(--control-iconColor-rest);
}
.work-package-details-activities-activity-contents .action-icon::before {
  padding: 0 0 0 0.3em;
}

ul.work-package-details-activities-messages li {
  color: var(--fgColor-muted);
  margin-bottom: 0.1rem;
}
ul.work-package-details-activities-messages li:last-child {
  margin-bottom: 0;
}

.activity-thumbnail {
  height: 100px;
  display: block;
  margin-top: 17px;
}

.work-packages--activity--add-comment_top {
  margin-bottom: 20px;
}

.detail-panel-description-content .relation {
  clear: both;
}
.detail-panel-description-content .relation h3 {
  cursor: pointer;
}
.detail-panel-description-content .relation h3 a {
  text-decoration: none;
  color: inherit;
}
.detail-panel-description-content .relation h3 i {
  font-size: 0.8rem;
}

.tab-content--padding-right {
  padding-right: 25px;
}

.hierarchy-item {
  margin-bottom: 2px;
}

.relation-container {
  margin-bottom: 1rem;
}

.relation-row {
  line-height: 2em;
}
.relation-row .inline-edit--container {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.6em;
}
.relation-row .inline-edit--container .inline-edit--display-field {
  vertical-align: middle;
}
.relation-row--grid {
  display: grid;
  align-items: center;
  grid-template: "id info subject status actions"/10% 12.5% 45% 22.5% 10%;
  margin-bottom: 0.5rem;
}
@media (max-width: 679px) {
  .relation-row--grid {
    grid-template: "id info status actions" "subject subject subject subject"/25% 30% 30% 15%;
  }
}
.relation-row--grid-actions {
  grid-area: actions;
  display: flex;
  justify-content: flex-end;
}
.relation-row--grid-id {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  grid-area: id;
  font-size: 0.875rem;
}
.relation-row--grid-subject {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  grid-area: subject;
  font-size: 0.875rem;
}

.wp-relations-hierarchy-section {
  margin-top: 35px;
}

.wp-relations-controls-section {
  text-align: right;
  flex-shrink: 1;
}
.wp-relations-controls-section a:hover {
  text-decoration: none;
}

.wp-relations--icon {
  color: var(--control-iconColor-rest);
}

.wp-relations-create-button {
  margin: 0.25rem 0;
  line-height: 1.5;
}
.wp-relations-create-button .-create-button-full-width {
  margin-top: 1.5em;
  width: 100%;
  padding-right: 25px;
}

.wp-relations-status-field {
  margin-left: 2px;
}

.wp-relation--description-read-value {
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  font: inherit;
  text-align: inherit;
  width: 100%;
  padding: 5px;
  border: 1px solid transparent;
  white-space: pre-wrap;
}
.wp-relation--description-read-value.-placeholder {
  font-style: italic;
}
.wp-relation--description-read-value:hover {
  border-color: var(--light-gray);
  cursor: text;
}

.wp-relation--description-read-value,
.wp-relation--description-textarea {
  min-height: 60px;
  font-size: var(--body-font-size);
  line-height: var(--base-line-height);
  padding-top: 10px;
}

.wp-relation--description-wrapper {
  width: 100%;
}

.wp-relations-create--form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wp-relations-create--form .wp-relations-input-section {
  margin-right: 10px;
  flex: 1;
}

.op-files-tab--file-upload {
  margin-top: 0.75rem;
}
.op-files-tab--storage-info-box {
  margin-top: 0.875rem;
  display: grid;
  align-items: center;
  grid-template: "icon text" "button button"/auto 1fr;
}
.op-files-tab--storage-info-box .info-icon-box {
  color: var(--fgColor-muted);
  grid-area: icon;
  font-size: 3.375rem;
  margin-right: 0.5rem;
}
.op-files-tab--storage-info-box .text-box {
  grid-area: text;
}
.op-files-tab--storage-info-box .text-box .text-box-header {
  font-weight: var(--base-text-weight-bold);
  line-height: 1.5rem;
}
.op-files-tab--storage-info-box .text-box .text-box-content {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25rem;
  color: var(--fgColor-muted);
}
.op-files-tab--storage-info-box .button-box {
  grid-area: button;
  display: flex;
  justify-content: flex-end;
}
.op-files-tab--storage-info-box-button {
  margin: 0.75rem 0 0;
}
.op-files-tab--storage-info-box-button:not(:last-child) {
  margin-right: 0.5rem;
}
.op-files-tab--icon:not(:first-child) {
  margin-left: 0.5rem;
}
.op-files-tab--icon_pdf {
  color: #B93A33;
}
.op-files-tab--icon_img {
  color: #0081C7;
}
.op-files-tab--icon_mov {
  color: #7C006E;
}
.op-files-tab--icon_txt {
  color: #9A9A9A;
}
.op-files-tab--icon_doc {
  color: #006E8F;
}
.op-files-tab--icon_sheet {
  color: #007528;
}
.op-files-tab--icon_presentation {
  color: #EF9E56;
}
.op-files-tab--icon_form {
  color: #87E2C1;
}
.op-files-tab--icon_primary {
  color: var(--accent-color);
}
.op-files-tab--icon_default {
  color: #9A9A9A;
}
.op-files-tab--icon_clip {
  color: #333333;
}

.op-tab-content--tab-section {
  margin-bottom: 2rem;
}
.op-tab-content--tab-section_no-header .op-file-list .op-file-list--item:first-child {
  margin-top: 0;
}
.op-tab-content--tab-section .op-files-tab--storage-info-box:not(:last-child) {
  margin-bottom: 1rem;
}
.op-tab-content--text-box {
  margin-top: 0.5rem;
}
.op-tab-content--header {
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.75rem;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 1;
}
.op-tab-content--header-text {
  font-family: var(--body-font-family);
  font-size: 1rem;
  font-weight: var(--base-text-weight-bold);
  font-style: normal;
  line-height: 1.5rem;
  text-transform: uppercase;
}
.op-tab-content--header-icon {
  margin-right: 0.5rem;
}
.op-tab-content--header-action {
  margin-left: 0.25rem;
}

.op-file-list--item-action {
  text-decoration: none;
}
.op-file-list--item-action_disabled {
  pointer-events: none;
}
.op-file-list--item-action:not(.op-file-list--item-action_disabled):hover .op-file-list--item-title > :not(.spot-icon) {
  text-decoration: underline;
}
.op-file-list--item-action_faulty-status .op-file-list--item-title {
  opacity: 0.5;
}
.op-file-list--item-title {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25rem;
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  padding-right: 0.5rem;
}
.op-file-list--item-text {
  font-family: var(--body-font-family);
  font-size: 0.75rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1rem;
  line-height: 1.5rem;
  color: var(--fgColor-muted);
  flex-shrink: 0;
}
.op-file-list--item-text:not(:last-child) {
  margin-right: 0.5rem;
}
.op-file-list--item-avatar {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.op-file-list--item-floating-wrapper:not(.op-file-list--item-floating-wrapper__disabled):hover .op-file-list--item-text, .op-file-list--item-floating-wrapper:not(.op-file-list--item-floating-wrapper__disabled):hover .op-file-list--item-avatar {
  visibility: hidden;
}
.op-file-list--item-floating-text {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  padding-right: 0.25rem;
  overflow: hidden;
  color: var(--accent-color);
}
.op-file-list--item-floating-text-icon {
  margin-right: 0.25rem;
}
.op-file-list--item .op-file-list--item-button {
  display: flex;
}
.op-file-list--item .op-file-list--item-button:hover, .op-file-list--item .op-file-list--item-button:focus {
  text-decoration: none;
}
.op-file-list .op-file-list--item .op-file-list--item-floating-actions {
  padding-right: 0;
}
.op-file-list .op-file-list--item .op-file-list--item-floating-text {
  padding-right: 0.5rem;
}
.op-file-list .op-file-list--item .op-file-list--item-action {
  padding-left: 0;
  padding-right: 0;
}

.op-file-picker--scrollable-content {
  overflow-y: auto;
  min-height: 5rem;
}
@media (max-width: 679px) {
  .op-file-picker.spot-modal {
    min-height: calc(var(--app-height) - 5rem);
  }
}
@media (min-width: 680px) {
  .op-file-picker--modal-body {
    height: calc(var(--app-height) / 2);
    max-height: 32rem;
  }
}
.op-file-picker--info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  color: var(--fgColor-muted);
}
.op-file-picker--info .op-file-picker--info-icon {
  width: 9.5rem;
  height: 9.5rem;
  font-size: 5.5rem;
  margin-bottom: 0.25rem;
}

/**
 * * Ensure you're exposing only mixins and sass stuff here
 * * as all CSS output will be duplicated in EVERY component
 * * importing these helpers!
 * */
.cdk-drag-preview {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  z-index: 10000 !important;
}

.op-file-section {
  display: flex;
  flex-direction: column;
  position: relative;
}
.op-file-section--actions {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25rem;
  margin-top: 0.75rem;
}
.op-file-section--actions > :not(:last-child) {
  margin-right: 0.5rem;
}
.op-file-section--drop-box {
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  font: inherit;
  text-align: inherit;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0.25rem;
  padding: 20px;
  cursor: pointer;
  color: var(--fgColor-muted);
}
.op-file-section--drop-box::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  border: 2px dashed var(--borderColor-default);
}
.op-file-section--drop-box_float {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: transparent;
}
.op-file-section--drop-box_float::after, .op-file-section--drop-box_float::before {
  display: block;
  content: "";
  position: absolute;
}
.op-file-section--drop-box_float::before {
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: -2;
}
.op-file-section--drop-box_float::after {
  z-index: -1;
  top: 0.5rem;
  height: calc(100% - 1rem);
  left: 0.5rem;
  width: calc(100% - 1rem);
  border: 2px dashed var(--borderColor-default);
}
.op-file-section--drop-box_dragging {
  display: flex;
}
.op-file-section--drop-box_dragging-over {
  color: rgb(26, 103, 163);
}
.op-file-section--drop-box_dragging-over::before {
  background: rgba(209, 229, 245, 0.9);
}
.op-file-section--drop-box_dragging-over::after {
  border: 2px dashed rgb(26, 103, 163);
}
.op-file-section--drop-box_dragging-over:not(.op-file-section--drop-box_float) {
  background: rgba(209, 229, 245, 0.9);
}
.op-file-section--drop-box_dragging-over:not(.op-file-section--drop-box_float)::after {
  top: 0.5rem;
  height: calc(100% - 1rem);
  left: 0.5rem;
  width: calc(100% - 1rem);
  border: 2px dashed rgb(26, 103, 163);
}
.op-file-section--drop-box_dragging-over .op-file-section--drop-box-text {
  color: rgb(26, 103, 163);
}
.op-file-section--drop-box-text {
  cursor: pointer;
  color: var(--fgColor-muted);
  font-size: 0.9rem;
  font-weight: var(--base-text-weight-bold);
  line-height: 1.4;
  margin: 0 0 0 0.75rem;
  text-align: left;
}
.op-file-section--drop-box-icon {
  font-size: 3rem;
}
.op-file-section--list_dragging {
  min-height: 4rem;
}
.op-file-section--empty-list-hint {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: normal;
  font-style: italic;
  line-height: 1.25rem;
  margin-top: 0.75rem;
  color: var(--fgColor-muted);
}

.wp-table--configuration-modal {
  min-height: 120px;
  max-height: 90vh;
}
.wp-table--configuration-modal label.option-label {
  float: left;
  margin-right: 20px;
  font-weight: normal;
}
.wp-table--configuration-modal label.option-label.-multi-line {
  margin-bottom: 0;
  line-height: 40px;
}
.wp-table--configuration-modal label.option-label input {
  margin-top: 0px;
}
.wp-table--configuration-modal .advanced-filters--filter,
.wp-table--configuration-modal .advanced-filters--add-filter {
  max-width: 100%;
}
.wp-table--configuration-modal .ee-attribute-highlighting-upsale {
  margin-bottom: 1.5rem;
}
.wp-table--configuration-modal .tab-content {
  overflow-y: scroll;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.wp-table--configuration-modal .tab-content::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.wp-table--configuration-modal .tab-content::-webkit-scrollbar-track {
  background: transparent;
}
.wp-table--configuration-modal .tab-content::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.wp-table--configuration-modal .tab-content:hover {
  scrollbar-color: #DDDDDD transparent;
}
.wp-table--configuration-modal .tab-content:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.wp-timeline--grid-element {
  position: absolute;
  top: 0;
  padding-top: 5px;
  height: 100%;
  border-right: 1px solid rgba(221, 221, 221, 0.368627451);
}
.wp-timeline--grid-element_highlight {
  border-right: 1px solid var(--borderColor-default);
}
.wp-timeline--non-working-day {
  background-color: #f5f5f5;
}

.timeline-element.bar {
  position: relative;
  height: 1em;
  border-radius: 2px;
  float: left;
}
.timeline-element.bar .bar-label {
  overflow: hidden;
  padding: 0 0 0 5px;
  white-space: nowrap;
}
.timeline-element.bar .leftHandle {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  max-width: 20%;
  height: 100%;
}
.timeline-element.bar .rightHandle {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  max-width: 20%;
  height: 100%;
}
.timeline-element.bar:hover .timeline-element--bg:not(.-readonly) ~ .leftHandle, .timeline-element.bar:hover .timeline-element--bg:not(.-readonly) ~ .rightHandle {
  background-color: rgba(1, 1, 1, 0.2);
}
.timeline-element.bar.-editable {
  cursor: ew-resize;
}
.timeline-element.bar.-editable .leftHandle {
  cursor: col-resize;
}
.timeline-element.bar.-editable .rightHandle {
  cursor: col-resize;
}

.timeline-element--bg {
  width: 100%;
  height: 100%;
  background-color: var(--timeline--type-fallback-color);
  border: 1px solid;
}
.timeline-element--bg.-readonly {
  cursor: not-allowed !important;
}
.timeline-element--bg.-readonly ~ .leftHandle {
  cursor: not-allowed !important;
}
.timeline-element--bg.-readonly ~ .rightHandle {
  cursor: not-allowed !important;
}

.active-selection-mode .timeline-element.bar.selection-start {
  background: orange !important;
  cursor: not-allowed !important;
}
.active-selection-mode .timeline-element.bar:hover {
  background: #ffd975 !important;
}
.active-selection-mode .timeline-element.bar {
  border: 1px solid orange !important;
  cursor: pointer !important;
  background: linear-gradient(270deg, #eeeeee, #bbbbbb);
  background-size: 400% 400%;
  animation: AnimationName 4s ease infinite;
}
@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.active-selection-mode .timeline-element.bar .leftHandle {
  cursor: pointer !important;
}
.active-selection-mode .timeline-element.bar .rightHandle {
  cursor: pointer !important;
}

.wp-timeline-cell:not(.-group-row):hover .show-on-hover.not-empty {
  display: inline-block !important;
}

.wp-timeline-cell.-group-row .timeline-element:hover {
  z-index: 1;
}
.wp-timeline-cell.-group-row .timeline-element:hover .show-on-hover.not-empty {
  display: inline-block;
}
.wp-timeline-cell.-group-row .timeline-element:hover .diamond {
  border: 1px solid var(--table-border-color);
}
.wp-timeline-cell.-group-row .timeline-element:hover .hide-on-hover {
  display: none !important;
}
.wp-timeline-cell.-group-row .labelRight {
  background-color: white;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  height: 16px;
  font-size: 8px !important;
  padding: 2px 2px;
  line-height: 1;
  margin-left: 5px !important;
}
.wp-timeline-cell.-group-row .timeline-element.milestone .labelHoverRight {
  transform: translateX(calc(100% + 5px));
}
.wp-timeline-cell.-group-row .timeline-element.milestone .labelHoverLeft {
  transform: translateX(calc(-100% - 12px));
}

.timeline-element.milestone {
  position: relative;
  z-index: 0;
}
.timeline-element.milestone .diamond {
  transform: rotate(45deg);
  transform-origin: center center;
  background: #555;
}
.timeline-element.milestone.-editable {
  cursor: ew-resize;
}
.timeline-element.milestone .labelLeft {
  top: 1px;
}
.timeline-element.milestone .labelHoverRight {
  transform: translateX(calc(100% + 20px));
}

.active-selection-mode .timeline-element.milestone .diamond.selection-start {
  background: orange !important;
  cursor: not-allowed !important;
}
.active-selection-mode .timeline-element.milestone .diamond {
  cursor: pointer !important;
  border: 1px solid orange !important;
  background: linear-gradient(270deg, #eeeeee, #bbbbbb);
  background-size: 400% 400%;
  animation: AnimationName 4s ease infinite;
}
@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.active-selection-mode .timeline-element.milestone .diamond:hover {
  background: #ffd975 !important;
}

.timeline-element.relation-line {
  position: absolute;
  float: left;
  background-color: blue;
}

.active-selection-mode .timeline-element.relation-line {
  background-color: #cacaca !important;
}

.timeline-element .-label-style.not-empty {
  background-color: var(--body-background);
  border: 1px solid var(--borderColor-default);
  border-radius: 5px;
  height: 16px;
  font-size: 12px;
  padding: 2px 5px;
  line-height: 1;
}
.timeline-element .labelLeft.not-empty {
  display: flex;
  align-items: center;
  height: 16px;
  min-width: 20px;
  width: max-content;
  font-size: 14px;
  white-space: nowrap;
  vertical-align: middle;
  pointer-events: none;
}
.timeline-element .labelHoverLeft.not-empty {
  pointer-events: none;
  white-space: nowrap;
}
.timeline-element .labelLeft.not-empty,
.timeline-element .labelHoverLeft.not-empty {
  position: absolute;
  left: 0px;
  top: 0px;
  transform: translateX(calc(-100% - 15px));
  line-height: 1;
}
.timeline-element .containerRight {
  display: flex;
  align-items: center;
  height: 16px;
  min-width: 20px;
  width: max-content;
  font-size: 14px;
  white-space: nowrap;
  vertical-align: middle;
  pointer-events: none;
  position: absolute;
  top: 0px;
  margin: 0;
  padding: 0;
  left: 100%;
}
.timeline-element .labelRight.not-empty {
  display: flex;
  align-items: center;
  height: 16px;
  min-width: 20px;
  width: max-content;
  font-size: 14px;
  white-space: nowrap;
  vertical-align: middle;
  pointer-events: none;
  margin-left: 20px;
}
.timeline-element .labelFarRight {
  display: flex;
  align-items: center;
  height: 16px;
  min-width: 20px;
  width: max-content;
  font-size: 14px;
  white-space: nowrap;
  vertical-align: middle;
  pointer-events: none;
  font-style: italic;
  margin-left: 15px;
}
.timeline-element .labelHoverRight {
  pointer-events: none;
  display: none;
  top: 0;
  white-space: nowrap;
  position: absolute;
  right: 0px;
  transform: translateX(calc(100% + 10px));
  font-size: 12px;
}
.timeline-element.-editable {
  cursor: ew-resize;
}
.timeline-element .show-on-hover {
  display: none;
}

.wp-timeline-cell.row-hovered .show-on-hover.not-empty {
  display: inline-block;
}
.wp-timeline-cell.row-hovered .hide-on-hover {
  display: none;
}

wp-timeline-header {
  display: block;
  height: var(--generic-table--header-height);
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 2;
}

.wp-timeline--header-element {
  background: var(--body-background);
  position: absolute;
  height: 10px;
  width: 10px;
  top: 0;
  left: 0;
  line-height: normal;
  border-right: 1px solid var(--timeline--header-border-color);
  text-align: center;
  font-size: 8px;
  text-overflow: clip;
  white-space: nowrap;
}
.wp-timeline--header-element.-top-border {
  border-top: 1px solid var(--timeline--header-border-color);
}

.wp-timeline--header-day-element {
  height: 12px;
  padding-top: 1px;
  border-bottom: 1px solid var(--borderColor-default);
}

.wp-timeline--header-middle-element {
  border-top: 1px solid var(--borderColor-default);
  border-bottom: 1px solid var(--borderColor-default);
  padding-top: 5px;
  height: 20px;
}

.wp-timeline--header-top-bold-element {
  border-top: 1px solid var(--borderColor-default);
  font-weight: var(--base-text-weight-bold);
  font-size: 11px;
  height: 15px;
}

.wp-table-timeline--static-elements {
  position: absolute;
  width: 100%;
  top: var(--generic-table--header-height);
  height: calc(100% - var(--generic-table--header-height));
}

.wp-timeline--static-element {
  z-index: -1;
}

#wp-timeline-static-element-today-line {
  position: absolute;
  width: 2px;
  border-left: 2px dotted red;
  height: 100%;
  pointer-events: none;
}

.wp-timeline--th {
  min-width: 600px !important;
}

.wp-timeline--dummy-controls {
  position: absolute;
  right: 20px;
  background: white;
  top: calc(var(--generic-table--header-height) + 10px);
  border: 1px solid #D7D7D7;
  box-shadow: 0 5px 3px -4px rgba(0, 0, 0, 0.2);
  z-index: 200;
  padding: 5px;
  line-height: 1;
}
.wp-timeline--dummy-controls button {
  margin: 0;
}

.wp-table-timeline--container {
  position: relative;
  width: 100%;
}

.wp-table-timeline--relations {
  z-index: 0;
}

.wp-table-timeline--grid {
  z-index: -2;
}

.wp-table-timeline--relations,
.wp-table-timeline--grid {
  position: absolute;
  width: 100%;
  top: var(--generic-table--header-height);
  height: calc(100% - var(--generic-table--header-height));
  pointer-events: none;
}

.work-packages-split-view--left-timeline {
  border-left: 5px solid #888;
}

.wp-table-timeline--body {
  outline: 1px solid var(--table-border-color);
}

.wp-timeline-cell {
  height: var(--table-timeline--row-height);
  display: flex;
  align-items: center;
  position: relative;
}
.wp-timeline-cell:first-child {
  height: calc(var(--table-timeline--row-height) + 1px);
}
.wp-timeline-cell > div {
  flex: 0 0 auto;
}
.wp-timeline-cell.-collapsed {
  display: none;
}

.work-packages-tabletimeline--timeline-side.-single-margin .wp-table-timeline--body {
  margin-bottom: var(--table-timeline--row-height);
}
.work-packages-tabletimeline--timeline-side.-double-margin .wp-table-timeline--body {
  margin-bottom: calc(var(--table-timeline--row-height) * 2);
}

.children-duration-bar {
  position: absolute;
  height: 10px;
  top: 1.7em;
  border: 1px solid;
  background: none;
  border-bottom: none;
}

.-duration-overflow {
  border-color: var(--warn);
}

.children-duration-hover-container {
  display: none;
  margin-left: -1px;
  margin-right: -1px;
  background-color: rgba(211, 211, 211, 0.3803921569);
}

.wp-timeline-cell.row-hovered .children-duration-hover-container {
  display: block;
}

.wp-timeline-cell.__hierarchy-root-collapsed .children-duration-hover-container {
  display: none;
}

.-group-row .timeline-element {
  position: absolute;
}
.-group-row .labelRight:not(.not-empty), .-group-row .labelFarRight, .-group-row .labelLeft {
  display: none !important;
}

.work-packages--resizer {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  cursor: col-resize;
  color: var(--light-gray);
  font-size: 14px;
}
.work-packages--resizer:before {
  position: relative;
  top: 50%;
}

.work-packages--tabletimeline--timeline--resizer .work-packages--resizer {
  left: initial;
  z-index: 10;
}
.work-packages--tabletimeline--timeline--resizer .work-packages--resizer:before {
  left: initial;
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.generic-table--flex-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.generic-table--container {
  position: relative;
  height: initial;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.generic-table--container.-with-footer {
  padding-bottom: var(--generic-table--footer-height);
}
.generic-table--container_visible-overflow {
  overflow: visible;
}
.generic-table--container_height-100 {
  height: 100%;
}

.generic-table--results-container {
  height: 100%;
  overflow-x: auto;
  overflow-y: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.generic-table--results-container::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.generic-table--results-container::-webkit-scrollbar-track {
  background: transparent;
}
.generic-table--results-container::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.generic-table--results-container:hover {
  scrollbar-color: #DDDDDD transparent;
}
.generic-table--results-container:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.generic-table--action-buttons {
  margin-top: 2rem;
}

#generic-table tr.issue.ng-enter, #generic-table tr.issue.ng-move {
  transition: 0.5s linear all;
  opacity: 0;
}
#generic-table tr.issue.ng-enter.ng-enter-active, #generic-table tr.issue.ng-move.ng-move-active {
  opacity: 1;
}
#generic-table tr.issue.ng-leave {
  animation-name: 0.5s fade-out;
  animation-duration: 500ms;
  animation-timing-function: ease;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  animation-delay: 0;
}

table.generic-table {
  border-collapse: collapse;
  width: 100%;
  margin: 0;
  font-size: 0.875rem;
}
table.generic-table col:hover, table.generic-table col.hover {
  background: var(--bgColor-muted);
}
table.generic-table thead {
  height: var(--generic-table--header-height);
}
table.generic-table thead tr:hover {
  background: none;
}
table.generic-table thead th {
  font-size: var(--generic-table--header-font-size);
  font-weight: var(--base-text-weight-bold);
  text-transform: uppercase;
  text-align: left;
  line-height: 34px;
  padding: 0;
  z-index: 1;
}
table.generic-table thead th.-right {
  text-align: right;
}
table.generic-table thead th a {
  text-decoration: none;
  color: var(--body-font-color);
}
table.generic-table thead th a:hover, table.generic-table thead th a:active {
  text-decoration: none;
  color: var(--body-font-color);
}
table.generic-table thead th .-required:after {
  transition: all 100ms ease-in-out 0s;
  content: "*";
  padding: 0 0.2rem;
}
table.generic-table thead th.-max .generic-table--sort-header {
  max-width: none;
}
table.generic-table thead .sort.asc:after {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1f2";
  margin-left: 5px;
  font-size: 1.2em;
  vertical-align: text-bottom;
}
table.generic-table thead .sort.desc:after {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1f4";
  margin-left: 5px;
  font-size: 1.2em;
  vertical-align: text-bottom;
}
table.generic-table tfoot td {
  font-weight: var(--base-text-weight-bold);
}
table.generic-table tbody tr:not(.-no-highlighting) {
  border-bottom: 1px solid var(--table-border-color);
}
@media screen {
  table.generic-table tbody td:not(.-no-ellipsis) {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
  }
}
table.generic-table tbody .project td > span,
table.generic-table tbody .project td > a {
  position: relative;
  top: 1px;
}
table.generic-table tbody td {
  max-width: 300px;
  text-align: left;
  line-height: 1.6;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
table.generic-table tbody td.form--td {
  vertical-align: middle;
}
table.generic-table tbody td .form--field {
  margin: 0px;
}
table.generic-table tbody td input,
table.generic-table tbody td input ~ .form-label {
  vertical-align: middle;
}
table.generic-table tbody td input.form--text-field, table.generic-table tbody td input.advanced-filters--text-field[type=text],
table.generic-table tbody td input.advanced-filters--date-field[type=text],
table.generic-table tbody td input.form--text-field ~ .form-label,
table.generic-table tbody td input.advanced-filters--text-field[type=text] ~ .form-label,
table.generic-table tbody td input.advanced-filters--date-field[type=text] ~ .form-label {
  vertical-align: middle;
}
table.generic-table tbody td select,
table.generic-table tbody td select ~ .form-label {
  vertical-align: middle;
}
table.generic-table tbody td select.form--select, table.generic-table tbody td .toolbar-items select, .toolbar-items table.generic-table tbody td select, table.generic-table tbody td select.advanced-filters--select,
table.generic-table tbody td select.form--select ~ .form-label,
table.generic-table tbody td .toolbar-items select ~ .form-label,
.toolbar-items table.generic-table tbody td select ~ .form-label,
table.generic-table tbody td select.advanced-filters--select ~ .form-label {
  vertical-align: middle;
}
table.generic-table tbody td .form--field-affix, table.generic-table tbody td .advanced-filters--affix, table.generic-table tbody td .advanced-filters--tooltip-trigger[data-tooltip],
table.generic-table tbody td .form--field-affix ~ .form-label,
table.generic-table tbody td .advanced-filters--affix ~ .form-label,
table.generic-table tbody td .advanced-filters--tooltip-trigger[data-tooltip] ~ .form-label {
  vertical-align: middle;
}
table.generic-table tbody td a.button, table.generic-table tbody td #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group a.fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group table.generic-table tbody td a.fc-button.fc-button-active,
table.generic-table tbody td a.button ~ .form-label,
table.generic-table tbody td #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group a.fc-button.fc-button-active ~ .form-label,
#content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group table.generic-table tbody td a.fc-button.fc-button-active ~ .form-label {
  vertical-align: middle;
}
table.generic-table tbody td input[type=checkbox], table.generic-table tbody td input[type=radio] {
  margin-top: -0.25rem;
}
@media screen {
  table.generic-table tbody td.-max {
    width: 100%;
    max-width: 500px;
  }
}
@media screen {
  table.generic-table tbody td.-min-200 {
    min-width: 200px;
  }
}
table.generic-table tbody td.-contains-avatar {
  text-overflow: clip;
}
table.generic-table tbody td.-contains-avatar .wp-table--cell-container {
  padding-right: 35px;
}
table.generic-table tbody td.info a {
  text-decoration: none;
  color: var(--body-font-color);
}
table.generic-table tbody td.buttons {
  text-align: right;
  white-space: nowrap;
}
table.generic-table tbody td.-no-highlighting {
  background-color: var(--body-background);
}
table.generic-table tbody td.-w-abs-45 {
  width: 45px;
}
table.generic-table tbody td.-w-rel-20 {
  width: 20%;
}
table.generic-table tbody td.-mw-abs-200 {
  max-width: 200px;
}
table.generic-table tbody td.-w-rel-40 {
  width: 40%;
}
table.generic-table tbody td.-mw-abs-400 {
  max-width: 400px;
}
table.generic-table tbody td.-w-rel-60 {
  width: 60%;
}
table.generic-table tbody td.-mw-abs-600 {
  max-width: 600px;
}
table.generic-table tbody td.-w-rel-80 {
  width: 80%;
}
table.generic-table tbody td.-mw-abs-800 {
  max-width: 800px;
}

thead.-sticky th {
  position: sticky;
  top: 0;
  background: var(--body-background);
}

.generic-table--footer-outer {
  padding: 0 6px;
  line-height: var(--generic-table--footer-height);
  width: 100%;
  height: var(--generic-table--footer-height);
}

.generic-table--header-outer,
.generic-table--sort-header-outer {
  line-height: var(--generic-table--header-height);
  height: var(--generic-table--header-height);
  z-index: 1;
  border-bottom: 1px solid var(--table-border-color);
}
.generic-table--header-outer:hover, .generic-table--header-outer.hover,
.generic-table--sort-header-outer:hover,
.generic-table--sort-header-outer.hover {
  background: var(--bgColor-muted);
}
.generic-table--header-outer_no-highlighting:hover, .generic-table--header-outer_no-highlighting.hover,
.generic-table--sort-header-outer_no-highlighting:hover,
.generic-table--sort-header-outer_no-highlighting.hover {
  background: initial;
}

.generic-table--sort-header-outer {
  padding: 0 12px 0 6px;
}

.generic-table--header-outer,
.generic-table--empty-header {
  padding: 0 6px;
}

.generic-table--empty-header {
  height: var(--generic-table--header-height);
  line-height: var(--generic-table--header-height);
  border-bottom: 1px solid var(--table-border-color);
  z-index: 1;
}
.generic-table--empty-header .generic-table--header,
.generic-table--empty-header .generic-table--sort-header {
  visibility: hidden;
  max-width: 40px;
}

.generic-table--column-spacer {
  white-space: nowrap;
  padding: 0 6px;
  visibility: hidden;
  height: 0px;
  line-height: 0px;
}

.generic-table--header,
.generic-table--sort-header {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  clear: both;
  min-width: 40px;
  max-width: 300px;
  display: flex;
}
.generic-table--header_no-min-width,
.generic-table--sort-header_no-min-width {
  min-width: initial;
}
.generic-table--header_centered,
.generic-table--sort-header_centered {
  justify-content: center;
}
.generic-table--header > a,
.generic-table--sort-header > a {
  flex: 1 1;
  width: 100%;
  font-weight: var(--base-text-weight-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
.generic-table--header > op-icon,
.generic-table--sort-header > op-icon {
  flex: 0 0 0;
  padding-left: 15px;
}
.generic-table--header #startDate,
.generic-table--sort-header #startDate {
  margin-left: 1.5rem;
}

.generic-table--sort-header-outer .dropdown-indicator {
  width: 1em;
  overflow: visible;
  min-width: 1em;
  visibility: hidden;
  position: relative;
}
.generic-table--sort-header-outer:hover .dropdown-indicator {
  visibility: visible;
}

.generic-table--no-results-container {
  background: var(--bgColor-neutral-muted);
  border: 1px solid var(--borderColor-neutral-muted);
  border-radius: 4px;
  padding: 14px 14px 14px 36px;
  display: block;
}
.generic-table--no-results-container > i,
.generic-table--no-results-container .generic-table--no-results-title {
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
  vertical-align: top;
}
.generic-table--no-results-container > i {
  margin: 1px 0 0 -24px;
  width: 20px;
}

.generic-table--no-results-title {
  border: 0;
  margin: 0;
  padding: 0;
  text-transform: none;
  width: 99%;
}

.generic-table--no-results-description {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.4;
  margin-top: 4px;
}
.generic-table--no-results-description p:last-child {
  margin-bottom: 0;
}

table td {
  padding: 3px 6px;
}
table p {
  margin: 0;
}
table.plugins td.configure {
  text-align: right;
  padding-right: 1em;
}
table.plugins span.name {
  font-weight: var(--base-text-weight-bold);
}
table.plugins span.description, table.plugins span.url {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-size: 0.9em;
}
table#time-report tbody tr {
  font-style: italic;
  color: var(--body-font-color);
}
table#time-report tbody tr.last-level {
  font-style: normal;
}
table#time-report tbody tr.total {
  font-style: normal;
  font-weight: var(--base-text-weight-bold);
  background-color: #EEEEEE;
}
table#time-report .hours-dec {
  font-size: 0.9em;
}

#workflow_form .generic-table--results-container {
  position: relative;
}
#workflow_form .workflow-table.generic-table {
  margin-left: 30px;
  width: calc(100% - 30px);
}
#workflow_form .workflow-table.generic-table .workflow-table--current-status {
  font-weight: var(--base-text-weight-bold);
  text-transform: uppercase;
  font-size: 0.875rem;
}
#workflow_form .workflow-table.generic-table tbody span.workflow-table--turned-header {
  white-space: nowrap;
  transform: rotate(270deg);
  position: absolute;
  top: 235px;
  left: 0px;
  transform-origin: 0 0;
  text-transform: uppercase;
  font-weight: var(--base-text-weight-bold);
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
#workflow_form .workflow-table.generic-table thead th {
  padding: 0 6px;
}
#workflow_form .workflow-table.generic-table thead .workflow-table--header {
  text-align: right;
  display: flex;
}
#workflow_form .workflow-table.generic-table thead .workflow-table--header span {
  flex-basis: 50%;
}
#workflow_form .workflow-table.generic-table thead .workflow-table--check-all {
  font-size: 12px;
  font-style: italic;
  text-transform: none;
}
#workflow_form .workflow-table.generic-table thead .workflow-table--check-all a:hover {
  text-decoration: underline;
}
#workflow_form .workflow-table.generic-table .generic-table--sort-header-outer:hover {
  background: none;
}

tr div.expander {
  cursor: pointer;
  float: left;
  margin-top: 0.1rem;
}
tr.open span .expand, tr.closed span .collapse {
  display: none;
}
tr [class*=reorder] .icon-context:before, tr [class*=reorder] .widget-box--arrow-links li:before, .widget-box--arrow-links tr [class*=reorder] li:before {
  padding: 0 0 0 0;
}
tr.message {
  height: 2.6em;
}
tr.message td.created_on, tr.message td.last_message {
  white-space: nowrap;
}
tr.version td.closed {
  text-decoration: line-through;
}
tr.version td.closed a {
  text-decoration: line-through;
}
tr.version td.name {
  padding-left: 26px;
}
tr.version td.name.icon-link:before {
  padding-right: 5px;
  margin-left: -23px;
}
tr.version td.date, tr.version td.status, tr.version td.sharing {
  white-space: nowrap;
}
tr.user.locked, tr.user.registered, tr.user.locked a, tr.user.registered a {
  color: var(--fgColor-muted);
}

td.hours {
  font-weight: var(--base-text-weight-bold);
}
td.hours .hours-dec {
  font-size: 0.9em;
}
td .date .spot-drop-modal {
  display: block;
}

th.hidden {
  display: none;
}

tr.context-menu-selection,
tr.-checked {
  background-color: var(--selection-bgColor) !important;
}
tr.context-menu-selection[class*=__hl_background],
tr.-checked[class*=__hl_background] {
  outline: var(--table-row-highlighting-outline-color) solid 2px;
}
tr.context-menu-selection td,
tr.-checked td {
  border-top: 1px solid var(--selection-bgColor) !important;
  border-bottom: 1px solid var(--selection-bgColor) !important;
  color: var(--body-font-color) !important;
}
tr.context-menu-selection td a,
tr.-checked td a {
  color: var(--body-font-color) !important;
}

#custom-options-table .custom-option-value {
  display: inline-block;
  width: calc(100% - 5rem);
}
#custom-options-table .icon-drag-handle:before {
  vertical-align: middle;
}

body.action-report .generic-table--container {
  height: auto;
}

/***** Tabular forms *****/
label.no-css {
  font-weight: inherit;
  float: none;
  text-align: left;
  margin-left: 0;
  width: auto;
}

.type-form-conf-group,
#type-form-conf-inactive-group {
  border-radius: 2px;
  padding: 0px 3px 1px 3px;
  margin-bottom: 20px;
}
.type-form-conf-group .group-head,
#type-form-conf-inactive-group .group-head {
  color: var(--font-color-on-primary-dark);
  padding: 7px 4px 8px 0px;
  text-transform: uppercase;
}
.type-form-conf-group .group-head .group-handle,
#type-form-conf-inactive-group .group-head .group-handle {
  cursor: grab;
  color: var(--font-color-on-primary-dark);
  font-size: 12px;
}
.type-form-conf-group .group-head op-group-edit-in-place,
#type-form-conf-inactive-group .group-head op-group-edit-in-place {
  display: inline-block;
}
.type-form-conf-group .group-head .delete-group:before,
#type-form-conf-inactive-group .group-head .delete-group:before {
  vertical-align: bottom;
  color: var(--font-color-on-primary-dark);
}
.type-form-conf-group .attributes,
#type-form-conf-inactive-group .attributes {
  min-height: 29px;
}

.type-form-conf-group {
  background: var(--accent-color);
}
.type-form-conf-group .group-name {
  border-color: var(--accent-color);
  border-width: 1px;
  border-style: solid;
}
.type-form-conf-group .group-name:hover {
  cursor: text;
  border-color: var(--inplace-edit--border-color);
  background: white;
  color: #222222;
}
.type-form-conf-group .delete-group,
.type-form-conf-group .delete-attribute {
  cursor: pointer;
}
.type-form-conf-group.-error {
  background: var(--content-form-error-color);
}
.type-form-conf-group.-error .group-name {
  border-color: var(--content-form-error-color);
}
.type-form-conf-group.-error .group-handle,
.type-form-conf-group.-error .delete-group:before {
  color: var(--font-color-on-primary);
}

#type-form-conf-inactive-group {
  background: var(--fgColor-muted);
}
#type-form-conf-inactive-group .visibility-check,
#type-form-conf-inactive-group .delete-group,
#type-form-conf-inactive-group .delete-attribute {
  visibility: hidden;
}
#type-form-conf-inactive-group .group-head {
  display: block;
}
#type-form-conf-inactive-group .advice {
  text-transform: initial;
}

.type-form-conf-attribute {
  padding: 7px 7px 7px 0px;
  margin-bottom: 2px;
  background: var(--type-form-conf-attribute--background);
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.type-form-conf-attribute .attribute-handle {
  cursor: grab;
  color: var(--body-font-color);
  font-size: 12px;
}
.type-form-conf-attribute .delete-attribute:before {
  color: var(--body-font-color);
}

.attribute-cf-label {
  font-size: 0.8rem;
  padding-left: 2px;
  color: #4d4d4d;
}

#type-form-conf-group-template,
#type-form-conf-query-template {
  display: none;
}

.group-head,
.type-form-conf-attribute {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.group-head .icon-drag-handle,
.type-form-conf-attribute .icon-drag-handle {
  flex-basis: 15px;
}
.group-head .attribute-name,
.group-head .group-name,
.type-form-conf-attribute .attribute-name,
.type-form-conf-attribute .group-name {
  flex-basis: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

.type-form-query {
  padding: 10px;
  cursor: pointer;
  color: white;
}

h1 .op-principal, h2 .op-principal, h3 .op-principal, h4 .op-principal {
  vertical-align: middle;
  margin-right: 5px;
}

.user-link {
  display: inline-block;
}

.-spaced.avatar-medium, .-spaced.avatar-mini {
  margin-right: 5px;
}

.user-rate-history-list {
  margin-bottom: 25px;
}

#history {
  width: 700px;
  margin-top: 1em;
  margin-bottom: 0;
}
#history h3 {
  margin-bottom: 20px;
}

.journal {
  width: 700px;
  clear: left;
  position: relative;
  z-index: 11;
  top: -8px;
  padding-top: 8px;
  margin-bottom: 8px;
}
.journal .profile-wrap {
  float: left;
  position: relative;
  left: 0;
  top: 0;
  padding-left: 4px;
  padding-right: 4px;
}
.journal h4 {
  padding-right: 5px;
  font-size: 1rem;
  font-weight: normal;
  position: relative;
  z-index: 5;
  border: 0;
  margin-bottom: 0;
}
.journal h4 .history-id {
  float: right;
  color: #999;
}
.journal .wiki {
  padding: 0;
  overflow: visible;
  margin-left: 50px;
}
.journal .contextual a {
  float: left;
  display: block;
  margin-left: 5px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

ul.journal-attributes {
  list-style-type: disc;
  margin-bottom: 10px;
  margin-left: 75px;
}

.op-pagination {
  display: flex;
  justify-content: space-between;
  width: 100%;
  min-height: 45px;
}
.op-pagination--pages {
  flex-grow: 2;
  flex-shrink: 2;
  margin: 10px 5px 10px 0;
}
.op-pagination--options {
  flex-grow: 1;
  flex-shrink: 1;
  margin: 10px 0 0 5px;
}
.op-pagination--items {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0;
  font-size: 0.8125rem;
}
.op-pagination--items_start {
  justify-content: flex-start;
}
.op-pagination--items_end {
  justify-content: flex-end;
}
.op-pagination--item {
  min-width: 25px;
  margin: 0 5px 0 0;
  white-space: nowrap;
}
.op-pagination--item_prev, .op-pagination--item_next {
  min-width: 25px;
}
.op-pagination--item_current {
  background: var(--body-background);
  border: 1px solid var(--body-background);
  color: var(--body-font-color);
  padding: 3px 3px;
  font-style: italic;
  text-align: center;
}
.op-pagination--item-link {
  margin: 0;
  display: block;
  min-width: 25px;
  text-align: center;
  padding: 3px 3px;
  background: var(--button--background-color);
  border-radius: 2px;
  border: 1px solid var(--button-default-borderColor-rest);
  color: var(--body-font-color);
  font-weight: normal;
  cursor: pointer;
  text-decoration: none;
}
.op-pagination--item-link:hover {
  color: var(--body-font-color);
  text-decoration: none;
  background: var(--button--background-hover-color);
}
.op-pagination--space {
  background: var(--body-background);
  border: 1px solid var(--body-background);
  font-style: italic;
  padding: 3px 0;
  margin: 0 5px 0 0;
}
.op-pagination--label {
  flex: 1;
  padding: 3px 0;
  margin-right: 5px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
.op-pagination--range, .op-pagination--info {
  flex: 1;
  margin: 0 0 0 5px;
  padding: 3px 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
.op-pagination--info {
  flex-basis: auto;
}

.op-principal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.op-principal_flex {
  display: flex;
}
.op-principal--avatar {
  flex-grow: 0;
  flex-shrink: 0;
}
.op-principal--name {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  margin-left: 0.25rem;
}
.op-principal_wrapped .op-principal--name {
  white-space: normal;
}
.op-principal--multi-line {
  display: block;
  margin-bottom: 2px;
}
@media screen and (max-width: 543px) {
  .op-principal_hide-name-on-mobile .op-principal--name {
    display: none;
  }
}

/**
 * * Ensure you're exposing only mixins and sass stuff here
 * * as all CSS output will be duplicated in EVERY component
 * * importing these helpers!
 * */
.cdk-drag-preview {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  z-index: 10000 !important;
}

.op-principal-list {
  display: flex;
  align-items: center;
}
.op-principal-list--principals {
  display: flex;
  overflow: hidden;
}
.op-principal-list--principals .op-principal {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
.op-principal-list--principals .op-principal:first-child {
  flex-shrink: 0;
}
.op-principal-list--separator {
  margin-right: 0.5rem;
}
.op-principal-list--badge {
  flex: 0;
}

/***** Progress bar **** */
.progress-bar {
  display: inline-block;
  margin: 3px 6px -2px 0;
  height: 0.9em;
  border: 1px solid var(--borderColor-emphasis);
  border-radius: 3px;
  background: var(--body-background) none repeat scroll 0%;
}
.progress-bar .inner-progress {
  display: inline-block;
  float: left;
  height: 100%;
}
.progress-bar .inner-progress.done {
  background: var(--display-green-bgColor-muted) none repeat scroll 0%;
}
.progress-bar .inner-progress.closed {
  background: var(--display-green-bgColor-emphasis) none repeat scroll 0%;
}

.progress-bar-legend {
  font-size: 80%;
}

/***** Form error messages *** */
span.errorSpan {
  font-weight: var(--base-text-weight-bold);
  width: 100%;
}
span.errorSpan textarea, span.errorSpan textarea:hover, span.errorSpan textarea:focus, span.errorSpan select, span.errorSpan select:hover, span.errorSpan select:focus, span.errorSpan input, span.errorSpan input:hover, span.errorSpan input:focus {
  border: 2px solid var(--content-form-error-color);
}

/***** Ajax indicator ***** */
#ajax-indicator {
  position: absolute;
  /* fixed not supported by IE */
  background-color: #eee;
  border: 1px solid #bbb;
  top: 35%;
  left: 40%;
  width: 20%;
  font-weight: var(--base-text-weight-bold);
  text-align: center;
  padding: 0.6em;
  z-index: 100;
  opacity: 0.5;
}

html > body #ajax-indicator {
  position: fixed;
}

#ajax-indicator span, .ajax-indicator {
  background-position: 0% 40%;
  background-repeat: no-repeat;
  background-image: url('loading.c4bee3eed57621eb.gif');
}

.ajax_appended_information.loading .ajax-indicator {
  padding-left: 22px;
  display: block;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
}

/***** Ajax indicator ***** */
#ajax-indicator {
  position: absolute;
  /* fixed not supported by IE */
  background-color: #d9d9d9;
  border: 1px solid #8f8f8f;
  opacity: 0.7;
}

.tooltip--bottom:before, .tooltip--top:before, .tooltip--bottom:after, .tooltip--top:after {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip--bottom:after, .tooltip--top:after {
  width: auto;
}
.-multiline.tooltip--bottom:before, .-multiline.tooltip--top:before, .-multiline.tooltip--bottom:after, .-multiline.tooltip--top:after {
  transform: translateY(50%);
  margin-bottom: 0;
  filter: blur(10px);
}

.tooltip--left:before, .tooltip--right:before, .advanced-filters--tooltip-trigger[data-tooltip]:before, .tooltip--left:after, .tooltip--right:after, .advanced-filters--tooltip-trigger[data-tooltip]:after {
  bottom: 50%;
}
.tooltip--left:before, .tooltip--right:before, .advanced-filters--tooltip-trigger[data-tooltip]:before {
  margin-bottom: -5px;
}
.tooltip--left:after, .tooltip--right:after, .advanced-filters--tooltip-trigger[data-tooltip]:after {
  margin-bottom: -14.6666666667px;
}
.-multiline.tooltip--left:before, .-multiline.tooltip--right:before, .-multiline.advanced-filters--tooltip-trigger[data-tooltip]:before, .-multiline.tooltip--left:after, .-multiline.tooltip--right:after, .-multiline.advanced-filters--tooltip-trigger[data-tooltip]:after {
  transform: translateY(50%);
  margin-bottom: 0;
}

[data-tooltip]:before, [data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 99999;
  box-sizing: content-box;
  transform: translate3d(0, 0, 0);
}

[data-tooltip]:before {
  content: "";
  border: 6px solid transparent;
}

[data-tooltip]:after {
  height: 22px;
  padding: 11px 11px 0 11px;
  font-size: 13px;
  line-height: 11px;
  white-space: nowrap;
  content: attr(data-tooltip);
  border: none;
}

[data-tooltip]:hover::before, [data-tooltip]:hover::after, [data-tooltip]:focus::before, [data-tooltip]:focus::after {
  opacity: 1;
  visibility: visible;
}

[data-tooltip] {
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  padding-right: 5px;
}
[data-tooltip].tooltip--top:before {
  border-top-color: #e3f5ff;
}
[data-tooltip].tooltip--top:after {
  background-color: #e3f5ff;
  color: var(--tooltip--font-color);
}
[data-tooltip].tooltip--right:before, [data-tooltip].advanced-filters--tooltip-trigger:before {
  border-right-color: #e3f5ff;
}
[data-tooltip].tooltip--right:after, [data-tooltip].advanced-filters--tooltip-trigger:after {
  background-color: #e3f5ff;
  color: var(--tooltip--font-color);
}
[data-tooltip].tooltip--bottom:before {
  border-bottom-color: #e3f5ff;
}
[data-tooltip].tooltip--bottom:after {
  background-color: #e3f5ff;
  color: var(--tooltip--font-color);
}
[data-tooltip].tooltip--left:before {
  border-left-color: #e3f5ff;
}
[data-tooltip].tooltip--left:after {
  background-color: #e3f5ff;
  color: var(--tooltip--font-color);
}
[data-tooltip]:hover, [data-tooltip]:focus {
  background-color: transparent;
}
[data-tooltip].-multiline:after {
  height: auto;
  width: 150px;
  padding: 11px;
  line-height: 19px;
  white-space: normal;
  text-align: left;
}

.tooltip--right:before, .advanced-filters--tooltip-trigger[data-tooltip]:before, .tooltip--right:after, .advanced-filters--tooltip-trigger[data-tooltip]:after {
  left: 100%;
}
.tooltip--right:before, .advanced-filters--tooltip-trigger[data-tooltip]:before {
  margin-left: -2px;
}
.tooltip--right:after, .advanced-filters--tooltip-trigger[data-tooltip]:after {
  margin-left: 10px;
}

.tooltip--left:before, .tooltip--left:after {
  right: 100%;
}
.tooltip--left:before {
  margin-right: -2px;
}
.tooltip--left:after {
  margin-right: 10px;
}

.tooltip--top:before, .tooltip--top:after {
  bottom: 100%;
}
.tooltip--top:before {
  margin-bottom: -5px;
}
.tooltip--top:after {
  margin-bottom: 7px;
}
.tooltip--top:hover:before, .tooltip--top:hover:after {
  transform: translate(-50%, 0px);
}

.tooltip--bottom:before, .tooltip--bottom:after {
  top: 100%;
}
.tooltip--bottom:before {
  margin-top: -5px;
}
.tooltip--bottom:after {
  margin-top: 7px;
}
.tooltip--bottom:hover:before, .tooltip--bottom:hover:after {
  transform: translate(-50%, 0);
}

table .tooltip {
  position: relative;
  z-index: 24;
}
table .tooltip.hover, table .tooltip:hover {
  z-index: 25;
  color: #000;
}
table .tooltip span.tip {
  display: none;
  text-align: left;
}
table div.tooltip:hover span.tip, table div.tooltip.hover span.tip {
  display: block;
  position: absolute;
  top: 12px;
  left: 24px;
  width: 270px;
  border: 1px solid #555;
  background-color: #fff;
  padding: 4px;
  font-size: 0.8em;
  color: #505050;
}

.advanced-tooltip-content {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  position: fixed;
  border: 1px solid #a7cbe1;
  border-radius: 3px;
  background: #e3f5ff;
  padding: 15px;
  font-style: italic;
  font-size: small;
  line-height: 18px;
  width: 305px;
  display: inline-block;
  margin-left: 14px;
  z-index: 99;
}
.advanced-tooltip-content * {
  font-size: small;
}
.advanced-tooltip-content ul {
  margin: 1em;
  padding-left: 1.2em;
}
.advanced-tooltip-content:after {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: -14px;
  width: 0;
  height: 0;
  border-color: transparent #e3f5ff transparent transparent;
  border-style: solid;
  border-width: 7px;
}
.advanced-tooltip-content:before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: -16px;
  width: 0;
  height: 0;
  border-color: transparent #a7cbe1 transparent transparent;
  border-style: solid;
  border-width: 8px;
}

.op-scrollable-tabs {
  display: flex;
  border-bottom: 1px solid var(--borderColor-default);
  margin-bottom: 1.5rem;
}
.op-scrollable-tabs--tab-container {
  flex: 1;
  position: relative;
  overflow: hidden;
  box-sizing: content-box;
  height: 40px;
}
.op-scrollable-tabs--actions {
  margin: 0 0 0 10px;
  list-style: none;
  flex: 0;
  height: 40px;
  display: flex;
  align-items: center;
}
.op-scrollable-tabs--tab-container {
  position: relative;
  overflow: hidden;
}
.op-scrollable-tabs--button {
  display: block;
  width: 20px;
  position: absolute;
  top: 0px;
  line-height: 38px;
  background: var(--body-background);
  color: var(--light-gray);
  font-size: 0.7rem;
}
.op-scrollable-tabs--button_left {
  left: 0;
  box-shadow: 0px 0px 10px 10px var(--body-background);
  text-align: left;
}
.op-scrollable-tabs--button_right {
  right: 0;
  text-align: right;
  box-shadow: 0px 0px 10px 10px var(--body-background);
}
.op-scrollable-tabs--button:hover {
  color: var(--accent-color);
  cursor: pointer;
}

.op-tab-row {
  display: block;
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  font-weight: var(--base-text-weight-bold);
  text-transform: uppercase;
  overflow-x: auto;
  white-space: nowrap;
  height: 57px;
}
.op-tab-row::-webkit-scrollbar {
  width: 0;
  background: transparent;
}
.op-tab-row--tab {
  display: inline-block;
  line-height: 38px;
  margin: 0;
  padding: 0;
  text-align: center;
  cursor: pointer;
}
.op-tab-row--tab-icon {
  width: 5%;
}
.op-tab-row--tab-icon .icon-context:before, .op-tab-row--tab-icon .widget-box--arrow-links li:before, .widget-box--arrow-links .op-tab-row--tab-icon li:before {
  padding-top: 10px;
}
.op-tab-row--tab-icon:hover {
  border-bottom: 0;
}
.op-tab-row--link {
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
  color: var(--body-font-color);
  text-decoration: none;
  font-size: var(--generic-table--header-font-size);
}
.op-tab-row--link:hover {
  text-decoration: none;
  border-bottom: 2px solid;
  border-bottom-color: var(--light-gray);
}
.op-tab-row--link_selected, .op-tab-row--link_selected:hover {
  color: var(--accent-color);
  border-bottom: 2px solid;
  border-bottom-color: var(--accent-color);
}
.op-tab-row--link_disabled {
  cursor: default;
  pointer-events: none;
  border-bottom-width: 0;
  color: var(--fgColor-muted);
}

/***** Auto-complete **** */
div.autocomplete {
  position: absolute;
  width: 400px;
  margin: 0;
  padding: 0;
  z-index: 500;
}
div.autocomplete ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: -1px 0 0 0;
  padding: 2px;
  cursor: pointer;
  font-size: 90%;
  border: 1px solid var(--borderColor-default);
  border-left: 1px solid var(--borderColor-default);
  border-right: 1px solid var(--borderColor-default);
  background-color: white;
}
div.autocomplete ul li.selected {
  background-color: #ffb;
}
div.autocomplete ul li span.informal {
  font-size: 80%;
  color: #aaa;
}

#parent_issue_candidates ul li, #related_issue_candidates ul li {
  width: 500px;
}

.ng-select {
  width: 100%;
  font-size: var(--body-font-size);
}
.ng-select.-error .ng-select-container {
  border-color: var(--content-form-error-color);
}
.ng-select .ng-value-container {
  min-height: 2rem;
  width: calc(100% - 30px);
}
.ng-select .ng-value-container input {
  padding-left: 0px;
}
.ng-select .ng-select-container {
  border-radius: 2px;
  z-index: auto !important;
  height: 30px !important;
  min-height: 30px !important;
  border-color: var(--borderColor-default) !important;
}
.ng-select .ng-select-container .ng-value-container {
  overflow: visible !important;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  top: 1px !important;
  color: var(--fgColor-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
.ng-select .ng-select-container .ng-value-container input {
  height: 100%;
  padding: 0;
  box-sizing: border-box !important;
}
.ng-select .ng-value {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 22px;
}

.ng-select-container,
.ng-option:not(.ng-option-marked),
.ng-dropdown-panel,
.ng-dropdown-panel-items,
.ng-dropdown-footer {
  background-color: var(--body-background) !important;
  color: var(--body-font-color) !important;
  border-color: var(--borderColor-default) !important;
}

.ng-select-container {
  background-color: transparent !important;
}

.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: var(--fgColor-muted) transparent transparent;
}

.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  border-color: transparent transparent var(--fgColor-muted);
}

.ng-select .ng-clear-wrapper {
  color: var(--fgColor-muted);
}

.ng-select.ng-select-multiple .ng-select-container {
  height: initial !important;
  min-height: initial !important;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-label {
  display: initial !important;
}
.ng-select.ng-select-multiple .ng-select-container .ng-placeholder {
  max-width: calc(100% - 25px - 5px);
}

.ng-dropdown-panel {
  z-index: 9500 !important;
}
.ng-dropdown-panel .ng-footer-text {
  font-size: 0.9rem;
  padding: 5px;
  font-style: italic;
}

.ng-option-label {
  vertical-align: top;
}

.ng-option {
  line-height: 22px;
  font-size: var(--body-font-size);
}
.ng-option .op-avatar {
  margin-right: 8px;
}
.ng-option.ng-option-marked {
  background-color: var(--control-transparent-bgColor-hover) !important;
  border-color: var(--list-item-hover--border-color) !important;
  color: var(--list-item-hover--color) !important;
}

.ng-dropdown-footer {
  padding: 0 !important;
}

.ng-placeholder {
  line-height: 2rem;
}

.work-package-table--container .ng-dropdown-panel {
  z-index: auto !important;
}

.ng-select.ng-select--primerized .ng-select-container {
  border-radius: 6px;
  min-height: 32px !important;
}

.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  background-color: var(--selection-bgColor) !important;
  color: var(--fgColor-default) !important;
}

/***** Diff **** */
img.diff, div.diff, table.diff, blockquote.diff, address.diff, h1.diff, h2.diff, h3.diff, h4.diff, h5.diff, h6.diff, hr.diff, p.diff, pre.diff, table.diff, ul.diff, ol.diff {
  padding: 3px;
  margin: 3px;
}

del.diffmod, del.diffdel {
  background: #fcc;
}

ins.diffmod, ins.diffins {
  background: #cfc;
}

.text-diff {
  padding: 1em;
  background-color: #f6f6f6;
  color: #505050;
  border: 1px solid #e4e4e4;
  line-height: normal;
}

.projects-table--hierarchy-icon {
  display: none;
}
.projects-table--hierarchy-icon:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f117";
}
tr.idnt .projects-table--hierarchy-icon {
  display: initial;
}

#project-table tr.basics.-expanded .buttons .collapse {
  display: inline;
}
#project-table tr.basics.-expanded .buttons .expand {
  display: none;
}
#project-table tr.basics td.format-text {
  min-width: 160px;
  word-wrap: break-word;
}
#project-table tr.basics td.format-user {
  min-width: 120px;
}
#project-table tr.basics .buttons .collapse {
  display: none;
}
#project-table tr.basics .buttons .expand {
  display: inline;
}
#project-table tr.basics .archived {
  color: var(--fgColor-muted);
}
#project-table tr.basics .archived span.archived-label {
  text-transform: uppercase;
}
#project-table td.name {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
#project-table td.name a {
  white-space: nowrap;
}
#project-table td.project--hierarchy {
  white-space: nowrap;
}
#project-table tr.idnt-1 td.project--hierarchy {
  padding-left: calc(1 * 1.1em + 0.5em - 5px);
}
#project-table tr.idnt-1.project-description td.project--hierarchy {
  padding-left: calc(1 * 1.1em + 0.5em + 9px);
}
#project-table tr.idnt-2 td.project--hierarchy {
  padding-left: calc(2 * 1.1em + 0.5em - 5px);
}
#project-table tr.idnt-2.project-description td.project--hierarchy {
  padding-left: calc(2 * 1.1em + 0.5em + 9px);
}
#project-table tr.idnt-3 td.project--hierarchy {
  padding-left: calc(3 * 1.1em + 0.5em - 5px);
}
#project-table tr.idnt-3.project-description td.project--hierarchy {
  padding-left: calc(3 * 1.1em + 0.5em + 9px);
}
#project-table tr.idnt-4 td.project--hierarchy {
  padding-left: calc(4 * 1.1em + 0.5em - 5px);
}
#project-table tr.idnt-4.project-description td.project--hierarchy {
  padding-left: calc(4 * 1.1em + 0.5em + 9px);
}
#project-table tr.idnt-5 td.project--hierarchy {
  padding-left: calc(5 * 1.1em + 0.5em - 5px);
}
#project-table tr.idnt-5.project-description td.project--hierarchy {
  padding-left: calc(5 * 1.1em + 0.5em + 9px);
}
#project-table tr.idnt-6 td.project--hierarchy {
  padding-left: calc(6 * 1.1em + 0.5em - 5px);
}
#project-table tr.idnt-6.project-description td.project--hierarchy {
  padding-left: calc(6 * 1.1em + 0.5em + 9px);
}
#project-table tr.idnt-7 td.project--hierarchy {
  padding-left: calc(7 * 1.1em + 0.5em - 5px);
}
#project-table tr.idnt-7.project-description td.project--hierarchy {
  padding-left: calc(7 * 1.1em + 0.5em + 9px);
}
#project-table tr.idnt-8 td.project--hierarchy {
  padding-left: calc(8 * 1.1em + 0.5em - 5px);
}
#project-table tr.idnt-8.project-description td.project--hierarchy {
  padding-left: calc(8 * 1.1em + 0.5em + 9px);
}
#project-table tr.idnt-9 td.project--hierarchy {
  padding-left: calc(9 * 1.1em + 0.5em - 5px);
}
#project-table tr.idnt-9.project-description td.project--hierarchy {
  padding-left: calc(9 * 1.1em + 0.5em + 9px);
}

#project-table--hierarchy-header {
  max-width: 1rem;
}
#project-table--hierarchy-header .generic-table--sort-header {
  min-width: 1rem;
  max-width: 1rem;
}

#type_project_ids ul {
  margin: 0;
  padding-left: 1em;
}
#type_project_ids li {
  list-style-type: none;
}

body:not(.-browser-firefox) .project-list-page {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - var(--header-height) - 10px - 10px);
}
body:not(.-browser-firefox) .project-list-page--table {
  display: flex;
  flex-grow: 1;
  overflow: auto;
}
body:not(.-browser-firefox) .project-list-page .generic-table--results-container {
  overflow-x: hidden;
}

.op-project-list-modal {
  max-width: 100%;
}
.op-project-list-modal--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1rem 1rem 0 1rem;
}
.op-project-list-modal--title {
  padding: 0;
  margin: 0;
  font-family: var(--body-font-family);
  font-size: 1.25rem;
  font-weight: var(--base-text-weight-bold);
  font-style: normal;
  line-height: 1.75rem;
}
.op-project-list-modal--body {
  flex-shrink: 1;
  flex-basis: 100%;
  overflow: hidden;
}
@media screen and (min-width: 1000px) and (min-height: 500px) {
  .op-project-list-modal--body {
    width: 460px;
    max-height: 70vh;
  }
}
.op-project-list-modal--loading {
  padding: 1rem;
}
.op-project-list-modal--no-results {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: normal;
  font-style: italic;
  line-height: 1.25rem;
  margin: 1.5rem 1rem;
  color: var(--fgColor-muted);
  flex-grow: 1;
}

.flatpickr-current-month {
  display: flex !important;
}

.flatpickr-calendar .numInputWrapper {
  position: fixed;
  left: 65%;
}

.flatpickr-prev-month svg:hover, .flatpickr-next-month svg:hover {
  fill: var(--control-checked-color) !important;
}

.flatpickr-prev-month svg, .flatpickr-next-month svg {
  fill: var(--body-font-color) !important;
}

.flatpickr-day.flatpickr-disabled {
  background: var(--body-background);
  color: var(--fgColor-muted);
  pointer-events: none;
  cursor: not-allowed;
}
.flatpickr-day.flatpickr-disabled:hover {
  border-color: transparent;
}
.flatpickr-day.flatpickr-non-working-day {
  background: var(--bgColor-disabled);
  color: var(--fgColor-muted);
  border-radius: 0;
  pointer-events: none;
}
.flatpickr-day.flatpickr-non-working-day_enabled {
  background: var(--bgColor-disabled);
  color: var(--body-font-color);
  border-radius: 0;
  pointer-events: auto;
}

.flatpickr-calendar.inline {
  top: unset !important;
}

.flatpickr-calendar {
  background: var(--body-background) !important;
  box-shadow: none !important;
  font-family: var(--body-font-family);
  font-size: 0.75rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1rem;
}
.flatpickr-calendar .flatpickr-months {
  min-height: 45px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: var(--base-text-weight-bold);
  font-style: normal;
  line-height: 1.25rem;
  justify-content: center;
  align-items: center;
}
.flatpickr-calendar .flatpickr-months .numInputWrapper {
  position: relative;
  left: 0;
}
.flatpickr-calendar .flatpickr-month {
  color: var(--body-font-color) !important;
}
.flatpickr-calendar .flatpickr-weekwrapper {
  display: none;
}
.flatpickr-calendar .flatpickr-weekday {
  color: var(--body-font-color);
}
.flatpickr-calendar .flatpickr-day.prevMonthDay {
  height: 0;
  width: 0;
  visibility: hidden;
}
.flatpickr-calendar .flatpickr-day.nextMonthDay {
  display: none;
}
.flatpickr-calendar .flatpickr-weekdaycontainer:first-of-type,
.flatpickr-calendar .flatpickr-days .dayContainer:first-of-type {
  padding: 0 1rem 0 0.5rem;
}
.flatpickr-calendar .flatpickr-weekdaycontainer:last-of-type,
.flatpickr-calendar .flatpickr-days .dayContainer:last-of-type {
  padding: 0 0.5rem 0 1rem;
}
.flatpickr-calendar .flatpickr-weekdaycontainer:only-of-type,
.flatpickr-calendar .flatpickr-days .dayContainer:only-of-type {
  padding: 0;
}
.flatpickr-calendar .flatpickr-days .dayContainer {
  box-shadow: none;
  min-width: 283px;
  max-width: 283px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
}
@media screen and (max-width: 543px) {
  .flatpickr-calendar .flatpickr-days .dayContainer {
    min-width: 267px;
    max-width: 267px;
  }
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day {
  color: var(--body-font-color);
  background: var(--body-background);
  width: 100%;
  max-width: unset;
  height: 30px;
  line-height: 28px;
  margin: 0;
  border-radius: 0;
  box-shadow: none !important;
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:hover {
  border-color: var(--fgColor-muted);
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.flatpickr-non-working-day {
  background: var(--bgColor-disabled);
  color: var(--fgColor-muted);
  border-radius: 0;
  pointer-events: none;
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.flatpickr-non-working-day_enabled {
  background: var(--bgColor-disabled);
  color: var(--body-font-color);
  border-radius: 0;
  pointer-events: auto;
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.today:not(.selected, .inRange, .startRange, .endRange) {
  background: var(--label-yellow-bgColor-active);
  border-color: var(--label-yellow-bgColor-active);
  border-radius: 0;
  color: var(--fgColor-muted);
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.today:not(.selected, .inRange, .startRange, .endRange):hover {
  border-color: var(--fgColor-muted);
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.selected:not(.startRange, .endRange) {
  border-radius: 5px;
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.selected, .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.endRange {
  background: var(--control-checked-color);
  border-color: var(--control-checked-color);
  color: var(--fgColor-white);
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.selected:hover, .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.startRange:hover, .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.endRange:hover {
  background: var(--control-checked-color--major2);
  border-color: var(--control-checked-color--major2);
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.startRange {
  border-radius: 5px 0 0 5px;
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.endRange {
  border-radius: 0 5px 5px 0;
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.endRange.startRange {
  border-radius: 5px;
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.inRange {
  background: var(--control-checked-color--minor1);
  color: var(--control-checked-color);
  border-color: var(--control-checked-color--minor1);
  border-radius: 0;
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.inRange:hover {
  color: var(--control-checked-color--major2);
  border-color: var(--control-checked-color--major2);
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.inRange.flatpickr-non-working-day {
  background: var(--bgColor-disabled);
  border-color: var(--bgColor-disabled);
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.flatpickr-disabled {
  background: var(--body-background);
  color: var(--fgColor-muted);
  pointer-events: none;
  cursor: not-allowed;
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.flatpickr-disabled:hover {
  border-color: transparent;
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.flatpickr-disabled.flatpickr-non-working-day {
  background: var(--bgColor-disabled);
  color: var(--fgColor-muted);
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.flatpickr-disabled.flatpickr-non-working-day_enabled {
  background: var(--bgColor-disabled);
  color: var(--fgColor-muted);
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.flatpickr-disabled.flatpickr-non-working-day_enabled.inRange {
  color: var(--fgColor-muted);
  background: var(--bgColor-disabled);
  border-color: var(--bgColor-disabled);
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.flatpickr-disabled.selected, .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.flatpickr-disabled.startRange, .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.flatpickr-disabled.endRange {
  background: var(--bgColor-disabled);
  border-color: var(--bgColor-disabled);
  color: var(--bgColor-neutral-muted);
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.flatpickr-disabled.inRange {
  background: var(--bgColor-neutral-muted);
  border-color: var(--bgColor-neutral-muted);
  color: var(--fgColor-muted);
}
.flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.flatpickr-disabled.today {
  color: var(--fgColor-muted);
  background: var(--label-yellow-bgColor-active);
  border-color: var(--label-yellow-bgColor-active);
}

.flatpickr-calendar.flatpickr-container-suppress-hover .flatpickr-day.inRange, .flatpickr-calendar.flatpickr-container-suppress-hover .flatpickr-day.startRange:not(.selected), .flatpickr-calendar.flatpickr-container-suppress-hover .flatpickr-day.endRange:not(.selected) {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--body-font-color) !important;
}
.flatpickr-calendar.flatpickr-container-suppress-hover .flatpickr-day.flatpickr-non-working-day:not(.today, .selected) {
  background: var(--bgColor-disabled) !important;
  color: var(--fgColor-muted) !important;
}
.flatpickr-calendar.flatpickr-container-suppress-hover .flatpickr-day.flatpickr-non-working-day_enabled:not(.today, .selected) {
  background: var(--bgColor-disabled) !important;
  color: var(--body-font-color) !important;
}
.flatpickr-calendar.flatpickr-container-suppress-hover .flatpickr-day.flatpickr-non-working-day_enabled:not(.today, .selected).today {
  color: var(--body-font-color) !important;
}
.flatpickr-calendar.flatpickr-container-suppress-hover .flatpickr-day.flatpickr-non-working-day_enabled:not(.today, .selected).inRange, .flatpickr-calendar.flatpickr-container-suppress-hover .flatpickr-day.flatpickr-non-working-day_enabled:not(.today, .selected).startRange:not(.selected), .flatpickr-calendar.flatpickr-container-suppress-hover .flatpickr-day.flatpickr-non-working-day_enabled:not(.today, .selected).endRange:not(.selected) {
  color: var(--body-font-color) !important;
  background: var(--bgColor-disabled) !important;
  border-color: var(--bgColor-disabled) !important;
}

.flatpickr-calendar:not(.inline) {
  box-shadow: var(--shadow-resting-medium) !important;
  padding: 0.5rem !important;
  width: max-content !important;
}
.flatpickr-calendar:not(.inline) .flatpickr-months {
  display: flex;
  align-items: flex-start;
}
.flatpickr-calendar:not(.inline) .flatpickr-next-month, .flatpickr-calendar:not(.inline) .flatpickr-prev-month {
  position: static !important;
}

.op-focus-within:hover .op-focus-within--depending, .op-focus-within:focus .op-focus-within--depending, .op-focus-within.-focus .op-focus-within--depending {
  visibility: visible;
}
.op-focus-within--depending {
  visibility: hidden;
}
.op-focus-within.-visible {
  visibility: visible;
}

.attribute-help-text--modal .help-text--edit-button {
  margin-right: 0;
}
.attribute-help-text--modal .attribute-help-text--header-text {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}

.on-off-status {
  display: inline-block;
  font-weight: var(--base-text-weight-bold);
}
.on-off-status i {
  padding-right: 5px;
}
.on-off-status.-enabled {
  color: #41B478;
}
.on-off-status.-disabled {
  color: #CA3F3F;
}

.custom-actions {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
}
.custom-actions .custom-action {
  display: flex;
  justify-content: flex-end;
  flex: 0 1 auto;
  margin-bottom: 0.5rem;
  max-width: calc(100vw - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-actions .custom-action .button, .custom-actions .custom-action #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .custom-actions .custom-action .fc-button.fc-button-active {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-right: 10px;
}

wp-custom-actions-admin-date-action {
  display: flex;
}

.user-mention {
  color: var(--accent-color);
}
.user-mention:hover {
  text-decoration: underline;
}
.user-mention:before {
  content: "@";
  color: var(--fgColor-muted);
}

span.user-mention {
  cursor: default;
}

section.hide-section .form--field {
  flex-wrap: nowrap;
  padding: 0.5rem 0;
}
section.hide-section .form--field:hover {
  background-color: var(--control-transparent-bgColor-hover);
}
section.hide-section .form--field .form--field-container {
  flex-shrink: 1;
}
section.hide-section .form--selected-value--container:hover {
  background-color: var(--body-background);
}
section.hide-section .form--selected-value--container:last-of-type {
  margin-bottom: 0;
}
section.hide-section .form--input.-autocomplete {
  margin-top: 0.5rem;
}
section.hide-section hide-section-link {
  margin-left: 10px;
}

hide-section {
  display: none;
}
hide-section.-initialized {
  display: initial;
}

[hidden] {
  display: none !important;
}

.-hidden {
  display: none;
}

.hide {
  display: none !important;
}

span.search-highlight {
  background-color: #FCFD8D;
}
span.search-highlight.token-1 {
  background-color: #faa;
}
span.search-highlight.token-2 {
  background-color: #afa;
}
span.search-highlight.token-3 {
  background-color: #aaf;
}

#search-results {
  margin-left: 2em;
}
#search-results dd {
  padding-left: 30px;
  font-size: 0.9em;
}
#search-results dd span.description {
  display: block;
  color: #808080;
  font-style: italic;
}

div#search-results-counts {
  float: right;
}
div#search-results-counts ul {
  margin-top: 0.5em;
}
div#search-results-counts li {
  list-style-type: none;
  float: left;
  margin-left: 1em;
}

.search-pagination {
  text-align: center;
}
.search-pagination a {
  padding: 0 5px;
}

.top-menu-search--wrapper {
  float: left;
}

.security-badge--container {
  height: 28px;
}

.security-badge--help-icon {
  position: relative;
  top: -8px;
}

span.contextual-info {
  color: #555;
  padding-left: 0.25rem;
}
span.contextual-info.-small {
  font-size: 0.8rem;
}

.contextual {
  float: right;
  white-space: nowrap;
  line-height: 1.4em;
  padding-left: 10px;
}
.contextual input, .contextual select {
  font-size: 0.9em;
}

.message .contextual {
  margin-top: 0;
}

#watchers .contextual {
  margin-top: 0;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  font-size: 13.6px;
  border-width: 2px;
}

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-tooltip.ui-widget-content {
  border: 1px solid #c5c5c5;
  background: var(--body-background);
  opacity: 1;
}

.tooltip--map {
  margin-top: 1em;
  margin-bottom: 0;
  list-style: none;
  margin-left: 0;
  font-size: 13.6px;
}
.tooltip--map:first-child {
  margin-top: 0;
}

.tooltip--map--key {
  font-weight: var(--base-text-weight-bold);
}

body.widget-grid-layout #content {
  background-color: var(--grid-background-color);
}

.grid--container {
  display: grid;
}

.grid--area {
  position: relative;
  overflow: hidden;
  min-height: 30px;
  border-radius: 3px;
}
.grid--area.-drop-target.cdk-drop-list-dragging {
  border: none;
}
.grid--area.-widgeted {
  z-index: 10;
  background: var(--body-background);
  margin: 10px;
  border: 1px solid var(--borderColor-default);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  margin: 0;
}
.grid--area.-widgeted:hover {
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);
}
.grid--area.-widgeted .widget-box {
  min-height: 200px;
  padding: 20px 20px 20px 20px;
}
.grid--area.-widgeted:hover icon-triggered-context-menu {
  visibility: visible;
}
.grid--area.-resizing {
  border: 1px dashed var(--accent-color);
  pointer-events: none;
  z-index: 1000;
}
.grid--area.-resizing * {
  visibility: hidden;
}
.grid--area.-addable {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.grid--area.-placeholder {
  border: 1px dashed var(--accent-color);
  pointer-events: none;
  background: transparent;
  z-index: 30;
}
.grid--area.-placeholder * {
  visibility: hidden;
}
.grid--area.-dragged {
  display: none;
}
.grid--area.-passive {
  pointer-events: none;
}
.grid--area.-gap.-row {
  height: 20px;
  min-height: 20px;
}
.grid--area.-gap.-column {
  width: 20px;
}
.grid--area .op-widget-box--header {
  display: flex;
}
.grid--area icon-triggered-context-menu {
  visibility: hidden;
}
.grid--area.-drop-target, .grid--area.-passive {
  border-width: 1px;
  border-style: solid;
  border-color: var(--secondary-color);
  transition: border-color 0.5s ease;
  z-index: 20;
}
.grid--area.-resize-target {
  z-index: 1000;
}
.grid--area.-drop-only {
  display: none;
}

.grid--resizer {
  position: absolute;
  height: 20px;
  color: var(--fgColor-muted);
  cursor: nwse-resize;
  opacity: 0;
  right: 0;
  bottom: 0;
}
.grid--resizer i {
  padding: 0 3px 3px 0;
}
.grid--area.-widgeted:hover .grid--resizer {
  opacity: 1;
}

.grid--area-drag-handle {
  margin-left: -19px;
  padding-right: 1px;
  padding-top: 4px;
  margin-top: 5px;
  opacity: 0;
  cursor: grab;
  float: left;
}
.grid--area-drag-handle:before {
  padding: 0;
  color: var(--fgColor-muted);
}
.grid--area.-widgeted:hover .grid--area-drag-handle {
  opacity: 1;
}

.grid--area-content {
  height: 100%;
}
.grid--area-content ng-component, .grid--area-content widget-wp-graph {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.grid--area-content.cdk-drag-preview {
  overflow: hidden;
  background: white;
  padding: 20px 20px 20px 20px;
  background: var(--body-background);
  margin: 10px;
  border: 1px solid var(--borderColor-default);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin: 0;
}
.grid--area-content.cdk-drag-placeholder {
  visibility: hidden;
}

.grid--widget-content {
  height: 100%;
  overflow-x: auto;
  overflow-y: auto;
}
.grid--widget-content.-no-overflow {
  overflow-x: hidden;
  overflow-y: hidden;
  display: block;
}
.grid--widget-content.-allow-inner-overflow .wiki {
  overflow-y: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.grid--widget-content.-allow-inner-overflow .wiki::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.grid--widget-content.-allow-inner-overflow .wiki::-webkit-scrollbar-track {
  background: transparent;
}
.grid--widget-content.-allow-inner-overflow .wiki::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.grid--widget-content.-allow-inner-overflow .wiki:hover {
  scrollbar-color: #DDDDDD transparent;
}
.grid--widget-content.-allow-inner-overflow .wiki:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.grid--widget-content.-custom-text a.inplace-editing--trigger-link {
  color: inherit;
  text-decoration: none;
}
.grid--widget-content.-custom-text .op-ckeditor--wrapper {
  margin-bottom: 0;
}
.grid--widget-content.-custom-text .ck-editor__top {
  position: sticky;
  top: 0;
}
.grid--widget-content.-custom-text .inplace-edit--controls {
  position: initial;
}
.grid--widget-content.-custom-text .inplace-edit--controls i {
  float: initial;
  padding: 0;
}
.grid--widget-content.-custom-text edit-field-controls {
  display: flex;
  position: sticky;
  bottom: 0;
  justify-content: flex-end;
}
.grid--widget-content.-custom-text .textarea-wrapper {
  margin-bottom: 0;
}

.grid--widget-limited-text {
  max-height: 5rem;
  position: relative;
  overflow: hidden;
}
.grid--widget-limited-text:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to bottom, rgba(var(--body-background), 0) 60%, rgba(var(--body-background), 1));
}

.grid--widget-add {
  padding: 15px;
  background-color: var(--bgColor-neutral-emphasis);
  border-radius: 50%;
  opacity: 0;
}
.grid--widget-add:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f106";
}
.grid--widget-add.-gap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border-radius: initial;
}
.grid--widget-add.-gap:before {
  font-size: 0.75rem;
}
.grid--area.-addable:hover .grid--widget-add, .grid--area.-addable.-help-mode .grid--widget-add {
  opacity: 1;
  transition: opacity 1s ease;
}
.grid--area.-addable:hover .grid--widget-add {
  transition-delay: 0.3s;
}

.grid--widget-remove {
  float: right;
  margin-top: -10px;
  margin-right: -10px;
  cursor: pointer;
}
.grid--widget-remove:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1db";
  font-size: 0.75em;
}

.grid--addable-widget {
  min-width: 400px;
  padding: 20px 5px;
  cursor: pointer;
  background: none;
  transition: background 4s ease;
}
.grid--addable-widget:hover {
  background: var(--gray-light);
  transition: background 1s ease;
}
.grid--addable-widget:last-of-type {
  border-bottom: none;
}

.cdk-drag-preview {
  background: white;
  padding: 20px 20px 20px 20px;
  background: var(--body-background);
  margin: 10px;
  border: 1px solid var(--borderColor-default);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  margin-left: -20px 20px 20px 20px;
  margin-top: -20px 20px 20px 20px;
}

.grid--add-widget-ee .op-toast {
  position: sticky;
  bottom: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 543px) {
  .grid--container {
    grid-template-columns: auto !important;
    grid-template-rows: auto !important;
    grid-gap: 15px;
    padding: 15px 2px;
  }
  .grid--area.-widgeted {
    grid-column: 1/2 !important;
    grid-row: unset !important;
  }
}
.resizer {
  width: 0;
  height: 0;
  border-bottom: 20px solid var(--accent-color);
  border-left: 20px solid transparent;
  cursor: nwse-resize;
}

.controller-versions .-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
  grid-template-rows: repeat(auto-fit, minmax(250px, 1fr));
}
@media only screen and (max-width: 543px) {
  .controller-versions .-grid {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }
}

.ng-select.project-status {
  min-width: 200px;
  max-width: 250px;
}
.ng-select.project-status .ng-select-container {
  min-height: 56px !important;
  height: 56px !important;
}
.ng-select.project-status .ng-input {
  height: 44px;
  line-height: 44px;
}
.ng-select.project-status .ng-input input {
  font-weight: var(--base-text-weight-bold);
  text-transform: uppercase;
}
.ng-select.project-status .ng-clear-wrapper {
  margin-left: 11px;
}

.project-status--bulb {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border-width: 10px;
  border-style: solid;
  margin-right: 7px;
  vertical-align: middle;
}
.project-status--bulb.-not-set {
  border-color: var(--fgColor-subtle, var(--color-subtle-fg));
  background-color: RGBA(var(--fgColor-subtle, var(--color-subtle-fg)), 0.3);
}
.project-status--bulb.-off-track {
  border-color: var(--fgColor-danger, var(--color-danger-fg));
  background-color: RGBA(var(--fgColor-subtle, var(--color-subtle-fg)), 0.3);
}
.project-status--bulb.-at-risk {
  border-color: var(--fgColor-severe, var(--color-severe-fg));
  background-color: RGBA(var(--fgColor-subtle, var(--color-subtle-fg)), 0.3);
}
.project-status--bulb.-on-track {
  border-color: var(--fgColor-success, var(--color-success-fg));
  background-color: RGBA(var(--fgColor-subtle, var(--color-subtle-fg)), 0.3);
}
.project-status--bulb.-not-started {
  border-color: var(--fgColor-accent, var(--fgColor-accent));
  background-color: RGBA(var(--fgColor-subtle, var(--color-subtle-fg)), 0.3);
}
.project-status--bulb.-finished {
  border-color: var(--fgColor-done, var(--color-done-fg));
  background-color: RGBA(var(--fgColor-subtle, var(--color-subtle-fg)), 0.3);
}
.project-status--bulb.-discontinued {
  border-color: var(--fgColor-attention, var(--color-attention-fg));
  background-color: RGBA(var(--fgColor-subtle, var(--color-subtle-fg)), 0.3);
}
.project-status--bulb.-inline {
  height: 24px;
  width: 24px;
  border-width: 6px;
}

.project-status--container {
  display: inline-block;
}

.project-status--display-field {
  height: 56px;
}
.project-status--display-field .status.-editable {
  line-height: 50px;
  border-radius: 4px;
}
.project-status--display-field:hover {
  cursor: pointer;
}

.project-status--name {
  text-transform: uppercase;
  font-weight: var(--base-text-weight-bold);
}
.project-status--name.-not-set {
  color: var(--fgColor-subtle, var(--color-subtle-fg));
}
.project-status--name.-off-track {
  color: var(--fgColor-danger, var(--color-danger-fg));
}
.project-status--name.-at-risk {
  color: var(--fgColor-severe, var(--color-severe-fg));
}
.project-status--name.-on-track {
  color: var(--fgColor-success, var(--color-success-fg));
}
.project-status--name.-not-started {
  color: var(--fgColor-accent, var(--fgColor-accent));
}
.project-status--name.-finished {
  color: var(--fgColor-done, var(--color-done-fg));
}
.project-status--name.-discontinued {
  color: var(--fgColor-attention, var(--color-attention-fg));
}

.project-status--pulldown-icon {
  font-size: 10px;
  vertical-align: middle;
}
.project-status--pulldown-icon:before {
  color: lightgrey;
}

.project-status--explanation {
  margin-top: 9px;
}

.op-sidemenu--title {
  display: flex;
  justify-content: space-between;
  background: transparent;
  color: var(--main-menu-fieldset-header-color);
  border: 1px solid transparent;
  text-transform: uppercase;
  padding: 8px 12px 8px 24px;
  margin-top: 12px;
  font-size: 12px;
  cursor: pointer;
  width: 100%;
}
.op-sidemenu--title:hover {
  background: var(--main-menu-bg-hover-background);
  color: var(--main-menu-hover-font-color);
  border-color: var(--main-menu-hover-border-color);
}
.op-sidemenu--items {
  list-style: none;
}
.op-sidemenu--items_collapsed {
  display: none;
}
.op-sidemenu--item-action {
  display: flex;
  align-items: center;
  color: var(--main-menu-font-color);
  padding: 8px 12px 8px 32px;
}
.op-sidemenu--item-action:hover {
  background: var(--main-menu-bg-hover-background);
  color: var(--main-menu-hover-font-color);
}
.op-sidemenu--item-action_active {
  background: var(--main-menu-bg-selected-background);
  color: var(--main-menu-selected-font-color);
}
.op-sidemenu--item-action_active-child {
  background: var(--main-menu-bg-selected-background);
  color: var(--main-menu-selected-font-color);
}
.op-sidemenu--item-action_with_icon {
  padding-left: 12px;
}
.op-sidemenu--item-title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
  text-decoration: none;
}
.op-sidemenu--item-icon {
  font-size: 24px;
  margin-right: 8px;
}
.op-sidemenu--item-mark {
  margin-left: 8px;
}

.op-sidebar {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.op-sidebar--search {
  margin: 12px;
  color: var(--main-menu-font-color);
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.op-sidebar--search-input {
  color: var(--main-menu-font-color) !important;
  border-color: var(--borderColor-muted) !important;
}
.op-sidebar--body {
  flex-grow: 1;
  overflow: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.op-sidebar--body::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.op-sidebar--body::-webkit-scrollbar-track {
  background: transparent;
}
.op-sidebar--body::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.op-sidebar--body:hover {
  scrollbar-color: #DDDDDD transparent;
}
.op-sidebar--body:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.op-sidebar--body:only-child {
  padding-bottom: 10px;
}
.op-sidebar--footer {
  display: grid;
  text-align: center;
  padding: 1rem;
}
@supports (-webkit-touch-callout: none) {
  .op-sidebar--footer {
    padding: 1rem 1rem 5rem;
  }
}
.op-sidebar--footer .button .spot-icon, .op-sidebar--footer #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active .spot-icon, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .op-sidebar--footer .fc-button.fc-button-active .spot-icon {
  margin-right: 0.5rem;
}

.op-activity-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}
.op-activity-list--item {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
  color: rgb(51, 51, 51);
}
.op-activity-list--item-title {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: bold;
  font-style: normal;
  line-height: 1.25rem;
  color: var(--body-font-color);
}
.op-activity-list--item-subtitle {
  font-family: var(--body-font-family);
  font-size: 0.75rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1rem;
  color: var(--fgColor-muted);
  margin-bottom: 0.5rem;
}
.op-activity-list--item-description {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25rem;
  color: rgb(85, 85, 85);
}
.op-activity-list--item-details {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25rem;
  list-style-type: disc;
  padding: 0.5rem;
  padding-left: 2rem;
  margin: 0;
  color: var(--fgColor-muted);
}
.op-activity-list--item-detail:not(:last-child) {
  margin-bottom: 0.25rem;
}

.op-activity-days {
  display: flex;
  flex-direction: column;
  margin: 0;
}

.menu-blocks--container {
  display: grid;
  grid-template: repeat(auto-fit, 200px)/repeat(auto-fit, 200px);
  grid-auto-rows: 200px;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
.menu-blocks--container .menu-block {
  border-radius: 3px;
  display: grid;
  grid-template: 80px 1fr/1fr;
  grid-row-gap: 1rem;
  padding: 1rem;
  justify-items: center;
  text-align: center;
  background: rgba(204, 204, 204, 0.1882352941);
  border: 1px solid var(--borderColor-default);
}
.menu-blocks--container .menu-block:hover {
  outline: 1px solid grey;
  text-decoration: none;
}
.menu-blocks--container .menu-block--icon {
  font-size: 50px;
  align-self: end;
}
.menu-blocks--container .menu-block--icon:before {
  padding-left: 10px;
}

@media screen and (max-width: 543px) {
  .menu-blocks--container {
    grid-template: unset;
    grid-gap: 15px;
  }
}
.op-ckeditor-element {
  min-height: 50px;
}
.op-ckeditor-element.ck-editor__editable_inline {
  padding-left: 2px !important;
}

ckeditor-augmented-textarea .op-ckeditor--wrapper {
  margin-bottom: 2rem;
}

.ck-content,
.ck-editor__preview {
  border: 1px solid var(--ck-color-base-border);
  min-height: 100px;
  padding: 10px;
}

.ck-content pre {
  margin: 10px 0;
}
.ck-content pre code {
  display: block;
}
.ck-content figure.table,
.ck-content figure.image {
  margin: 1em 0;
}
.ck-content figure.table td[style*=";width:"],
.ck-content figure.table td[style^="width:"],
.ck-content figure.table th[style*=";width:"],
.ck-content figure.table th[style^="width:"] {
  word-break: break-all;
}

.ck .ck-widget.op-ckeditor--code-block {
  white-space: pre-wrap;
  padding: 10px 5px 0 5px;
  border: 1px dashed #eee;
  background: #f1f1f1;
  cursor: pointer;
}
.ck .ck-widget.op-ckeditor--code-block .op-ckeditor--code-block-language {
  text-align: right;
  font-style: italic;
  font-size: 0.8rem;
  padding: 5px 0;
}

.op-macro-list-button > .ck.ck-button {
  text-align: left;
}

.ckeditor-type-balloon {
  margin-left: 25px;
}

.ck.ck-block-toolbar-button {
  transform: translateX(-15px);
  z-index: 1000 !important;
}

.ck.ck-sticky-panel__placeholder {
  height: 0 !important;
}

.ck.ck-sticky-panel__content {
  position: unset !important;
}

.ck-list__item .mention-list-item {
  display: block;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}

.document-editor {
  /* This element is a flex container for easier rendering. */
  display: flex;
  flex-flow: column nowrap;
}
.document-editor .document-editor__toolbar {
  position: sticky;
  top: 0px;
  z-index: 2;
}
dialog .document-editor .document-editor__toolbar {
  position: initial;
  z-index: auto;
}
.document-editor .ck.ck-toolbar.ck-rounded-corners {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.document-editor .document-editor__editable-container {
  border: 1px solid var(--ck-color-base-border);
  border-top: none;
  border-radius: var(--ck-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.-large-height .document-editor .document-editor__editable-container .document-editor__editable {
  min-height: 250px;
}

.ck-editor__editable[dir=rtl] ol, .ck-editor__editable[dir=rtl] ul {
  margin-left: 0;
  margin-right: 40px;
}

.ck tr .ck-editor__nested-editable {
  border: 1px solid var(--ck-color-base-border);
}

.legacy-macro {
  background: var(--bgColor-attention-muted);
  border: 2px dashed var(--borderColor-attention-muted);
  padding: 10px 5px;
  line-height: 3rem;
}

.macro-unavailable {
  background: var(--bgColor-danger-muted);
  border-style: dashed;
  border-width: 0.0625rem;
  border-color: var(--content-form-danger-zone-bg-color);
  padding: 0.625rem 2.1875rem 0.625rem 2.1875rem;
  box-shadow: 0.0625rem 0.125rem 0.1875rem rgba(0, 0, 0, 0.2);
  display: inline-block;
}

.highlight .cm {
  color: #999988;
  font-style: italic;
}

.highlight .cp {
  color: #999999;
  font-weight: var(--base-text-weight-bold);
}

.highlight .c1 {
  color: #999988;
  font-style: italic;
}

.highlight .cs {
  color: #999999;
  font-weight: var(--base-text-weight-bold);
  font-style: italic;
}

.highlight .c, .highlight .cd {
  color: #999988;
  font-style: italic;
}

.highlight .err {
  color: #a61717;
  background-color: #e3d2d2;
}

.highlight .gd {
  color: #000000;
  background-color: #ffdddd;
}

.highlight .ge {
  color: #000000;
  font-style: italic;
}

.highlight .gr {
  color: #aa0000;
}

.highlight .gh {
  color: #999999;
}

.highlight .gi {
  color: #000000;
  background-color: #ddffdd;
}

.highlight .go {
  color: #888888;
}

.highlight .gp {
  color: #555555;
}

.highlight .gs {
  font-weight: var(--base-text-weight-bold);
}

.highlight .gu {
  color: #aaaaaa;
}

.highlight .gt {
  color: #aa0000;
}

.highlight .kc {
  color: #000000;
  font-weight: var(--base-text-weight-bold);
}

.highlight .kd {
  color: #000000;
  font-weight: var(--base-text-weight-bold);
}

.highlight .kn {
  color: #000000;
  font-weight: var(--base-text-weight-bold);
}

.highlight .kp {
  color: #000000;
  font-weight: var(--base-text-weight-bold);
}

.highlight .kr {
  color: #000000;
  font-weight: var(--base-text-weight-bold);
}

.highlight .kt {
  color: #445588;
  font-weight: var(--base-text-weight-bold);
}

.highlight .k, .highlight .kv {
  color: #000000;
  font-weight: var(--base-text-weight-bold);
}

.highlight .mf {
  color: #009999;
}

.highlight .mh {
  color: #009999;
}

.highlight .il {
  color: #009999;
}

.highlight .mi {
  color: #009999;
}

.highlight .mo {
  color: #009999;
}

.highlight .m, .highlight .mb, .highlight .mx {
  color: #009999;
}

.highlight .sb {
  color: #d14;
}

.highlight .sc {
  color: #d14;
}

.highlight .sd {
  color: #d14;
}

.highlight .s2 {
  color: #d14;
}

.highlight .se {
  color: #d14;
}

.highlight .sh {
  color: #d14;
}

.highlight .si {
  color: #d14;
}

.highlight .sx {
  color: #d14;
}

.highlight .sr {
  color: #009926;
}

.highlight .s1 {
  color: #d14;
}

.highlight .ss {
  color: #990073;
}

.highlight .s {
  color: #d14;
}

.highlight .na {
  color: #008080;
}

.highlight .bp {
  color: #999999;
}

.highlight .nb {
  color: #0086B3;
}

.highlight .nc {
  color: #445588;
  font-weight: var(--base-text-weight-bold);
}

.highlight .no {
  color: #008080;
}

.highlight .nd {
  color: #3c5d5d;
  font-weight: var(--base-text-weight-bold);
}

.highlight .ni {
  color: #800080;
}

.highlight .ne {
  color: #990000;
  font-weight: var(--base-text-weight-bold);
}

.highlight .nf {
  color: #990000;
  font-weight: var(--base-text-weight-bold);
}

.highlight .nl {
  color: #990000;
  font-weight: var(--base-text-weight-bold);
}

.highlight .nn {
  color: #555555;
}

.highlight .nt {
  color: #000080;
}

.highlight .vc {
  color: #008080;
}

.highlight .vg {
  color: #008080;
}

.highlight .vi {
  color: #008080;
}

.highlight .nv {
  color: #008080;
}

.highlight .ow {
  color: #000000;
  font-weight: var(--base-text-weight-bold);
}

.highlight .o {
  color: #000000;
  font-weight: var(--base-text-weight-bold);
}

.highlight .w {
  color: #bbbbbb;
}

.CodeMirror {
  border: 1px solid #ddd;
  color: var(--codeMirror-fgColor) !important;
  background-color: var(--codeMirror-bgColor) !important;
}

.CodeMirror-gutters {
  background-color: var(--codeMirror-gutters-bgColor) !important;
}

.CodeMirror-code {
  pointer-events: none;
}

/**
 * * Ensure you're exposing only mixins and sass stuff here
 * * as all CSS output will be duplicated in EVERY component
 * * importing these helpers!
 * */
.cdk-drag-preview {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  z-index: 10000 !important;
}

/* -- copyright */
.op-app-header #nav-login-content,
#content,
.login-auth-providers a.auth-provider {
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position-x: 8px;
  background-position-y: center;
  background-color: var(--body-background);
}

.login-auth-providers a.auth-provider {
  padding: 9px 12px 9px 12px;
}
.login-auth-providers a.auth-provider.auth-provider--imaged {
  padding-left: 2rem;
}
.login-auth-providers a.auth-provider.auth-provider-google, .login-auth-providers a.auth-provider.auth-provider-azure, .login-auth-providers a.auth-provider.auth-provider-heroku {
  padding-left: 34px;
}

.avatars--current-gravatar,
.avatars--current-local-avatar {
  display: inline-block;
  padding: 10px;
  border: 1px solid #aaa;
}
.avatars--current-gravatar img,
.avatars--current-local-avatar img {
  width: 64px;
  height: 64px;
}

.avatars--local-avatar-preview {
  width: 128px;
  height: 128px;
  border-radius: 50%;
}

.avatars--current-gravatar {
  margin-bottom: 20px;
}

.avatars--error-pane {
  color: var(--content-form-error-color);
  font-weight: var(--base-text-weight-bold);
}

.bcf--issues {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.bcf--issues > div {
  flex: 0 0 250px;
  margin: 10px;
  padding: 10px;
}
.bcf--issues > div.-failed {
  border: 1px solid var(--borderColor-default);
}
.bcf--issues img {
  width: 100%;
}

.bcf--import-listing {
  margin-bottom: 50px;
}

table.attributes-table td, table.attributes-table th {
  padding: 5px;
  text-align: center;
}

@media only screen and (max-width: 543px) {
  .router--bim .work-packages--details {
    min-width: 0;
  }
}
@media only screen and (min-width: 680px) {
  .router--boards-full-view #content-body,
  .router--boards-full-view #content-header {
    padding-left: 0;
  }
  .router--boards-full-view #content-body .toolbar-container,
  .router--boards-full-view #content-header .toolbar-container {
    padding-left: 20px;
  }
  .router--boards-full-view #content-body .work-packages--filters-optional-container,
  .router--boards-full-view #content-header .work-packages--filters-optional-container {
    margin-left: 20px;
  }
}

/*-- copyright
 * * OpenProject Costs Plugin
 * *
 * * Copyright (C) 2009 - 2015 the OpenProject Foundation (OPF)
 * *
 * * This program is free software; you can redistribute it and/or
 * * modify it under the terms of the GNU General Public License
 * * version 3.
 * *
 * * This program is distributed in the hope that it will be useful,
 * * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * * GNU General Public License for more details.
 * *
 * * You should have received a copy of the GNU General Public License
 * * along with this program; if not, write to the Free Software
 * * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 * *
 * */
.costs.costTypes .separator {
  margin-left: -0.2em;
}

table.list.members .form--text-field.-tiny, table.list.members .-tiny.advanced-filters--text-field[type=text],
table.list.members .-tiny.advanced-filters--date-field[type=text] {
  min-width: 60px;
}

.budget.details .attributes-key-value--value p {
  margin-bottom: 0;
}

.progress-bar .inner-progress.done {
  background-color: var(--display-red-bgColor-muted);
}

.budget-row-template,
.subform-row-template {
  display: none;
}

/*-- copyright
 * * OpenProject Costs Plugin
 * *
 * * Copyright (C) 2009 - 2015 the OpenProject Foundation (OPF)
 * *
 * * This program is free software; you can redistribute it and/or
 * * modify it under the terms of the GNU General Public License
 * * version 3.
 * *
 * * This program is distributed in the hope that it will be useful,
 * * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * * GNU General Public License for more details.
 * *
 * * You should have received a copy of the GNU General Public License
 * * along with this program; if not, write to the Free Software
 * * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 * *
 * */
dt.document:before {
  content: "\f1b9";
}

.sidebar--document-sort label:last-of-type {
  margin-bottom: 2rem;
}

.document-category--inner-section {
  padding-top: 20px;
}

.document-category-elements {
  display: inline;
}

.document-category-elements--header {
  margin-bottom: 0.25rem;
}

.document-category-elements--date {
  margin-bottom: 0.75rem;
}

.document-category-elements .wiki {
  margin-bottom: 2rem;
}

/*-- copyright
 * * OpenProject Costs Plugin
 * *
 * * Copyright (C) 2009 - 2015 the OpenProject Foundation (OPF)
 * *
 * * This program is free software; you can redistribute it and/or
 * * modify it under the terms of the GNU General Public License
 * * version 3.
 * *
 * * This program is distributed in the hope that it will be useful,
 * * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * * GNU General Public License for more details.
 * *
 * * You should have received a copy of the GNU General Public License
 * * along with this program; if not, write to the Free Software
 * * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 * *
 * */
.mobile-otp-qr-form {
  display: flex;
  margin: 2rem 0;
}
.mobile-otp-qr-form .qr-code-element {
  margin-right: 50px;
}

.mobile-otp-qr-manually {
  align-self: center;
}

.qr-code-element {
  padding: 5px;
}

.mobile-otp-new-devices {
  display: flex;
  flex-direction: row;
  width: 75%;
}
@media screen and (max-width: 543px) {
  .mobile-otp-new-devices {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
  }
}

.mobile-otp-new-device {
  border: 1px solid #f1f1f1;
  padding: 20px;
  margin-right: 10px;
  flex: 1 0 25%;
  display: flex;
  flex-direction: column;
}
.mobile-otp-new-device h2 {
  border-bottom: none;
}

.mobile-otp-new-device--body {
  flex: 1;
}

#resend_otp_container {
  margin-top: 30px;
}

#resend_otp_container .resend-header {
  font-size: 14px;
  font-weight: var(--base-text-weight-bold);
  margin-bottom: 10px;
}

.mobile-otp--two-factor-device-row td.buttons form:not(:last-child):after {
  content: ",";
  padding: 0 1px;
}

.mobile-otp--two-factor-device-row.-default .mobile-otp--device-text {
  font-weight: var(--base-text-weight-bold);
}

.two-factor-authentication--backup-codes {
  max-width: 500px;
  margin: 2rem 0;
  background: #f8f8f8;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
}
.two-factor-authentication--backup-codes ul {
  padding: 10px;
  margin: 0;
  column-count: 2;
  column-gap: 50px;
  list-style: none;
  font-family: monospace;
  font-size: 1.3rem;
  font-weight: var(--base-text-weight-bold);
}
.two-factor-authentication--backup-codes li {
  padding: 5px;
}

/*-- copyright
 * * OpenProject Costs Plugin
 * *
 * * Copyright (C) 2009 - 2015 the OpenProject Foundation (OPF)
 * *
 * * This program is free software; you can redistribute it and/or
 * * modify it under the terms of the GNU General Public License
 * * version 3.
 * *
 * * This program is distributed in the hope that it will be useful,
 * * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * * GNU General Public License for more details.
 * *
 * * You should have received a copy of the GNU General Public License
 * * along with this program; if not, write to the Free Software
 * * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 * *
 * */
.webhooks--delivery-success {
  color: #019875;
}

.webhooks--delivery-error {
  color: #c0392b;
}

.webhooks--response-body-modal {
  min-width: 25vw;
}
.webhooks--response-body-modal pre {
  background: #f1f1f1;
  padding: 5px;
}

/** copyright
OpenProject Meeting Plugin

Copyright (C) 2011-2014 the OpenProject Foundation (OPF)

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License version 3.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

See doc/COPYRIGHT.md for more details.

+*/
.meetings div.meeting {
  padding-bottom: 1em;
}

div.meeting_content {
  padding-bottom: 2em;
}

div.meetings_by_date {
  padding: 1em 0 1em 2em;
}

dl.meetings p, div#activity dl.meetings dd, div#activity dl.meetings dt {
  padding: 0;
}

dl.meetings {
  margin-bottom: 2em;
}

dd.meeting {
  margin-bottom: 2rem;
}

dl.meetings p {
  margin-bottom: 0.75em;
}

.meeting.details p {
  margin: 0;
}

.meeting.details .block--author {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.meeting.details .block--author .avatar ~ .author {
  margin-left: 10px;
}

div.tabular > div {
  margin: 0;
  padding: 5px 0 8px 0;
  padding-left: 180px; /*width of left column containing the label elements*/
  height: 1%;
  clear: left;
}

#meeting_agenda_preview fieldset {
  margin-top: 1em;
  background: url('draft.faabedc6ab889482.png');
}

#meeting_minutes_preview fieldset {
  margin-top: 1em;
  background: url('draft.faabedc6ab889482.png');
}

.tp-assignee {
  display: flex;
  max-width: 100%;
}
.tp-assignee--principal {
  max-width: 100%;
  min-width: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
.tp-assignee--remove {
  border-radius: 50%;
  margin: 0;
  padding: 0;
  padding-left: 0.5rem;
  flex-grow: 0;
  flex-shrink: 0;
  width: 0;
  border: 0;
  background: transparent;
  pointer-events: none;
  opacity: 0;
}
.tp-assignee--remove:focus, .tp-assignee:hover .tp-assignee--remove, .env-test .tp-assignee--remove {
  width: unset;
  cursor: pointer;
  opacity: 1;
  pointer-events: all;
}

.router--team-planner.router--work-packages-partitioned-split-view-details full-calendar.op-team-planner--calendar .fc-header-toolbar .fc-resourceTimelineWeek-button,
.router--team-planner.router--work-packages-partitioned-split-view-details full-calendar.op-team-planner--calendar .fc-header-toolbar .fc-resourceTimelineTwoWeeks-button,
.router--team-planner.router--work-packages-partitioned-split-view-details full-calendar.op-team-planner--calendar .fc-header-toolbar .fc-today-button, .router--team-planner.router--work-packages-partitioned-split-view-new full-calendar.op-team-planner--calendar .fc-header-toolbar .fc-resourceTimelineWeek-button,
.router--team-planner.router--work-packages-partitioned-split-view-new full-calendar.op-team-planner--calendar .fc-header-toolbar .fc-resourceTimelineTwoWeeks-button,
.router--team-planner.router--work-packages-partitioned-split-view-new full-calendar.op-team-planner--calendar .fc-header-toolbar .fc-today-button {
  display: none !important;
}

.op-team-planner {
  --fc-border-color: var(--borderColor-default);
}
.op-team-planner--calendar_empty .fc-scrollgrid-section-body,
.op-team-planner--calendar_empty .fc-scrollgrid-section-footer {
  display: none;
}
.op-team-planner .fc-header-toolbar {
  position: sticky;
  top: 0;
  z-index: 5;
  padding-left: 138px;
  padding-right: 8.5rem;
  padding-bottom: 1.5rem;
  margin: 0 !important;
}
.op-team-planner--view-select-dropdown {
  width: 8rem;
  display: flex;
  margin: 0;
}
.op-team-planner--view-select-dropdown .button--text {
  flex-grow: 1;
  text-align: left;
}
.op-team-planner--add-existing-toggle, .op-team-planner--view-select-dropdown {
  z-index: 6;
}
.op-team-planner .fc-scrollgrid {
  border-top: none !important;
}
.op-team-planner .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
  top: 58px !important;
  border-top: 1px solid var(--fc-border-color, #ddd);
}
.op-team-planner_with_left_side_pane .fc-header-toolbar {
  margin-left: -136px;
}
.op-team-planner .fc-event-dragging {
  opacity: 1 !important;
}
.op-team-planner .fc-event-dragging .op-wp-single-card--content-inline-date {
  visibility: hidden;
}
.op-team-planner .fc-event-draggable:hover {
  cursor: default;
}
.op-team-planner .op-team-planner--wp-loading-skeleton svg {
  height: 80px;
}
@media screen and (max-width: 543px) {
  .op-team-planner .fc-header-toolbar {
    padding-left: 0;
  }
  .op-team-planner .fc-today-button + .fc-button-group {
    display: none;
  }
  .op-team-planner .fc-toolbar-chunk:first-child {
    display: none;
  }
  .op-team-planner .fc-datagrid-cell-frame {
    justify-content: center !important;
  }
  .op-team-planner .fc-datagrid-cell-cushion {
    padding: 12px 12px !important;
  }
}

#op-team-planner--view-select-dropdown {
  min-width: 8rem;
}

.op-uc-h1,
.op-uc-h2,
.op-uc-h3,
.op-uc-h4,
.op-uc-h5,
.op-uc-h6 {
  --falloff: var(--op-uc-heading-falloff);
  color: inherit;
  line-height: 1.6em;
  text-transform: none;
  font-weight: var(--base-text-weight-bold);
  border-bottom: 0;
  margin: 0;
  padding: 0;
  break-before: auto;
  break-after: avoid;
  break-inside: avoid;
  overflow-wrap: anywhere;
  word-break: normal;
}
.op-uc-h1:hover .op-uc-link_permalink,
.op-uc-h2:hover .op-uc-link_permalink,
.op-uc-h3:hover .op-uc-link_permalink,
.op-uc-h4:hover .op-uc-link_permalink,
.op-uc-h5:hover .op-uc-link_permalink,
.op-uc-h6:hover .op-uc-link_permalink {
  display: inline-flex;
}

.op-uc-h1 {
  margin-bottom: 0.5rem;
  border-bottom: 1px solid var(--borderColor-default);
}
.op-uc-h1 .op-uc-container_reduced-headings {
  border-bottom: none;
  margin-bottom: 0;
}

.op-uc-h1 {
  font-size: var(--op-uc-heading-base);
}

.op-uc-h2 {
  font-size: calc(var(--op-uc-heading-base) * var(--falloff));
}

.op-uc-h3 {
  font-size: calc(var(--op-uc-heading-base) * var(--falloff) * var(--falloff));
}

.op-uc-h4 {
  font-size: calc(var(--op-uc-heading-base) * var(--falloff) * var(--falloff) * var(--falloff));
}

.op-uc-h5 {
  font-size: calc(var(--op-uc-heading-base) * var(--falloff) * var(--falloff) * var(--falloff) * var(--falloff));
}

.op-uc-p {
  font: inherit;
  margin: 0;
  line-height: 1.6em;
  color: inherit;
  overflow-wrap: anywhere;
  word-break: normal;
}

.op-uc-blockquote {
  display: block;
  margin: 0;
  border-left: 3px solid #e0e0e0;
  padding: 0.8rem 1.2rem 0 1.2rem;
  overflow: hidden;
  color: #6f6f6f;
  overflow-wrap: anywhere;
  word-break: normal;
}
.op-uc-blockquote > * + * {
  margin-top: 0.8rem;
}
.op-uc-blockquote > br {
  margin-top: 0;
}
.op-uc-blockquote > .op-uc-h1 + *,
.op-uc-blockquote > .op-uc-h2 + *,
.op-uc-blockquote > .op-uc-h3 + *,
.op-uc-blockquote > .op-uc-h4 + *,
.op-uc-blockquote > .op-uc-h5 + * {
  margin-top: 0;
}
.op-uc-blockquote .op-uc-figure_align-start, .op-uc-blockquote .op-uc-figure_align-end {
  margin-bottom: 1rem;
}

.op-uc-link {
  color: var(--accent-color);
  font-size: 1em;
}
.op-uc-link_permalink {
  display: none;
  text-decoration: none;
  align-items: center;
  color: #ccc;
  margin-left: 0.5em;
}
.op-uc-link_permalink::before {
  font-size: 1em;
}
.op-uc-link_permalink:hover {
  color: #aaa;
  text-decoration: none;
}

.op-uc-code-block {
  break-inside: avoid;
  display: block;
  margin: 0;
  padding: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  background-color: var(--bgColor-muted);
  color: var(--fgColor-muted);
  border: 1px solid var(--borderColor-default);
}
.op-uc-code-block > * {
  background-color: transparent;
  border: none;
}
.op-uc-container_editing .op-uc-code-block {
  overflow: visible;
  white-space: pre-wrap;
}

.op-uc-code-block--language {
  margin-top: 0.5rem;
  margin-bottom: -0.5rem;
  text-align: right;
  font-style: italic;
}

.op-uc-code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: var(--fgColor-muted);
  background-color: var(--bgColor-muted);
  border: 1px solid var(--borderColor-default);
  padding: 0.125em 0.3125em;
  break-inside: avoid;
}

.op-uc-figure {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  position: relative;
  break-inside: avoid;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.op-uc-figure::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.op-uc-figure::-webkit-scrollbar-track {
  background: transparent;
}
.op-uc-figure::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.op-uc-figure:hover {
  scrollbar-color: #DDDDDD transparent;
}
.op-uc-figure:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.op-uc-container_editing .op-uc-figure {
  max-height: unset;
}

@media print {
  .op-uc-figure {
    display: block;
    max-height: unset;
  }
}
.op-uc-figure_align-end {
  float: right;
  width: auto;
}
.op-uc-figure_align-start {
  float: left;
  width: auto;
}
.op-uc-figure--content {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: auto;
  max-height: 100%;
}
.op-uc-figure--description {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
  padding: 0.75rem;
  max-width: 100%;
  text-align: center;
}

.op-uc-image {
  max-width: 100%;
  max-height: 100%;
}
.op-uc-container .image .op-uc-image {
  margin: 0;
}

.op-uc-table {
  break-inside: avoid;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid var(--table-border-color);
}
.op-uc-table--row:not(:last-child) {
  border-bottom: 1px solid var(--table-border-color);
}
.op-uc-container:not(.op-uc-container_editing) .op-uc-table--row:hover {
  background: rgba(26, 103, 163, 0.05);
}

.op-uc-table--cell {
  text-align: left;
  min-width: 3em;
  padding: 0.75rem;
}
.op-uc-table--cell:not(:last-child):not([colspan]) {
  border-right: 1px solid var(--table-border-color);
}
.op-uc-table--cell > * + * {
  margin-top: 0.8rem;
}
.op-uc-table--cell > br {
  margin-top: 0;
}
.op-uc-table--cell > .op-uc-h1 + *,
.op-uc-table--cell > .op-uc-h2 + *,
.op-uc-table--cell > .op-uc-h3 + *,
.op-uc-table--cell > .op-uc-h4 + *,
.op-uc-table--cell > .op-uc-h5 + * {
  margin-top: 0;
}
.op-uc-table--cell .op-uc-figure_align-start, .op-uc-table--cell .op-uc-figure_align-end {
  margin-bottom: 1rem;
}
.op-uc-container_editing .op-uc-table--cell:hover {
  background: rgba(26, 103, 163, 0.05);
}

.op-uc-table--cell_head {
  background: rgb(242, 242, 242);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.op-uc-table--cell.ck-editor__editable_selected {
  background: rgba(26, 103, 163, 0.1);
}

.op-uc-list {
  page-break-inside: avoid;
  overflow-wrap: anywhere;
}
.op-uc-list_task-list {
  list-style: none;
}
.op-uc-list--task-checkbox {
  margin-left: -1.5rem;
}
.op-uc-container_editing .op-uc-list--item input[type=checkbox] {
  margin-top: -0.1rem;
}

ol.op-uc-list {
  list-style-type: decimal;
}
ol.op-uc-list_task-list {
  list-style: none;
}
ol.op-uc-list ol {
  list-style-type: lower-latin;
}
ol.op-uc-list ol.op-uc-list_task-list {
  list-style: none;
}
ol.op-uc-list ol ol {
  list-style-type: lower-roman;
}
ol.op-uc-list ol ol.op-uc-list_task-list {
  list-style: none;
}
ol.op-uc-list ol ol ol {
  list-style-type: upper-latin;
}
ol.op-uc-list ol ol ol.op-uc-list_task-list {
  list-style: none;
}
ol.op-uc-list ol ol ol ol {
  list-style-type: upper-roman;
}
ol.op-uc-list ol ol ol ol.op-uc-list_task-list {
  list-style: none;
}

ul.op-uc-list {
  list-style-type: disc;
}
ul.op-uc-list_task-list {
  list-style: none;
}
ul.op-uc-list ul {
  list-style-type: circle;
}
ul.op-uc-list ul.op-uc-list_task-list {
  list-style: none;
}
ul.op-uc-list ul ul,
ul.op-uc-list ul ul ul {
  list-style-type: square;
}
ul.op-uc-list ul ul.op-uc-list_task-list,
ul.op-uc-list ul ul ul.op-uc-list_task-list {
  list-style: none;
}

.op-uc-toc {
  break-inside: avoid;
  font-size: var(--wiki-default-font-size);
  background-color: var(--bgColor-muted);
  border: 1px solid var(--borderColor-default);
  float: right;
  margin: 1rem 0rem 1rem 2rem;
  padding: 1.5rem 1.5rem 1.5rem 0rem;
}
.op-uc-toc--list {
  padding-left: 1rem;
  margin: 0;
  list-style: none;
}
.op-uc-toc--list-item {
  padding: 0.1em 0;
}
.op-uc-toc--item-link {
  display: flex;
}
.op-uc-toc--list-item-number {
  margin-right: 0.3rem;
  color: var(--body-font-color);
}
.op-uc-toc--list-item-title {
  margin-right: 0.3rem;
}

.op-uc-embedded-table {
  clear: both;
  display: block;
}

.op-uc-placeholder {
  display: block;
  text-align: center;
  color: var(--fgColor-muted);
  padding: 1rem;
  background-color: var(--bgColor-muted);
  border: 1px solid var(--borderColor-default);
}

.op-uc-container {
  --op-uc-heading-base: 1.8rem;
  --op-uc-heading-falloff: 0.85;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  font-size: var(--wiki-default-font-size);
  z-index: 0;
  padding-bottom: 1rem;
  box-sizing: border-box;
}
.op-uc-container::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.op-uc-container::-webkit-scrollbar-track {
  background: transparent;
}
.op-uc-container::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.op-uc-container:hover {
  scrollbar-color: #DDDDDD transparent;
}
.op-uc-container:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.op-uc-container > * + * {
  margin-top: 0.8rem;
}
.op-uc-container > br {
  margin-top: 0;
}
.op-uc-container > .op-uc-h1 + *,
.op-uc-container > .op-uc-h2 + *,
.op-uc-container > .op-uc-h3 + *,
.op-uc-container > .op-uc-h4 + *,
.op-uc-container > .op-uc-h5 + * {
  margin-top: 0;
}
.op-uc-container .op-uc-figure_align-start, .op-uc-container .op-uc-figure_align-end {
  margin-bottom: 1rem;
}
.op-uc-container_reduced-headings {
  --op-uc-heading-base: 1.5rem;
  --op-uc-heading-falloff: 0.9;
}
.op-uc-container_no-permalinks *:hover .op-uc-link_permalink {
  display: none;
}

.ifc-models--conversion-status-error {
  font-style: italic;
}

.op-primer--star-icon,
.Button--invisible.Button--iconOnly.op-primer--star-icon svg {
  color: var(--button-star-iconColor) !important;
}

.Box > ul:not(.op-uc-list) {
  margin-left: 0;
}

.FormControl label {
  margin-bottom: 0;
}
.FormControl input {
  border-radius: 6px;
}

action-menu anchored-position ul {
  margin-left: 0;
}

ul.tabnav-tabs {
  margin-left: 0;
}

/* Remove margin-left: 2rem from Breadcrumbs */
#breadcrumb ol,
page-header ol {
  margin-left: 0;
}
#breadcrumb .breadcrumb-item.breadcrumb-item-selected a,
page-header .breadcrumb-item.breadcrumb-item-selected a {
  pointer-events: none;
}

.op-primer-adjustments__toggle-switch--hidden-loading-indicator .ToggleSwitch-statusIcon {
  display: none;
}

.Overlay-body_autocomplete_height {
  min-height: 300px;
}

@media screen and (max-width: 543px) {
  .FormControl-horizontalGroup--sm-vertical .FormControl-horizontalGroup {
    flex-direction: column;
    row-gap: 1rem;
  }
}

.op-app-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 1fr;
  grid-template-rows: auto;
  grid-template-areas: "start center end";
  background-color: var(--header-bg-color);
  height: var(--header-height);
  padding: 0;
  position: relative;
  z-index: 800;
  border-bottom-style: solid;
  border-bottom-width: var(--header-border-bottom-width);
  border-bottom-color: var(--header-border-bottom-color);
  width: 100vw;
  padding: 0 0.25rem;
}
@media screen and (max-width: 543px) {
  .op-app-header {
    grid-template-columns: minmax(0, auto) auto 1fr;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
}
.zen-mode .op-app-header {
  display: none;
}

.op-app-header--start, .op-app-header--center, .op-app-header--end {
  display: flex;
  height: var(--header-height);
}
.op-app-header--start {
  grid-area: start;
  justify-content: flex-start;
}
.op-app-header--center {
  grid-area: center;
  justify-content: center;
}
.op-app-header--end {
  grid-area: end;
  justify-content: flex-end;
}
.op-app-header--avatar {
  border: 1px solid var(--header-item-font-color);
}
@media screen and (max-width: 543px) {
  ._header-scrolled .op-app-header {
    margin-top: calc(0px - var(--header-height));
    transition: margin-top 0.4s;
  }
}
@media screen and (max-width: 543px) {
  .op-app-header_search-open {
    display: flex;
  }
  .op-app-header_search-open .op-app-header--start,
  .op-app-header_search-open .op-app-header--center {
    display: none;
  }
  .op-app-header_search-open .op-app-header--end {
    flex-grow: 1;
  }
  .op-app-header_search-open .op-app-search {
    flex-grow: 1;
  }
  .op-app-header_search-open .global-search {
    display: block;
  }
  .op-app-header_search-open .top-menu-search {
    margin: 0;
  }
  .op-app-header_search-open .top-menu-search--button {
    display: none;
    color: var(--header-item-font-color);
  }
}
@media screen and (max-width: 379px) {
  .op-app-header_search-open .op-app-menu {
    display: none;
  }
  .op-app-header_search-open .top-menu-search {
    padding-right: 1rem;
  }
}
.op-app-header.op-app-header_development {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='90' height='20'><text x='0' y='1em' fill='rgba(0, 0, 0, 0.5)'>development</text></svg>");
}

.op-logo {
  width: 230px;
  height: var(--header-height);
}
.op-logo--link {
  margin-top: 12px;
  width: 100%;
  display: block;
  height: 30px;
  background: no-repeat 20px 0;
  text-indent: -9999em;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 850px) {
  .op-logo {
    display: none;
  }
}

.op-app-menu {
  list-style: none;
  display: flex;
  margin: 0;
  height: 100%;
  min-width: 0px;
}
.op-app-menu--item {
  display: flex;
  position: relative;
  height: 100%;
  min-width: 0px;
}
.op-app-menu--item-dropdown-indicator {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.op-app-menu--item-title {
  min-width: 0;
  white-space: nowrap;
}
.op-app-menu--item-action {
  background: transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-top: 0;
  border-bottom: var(--header-border-bottom-width) solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--header-height);
  line-height: var(--header-height);
  zoom: 1;
  color: var(--header-item-font-color);
  font-size: var(--header-item-font-size);
  text-decoration: none;
  min-width: 0px;
  padding: 0 15px;
}
@media screen and (max-width: 543px) {
  .op-app-menu--item-action {
    padding: 0 8px;
  }
}
.op-app-menu--item_dropdown-open .op-app-menu--item-action, .op-app-menu--item-action:hover {
  text-decoration: none;
  background: var(--header-item-bg-hover-color);
  color: var(--header-item-font-hover-color);
  border-bottom: var(--header-border-bottom-width) solid var(--header-border-bottom-color) !important;
  border-left-color: var(--main-menu-hover-border-color);
  border-right-color: var(--main-menu-hover-border-color);
}
.op-app-menu--item-action:focus {
  color: var(--header-item-font-hover-color);
}
.op-app-menu--dropdown {
  position: absolute;
  top: 100%;
  left: auto;
  right: 0;
  border-radius: 0;
  box-shadow: var(--shadow-floating-small);
  overflow: visible;
  padding: 3px 0;
  margin: 0;
  min-width: 270px;
  padding: 6px 0;
  border-top: 0;
  background-color: var(--body-background);
  max-height: calc(100vh - var(--header-height));
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
}
.op-app-menu--dropdown_open {
  display: flex;
}
.op-app-menu_drop-left .op-app-menu--dropdown {
  left: 0;
  right: auto;
}

@media screen and (max-width: 543px) {
  .op-app-menu--dropdown {
    position: fixed;
    top: var(--header-height);
    left: 0;
    right: 0;
    width: 100vw;
  }
}

@media screen and (max-width: 543px) {
  .op-app-search {
    flex-grow: 0;
  }
}

.op-quick-add-menu {
  flex-shrink: 0;
}
.op-quick-add-menu--icon::before {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  padding: 1px 8px 0 8px;
  background: var(--button--primary-background-color);
  color: var(--button--primary-font-color);
}
.op-quick-add-menu--icon::before:hover, .op-quick-add-menu--icon::before:focus {
  background: var(--button--primary-background-hover-color);
  color: var(--button--primary-font-color);
}
.op-quick-add-menu:hover .op-quick-add-menu--icon::before {
  background: var(--button--primary-background-hover-color);
}

.op-main-menu-toggle {
  flex-shrink: 0;
}
.nosidebar .op-main-menu-toggle {
  display: none;
}

.op-menu {
  display: flex;
  flex-direction: column;
}
.op-menu--item {
  white-space: nowrap;
}
.op-menu--item-title {
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex;
  align-items: center;
}
.op-menu--item-action {
  display: block;
  height: 32px;
  line-height: 32px;
  text-decoration: none;
  padding: 0 13px 0 10px;
  font-weight: 400;
  color: var(--body-font-color);
  border: 1px solid transparent;
}
.op-menu--item-action .trailing-icon {
  margin-left: auto;
}
.op-menu--item-action:focus {
  background-color: var(--control-transparent-bgColor-hover);
  color: var(--body-font-color);
}
.op-menu--item-action:hover, .op-menu--item-action:active {
  background-color: var(--control-transparent-bgColor-hover);
  cursor: pointer;
  text-decoration: none;
  border-color: var(--list-item-hover--border-color);
  color: var(--list-item-hover--color);
}
.op-menu--item-action, .op-menu--headline {
  padding: 0 10px;
}
.op-menu--headline {
  font-size: 12px;
  color: var(--fgColor-muted);
  text-transform: uppercase;
}
.op-menu--separator {
  border-bottom: 1px solid var(--borderColor-default);
  margin: 0 0 10px;
  background: none;
}

.op-input {
  background: white;
  border: 1px solid var(--borderColor-default);
  border-radius: 2px;
  min-height: 2rem;
  display: flex;
  font-weight: normal;
}

.op-bubble {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  height: 16px;
  line-height: 16px;
  width: 16px;
  border-radius: 0.5rem;
  padding: 0 0.15rem 0 0.15rem;
  font-size: 0.7rem;
  font-weight: var(--base-text-weight-bold);
  background: #00A3FF;
  color: white;
  flex-shrink: 0;
}
.op-bubble_alt_highlighting {
  background: #878787;
}
.op-bubble_mini {
  width: 12px;
  height: 12px;
  padding: 0;
}

.op-form--submit {
  margin: 0;
  margin-bottom: 1.5rem;
  display: flex;
}
.op-form, .op-form--fieldset {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.op-form > *, .op-form--fieldset > * {
  max-width: 100%;
  width: 50rem;
}
.op-form--section-header:not(:last-child),
.op-form > .op-form--fieldset:not(:last-child),
.op-form > .op-form--field:not(:last-child),
.op-form > .spot-form-field:not(:last-child),
.op-form > .spot-selector-field:not(:last-child),
.op-form > .op-option-list:not(:last-child),
.op-form > .op-highlighted-input:not(:last-child),
.op-form > .button:not(:last-child),
#content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .op-form > .fc-button.fc-button-active:not(:last-child), .op-form--fieldset--section-header:not(:last-child),
.op-form--fieldset > .op-form--fieldset:not(:last-child),
.op-form--fieldset > .op-form--field:not(:last-child),
.op-form--fieldset > .spot-form-field:not(:last-child),
.op-form--fieldset > .spot-selector-field:not(:last-child),
.op-form--fieldset > .op-option-list:not(:last-child),
.op-form--fieldset > .op-highlighted-input:not(:last-child),
.op-form--fieldset > .button:not(:last-child),
#content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .op-form--fieldset > .fc-button.fc-button-active:not(:last-child) {
  margin-bottom: 1rem;
}
.op-form--fieldset, .op-form--section-header {
  width: 100%;
  margin-top: 1.5rem;
}
.op-form--fieldset:first-child, .op-form--section-header:first-child {
  margin-top: 0;
}
.op-form--section-header-title {
  margin-bottom: 0.25rem;
}
.op-form--field .spot-form-field {
  margin-bottom: 1rem;
}

.op-fieldset {
  padding: 1rem 0 0;
  margin-bottom: 1rem;
  border: 0;
  min-width: 0;
  word-break: break-word;
}
.op-fieldset_collapsible .op-fieldset--toggle::before {
  content: "\f11b";
  padding: 0.625rem 0.25rem 0;
}
.op-fieldset_collapsed .op-fieldset--toggle::before {
  content: "\f10b";
}
.op-fieldset_collapsed .op-fieldset--fields {
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
.op-fieldset--legend {
  width: 100%;
  font-size: var(--body-font-size);
  font-weight: var(--base-text-weight-bold);
  line-height: 1.8;
  text-transform: uppercase;
  border-bottom: 1px solid #dfdfdf;
}
.op-fieldset--toggle {
  text-align: left;
  width: 100%;
  border: 0;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  text-transform: inherit;
  background: transparent;
}
.op-fieldset--toggle::before {
  font-family: openproject-icon-font;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem;
}
.op-fieldset--fields {
  height: auto;
  visibility: visible;
  overflow: visible;
}

.op-highlighted-input {
  padding: 1rem 1rem 0.5rem 0.75rem;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--borderColor-neutral-muted);
  background: var(--bgColor-neutral-muted);
  border-radius: 4px;
}
.op-highlighted-input_active {
  border: 1px solid #90cdf4;
  background: #ebf8ff;
}
.op-highlighted-input .ng-select-container {
  background-color: var(--body-background) !important;
}

.op-option-list {
  display: flex;
  flex-direction: column;
}
.op-option-list--input[type] {
  margin: 0;
  margin-right: 0.5rem;
}
.op-option-list--item {
  padding: 1rem 1rem 0.5rem 0.75rem;
  display: flex;
  border: 1px solid #cbd5e0;
  background: #f7fafc;
  border-radius: 4px;
}
.op-option-list--item:not(:last-child) {
  margin-bottom: 0.5rem;
}
.op-option-list--item_selected {
  border: 1px solid #90cdf4;
  background: #ebf8ff;
}
.op-option-list--item_disabled {
  color: #959595;
}
.op-option-list--item-title, .op-option-list--item-description {
  margin: 0;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}
.op-option-list--item-title {
  font-weight: var(--base-text-weight-bold);
}
.op-option-list--item-description {
  font-weight: normal;
  font-size: 12px;
}

.op-table {
  border-collapse: collapse;
  width: 100%;
}
.op-table--cell {
  padding: 12px 16px;
  border: 1px solid var(--borderColor-default);
  text-align: center;
}
.op-table--cell_heading {
  background-color: #f3f3f3;
  font-weight: var(--base-text-weight-bold);
  text-align: left;
}
.op-table--cell_soft-heading {
  background-color: transparent;
  text-align: left;
  font-weight: normal;
}

.op-scrollable-table {
  max-width: 100%;
  overflow-x: scroll;
}
.op-scrollable-table .op-table {
  width: auto;
}

.op-export-options {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 20px 0;
  list-style-type: none;
}
.op-export-options--option {
  flex: 1 1 calc(33% - 40px);
  margin: 20px;
  text-align: center;
}
.op-export-options--option-link {
  cursor: pointer;
  text-decoration: none;
  color: var(--body-font-color);
  font-weight: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.op-export-options--option-link:hover, .op-export-options--option-link:active {
  text-decoration: none;
  color: var(--body-font-color);
}
.op-export-options--option-label {
  display: block;
  padding: 10px 0 0 0;
}
.op-export-options.op-export-options-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 480px) {
  .op-export-options.op-export-options-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 320px) {
  .op-export-options.op-export-options-grid {
    grid-template-columns: 1fr;
  }
}

.op-select-footer {
  display: block;
  margin: 0;
  padding: 0;
}
.op-select-footer--label {
  cursor: pointer;
  display: block;
  background: transparent;
  border: 0;
  padding: 8px 10px;
  line-height: 22px;
  color: var(--body-font-color);
  font-weight: var(--base-text-weight-bold);
  width: 100%;
  text-align: left;
}
.op-select-footer--label:hover {
  color: var(--list-item-hover--color);
  background-color: var(--control-transparent-bgColor-hover);
}

/* This block is currently only used as an `appendTo` option
 * * for ng-select instances that need an option dropdown list that
 * * is wider than the input field it is attached to.
 * *
 * * You can use this by adding `appendTo=".op-wide-autocomplete-wrapper"`
 * * to any ng-select instance that needs it.
 * *
 * * Normally, ng-select propagates classes to the dropdowns when `appendTo` is used (see:
 * * https://github.com/ng-select/ng-select/issues/1361#issuecomment-537837586 ).
 * * Unfortunately for us, this does not work when using `ngClass` (see:
 * * https://github.com/ng-select/ng-select/issues/1627 )
 * *
 * * So instead of simply adding a class to the dropdown,
 * * we have to add a specific class to the DOM-element it is attached to
 * *
 * * Note: This makes the panel wider to the right hand side,
 * * so it if the input is already at the very right end, the dropdown will propabyl be cut off.
 * */
.op-wide-autocomplete-wrapper {
  position: absolute;
}
.op-wide-autocomplete-wrapper .ng-dropdown-panel {
  min-width: 200px !important;
}

.op-search-highlight {
  color: rgb(26, 103, 163);
}

.spot-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
}
.spot-icon_1_25 {
  font-size: 1.25rem;
}
.spot-icon_1 {
  font-size: 1rem;
}
.spot-icon_inline {
  transform: translateY(0.25em);
}
.spot-icon::before {
  font-family: "openproject-spot-icon-font";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: inherit;
  text-transform: none;
  text-decoration: none;
  display: block;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.spot-icon_accessibility:before {
  content: "\f101";
}

.spot-icon_accountable:before {
  content: "\f102";
}

.spot-icon_activity-history:before {
  content: "\f103";
}

.spot-icon_add-attachment:before {
  content: "\f104";
}

.spot-icon_add-link:before {
  content: "\f105";
}

.spot-icon_add:before {
  content: "\f106";
}

.spot-icon_align-center:before {
  content: "\f107";
}

.spot-icon_align-justify:before {
  content: "\f108";
}

.spot-icon_align-left:before {
  content: "\f109";
}

.spot-icon_align-right:before {
  content: "\f10a";
}

.spot-icon_arrow-down1:before {
  content: "\f10b";
}

.spot-icon_arrow-down2:before {
  content: "\f10c";
}

.spot-icon_arrow-in:before {
  content: "\f10d";
}

.spot-icon_arrow-left-right:before {
  content: "\f10e";
}

.spot-icon_arrow-left1:before {
  content: "\f10f";
}

.spot-icon_arrow-left2:before {
  content: "\f110";
}

.spot-icon_arrow-left3:before {
  content: "\f111";
}

.spot-icon_arrow-left4:before {
  content: "\f112";
}

.spot-icon_arrow-out:before {
  content: "\f113";
}

.spot-icon_arrow-right2:before {
  content: "\f114";
}

.spot-icon_arrow-right3:before {
  content: "\f115";
}

.spot-icon_arrow-right4:before {
  content: "\f116";
}

.spot-icon_arrow-right5:before {
  content: "\f117";
}

.spot-icon_arrow-right6:before {
  content: "\f118";
}

.spot-icon_arrow-right7:before {
  content: "\f119";
}

.spot-icon_arrow-thin-left:before {
  content: "\f11a";
}

.spot-icon_arrow-thin:before {
  content: "\f11b";
}

.spot-icon_arrow-up1:before {
  content: "\f11c";
}

.spot-icon_arrow-up2:before {
  content: "\f11d";
}

.spot-icon_assigned-to-me:before {
  content: "\f11e";
}

.spot-icon_assigned:before {
  content: "\f11f";
}

.spot-icon_attachment:before {
  content: "\f120";
}

.spot-icon_attention:before {
  content: "\f121";
}

.spot-icon_back-up:before {
  content: "\f122";
}

.spot-icon_backlogs:before {
  content: "\f123";
}

.spot-icon_baseline-add:before {
  content: "\f124";
}

.spot-icon_baseline-delete:before {
  content: "\f125";
}

.spot-icon_baseline:before {
  content: "\f126";
}

.spot-icon_bcf:before {
  content: "\f127";
}

.spot-icon_bell:before {
  content: "\f128";
}

.spot-icon_billing-information:before {
  content: "\f129";
}

.spot-icon_blocked:before {
  content: "\f12a";
}

.spot-icon_boards:before {
  content: "\f12b";
}

.spot-icon_bold:before {
  content: "\f12c";
}

.spot-icon_bookmark-filled:before {
  content: "\f12d";
}

.spot-icon_bookmark:before {
  content: "\f12e";
}

.spot-icon_budget:before {
  content: "\f12f";
}

.spot-icon_bug:before {
  content: "\f130";
}

.spot-icon_calendar:before {
  content: "\f131";
}

.spot-icon_calendar2:before {
  content: "\f132";
}

.spot-icon_camera:before {
  content: "\f133";
}

.spot-icon_cancel-circle:before {
  content: "\f134";
}

.spot-icon_cancel:before {
  content: "\f135";
}

.spot-icon_cart:before {
  content: "\f136";
}

.spot-icon_changeset-down:before {
  content: "\f137";
}

.spot-icon_changeset-up:before {
  content: "\f138";
}

.spot-icon_changeset:before {
  content: "\f139";
}

.spot-icon_chart1:before {
  content: "\f13a";
}

.spot-icon_chart2:before {
  content: "\f13b";
}

.spot-icon_chart3:before {
  content: "\f13c";
}

.spot-icon_checkmark-circle:before {
  content: "\f13d";
}

.spot-icon_checkmark:before {
  content: "\f13e";
}

.spot-icon_clipboard:before {
  content: "\f13f";
}

.spot-icon_close:before {
  content: "\f140";
}

.spot-icon_code-tag:before {
  content: "\f141";
}

.spot-icon_color-text:before {
  content: "\f142";
}

.spot-icon_color-underline:before {
  content: "\f143";
}

.spot-icon_column-left:before {
  content: "\f144";
}

.spot-icon_column-right:before {
  content: "\f145";
}

.spot-icon_columns:before {
  content: "\f146";
}

.spot-icon_comments:before {
  content: "\f147";
}

.spot-icon_compare2:before {
  content: "\f148";
}

.spot-icon_concept:before {
  content: "\f149";
}

.spot-icon_configure-knobs:before {
  content: "\f14a";
}

.spot-icon_console-light:before {
  content: "\f14b";
}

.spot-icon_console:before {
  content: "\f14c";
}

.spot-icon_contacts:before {
  content: "\f14d";
}

.spot-icon_copy-documents:before {
  content: "\f14e";
}

.spot-icon_copy:before {
  content: "\f14f";
}

.spot-icon_cost-reports:before {
  content: "\f150";
}

.spot-icon_cost-types:before {
  content: "\f151";
}

.spot-icon_cursor:before {
  content: "\f152";
}

.spot-icon_custom-development:before {
  content: "\f153";
}

.spot-icon_custom-fields:before {
  content: "\f154";
}

.spot-icon_cut:before {
  content: "\f155";
}

.spot-icon_date-alerts:before {
  content: "\f156";
}

.spot-icon_delete-folder:before {
  content: "\f157";
}

.spot-icon_delete:before {
  content: "\f158";
}

.spot-icon_delta-triangle:before {
  content: "\f159";
}

.spot-icon_dependency:before {
  content: "\f15a";
}

.spot-icon_design:before {
  content: "\f15b";
}

.spot-icon_double-arrow-left:before {
  content: "\f15c";
}

.spot-icon_double-arrow-right:before {
  content: "\f15d";
}

.spot-icon_download-arrow:before {
  content: "\f15e";
}

.spot-icon_download:before {
  content: "\f15f";
}

.spot-icon_drag-handle:before {
  content: "\f160";
}

.spot-icon_dropdown-open:before {
  content: "\f161";
}

.spot-icon_dropdown:before {
  content: "\f162";
}

.spot-icon_duplicate:before {
  content: "\f163";
}

.spot-icon_edit:before {
  content: "\f164";
}

.spot-icon_email-alert:before {
  content: "\f165";
}

.spot-icon_enterprise-addons:before {
  content: "\f166";
}

.spot-icon_enterprise-badge:before {
  content: "\f167";
}

.spot-icon_enterprise:before {
  content: "\f168";
}

.spot-icon_enumerations:before {
  content: "\f169";
}

.spot-icon_error:before {
  content: "\f16a";
}

.spot-icon_export-atom:before {
  content: "\f16b";
}

.spot-icon_export-bcf:before {
  content: "\f16c";
}

.spot-icon_export-csv:before {
  content: "\f16d";
}

.spot-icon_export-pdf-1:before {
  content: "\f16e";
}

.spot-icon_export-pdf-descr:before {
  content: "\f16f";
}

.spot-icon_export-pdf-with-descriptions:before {
  content: "\f170";
}

.spot-icon_export-pdf:before {
  content: "\f171";
}

.spot-icon_export-xls-descr:before {
  content: "\f172";
}

.spot-icon_export-xls-with-descriptions:before {
  content: "\f173";
}

.spot-icon_export-xls-with-relations:before {
  content: "\f174";
}

.spot-icon_export-xls:before {
  content: "\f175";
}

.spot-icon_export:before {
  content: "\f176";
}

.spot-icon_external-link:before {
  content: "\f177";
}

.spot-icon_faq:before {
  content: "\f178";
}

.spot-icon_file-doc:before {
  content: "\f179";
}

.spot-icon_file-form:before {
  content: "\f17a";
}

.spot-icon_file-presentation:before {
  content: "\f17b";
}

.spot-icon_file-sheet:before {
  content: "\f17c";
}

.spot-icon_file-storage-connection:before {
  content: "\f17d";
}

.spot-icon_file-text:before {
  content: "\f17e";
}

.spot-icon_filter:before {
  content: "\f17f";
}

.spot-icon_flag:before {
  content: "\f180";
}

.spot-icon_folder-add:before {
  content: "\f181";
}

.spot-icon_folder-locked:before {
  content: "\f182";
}

.spot-icon_folder-open:before {
  content: "\f183";
}

.spot-icon_folder-remove:before {
  content: "\f184";
}

.spot-icon_folder:before {
  content: "\f185";
}

.spot-icon_forums:before {
  content: "\f186";
}

.spot-icon_from-fullscreen:before {
  content: "\f187";
}

.spot-icon_getting-started:before {
  content: "\f188";
}

.spot-icon_github_logo:before {
  content: "\f189";
}

.spot-icon_gitlab_logo:before {
  content: "\f18a";
}

.spot-icon_glossar:before {
  content: "\f18b";
}

.spot-icon_google-plus:before {
  content: "\f18c";
}

.spot-icon_group-by:before {
  content: "\f18d";
}

.spot-icon_group:before {
  content: "\f18e";
}

.spot-icon_hamburger:before {
  content: "\f18f";
}

.spot-icon_headline1:before {
  content: "\f190";
}

.spot-icon_headline2:before {
  content: "\f191";
}

.spot-icon_headline3:before {
  content: "\f192";
}

.spot-icon_headset:before {
  content: "\f193";
}

.spot-icon_help:before {
  content: "\f194";
}

.spot-icon_help1:before {
  content: "\f195";
}

.spot-icon_help2:before {
  content: "\f196";
}

.spot-icon_hide:before {
  content: "\f197";
}

.spot-icon_hierarchy:before {
  content: "\f198";
}

.spot-icon_home:before {
  content: "\f199";
}

.spot-icon_hosting:before {
  content: "\f19a";
}

.spot-icon_iconfont-scaler:before {
  content: "\f19b";
}

.spot-icon_ifc:before {
  content: "\f19c";
}

.spot-icon_image1:before {
  content: "\f19d";
}

.spot-icon_image2:before {
  content: "\f19e";
}

.spot-icon_import:before {
  content: "\f19f";
}

.spot-icon_inbox:before {
  content: "\f1a0";
}

.spot-icon_info1:before {
  content: "\f1a1";
}

.spot-icon_info2:before {
  content: "\f1a2";
}

.spot-icon_input-disabled:before {
  content: "\f1a3";
}

.spot-icon_installation-services:before {
  content: "\f1a4";
}

.spot-icon_italic:before {
  content: "\f1a5";
}

.spot-icon_key:before {
  content: "\f1a6";
}

.spot-icon_like-hand:before {
  content: "\f1a7";
}

.spot-icon_link:before {
  content: "\f1a8";
}

.spot-icon_loading1:before {
  content: "\f1a9";
}

.spot-icon_loading2:before {
  content: "\f1aa";
}

.spot-icon_location:before {
  content: "\f1ab";
}

.spot-icon_locked:before {
  content: "\f1ac";
}

.spot-icon_logout:before {
  content: "\f1ad";
}

.spot-icon_mail1:before {
  content: "\f1ae";
}

.spot-icon_mail2:before {
  content: "\f1af";
}

.spot-icon_maintenance-support:before {
  content: "\f1b0";
}

.spot-icon_mark-all-read:before {
  content: "\f1b1";
}

.spot-icon_mark-read:before {
  content: "\f1b2";
}

.spot-icon_meetings:before {
  content: "\f1b3";
}

.spot-icon_mention-comment:before {
  content: "\f1b4";
}

.spot-icon_mention:before {
  content: "\f1b5";
}

.spot-icon_menu:before {
  content: "\f1b6";
}

.spot-icon_merge-branch:before {
  content: "\f1b7";
}

.spot-icon_microphone:before {
  content: "\f1b8";
}

.spot-icon_milestone:before {
  content: "\f1b9";
}

.spot-icon_minus1:before {
  content: "\f1ba";
}

.spot-icon_minus2:before {
  content: "\f1bb";
}

.spot-icon_mobile:before {
  content: "\f1bc";
}

.spot-icon_modules:before {
  content: "\f1bd";
}

.spot-icon_more:before {
  content: "\f1be";
}

.spot-icon_move:before {
  content: "\f1bf";
}

.spot-icon_movie:before {
  content: "\f1c0";
}

.spot-icon_music:before {
  content: "\f1c1";
}

.spot-icon_new-planning-element:before {
  content: "\f1c2";
}

.spot-icon_news:before {
  content: "\f1c3";
}

.spot-icon_nextcloud-circle:before {
  content: "\f1c4";
}

.spot-icon_nextcloud:before {
  content: "\f1c5";
}

.spot-icon_no-hierarchy:before {
  content: "\f1c6";
}

.spot-icon_no-zen-mode:before {
  content: "\f1c7";
}

.spot-icon_not-supported:before {
  content: "\f1c8";
}

.spot-icon_not-watching:before {
  content: "\f1c9";
}

.spot-icon_notes:before {
  content: "\f1ca";
}

.spot-icon_openid:before {
  content: "\f1cb";
}

.spot-icon_openproject:before {
  content: "\f1cc";
}

.spot-icon_ordered-list:before {
  content: "\f1cd";
}

.spot-icon_outline:before {
  content: "\f1ce";
}

.spot-icon_paragraph-left:before {
  content: "\f1cf";
}

.spot-icon_paragraph-right:before {
  content: "\f1d0";
}

.spot-icon_paragraph:before {
  content: "\f1d1";
}

.spot-icon_payment-history:before {
  content: "\f1d2";
}

.spot-icon_phone:before {
  content: "\f1d3";
}

.spot-icon_pin:before {
  content: "\f1d4";
}

.spot-icon_play:before {
  content: "\f1d5";
}

.spot-icon_plugins:before {
  content: "\f1d6";
}

.spot-icon_plus:before {
  content: "\f1d7";
}

.spot-icon_pre:before {
  content: "\f1d8";
}

.spot-icon_presentation:before {
  content: "\f1d9";
}

.spot-icon_preview:before {
  content: "\f1da";
}

.spot-icon_print:before {
  content: "\f1db";
}

.spot-icon_priority:before {
  content: "\f1dc";
}

.spot-icon_project-types:before {
  content: "\f1dd";
}

.spot-icon_projects:before {
  content: "\f1de";
}

.spot-icon_publish:before {
  content: "\f1df";
}

.spot-icon_pulldown-up:before {
  content: "\f1e0";
}

.spot-icon_pulldown:before {
  content: "\f1e1";
}

.spot-icon_quote:before {
  content: "\f1e2";
}

.spot-icon_quote2:before {
  content: "\f1e3";
}

.spot-icon_redo:before {
  content: "\f1e4";
}

.spot-icon_relation-follows:before {
  content: "\f1e5";
}

.spot-icon_relation-new-child:before {
  content: "\f1e6";
}

.spot-icon_relation-precedes:before {
  content: "\f1e7";
}

.spot-icon_relations:before {
  content: "\f1e8";
}

.spot-icon_reload:before {
  content: "\f1e9";
}

.spot-icon_reminder:before {
  content: "\f1ea";
}

.spot-icon_remove-1:before {
  content: "\f1eb";
}

.spot-icon_remove-link:before {
  content: "\f1ec";
}

.spot-icon_remove:before {
  content: "\f1ed";
}

.spot-icon_rename:before {
  content: "\f1ee";
}

.spot-icon_reported-by-me:before {
  content: "\f1ef";
}

.spot-icon_resizer-bottom-right:before {
  content: "\f1f0";
}

.spot-icon_resizer-vertical-lines:before {
  content: "\f1f1";
}

.spot-icon_return-to-previous:before {
  content: "\f1f2";
}

.spot-icon_roadmap:before {
  content: "\f1f3";
}

.spot-icon_rss:before {
  content: "\f1f4";
}

.spot-icon_rubber:before {
  content: "\f1f5";
}

.spot-icon_save:before {
  content: "\f1f6";
}

.spot-icon_search:before {
  content: "\f1f7";
}

.spot-icon_select-all:before {
  content: "\f1f8";
}

.spot-icon_send-mail:before {
  content: "\f1f9";
}

.spot-icon_server-key:before {
  content: "\f1fa";
}

.spot-icon_settings-display:before {
  content: "\f1fb";
}

.spot-icon_settings:before {
  content: "\f1fc";
}

.spot-icon_settings2:before {
  content: "\f1fd";
}

.spot-icon_settings3:before {
  content: "\f1fe";
}

.spot-icon_settings4:before {
  content: "\f1ff";
}

.spot-icon_share:before {
  content: "\f200";
}

.spot-icon_shortcuts:before {
  content: "\f201";
}

.spot-icon_show-all-projects:before {
  content: "\f202";
}

.spot-icon_show-more-horizontal:before {
  content: "\f203";
}

.spot-icon_show-more:before {
  content: "\f204";
}

.spot-icon_slack:before {
  content: "\f205";
}

.spot-icon_snooze:before {
  content: "\f206";
}

.spot-icon_sort-ascending:before {
  content: "\f207";
}

.spot-icon_sort-by:before {
  content: "\f208";
}

.spot-icon_sort-descending:before {
  content: "\f209";
}

.spot-icon_sort-down:before {
  content: "\f20a";
}

.spot-icon_sort-up:before {
  content: "\f20b";
}

.spot-icon_square:before {
  content: "\f20c";
}

.spot-icon_star-empty:before {
  content: "\f20d";
}

.spot-icon_star-filled:before {
  content: "\f20e";
}

.spot-icon_star:before {
  content: "\f20f";
}

.spot-icon_status-reporting:before {
  content: "\f210";
}

.spot-icon_status:before {
  content: "\f211";
}

.spot-icon_stop:before {
  content: "\f212";
}

.spot-icon_strike-through:before {
  content: "\f213";
}

.spot-icon_sum-error:before {
  content: "\f214";
}

.spot-icon_sum-sign:before {
  content: "\f215";
}

.spot-icon_team-planner:before {
  content: "\f216";
}

.spot-icon_text:before {
  content: "\f217";
}

.spot-icon_ticket-checked:before {
  content: "\f218";
}

.spot-icon_ticket-down:before {
  content: "\f219";
}

.spot-icon_ticket-edit:before {
  content: "\f21a";
}

.spot-icon_ticket-minus:before {
  content: "\f21b";
}

.spot-icon_ticket-note:before {
  content: "\f21c";
}

.spot-icon_ticket:before {
  content: "\f21d";
}

.spot-icon_time-tracking-running:before {
  content: "\f21e";
}

.spot-icon_time-tracking-start:before {
  content: "\f21f";
}

.spot-icon_time-tracking-stop:before {
  content: "\f220";
}

.spot-icon_time:before {
  content: "\f221";
}

.spot-icon_to-fullscreen:before {
  content: "\f222";
}

.spot-icon_today-arrows:before {
  content: "\f223";
}

.spot-icon_training-consulting:before {
  content: "\f224";
}

.spot-icon_two-factor-authentication:before {
  content: "\f225";
}

.spot-icon_two-factor-authentification:before {
  content: "\f226";
}

.spot-icon_types:before {
  content: "\f227";
}

.spot-icon_underline:before {
  content: "\f228";
}

.spot-icon_undo:before {
  content: "\f229";
}

.spot-icon_unit:before {
  content: "\f22a";
}

.spot-icon_unlocked:before {
  content: "\f22b";
}

.spot-icon_unordered-list:before {
  content: "\f22c";
}

.spot-icon_unwatched:before {
  content: "\f22d";
}

.spot-icon_up-down-stepper:before {
  content: "\f22e";
}

.spot-icon_upload-arrow:before {
  content: "\f22f";
}

.spot-icon_upload:before {
  content: "\f230";
}

.spot-icon_user-minus:before {
  content: "\f231";
}

.spot-icon_user-missing:before {
  content: "\f232";
}

.spot-icon_user-plus:before {
  content: "\f233";
}

.spot-icon_user:before {
  content: "\f234";
}

.spot-icon_view-card:before {
  content: "\f235";
}

.spot-icon_view-fullscreen:before {
  content: "\f236";
}

.spot-icon_view-list:before {
  content: "\f237";
}

.spot-icon_view-model:before {
  content: "\f238";
}

.spot-icon_view-split-viewer-table:before {
  content: "\f239";
}

.spot-icon_view-split:before {
  content: "\f23a";
}

.spot-icon_view-split2:before {
  content: "\f23b";
}

.spot-icon_view-timeline:before {
  content: "\f23c";
}

.spot-icon_warning:before {
  content: "\f23d";
}

.spot-icon_watched:before {
  content: "\f23e";
}

.spot-icon_watching:before {
  content: "\f23f";
}

.spot-icon_wiki-edit:before {
  content: "\f240";
}

.spot-icon_wiki:before {
  content: "\f241";
}

.spot-icon_wiki2:before {
  content: "\f242";
}

.spot-icon_work-packages:before {
  content: "\f243";
}

.spot-icon_workflow:before {
  content: "\f244";
}

.spot-icon_yes:before {
  content: "\f245";
}

.spot-icon_zen-mode:before {
  content: "\f246";
}

.spot-icon_zoom-auto:before {
  content: "\f247";
}

.spot-icon_zoom-in:before {
  content: "\f248";
}

.spot-icon_zoom-out:before {
  content: "\f249";
}

:focus-visible {
  outline: 2px solid rgb(0, 163, 255);
  outline-offset: -2px;
}

.spot-container {
  display: flex;
  flex-direction: column;
}
.spot-container > .spot-header-big,
.spot-container > .spot-header-small,
.spot-container > .spot-subheader-big,
.spot-container > .spot-subheader-small,
.spot-container > .spot-subheader-extra-small,
.spot-container > .spot-body-big,
.spot-container > .spot-body-small,
.spot-container > .spot-caption,
.spot-container > .spot-divider,
.spot-container > .spot-selector-field,
.spot-container > .spot-form-field,
.spot-container > .spot-text-field {
  margin: 1rem 1rem 0;
}
.spot-container > .spot-header-big:first-child,
.spot-container > .spot-header-small:first-child,
.spot-container > .spot-subheader-big:first-child,
.spot-container > .spot-subheader-small:first-child,
.spot-container > .spot-subheader-extra-small:first-child,
.spot-container > .spot-body-big:first-child,
.spot-container > .spot-body-small:first-child,
.spot-container > .spot-caption:first-child,
.spot-container > .spot-divider:first-child,
.spot-container > .spot-selector-field:first-child,
.spot-container > .spot-form-field:first-child,
.spot-container > .spot-text-field:first-child {
  margin-top: 0.5rem;
}
.spot-container > .spot-header-big:last-child,
.spot-container > .spot-header-small:last-child,
.spot-container > .spot-subheader-big:last-child,
.spot-container > .spot-subheader-small:last-child,
.spot-container > .spot-subheader-extra-small:last-child,
.spot-container > .spot-body-big:last-child,
.spot-container > .spot-body-small:last-child,
.spot-container > .spot-caption:last-child,
.spot-container > .spot-divider:last-child,
.spot-container > .spot-selector-field:last-child,
.spot-container > .spot-form-field:last-child,
.spot-container > .spot-text-field:last-child {
  margin-bottom: 1rem;
}
.spot-container > .spot-container {
  margin: 0;
  margin-top: 1rem;
}
.spot-container > .spot-container:first-child,
.spot-container > .cdk-focus-trap-anchor:first-child + .spot-container {
  margin-top: 0.5rem;
}
.spot-container > .spot-action-bar:not(:first-child) {
  margin-top: 0.5rem;
}
.spot-container > .spot-list {
  margin: 1rem 0;
}
.spot-container > .spot-breadcrumbs {
  margin: 0.5rem 1rem 0;
}
.spot-container > .spot-breadcrumbs + .spot-list {
  margin-top: 0.5rem;
}

.spot-container.spot-modal--body > *:not(.spot-list, .spot-breadcrumbs, .spot-header-big, .spot-header-small, .spot-subheader-big, .spot-subheader-small, .spot-subheader-extra-small, .spot-body-big, .spot-body-small, .spot-caption, .spot-divider, .spot-text-field) {
  margin: 1rem 1rem 0;
}
.spot-container.spot-modal--body > *:not(.spot-list, .spot-breadcrumbs, .spot-header-big, .spot-header-small, .spot-subheader-big, .spot-subheader-small, .spot-subheader-extra-small, .spot-body-big, .spot-body-small, .spot-caption, .spot-divider, .spot-text-field):last-child {
  margin-bottom: 1rem;
}
.spot-container > .op-uc-container {
  padding-bottom: 0;
}

.spot-header-big {
  font-family: var(--body-font-family);
  font-size: 2rem;
  font-weight: var(--base-text-weight-bold);
  font-style: normal;
  line-height: 2.5em;
  padding: 0;
  margin: 0;
  border: 0;
}

.spot-header-small {
  font-family: var(--body-font-family);
  font-size: 1.5rem;
  font-weight: var(--base-text-weight-bold);
  font-style: normal;
  line-height: 2rem;
  padding: 0;
  margin: 0;
  border: 0;
}

.spot-subheader-big {
  font-family: var(--body-font-family);
  font-size: 1.25rem;
  font-weight: var(--base-text-weight-bold);
  font-style: normal;
  line-height: 1.75rem;
  padding: 0;
  margin: 0;
  border: 0;
}

.spot-subheader-small {
  font-family: var(--body-font-family);
  font-size: 1.125rem;
  font-weight: var(--base-text-weight-bold);
  font-style: normal;
  line-height: 1.5rem;
  padding: 0;
  margin: 0;
  border: 0;
}

.spot-subheader-extra-small {
  font-family: var(--body-font-family);
  font-size: 1rem;
  font-weight: var(--base-text-weight-bold);
  font-style: normal;
  line-height: 1.5rem;
  padding: 0;
  margin: 0;
  border: 0;
}

.spot-body-big {
  font-family: var(--body-font-family);
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5rem;
  padding: 0;
  margin: 0;
}

.spot-body-small {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25rem;
  padding: 0;
  margin: 0;
}

.spot-caption {
  font-family: var(--body-font-family);
  font-size: 0.75rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1rem;
  padding: 0;
  margin: 0;
  border: 0;
}

.spot-header-big_bold,
.spot-header-small_bold,
.spot-subheader-big_bold,
.spot-subheader-small_bold,
.spot-body-big_bold,
.spot-body-small_bold,
.spot-caption_bold {
  font-weight: var(--base-text-weight-bold);
}
.spot-header-big_italic,
.spot-header-small_italic,
.spot-subheader-big_italic,
.spot-subheader-small_italic,
.spot-body-big_italic,
.spot-body-small_italic,
.spot-caption_italic {
  font-style: italic;
}
.spot-header-big_regular,
.spot-header-small_regular,
.spot-subheader-big_regular,
.spot-subheader-small_regular,
.spot-body-big_regular,
.spot-body-small_regular,
.spot-caption_regular {
  font-weight: normal;
  font-style: normal;
}

.spot-button {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25rem;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  line-height: calc(1.25rem - 2px);
  min-height: 2rem;
  margin: 0;
  padding: 0 0.75rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 1rem;
  border-color: rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
  color: rgb(26, 103, 163);
  cursor: pointer;
}
.spot-button, .spot-button * {
  box-sizing: border-box;
}
.spot-button:focus {
  outline: 2px solid rgb(0, 163, 255);
  outline-offset: -2px;
}
.spot-button:hover {
  background-color: rgb(243, 243, 243);
  border-color: rgb(243, 243, 243);
  color: rgb(3, 69, 121);
}
.spot-button:active {
  background-color: rgb(243, 243, 243);
  border-color: rgb(243, 243, 243);
  color: rgb(26, 103, 163);
}
.spot-button_main {
  border-color: rgb(26, 103, 163);
  background-color: rgb(26, 103, 163);
  color: rgb(255, 255, 255);
}
.spot-button_main:hover {
  border-color: rgb(209, 229, 245);
  background-color: rgb(209, 229, 245);
  color: rgb(3, 69, 121);
}
.spot-button_main:active {
  border-color: rgb(209, 229, 245);
  background-color: rgb(209, 229, 245);
  color: rgb(26, 103, 163);
}
.spot-button_accent {
  border-color: rgb(48, 135, 32);
  background-color: rgb(48, 135, 32);
  color: rgb(255, 255, 255);
}
.spot-button_accent:hover {
  border-color: rgb(191, 238, 182);
  background-color: rgb(191, 238, 182);
  color: rgb(0, 117, 40);
}
.spot-button_accent:active {
  border-color: rgb(191, 238, 182);
  background-color: rgb(191, 238, 182);
  color: rgb(48, 135, 32);
}
.spot-button_danger {
  border-color: rgb(208, 17, 0);
  background-color: rgb(208, 17, 0);
  color: rgb(255, 255, 255);
}
.spot-button_danger:hover {
  border-color: rgb(244, 171, 169);
  background-color: rgb(244, 171, 169);
  color: rgb(125, 0, 13);
}
.spot-button_danger:active {
  border-color: rgb(244, 171, 169);
  background-color: rgb(244, 171, 169);
  color: rgb(208, 17, 0);
}
.spot-button[disabled], .spot-button[disabled]:hover, .spot-button[disabled]:active, .spot-button_disabled, .spot-button_disabled:hover, .spot-button_disabled:active {
  border-color: rgb(204, 204, 204);
  background-color: rgb(204, 204, 204);
  color: rgb(255, 255, 255);
  cursor: default;
}
.spot-button_outlined {
  background-color: transparent;
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}
.spot-button_outlined:hover {
  background-color: rgb(243, 243, 243);
  border-color: rgb(26, 103, 163);
  color: rgb(26, 103, 163);
}
.spot-button_outlined:active {
  background-color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
  color: rgb(26, 103, 163);
}
.spot-button_outlined.spot-button_main {
  background-color: transparent;
  border-color: rgb(26, 103, 163);
  color: rgb(26, 103, 163);
}
.spot-button_outlined.spot-button_main:hover {
  background-color: rgb(209, 229, 245);
  border-color: rgb(26, 103, 163);
  color: rgb(26, 103, 163);
}
.spot-button_outlined.spot-button_main:active {
  background-color: rgb(26, 103, 163);
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}
.spot-button_outlined.spot-button_accent {
  background-color: transparent;
  border-color: rgb(48, 135, 32);
  color: rgb(48, 135, 32);
}
.spot-button_outlined.spot-button_accent:hover {
  background-color: rgb(191, 238, 182);
  border-color: rgb(48, 135, 32);
  color: rgb(48, 135, 32);
}
.spot-button_outlined.spot-button_accent:active {
  background-color: rgb(48, 135, 32);
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}
.spot-button_outlined.spot-button_danger {
  background-color: transparent;
  border-color: rgb(208, 17, 0);
  color: rgb(208, 17, 0);
}
.spot-button_outlined.spot-button_danger:hover {
  background-color: rgb(244, 171, 169);
  border-color: rgb(208, 17, 0);
  color: rgb(208, 17, 0);
}
.spot-button_outlined.spot-button_danger:active {
  background-color: rgb(208, 17, 0);
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}
.spot-button_basic {
  background-color: transparent;
  border-color: transparent;
  color: rgb(255, 255, 255);
}
.spot-button_basic:hover, .spot-button_basic:active {
  background-color: transparent;
  border-color: transparent;
  color: rgb(26, 103, 163);
}
.spot-button_basic.spot-button_main {
  color: rgb(26, 103, 163);
}
.spot-button_basic.spot-button_main:hover {
  color: rgb(3, 69, 121);
}
.spot-button_basic.spot-button_main:active {
  color: rgb(26, 103, 163);
}
.spot-button_basic.spot-button_accent {
  color: rgb(48, 135, 32);
}
.spot-button_basic.spot-button_accent:hover {
  color: rgb(0, 117, 40);
}
.spot-button_basic.spot-button_accent:active {
  color: rgb(48, 135, 32);
}
.spot-button_basic.spot-button_danger {
  color: rgb(208, 17, 0);
}
.spot-button_basic.spot-button_danger:hover {
  color: rgb(125, 0, 13);
}
.spot-button_basic.spot-button_danger:active {
  color: rgb(208, 17, 0);
}
.spot-button .spot-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.spot-button .spot-icon:first-child {
  margin-left: calc(-1 * 0.25rem - 1px);
}
.spot-button .spot-icon:first-child:not(:last-child) {
  margin-right: 0.25rem;
}
.spot-button .spot-icon:last-child {
  margin-right: calc(-1 * 0.25rem - 1px);
}
.spot-button .spot-icon:last-child:not(:first-child) {
  margin-left: 0.25rem;
}
.spot-button .spot-icon:first-child:last-child {
  margin: 0 calc(-1 * 0.5rem - 1px);
}
.spot-button .spot-checkbox {
  margin-right: 0.75rem;
}

.button:not(.button_flex) .spot-icon, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active:not(.button_flex) .spot-icon {
  margin-top: -1rem;
  margin-bottom: -1rem;
  position: relative;
  top: 0.33em;
}
.button:not(.button_flex) .spot-icon:not(:last-child), #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active:not(.button_flex) .spot-icon:not(:last-child) {
  margin-right: 0.25rem;
}
.button:not(.button_flex) .spot-icon:not(:first-child), #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active:not(.button_flex) .spot-icon:not(:first-child) {
  margin-left: 0.25rem;
}

.spot-breadcrumbs {
  font-family: var(--body-font-family);
  font-size: 0.75rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1rem;
  display: flex;
  align-items: center;
}
.spot-breadcrumbs--crumb {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  min-width: 0;
}
.spot-breadcrumbs--crumb > .spot-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.spot-breadcrumbs--crumb > .spot-icon:not(.spot-breadcrumbs--crumb-divider) {
  color: var(--accent-color);
}
.spot-breadcrumbs--crumb_collapsed:before {
  content: "...";
}
.spot-breadcrumbs--crumb_parent, .spot-breadcrumbs--crumb_grandparent {
  flex-shrink: 1;
}
.spot-breadcrumbs--crumb-action-item {
  flex-shrink: 1;
  overflow: hidden;
}
.spot-breadcrumbs--crumb-action-item:not(:first-child) {
  margin-left: 0.25rem;
}
.spot-breadcrumbs--crumb-action-item-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.spot-breadcrumbs--crumb-action-item-dots {
  display: none;
}
.spot-breadcrumbs--crumb-action-item-dots:before {
  content: "...";
}
.spot-breadcrumbs--crumb-divider {
  font-size: 0.5rem;
  flex-shrink: 0;
  margin-left: 0.25rem;
}
.spot-breadcrumbs--crumb:not(:first-child) {
  margin-left: 0.25rem;
}
@media (max-width: 679px) {
  .spot-breadcrumbs--crumb_last {
    flex-shrink: 1;
  }
  .spot-breadcrumbs--crumb_collapsed {
    display: none;
  }
  .spot-breadcrumbs--crumb_grandparent:not(.spot-breadcrumbs--crumb_root) {
    display: none;
  }
  .spot-breadcrumbs--crumb_parent {
    flex-shrink: 0;
  }
  :not(.spot-breadcrumbs--crumb_last) > .spot-breadcrumbs--crumb-action-item-text {
    display: none;
  }
  .spot-breadcrumbs--crumb-action-item-dots {
    display: inline-block;
  }
}

.spot-divider {
  border-bottom: 1px solid rgb(224, 224, 224);
}
.spot-divider_strong {
  border-bottom: 1px solid rgb(204, 204, 204);
}

.spot-link {
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  font: inherit;
  text-align: inherit;
  display: inline-flex;
  align-items: center;
  color: var(--accent-color);
  text-decoration: none;
  cursor: pointer;
}
.spot-link:focus {
  outline: 2px solid rgb(0, 163, 255);
  outline-offset: -2px;
}
.spot-link_danger {
  color: rgb(208, 17, 0);
}
.spot-link_danger:hover, .spot-link_danger:active, .spot-link_danger:focus {
  color: rgb(125, 0, 13);
}
.spot-link_inactive {
  pointer-events: none;
  cursor: default;
  color: inherit;
}
.spot-link .spot-icon:first-child:not(:last-child) {
  margin-right: 0.25rem;
}
.spot-link .spot-icon:last-child:not(:first-child) {
  margin-left: 0.25rem;
}
.spot-link .op-icon--wrapper {
  display: inline-block;
}

.spot-toggle {
  display: flex;
  border: 0;
  margin: 0;
  padding: 0;
}
.spot-toggle--option {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25rem;
  line-height: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(3, 69, 121);
  background-color: transparent;
  color: rgb(3, 69, 121);
  cursor: pointer;
}
.spot-toggle--option:focus-within {
  outline: 2px solid rgb(0, 163, 255);
  outline-offset: -2px;
}
.spot-toggle--option:not(:last-child) {
  border-right: 0;
}
.spot-toggle--option:first-child {
  padding-left: 0.75rem;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.spot-toggle--option:last-child {
  padding-right: 0.75rem;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.spot-toggle--option_selected {
  background-color: rgb(209, 229, 245);
}
.spot-toggle--option-input {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.spot-toggle--button {
  margin: 0;
  font-weight: normal;
}

.spot-checkbox {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
}
.spot-checkbox:focus-within .spot-checkbox--fake {
  outline: 2px solid rgb(0, 163, 255);
  outline-offset: -2px;
}
.spot-checkbox, .spot-checkbox * {
  box-sizing: border-box;
}
.spot-checkbox--input {
  position: fixed;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.spot-checkbox--fake {
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  border-radius: 3px;
  border: 1px solid var(--control-checked-color);
  cursor: pointer;
}
.spot-checkbox--fake::before, .spot-checkbox--fake::after {
  display: block;
  content: "";
}
.spot-checkbox--input:indeterminate + .spot-checkbox--fake::before {
  width: 8px;
  height: 2px;
  background-color: var(--control-checked-color);
}
.spot-checkbox--input:checked + .spot-checkbox--fake {
  background-color: var(--control-checked-color--minor1);
}
.spot-checkbox--input:checked + .spot-checkbox--fake::before, .spot-checkbox--input:checked + .spot-checkbox--fake::after {
  border-radius: 1px;
  position: absolute;
}
.spot-checkbox--input:checked + .spot-checkbox--fake::before {
  width: 2px;
  height: 5px;
  background-color: var(--control-checked-color);
  transform: translateX(-2.3px) translateY(1.4px) rotate(-40deg);
}
.spot-checkbox--input:checked + .spot-checkbox--fake::after {
  width: 8px;
  height: 2px;
  background-color: var(--control-checked-color);
  transform: translateX(1px) rotate(-45deg);
}
.spot-checkbox--input:disabled + .spot-checkbox--fake {
  border-color: var(--fgColor-muted);
  cursor: default;
}
.spot-checkbox--input:disabled:checked + .spot-checkbox--fake {
  background-color: rgb(224, 224, 224);
}
.spot-checkbox--input:disabled + .spot-checkbox--fake::before, .spot-checkbox--input:disabled + .spot-checkbox--fake::after {
  background-color: var(--fgColor-muted);
}

.spot-switch {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  width: 2.25rem;
  flex-shrink: 0;
}
.spot-switch, .spot-switch * {
  box-sizing: border-box;
}
.spot-switch--input {
  position: fixed;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.spot-switch--fake {
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  width: 2.25rem;
  border-radius: 0.625rem;
  border: 1px solid var(--fgColor-muted);
  background-color: rgb(224, 224, 224);
  cursor: pointer;
}
.spot-switch--fake::before {
  display: block;
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  height: 1rem;
  width: 1rem;
  background-color: var(--fgColor-muted);
  border-radius: 50%;
  transition-property: left, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.spot-switch--input:checked + .spot-switch--fake {
  border-color: var(--control-checked-color);
  background-color: var(--control-checked-color--minor1);
}
.spot-switch--input:checked + .spot-switch--fake::before {
  left: calc(100% - 1rem - 1px);
  background-color: var(--control-checked-color);
}
.spot-switch--input:disabled + .spot-switch--fake, .spot-switch--input:disabled + .spot-switch--fake::before {
  opacity: 0.5;
  cursor: default;
}

.spot-text-field {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25rem;
  border: 1px solid var(--fgColor-muted);
  color: rgb(0, 0, 0);
  border-radius: 4px;
  padding: 0.5rem;
  background-color: var(--bgColor-default);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.spot-text-field::placeholder {
  color: var(--fgColor-muted);
}
.spot-text-field:focus, .spot-text-field_focused {
  color: rgb(0, 0, 0);
  outline: 2px solid rgb(0, 163, 255);
  outline-offset: -2px;
}
.spot-text-field:disabled, .spot-text-field_disabled {
  color: var(--fgColor-muted);
  border-color: rgb(204, 204, 204);
}
.spot-text-field:disabled, .spot-text-field:disabled:hover, .spot-text-field_disabled .spot-text-field--input, .spot-text-field_disabled .spot-text-field--input:hover {
  background-color: var(--bgColor-default);
}
.spot-text-field .spot-icon {
  color: var(--body-font-color);
}
.spot-text-field--input {
  background: transparent;
  border: 0;
  padding: 0;
  flex-grow: 1;
  width: 100%;
  outline: 0;
}
.spot-text-field--input:not(:first-child) {
  margin-left: 0.5rem;
}
.spot-text-field--input:not(:last-child) {
  margin-right: 0.5rem;
}
.spot-text-field--input:disabled, .spot-text-field--input:disabled:hover {
  color: var(--fgColor-muted);
  background-color: var(--bgColor-default);
}
.spot-text-field--input:focus, .spot-text-field--input:focus-visible {
  outline: none;
}
.spot-text-field--clear-button {
  border: 0;
  background: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  color: var(--fgColor-muted);
}
.spot-text-field--clear-button:focus {
  outline: 2px solid rgb(0, 163, 255);
  outline-offset: -2px;
}
.spot-text-field--clear-button:not(:last-child) {
  margin-right: 0.5rem;
}
.spot-text-field--clear-button > .spot-icon {
  font-size: 0.75rem;
  color: var(--body-font-color);
}

.spot-filter-chip {
  font-family: var(--body-font-family);
  font-size: 0.75rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1rem;
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  background-color: rgb(209, 229, 245);
  color: rgb(51, 51, 51);
  border-radius: 5px;
}
.spot-filter-chip--remove {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  border-right: 1px solid rgba(26, 103, 163, 0.5);
  background: transparent;
  cursor: pointer;
  padding: 0.25rem;
}
.spot-filter-chip--remove:focus {
  outline: 2px solid rgb(0, 163, 255);
  outline-offset: -2px;
}
.spot-filter-chip--title {
  padding: 0.25rem;
}
.spot-filter-chip_disabled {
  color: var(--fgColor-muted);
  background-color: rgb(224, 224, 224);
}

.spot-drop-modal {
  display: flex;
}
.spot-drop-modal--body {
  position: absolute;
  z-index: 1001;
  pointer-events: all;
  opacity: 1;
  box-shadow: var(--shadow-floating-medium);
  background: var(--body-background);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}
@media (orientation: landscape) {
  .spot-drop-modal--body {
    bottom: 1rem;
    right: 3.5rem;
    max-height: calc(var(--app-height) - 2 * 1rem);
    width: calc(100vw - (3.5rem + 1rem));
  }
}
@media (max-width: 999px), (max-height: 499px) {
  .spot-drop-modal--body {
    position: fixed;
    bottom: 3.5rem;
    left: 1rem !important;
    top: unset !important;
    right: 1rem;
    width: calc(100vw - 2 * 1rem);
    height: calc(var(--app-height) - (3.5rem + 1rem));
  }
  .spot-drop-modal--body_not-full-screen {
    height: auto;
    bottom: unset;
    top: 50% !important;
    transform: translateY(-50%);
  }
}
@media (min-width: 1000px) and (min-height: 500px) {
  .spot-drop-modal--body {
    position: absolute;
    bottom: unset;
    left: unset;
    right: unset;
    width: auto;
    height: auto;
    max-width: calc(100vw - 2 * 1rem);
    max-height: calc(var(--app-height) - 2 * 1rem);
  }
}
.spot-drop-modal--body > .spot-action-bar,
.spot-drop-modal--body > .spot-container > .spot-action-bar {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.spot-drop-modal_opened::before {
  z-index: 1000;
  display: block;
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 1000px) and (min-height: 500px) {
  .spot-drop-modal_opened::before {
    display: none;
  }
}
.spot-drop-modal--header {
  font-size: var(--body-font-size) !important;
  line-height: 1 !important;
}
.spot-drop-modal--content {
  margin: 1rem;
}
.spot-drop-modal--close-button {
  position: absolute;
  top: 100%;
  margin-top: 0.75rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgb(255, 255, 255);
}
@media (orientation: landscape) {
  .spot-drop-modal--close-button {
    left: unset;
    right: 0.75rem;
    transform: none;
  }
}
@media (min-width: 1000px) and (min-height: 500px) {
  .spot-drop-modal--close-button {
    display: none;
  }
}

.spot-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
}
.spot-list--item {
  display: flex;
  flex-direction: column;
}
.spot-list--item-action {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25rem;
  color: var(--body-font-color);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.5rem 1rem;
  width: 100%;
  background-color: transparent;
  margin: 0;
  border: 1px solid transparent;
  cursor: pointer;
  scroll-margin-top: 5rem;
}
.spot-list--item-action:focus {
  outline: 2px solid rgb(0, 163, 255);
  outline-offset: -2px;
}
.spot-list--item-action:hover {
  background-color: var(--control-transparent-bgColor-hover);
  text-decoration: none;
  border-color: var(--list-item-hover--border-color);
  color: var(--list-item-hover--color);
}
.spot-list--item-action_disabled, .spot-list--item-action_disabled:hover {
  background-color: transparent;
  cursor: not-allowed;
  color: var(--list-item-hover--color);
}
.spot-list--item-action_active.spot-list--item-action_disabled {
  color: var(--fgColor-default);
  background-color: var(--control-transparent-bgColor-hover);
}
.spot-list--item-action_link:not(.spot-list--item-action_disabled) {
  color: var(--accent-color);
}
.spot-list--item-floating-wrapper {
  position: relative;
  display: flex;
}
.spot-list--item-floating-wrapper:hover, .spot-list--item-floating-wrapper:focus-within {
  background-color: var(--control-transparent-bgColor-hover);
  text-decoration: none;
  border-color: var(--list-item-hover--border-color);
}
.spot-list--item-floating-wrapper_disabled {
  color: var(--body-font-color);
}
.spot-list--item-floating-wrapper_disabled:hover {
  background: none;
  cursor: not-allowed;
}
.spot-list--item-floating-actions {
  opacity: 0;
  position: absolute;
  right: 0;
  height: 100%;
  padding: 0.5rem 1rem;
  background: linear-gradient(90deg, rgba(var(--body-background), 0) 0%, var(--body-background) 1rem);
}
.spot-list--item-floating-actions > .spot-link:not(:first-child) {
  margin-left: 0.5rem;
}
.spot-list--item-title {
  margin-right: auto;
  word-break: break-word;
  align-self: center;
}
.spot-list--item-title:not(:first-child),
.spot-list--item-title :not(:first-child) {
  margin-left: 0.5rem;
}
.spot-list--item-title_ellipse-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
}
.spot-list--item-action_disabled .spot-list--item-title {
  opacity: 0.5;
}
.spot-list--item-floating-wrapper:hover > .spot-list--item-floating-actions, .spot-list--item-floating-actions:focus-within, .spot-list--item-floating-actions:hover {
  opacity: 1;
}
.spot-list_compact .spot-list--item {
  margin-top: 0.25rem;
}
.spot-list_compact .spot-list--item-action, .spot-list_compact .spot-list--item-floating-actions {
  padding: 0.25rem 1rem;
}
.spot-list_active .spot-list--item-action_active {
  font-weight: var(--base-text-weight-bold);
  background-color: var(--control-transparent-bgColor-hover);
  text-decoration: none;
  border-color: var(--list-item-hover--border-color);
}

.spot-list--item .spot-list--item-action {
  padding-left: 1rem;
}

.spot-list--item .spot-list--item .spot-list--item-action {
  padding-left: 2rem;
}

.spot-list--item .spot-list--item .spot-list--item .spot-list--item-action {
  padding-left: 3rem;
}

.spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item-action {
  padding-left: 4rem;
}

.spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item-action {
  padding-left: 5rem;
}

.spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item-action {
  padding-left: 6rem;
}

.spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item-action {
  padding-left: 7rem;
}

.spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item-action {
  padding-left: 8rem;
}

.spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item-action {
  padding-left: 9rem;
}

.spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item-action {
  padding-left: 10rem;
}

.spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item .spot-list--item-action {
  padding-left: 11rem;
}

.spot-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  display: none;
}
.spot-modal-overlay_active {
  display: flex;
  flex-direction: column-reverse;
}
@media (max-width: 680px) {
  .spot-modal-overlay_active {
    justify-content: center;
  }
}
@media (max-height: 480px) {
  .spot-modal-overlay_active {
    flex-direction: row-reverse;
  }
}
@media (max-width: 680px) {
  .spot-modal-overlay_top {
    justify-content: flex-end;
    padding-top: 10px;
  }
}
.spot-modal-overlay_not-full-screen {
  background: transparent;
  right: unset;
  bottom: unset;
  top: initial;
}
.spot-modal-overlay--close-button {
  display: block;
  margin: 1rem;
}
@media (min-width: 1000px) and (min-height: 500px) {
  .spot-modal-overlay--close-button {
    display: none;
  }
}
@media (max-height: 480px) {
  .spot-modal-overlay--close-button {
    align-self: end;
  }
}

.spot-modal > .form:only-child {
  display: flex;
  flex-direction: column;
  max-height: var(--app-height);
}

.modal-delivery-element {
  display: none;
}

.spot-modal {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  background: var(--overlay-bgColor);
  box-shadow: var(--shadow-floating-small);
  pointer-events: all;
  border-radius: 0.75rem;
  width: 40rem;
  max-width: calc(100vw - 2rem);
  max-height: calc(var(--app-height) - 2rem);
}
@media (max-width: 679px) {
  .spot-modal {
    width: calc(100vw - 2rem);
    max-height: calc(var(--app-height) - 5rem);
    overflow-y: auto;
  }
}
@media (max-width: 679px) and (max-height: 480px) {
  .spot-modal {
    max-height: calc(var(--app-height) - 2rem);
    max-width: calc(100vw - 6rem);
  }
}
.spot-modal_wide {
  width: 60rem;
  min-height: 40vh;
}
.spot-modal--header, .spot-drop-modal--header {
  font-family: var(--body-font-family);
  font-size: 1.25rem;
  font-weight: var(--base-text-weight-bold);
  font-style: normal;
  line-height: 1.75rem;
  display: flex;
  padding: 1rem 1rem 0;
  position: relative;
  align-items: center;
}
.spot-modal--header + .spot-divider, .spot-drop-modal--header + .spot-divider {
  margin-top: 1rem;
}
.spot-modal--header > .spot-icon, .spot-drop-modal--header > .spot-icon {
  margin-right: 0.5rem;
}
.spot-modal--header-title, .spot-drop-modal--header-title {
  flex-grow: 1;
}
.spot-modal--header-close-button, .spot-drop-modal--header-close-button {
  border-radius: 6px;
  border-color: transparent;
  margin: -0.5rem;
  margin-left: 0;
}
.spot-modal--header-close-button:hover, .spot-drop-modal--header-close-button:hover {
  cursor: pointer;
}
.spot-modal--header-close-button-icon:focus, .spot-drop-modal--header-close-button-icon:focus {
  outline: none;
}
.spot-modal--header_highlight {
  background-color: var(--header-bg-color);
  border-bottom-width: var(--header-border-bottom-width);
  border-bottom-color: var(--header-border-bottom-color);
}
.spot-modal--header_highlight * {
  color: var(--header-item-font-color);
}
.spot-modal--subheader {
  padding-left: 1rem;
}
.spot-modal--body {
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: auto;
}
.spot-modal--body::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.spot-modal--body::-webkit-scrollbar-track {
  background: transparent;
}
.spot-modal--body::-webkit-scrollbar-thumb {
  background: #DDDDDD;
  visibility: hidden;
}
.spot-modal--body:hover {
  scrollbar-color: #DDDDDD transparent;
}
.spot-modal--body:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.spot-modal--body:focus {
  outline-style: none;
}
@media (max-width: 999px), (max-height: 499px) {
  .spot-modal--cancel-button {
    display: none;
  }
}

.spot-action-bar {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0 1rem;
}
.spot-action-bar a.button, .spot-action-bar #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group a.fc-button.fc-button-active, #content-wrapper .fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group .spot-action-bar a.fc-button.fc-button-active {
  text-decoration: none;
}
.spot-action-bar_transparent {
  background-color: unset;
}
.spot-action-bar--left, .spot-action-bar--right {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
.spot-action-bar--left > .spot-action-bar--action, .spot-action-bar--right > .spot-action-bar--action {
  margin: 1rem 1rem 0.75rem 0;
}
.spot-action-bar--left > .spot-action-bar--action:last-of-type, .spot-action-bar--right > .spot-action-bar--action:last-of-type {
  margin-right: 0;
}
@media (min-width: 768px) {
  .spot-action-bar {
    grid-template-columns: 1fr auto;
  }
  .spot-action-bar--left {
    justify-content: flex-start;
  }
  .spot-action-bar--right {
    justify-content: flex-end;
  }
}

.spot-tooltip {
  position: relative;
  display: inline-flex;
}
.spot-tooltip--body {
  z-index: 501;
  pointer-events: none;
  opacity: 0.001;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.2s;
  transition-delay: 0.2s;
  position: absolute;
  height: auto;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
  color: rgb(51, 51, 51);
  background: rgb(209, 229, 245);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}
.spot-tooltip--body_left-top {
  right: 100%;
}
.spot-tooltip--body_left-center {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.spot-tooltip--body_left-bottom {
  right: 100%;
}
.spot-tooltip--body_bottom-left {
  top: 100%;
  left: 1rem;
  transform: translateY(-10px);
}
.spot-tooltip--body_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
}
.spot-tooltip--body_bottom-right {
  top: 100%;
  right: 1rem;
  transform: translateY(-10px);
}
.spot-tooltip--body_right-top {
  left: 100%;
}
.spot-tooltip--body_right-center {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.spot-tooltip--body_right-bottom {
  left: 100%;
}
.spot-tooltip--body_top-left {
  bottom: 100%;
  left: 1rem;
  transform: translateY(10px);
}
.spot-tooltip--body_top-center {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
}
.spot-tooltip--body_top-right {
  bottom: 100%;
  right: 1rem;
  transform: translateY(10px);
}
.spot-tooltip--body .spot-body-small:first-child {
  margin-top: 0.5rem;
}
.spot-tooltip--body .spot-body-small:last-child {
  margin-bottom: 0.5rem;
}
.spot-tooltip:hover .spot-tooltip--body {
  opacity: 1;
}
.spot-tooltip:hover .spot-tooltip--body_top-left, .spot-tooltip:hover .spot-tooltip--body_top-right, .spot-tooltip:hover .spot-tooltip--body_bottom-left, .spot-tooltip:hover .spot-tooltip--body_bottom-right {
  transform: translateY(0);
}
.spot-tooltip:hover .spot-tooltip--body_top-center, .spot-tooltip:hover .spot-tooltip--body_bottom-center {
  transform: translateX(-50%) translateY(0);
}
.spot-tooltip_dark .spot-tooltip--body {
  background: rgb(51, 51, 51);
  color: rgb(255, 255, 255);
}

.spot-form-field_invalid .ng-select-container,
.spot-form-field_invalid .op-input,
.spot-form-field_invalid .op-option-list--item,
.spot-form-field_invalid .spot-text-field,
.spot-form-field_invalid .document-editor__editable-container,
.spot-form-field_invalid .ck.ck-toolbar {
  border-color: rgb(244, 171, 169);
}

.spot-form-field {
  display: flex;
  flex-direction: column;
}
.spot-form-field:empty {
  display: none;
}
.spot-form-field--label-wrap {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-weight: normal;
}
.spot-form-field--label {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0.25rem;
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: var(--base-text-weight-bold);
  font-style: normal;
  line-height: 1.25rem;
}
.spot-form-field--help-text {
  padding-left: 0.25rem;
}
.spot-form-field--actions {
  font-family: var(--body-font-family);
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.spot-form-field--actions > * {
  margin-right: 0.5rem;
}
.spot-form-field--input {
  margin-bottom: 0.25rem;
  display: flex;
}
.spot-form-field--input > * {
  flex-grow: 1;
}
.spot-form-field--description {
  font-family: var(--body-font-family);
  font-size: 0.75rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1rem;
  font-style: italic;
  margin-bottom: 0.25rem;
  color: var(--fgColor-muted);
}
.spot-form-field--errors {
  display: flex;
  flex-direction: column;
}
.spot-form-field--error {
  font-family: var(--body-font-family);
  font-size: 0.75rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1rem;
  color: var(--control-borderColor-danger);
  margin-bottom: 0.25rem;
}
.spot-form-field--label:empty, .spot-form-field--description:empty, .spot-form-field--errors:empty {
  display: none;
}

.spot-form-field_invalid .ng-select-container,
.spot-form-field_invalid .op-input,
.spot-form-field_invalid .op-option-list--item,
.spot-form-field_invalid .spot-text-field,
.spot-form-field_invalid .document-editor__editable-container,
.spot-form-field_invalid .ck.ck-toolbar {
  border-color: rgb(244, 171, 169);
}

.spot-selector-field--label-wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "input label" "description description";
}
.spot-selector-field--label-wrap_reversed {
  grid-template-areas: "label input" "description description";
}
.spot-selector-field--input {
  grid-area: input;
  padding-right: 0.5rem;
  display: flex;
  align-self: center;
}
.spot-selector-field--input_reversed {
  margin-left: auto;
  padding-left: 0.5rem;
  padding-right: 0;
}
@media (max-width: 999px), (max-height: 499px) {
  .spot-selector-field--input_reversed {
    justify-self: end;
  }
}
.spot-selector-field--label {
  grid-area: label;
  margin-bottom: 0;
  align-self: center;
}
.spot-selector-field--label_regular {
  font-weight: normal;
}
.spot-selector-field--description {
  margin-bottom: 0;
}
.spot-selector-field--label, .spot-selector-field--description {
  white-space: pre-line;
  word-break: break-word;
  word-wrap: break-word;
}

/**
 * * Ensure you're exposing only mixins and sass stuff here
 * * as all CSS output will be duplicated in EVERY component
 * * importing these helpers!
 * */
.cdk-drag-preview {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  z-index: 10000 !important;
}

.op-meeting-agenda-item {
  display: grid;
  grid-template-columns: 20px auto 1fr fit-content(300px) fit-content(40px);
  grid-template-areas: "drag-handle content duration presenter actions" ".notes notes notes notes";
}
.op-meeting-agenda-item--drag-handle, .op-meeting-agenda-item--duration, .op-meeting-agenda-item--content, .op-meeting-agenda-item--presenter {
  align-self: center;
}
.op-meeting-agenda-item--actions {
  justify-self: end;
}
.op-meeting-agenda-item--presenter {
  max-width: 300px;
  justify-self: end;
}
.op-meeting-agenda-item--duration {
  white-space: nowrap;
}
.op-meeting-agenda-item--content {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1011px) {
  .op-meeting-agenda-item {
    grid-template-columns: 20px auto 1fr 250px 50px;
    grid-template-areas: "drag-handle content content content actions" ". duration . presenter presenter" ". notes notes notes notes";
  }
  .op-meeting-agenda-item--author {
    justify-self: stretch;
  }
}

/**
 * * Ensure you're exposing only mixins and sass stuff here
 * * as all CSS output will be duplicated in EVERY component
 * * importing these helpers!
 * */
.cdk-drag-preview {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  z-index: 10000 !important;
}

.op-meeting-agenda-item-form {
  display: grid;
  grid-template-columns: minmax(0, 100%) 100px minmax(200px, 1fr);
  grid-template-areas: "title duration presenter" "notes notes notes" "add_note actions actions";
  grid-gap: 8px;
}
.op-meeting-agenda-item-form--actions {
  justify-self: end;
}
.op-meeting-agenda-item-form--presenter .ng-placeholder:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .op-meeting-agenda-item-form {
    grid-template-columns: 100px minmax(0, 100%);
    grid-template-areas: "title title" "duration presenter" "notes notes" "add_note actions";
  }
}

/**
 * * Ensure you're exposing only mixins and sass stuff here
 * * as all CSS output will be duplicated in EVERY component
 * * importing these helpers!
 * */
.cdk-drag-preview {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  z-index: 10000 !important;
}

.op-meeting-section {
  display: grid;
  grid-template-columns: 20px auto 1fr fit-content(40px);
  grid-template-areas: "drag-handle content duration actions";
}
.op-meeting-section--drag-handle, .op-meeting-section--duration, .op-meeting-section--content {
  align-self: center;
}
.op-meeting-section--actions {
  justify-self: end;
}
.op-meeting-section--duration {
  white-space: nowrap;
}
.op-meeting-section--content {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1011px) {
  .op-meeting-section {
    grid-template-columns: 20px auto 1fr 50px;
  }
}

/**
 * * Ensure you're exposing only mixins and sass stuff here
 * * as all CSS output will be duplicated in EVERY component
 * * importing these helpers!
 * */
.cdk-drag-preview {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  z-index: 10000 !important;
}

@media screen and (max-width: 767px) {
  .op-meeting-sidebar-state {
    flex-direction: row !important;
    justify-content: space-between;
    align-items: center;
  }
}
.project-custom-fields-rich-text-preview :last-child {
  display: inline;
}

.op-storage-list--header,
.op-storage-list--row {
  display: grid;
  grid-template-columns: 1fr 160px 180px 220px;
  grid-template-areas: "name provider user time" "host provider user time";
}

@media screen and (max-width: 1011px) {
  .op-storage-list--header,
  .op-storage-list--row {
    grid-template-columns: 1fr 160px 60px 140px;
  }
}
@media screen and (max-width: 543px) {
  .op-storage-list--row {
    grid-template-columns: 1fr;
    grid-template-areas: "name" "host" "user" "time";
    grid-row-gap: 5px;
  }
  .op-storage-list--header {
    grid-template-columns: 1fr;
    grid-template-areas: "name";
  }
}
.op-storage-view--row {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-template-areas: "item icon-button" "description icon-button";
}

.op-share-dialog-modal-body--row-container {
  gap: 16px;
}
.op-share-dialog-modal-body--user-row {
  display: grid;
  grid-template-columns: minmax(31px, auto) 1fr auto;
  grid-template-areas: "avatar user_details button";
  grid-column-gap: 10px;
}
.op-share-dialog-modal-body--user-row_manageable {
  display: grid;
  grid-template-columns: 20px minmax(31px, auto) 1fr auto auto;
  grid-template-areas: "selection avatar user_details button remove";
  grid-column-gap: 10px;
}
.op-share-dialog-modal-body--header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "counter actions";
  grid-column-gap: 10px;
}

.invite-user-form {
  display: grid;
  grid-template-columns: 1fr auto auto;
  grid-template-areas: "invitee permission submit" "userLimitWarning userLimitWarning userLimitWarning" "errors errors errors" "userSelectedWarning userSelectedWarning userSelectedWarning";
  grid-column-gap: 0.5rem;
}

.progress-form .input--readonly {
  background-color: unset !important;
  border: none !important;
  box-shadow: none !important;
}

.op-long-text-attribute {
  position: relative;
}
.op-long-text-attribute--text {
  overflow: hidden;
  margin: 0;
}
.op-long-text-attribute--text-hider {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 1.5em;
  width: 2em;
}
.op-long-text-attribute--text-expander {
  position: absolute;
  bottom: 1px;
  right: 0;
  float: right;
}

.op-filters-form {
  display: none;
}
.op-filters-form.-expanded {
  display: block;
}
.op-filters-form .advanced-filters--filter-value.hidden {
  visibility: hidden;
  height: 55px;
}
.op-filters-form .advanced-filters--filter-value .multi-select {
  display: none;
}
.op-filters-form .advanced-filters--filter-value .single-select {
  display: block;
}
.op-filters-form .advanced-filters--filter-value.multi-value .multi-select {
  display: block;
}
.op-filters-form .advanced-filters--filter-value.multi-value .single-select {
  display: none;
}
.op-filters-form .advanced-filters--filter-value.between-dates > .on-date,
.op-filters-form .advanced-filters--filter-value.between-dates > .days {
  display: none;
}
.op-filters-form .advanced-filters--filter-value.on-date > .between-dates,
.op-filters-form .advanced-filters--filter-value.on-date > .days {
  display: none;
}
.op-filters-form .advanced-filters--filter-value.days > .on-date,
.op-filters-form .advanced-filters--filter-value.days > .between-dates {
  display: none;
}
.op-filters-form .advanced-filters--filter-value.between-dates input[type=text] {
  display: inline-block;
  max-width: 6rem;
}
.op-filters-form .advanced-filters--controls {
  margin-top: 1rem;
}
.op-filters-form_top-margin {
  margin-top: 1rem;
}

.op-project-row-component--favorite {
  opacity: 0;
}
.op-project-row-component:hover .op-project-row-component--favorite {
  opacity: 1;
}

/**
 * * Ensure you're exposing only mixins and sass stuff here
 * * as all CSS output will be duplicated in EVERY component
 * * importing these helpers!
 * */
.cdk-drag-preview {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  z-index: 10000 !important;
}

.op-new-project-mapping-form .ng-placeholder:before {
  font-family: "openproject-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/codemirror/lib/codemirror.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection, 
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
.cm-fat-cursor { caret-color: transparent; }
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */ border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/jquery-ui/themes/base/core.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/jquery-ui/themes/base/datepicker.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
/*!
 * jQuery UI Datepicker 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/jquery-ui/themes/base/dialog.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/*!
 * jQuery UI Dialog 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/flatpickr/dist/flatpickr.min.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background:#fff;box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;box-sizing:border-box;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}