/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./web/profiles/uw/uw_profile/modules/uw_theme_components/patterns/molecules/menu/menu.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/********
 * Colors
 ********/
/************
 * Typography
 ************/
/*
 * We can use the font weight fot the bold styling example below
 * .test-font { font-family: $font-default; } regular
 * .test-font-bold { font-family: $font-default; font-weight: $font-weight-bold; }
 * @see: _typography.scss
*/
/*****************
 * Global elements
 *****************/
/****************
 * Sizing/Spacing
 ****************/
/*******
 * Forms
 ******/
/***********
 * Bootstrap
 ***********/
/**********
 * Mappings
 *********/
/*
 * IMPORTANT:
 *   - This file should *only contain* variables not considered UN style guide *
 */
/**
  Help theming for rtl languages.
*/
/*
 * This handles indentation for the depth of child levels for accordion
 * TODO: improve this implementation, overly complex due to previous design
 */
/*
 * Reset the button appearance to make it look like regular text.
 *
 * The padding can be optionally passed, as it is usually overriden.
 *
 * @param {Number} $padding - The padding to apply to the button.
 */
/*
 * Adds color & text-shadow-based outline to type.
 *
 * @param {color} $color - Color of the marker.
 * @param {color} $border-color - Color for the outline, or border.
 * @param {percent} $border-alpha - Value used in sass:color.scale().
 */
/*
 * Encapsulates the styles for the WYSIWYG editor.
 *
 * We use a mixin in order to be able to reuse these rules inside the
 * CKEditor5 stylesheet to provide the same styles for the editor content.
 * @see un2_theme/scss/admin/_ckeditor5.scss.
 * @see un2_theme/scss/components/_wysiwyg.scss.
 */
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/webfonts-loader/index.js!./web/themes/uw/un2_theme/assets/icons/webicons.monochrome.js ***!
  \***********************************************************************************************************************************************************************************/
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/webfonts-loader/index.js!./web/themes/uw/un2_theme/assets/icons/webicons.color.js ***!
  \******************************************************************************************************************************************************************************/
/*
 * NOTE: there are issues using fontawesome's default mixins due to the
 * use of @extends %fa-icon:
 * - we replace it with @include fa-icon & proper font
 * - we manually set the font-weight
 * - this is quite safe, as these mixins are straight-forward
 * - we also add the support to add icons to both ::before & ::after
 */
.uw-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.uw-menu a[href]:not(.btn) {
  color: var(--menu-text-color, #404040);
}
.uw-menu a[role=menuitem],
.uw-menu span[role=menuitem] > a {
  text-decoration: none;
}
.uw-menu:not(.op-display--list) a[role=menuitem],
.uw-menu:not(.op-display--list) [role=menuitem] {
  display: flex;
  position: relative;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid transparent;
  padding: 0.625rem 0.95rem;
  color: var(--menu-text-color, #404040);
}
.uw-menu:not(.op-display--list) a[role=menuitem]:hover, .uw-menu:not(.op-display--list) a[role=menuitem].active-trail, .uw-menu:not(.op-display--list) a[role=menuitem][aria-expanded=true],
.uw-menu:not(.op-display--list) [role=menuitem]:hover,
.uw-menu:not(.op-display--list) [role=menuitem].active-trail,
.uw-menu:not(.op-display--list) [role=menuitem][aria-expanded=true] {
  background-color: var(--hover-bg-color, #e6e6e6);
  color: var(--hover-text-color, #404040);
  font-weight: var(--hover-text-weight, normal);
}
.uw-menu:not(.op-display--list) a[role=menuitem]:hover .uw-menu-chevron, .uw-menu:not(.op-display--list) a[role=menuitem].active-trail .uw-menu-chevron, .uw-menu:not(.op-display--list) a[role=menuitem][aria-expanded=true] .uw-menu-chevron,
.uw-menu:not(.op-display--list) [role=menuitem]:hover .uw-menu-chevron,
.uw-menu:not(.op-display--list) [role=menuitem].active-trail .uw-menu-chevron,
.uw-menu:not(.op-display--list) [role=menuitem][aria-expanded=true] .uw-menu-chevron {
  color: var(--hover-text-color, #404040);
}
.uw-menu:not(.op-display--list) button {
  border: none;
  border-bottom-color: #bfbfbf;
  background-color: transparent;
  text-align: left;
}
.uw-menu:not(.op-display--list) button span {
  flex-grow: 1;
}
.uw-menu:not(.op-display--list) button .uw-menu-chevron {
  transform: rotate(var(--chevron-rotate, 0deg));
  transition: transform 0.25s ease-in-out;
  height: 1rem;
  color: var(--menu-text-color, #404040);
}
.uw-menu:not(.op-display--list) button .uw-menu-chevron.after {
  margin-inline-start: 0.95rem;
}
.uw-menu:not(.op-display--list) button .uw-menu-chevron.before {
  margin-inline-end: 0.95rem;
}
.uw-menu .menu-special {
  background-color: var(--menu-bg-color, #f5f5f5);
}
.uw-menu .menu-special i {
  color: var(--menu-special-text-color, #a01d43);
}
.uw-menu .menu-special a:not(.btn)[role=menuitem],
.uw-menu .menu-special [role=menuitem] {
  background-color: var(--menu-bg-color, #f5f5f5);
  color: var(--menu-special-text-color, #a01d43);
}
.uw-menu .menu-special a:not(.btn)[role=menuitem]:hover, .uw-menu .menu-special a:not(.btn)[role=menuitem].active, .uw-menu .menu-special a:not(.btn)[role=menuitem].active-trail, .uw-menu .menu-special a:not(.btn)[role=menuitem][aria-expanded=true],
.uw-menu .menu-special [role=menuitem]:hover,
.uw-menu .menu-special [role=menuitem].active,
.uw-menu .menu-special [role=menuitem].active-trail,
.uw-menu .menu-special [role=menuitem][aria-expanded=true] {
  background-color: var(--hover-special-bg-color, #a01d43);
  color: var(--hover-special-text-color, #fff);
}
.uw-menu .menu-special a:not(.btn)[role=menuitem]:hover.external-link::after, .uw-menu .menu-special a:not(.btn)[role=menuitem]:hover.lang-is-active::after, .uw-menu .menu-special a:not(.btn)[role=menuitem]:hover.file::after, .uw-menu .menu-special a:not(.btn)[role=menuitem].active.external-link::after, .uw-menu .menu-special a:not(.btn)[role=menuitem].active.lang-is-active::after, .uw-menu .menu-special a:not(.btn)[role=menuitem].active.file::after, .uw-menu .menu-special a:not(.btn)[role=menuitem].active-trail.external-link::after, .uw-menu .menu-special a:not(.btn)[role=menuitem].active-trail.lang-is-active::after, .uw-menu .menu-special a:not(.btn)[role=menuitem].active-trail.file::after, .uw-menu .menu-special a:not(.btn)[role=menuitem][aria-expanded=true].external-link::after, .uw-menu .menu-special a:not(.btn)[role=menuitem][aria-expanded=true].lang-is-active::after, .uw-menu .menu-special a:not(.btn)[role=menuitem][aria-expanded=true].file::after,
.uw-menu .menu-special [role=menuitem]:hover.external-link::after,
.uw-menu .menu-special [role=menuitem]:hover.lang-is-active::after,
.uw-menu .menu-special [role=menuitem]:hover.file::after,
.uw-menu .menu-special [role=menuitem].active.external-link::after,
.uw-menu .menu-special [role=menuitem].active.lang-is-active::after,
.uw-menu .menu-special [role=menuitem].active.file::after,
.uw-menu .menu-special [role=menuitem].active-trail.external-link::after,
.uw-menu .menu-special [role=menuitem].active-trail.lang-is-active::after,
.uw-menu .menu-special [role=menuitem].active-trail.file::after,
.uw-menu .menu-special [role=menuitem][aria-expanded=true].external-link::after,
.uw-menu .menu-special [role=menuitem][aria-expanded=true].lang-is-active::after,
.uw-menu .menu-special [role=menuitem][aria-expanded=true].file::after {
  background-color: var(--hover-special-text-color, #fff);
}
.uw-menu .menu-special menu,
.uw-menu .menu-special div {
  background-color: var(--menu-special-child-bg-color, #faf3f5);
}
.uw-menu .menu-special menu a:not(.btn)[role=menuitem],
.uw-menu .menu-special menu [role=menuitem],
.uw-menu .menu-special menu .collapse,
.uw-menu .menu-special div a:not(.btn)[role=menuitem],
.uw-menu .menu-special div [role=menuitem],
.uw-menu .menu-special div .collapse {
  background-color: var(--menu-special-child-bg-color, #faf3f5);
}
.uw-menu.op-animate-chevron [aria-expanded=true] .uw-menu-chevron {
  transform: rotate(calc((var(--chevron-rotate, 0deg)) - 180deg));
}
.uw-menu.op-display--accordion-vertical:not(.op-display--list) {
  background: var(--menu-bg-color, #f5f5f5);
}
.uw-menu.op-display--accordion-vertical:not(.op-display--list)[role=menubar] > li > [role=menuitem] {
  font-weight: 500;
}
.uw-menu.op-display--accordion-vertical:not(.op-display--list) button[role=menuitem]:not(.collapsed) {
  border-block-end: 1px solid #bfbfbf;
}
.uw-menu.op-display--accordion-vertical:not(.op-display--list) li,
.uw-menu.op-display--accordion-vertical:not(.op-display--list) li > [role=menuitem] {
  width: 100%;
}
.uw-menu.op-display--accordion-vertical:not(.op-display--list) li .button-inner,
.uw-menu.op-display--accordion-vertical:not(.op-display--list) li > [role=menuitem] .button-inner {
  display: flex;
}
.uw-menu.op-display--accordion-vertical:not(.op-display--list) li .button-inner .icon-wrapper,
.uw-menu.op-display--accordion-vertical:not(.op-display--list) li > [role=menuitem] .button-inner .icon-wrapper {
  flex-grow: 0;
}
.uw-menu.op-display--accordion-vertical:not(.op-display--list) .nav-link-level-2, .uw-menu.op-display--accordion-vertical:not(.op-display--list) menu > li > [role=menuitem] {
  padding-inline-start: 1.95rem;
}
.uw-menu.op-display--accordion-vertical:not(.op-display--list) .nav-link-level-2.file::after, .uw-menu.op-display--accordion-vertical:not(.op-display--list) .nav-link-level-2.sf-external::after, .uw-menu.op-display--accordion-vertical:not(.op-display--list) .nav-link-level-2.lang-is-active, .uw-menu.op-display--accordion-vertical:not(.op-display--list) menu > li > [role=menuitem].file::after, .uw-menu.op-display--accordion-vertical:not(.op-display--list) menu > li > [role=menuitem].sf-external::after, .uw-menu.op-display--accordion-vertical:not(.op-display--list) menu > li > [role=menuitem].lang-is-active {
  right: 0.95rem;
}
.uw-menu.op-display--accordion-vertical:not(.op-display--list) .nav-item-level-3 > .nav-link, .uw-menu.op-display--accordion-vertical:not(.op-display--list) menu menu > li > [role=menuitem] {
  padding-inline-start: 2.95rem;
}
.uw-menu.op-display--accordion-vertical:not(.op-display--list) .nav-item-level-3 > .nav-link.file::after, .uw-menu.op-display--accordion-vertical:not(.op-display--list) .nav-item-level-3 > .nav-link.sf-external::after, .uw-menu.op-display--accordion-vertical:not(.op-display--list) .nav-item-level-3 > .nav-link.lang-is-active, .uw-menu.op-display--accordion-vertical:not(.op-display--list) menu menu > li > [role=menuitem].file::after, .uw-menu.op-display--accordion-vertical:not(.op-display--list) menu menu > li > [role=menuitem].sf-external::after, .uw-menu.op-display--accordion-vertical:not(.op-display--list) menu menu > li > [role=menuitem].lang-is-active {
  right: 0.95rem;
}
.uw-menu.op-display--tree[role=menu] {
  --hover-text-color: $uw.menu-text-color;
}
.uw-menu.op-display--tree[role=menu] button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  padding-inline: 0.5rem 0.25rem;
  width: 1.75rem;
  min-height: 2.1875rem;
}
.uw-menu.op-display--tree[role=menu] button .uw-menu-chevron {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.8rem;
  height: 0.8rem;
}
.uw-menu.op-display--tree[role=menu] button .uw-menu-chevron::before {
  font-size: 0.8rem;
  line-height: 1;
}
.uw-menu.op-display--tree[role=menu] button .uw-menu-chevron.after {
  margin-inline-start: 0;
}
.uw-menu.op-display--tree[role=menu] button .uw-menu-chevron.before {
  margin-inline-end: 0;
}
.uw-menu.op-display--tree[role=menu] [role=menuitem] {
  align-items: stretch;
  border-bottom: none;
  padding: 0;
}
.uw-menu.op-display--tree[role=menu] [role=menuitem]:hover, .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail, .uw-menu.op-display--tree[role=menu] [role=menuitem][aria-expanded=true] {
  background-color: unset;
  color: unset;
  font-weight: unset;
}
.uw-menu.op-display--tree[role=menu] [role=menuitem] > a,
.uw-menu.op-display--tree[role=menu] [role=menuitem] > span {
  display: flex;
  align-items: center;
  padding-inline: 0.25rem 1.25rem;
  padding-block: 0.34rem 0.34rem;
}
.uw-menu.op-display--tree[role=menu] [role=menuitem] > a {
  display: block;
  flex: 1;
}
.uw-menu.op-display--tree[role=menu] [role=menuitem] > a:hover,
.uw-menu.op-display--tree[role=menu] [role=menuitem] > button:hover {
  background-color: #525252;
  color: #fff;
}
.uw-menu.op-display--tree[role=menu] [role=menuitem] .file::after {
  background-color: currentColor;
}
.uw-menu.op-display--tree[role=menu] button[role=menuitem] > span {
  display: flex;
  align-items: center;
  padding: 0;
}
.uw-menu.op-display--tree[role=menu] button[role=menuitem] .button-inner > span:not(.icon-wrapper) {
  display: flex;
  align-items: center;
  padding-inline: 0.25rem 1.25rem;
  padding-block: 0.34rem 0.34rem;
}
.uw-menu.op-display--tree[role=menu] button[role=menuitem] .icon-wrapper {
  display: flex;
  flex: 0;
  justify-content: center;
  align-items: center;
  padding-inline: 0.5rem 0.25rem;
  width: 1.75rem;
  min-height: 2.1875rem;
}
.uw-menu.op-display--tree[role=menu] button[role=menuitem]:hover .button-inner, .uw-menu.op-display--tree[role=menu] button[role=menuitem]:hover .button-inner {
  background-color: #525252;
  color: #fff;
}
.uw-menu.op-display--tree[role=menu] a[role=menuitem] {
  align-items: center;
  padding-inline: 0 1.25rem;
  padding-block: 0.34375rem 0.34375rem;
}
.uw-menu.op-display--tree[role=menu] a[role=menuitem]:hover {
  background-color: #525252;
  color: #fff;
}
.uw-menu.op-display--tree[role=menu] a[role=menuitem]::before {
  display: block;
  display: flex;
  flex: 0 0 2rem;
  justify-content: center;
  align-items: center;
  content: "●";
  color: #bfbfbf;
  line-height: 1;
  text-align: center;
}
.uw-menu.op-display--tree[role=menu] a[role=menuitem].file::after {
  background-color: currentColor;
}
.uw-menu.op-display--tree[role=menu] .uw-menu--not-expandable {
  display: block;
}
.uw-menu.op-display--tree[role=menu] .uw-menu--not-expandable > .active-trail {
  background-color: #f5f5f5;
}
.uw-menu.op-display--tree[role=menu] [role=menuitem].active-item {
  border-inline-end: 0.25rem solid #40b6e4;
  font-weight: var(--menu-tree-active-item-font-weight, normal);
}
.uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #f5f5f5;
}
.uw-theme-absolute-black-75 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-absolute-black-75 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-absolute-black-75 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-absolute-black-75 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #525252;
}

.uw-theme-absolute-black-68 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-absolute-black-68 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-absolute-black-68 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-absolute-black-68 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #404040;
}

.uw-theme-absolute-black-50 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-absolute-black-50 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-absolute-black-50 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-absolute-black-50 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #404040;
}

.uw-theme-absolute-black-25 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-absolute-black-25 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-absolute-black-25 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-absolute-black-25 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #f5f5f5;
}

.uw-theme-absolute-black-04 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-absolute-black-04 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-absolute-black-04 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-absolute-black-04 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #bfe6f6;
}

.uw-theme-darker-blue .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-darker-blue .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-darker-blue .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-darker-blue .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #404040;
}

.uw-theme-un-blue-50 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-un-blue-50 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-un-blue-50 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-un-blue-50 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #f5f5f5;
}

.uw-theme-un-blue-25 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-un-blue-25 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-un-blue-25 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-un-blue-25 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #f5f5f5;
}

.uw-theme-un-blue-05 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-un-blue-05 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-un-blue-05 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-un-blue-05 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #f5f5f5;
}

.uw-theme-darker-blue-25 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-darker-blue-25 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-darker-blue-25 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-darker-blue-25 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #f5f5f5;
}

.uw-theme-darker-blue-05 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-darker-blue-05 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-darker-blue-05 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-darker-blue-05 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #f5f5f5;
}

.uw-theme-information-blue .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-information-blue .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-information-blue .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-information-blue .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #404040;
}

.uw-theme-information-blue-25 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-information-blue-25 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-information-blue-25 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-information-blue-25 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #f5f5f5;
}

.uw-theme-error-red-25 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-error-red-25 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-error-red-25 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-error-red-25 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #f5f5f5;
}

.uw-theme-warning-yellow-25 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-warning-yellow-25 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-warning-yellow-25 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-warning-yellow-25 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #f5f5f5;
}

.uw-theme-success-green-25 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-success-green-25 .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-success-green-25 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-success-green-25 .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #f5f5f5;
}

.uw-theme-white .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-white .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-white .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-white .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #f5f5f5;
}

.uw-theme-black .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a,
.uw-theme-black .uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button,
.uw-theme-black .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a,
.uw-theme-black .uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button {
  background-color: #404040;
}

.uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > a:hover,
.uw-menu.op-display--tree[role=menu] [role=menuitem].active-trail > button:hover,
.uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > a:hover,
.uw-menu.op-display--tree[role=menu] [role=menuitem]:has([aria-expanded=true]) > button:hover {
  background-color: #525252;
  color: #fff;
}
.uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #f5f5f5;
}
.uw-theme-absolute-black-75 .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #525252;
}

.uw-theme-absolute-black-68 .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #404040;
}

.uw-theme-absolute-black-50 .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #404040;
}

.uw-theme-absolute-black-25 .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #f5f5f5;
}

.uw-theme-absolute-black-04 .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #bfe6f6;
}

.uw-theme-darker-blue .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #404040;
}

.uw-theme-un-blue-50 .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #f5f5f5;
}

.uw-theme-un-blue-25 .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #f5f5f5;
}

.uw-theme-un-blue-05 .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #f5f5f5;
}

.uw-theme-darker-blue-25 .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #f5f5f5;
}

.uw-theme-darker-blue-05 .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #f5f5f5;
}

.uw-theme-information-blue .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #404040;
}

.uw-theme-information-blue-25 .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #f5f5f5;
}

.uw-theme-error-red-25 .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #f5f5f5;
}

.uw-theme-warning-yellow-25 .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #f5f5f5;
}

.uw-theme-success-green-25 .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #f5f5f5;
}

.uw-theme-white .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #f5f5f5;
}

.uw-theme-black .uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true] .button-inner {
  background-color: #404040;
}

.uw-menu.op-display--tree[role=menu] button[role=menuitem][aria-expanded=true]:hover .button-inner {
  background-color: #525252;
  color: #fff;
}
.uw-menu.op-display--tree[role=menu] li,
.uw-menu.op-display--tree[role=menu] li > [role=menuitem] {
  width: 100%;
}
.uw-menu.op-display--tree[role=menu] > li menu.op-display--tree > li {
  padding-inline-start: 1rem;
}
.uw-menu.op-display--tree[role=menu] > li menu.op-display--tree > li.file::after, .uw-menu.op-display--tree[role=menu] > li menu.op-display--tree > li.sf-external::after, .uw-menu.op-display--tree[role=menu] > li menu.op-display--tree > li.lang-is-active {
  right: 0;
}
.uw-menu.op-display--tree[role=menu] > li menu.op-display--tree > li li {
  padding-inline-start: 2rem;
}
.uw-menu.op-display--tree[role=menu] > li menu.op-display--tree > li li.file::after, .uw-menu.op-display--tree[role=menu] > li menu.op-display--tree > li li.sf-external::after, .uw-menu.op-display--tree[role=menu] > li menu.op-display--tree > li li.lang-is-active {
  right: 0;
}
.uw-menu.op-display--tree[role=menu] > li menu.op-display--tree > li li li {
  padding-inline-start: 3rem;
}
.uw-menu.op-display--tree[role=menu] > li menu.op-display--tree > li li li.file::after, .uw-menu.op-display--tree[role=menu] > li menu.op-display--tree > li li li.sf-external::after, .uw-menu.op-display--tree[role=menu] > li menu.op-display--tree > li li li.lang-is-active {
  right: 0;
}
.uw-menu.op-display--tree[role=menu] [aria-expanded=false] .uw-menu-chevron {
  transform: rotate(calc((var(--chevron-rotate, 0deg)) - 90deg));
}
.uw-menu.op-display--tree[role=menu] [aria-expanded=true] .uw-menu-chevron {
  transform: rotate(calc((var(--chevron-rotate, 0deg))));
}
.uw-menu.op-display--list[role=menu] {
  font-size: 0.875rem;
}
.uw-menu.op-display--list[role=menu] a[role=menuitem]:not(.childless),
.uw-menu.op-display--list[role=menu] [role=menuitem]:not(.childless) {
  font-weight: bold;
}
.uw-menu.op-display--list[role=menu] > li {
  margin-block-end: 14px;
}
.uw-menu.op-display--list[role=menu] > li > menu.op-display--list {
  margin-block: 14px 24px;
}
.uw-menu.op-display--list[role=menu] > li > menu.op-display--list a[role=menuitem],
.uw-menu.op-display--list[role=menu] > li > menu.op-display--list [role=menuitem] {
  font-weight: normal;
}
