@layer theme,base;@layer components{.block__submenu{gap:var(--umb-submenu-block-gap,var(--umb-spacer-4));width:100%}.submenu-wrapper{display:var(--umb-submenu-wrapper-display,flex);flex-direction:var(--umb-submenu-wrapper-flex-direction,column);transition:var(--umb-submenu-wrapper-transition,border-radius .2s)}.submenu-wrapper .submenu-title a{color:var(--umb-submenu-title-color,var(--umb-body-color))}.submenu-wrapper .nav-item{flex-wrap:wrap;margin-top:0;margin-bottom:0;display:flex}.submenu-wrapper .nav-link{gap:var(--umb-submenu-link-gap,var(--umb-spacer-1));padding:var(--umb-submenu-link-padding,var(--umb-spacer-1) var(--umb-spacer-3));border-radius:var(--umb-submenu-link-border-radius,calc(var(--umb-border-radius) * .5));flex-direction:column;flex-grow:1;text-decoration:none;transition:all .2s;display:flex;position:relative}@media (width>=1200px){.submenu-wrapper .nav-link{padding:var(--umb-submenu-link-padding,var(--umb-spacer-2) var(--umb-spacer-3))}}.submenu-wrapper .nav-link:hover{background-color:var(--umb-submenu-link-hover-bg-color,var(--umb-light))}.submenu-wrapper .nav-link:hover .text-label{font-weight:var(--umb-text-label-hover-font-weight,var(--umb-font-weight-medium));font-style:var(--umb-text-label-hover-font-style,inherit);color:var(--umb-text-label-hover-color,var(--umb-body-color));line-height:1.2}.submenu-wrapper .nav-link:hover .text-description{font-weight:var(--umb-text-description-hover-font-weight,inherit);font-style:var(--umb-text-description-hover-font-style,inherit);color:var(--umb-text-description-hover-color,var(--umb-body-secondary-color))}.submenu-wrapper .nav-link.active{background-color:var(--umb-submenu-link-active-bg-color,var(--umb-light));pointer-events:none}.submenu-wrapper .nav-link.active .text-label{font-weight:var(--umb-text-label-active-font-weight,var(--umb-font-weight-medium));font-style:var(--umb-text-label-active-font-style,inherit);color:var(--umb-text-label-active-color,var(--umb-body-color));line-height:1.2}.submenu-wrapper .nav-link.active .text-description{font-weight:var(--umb-text-description-active-font-weight,inherit);font-style:var(--umb-text-description-active-font-style,inherit);color:var(--umb-text-description-active-color,var(--umb-body-secondary-color))}.submenu-wrapper .nav-link-indicator{color:var(--umb-nav-link-color);transform-origin:50%;align-items:start;transition:transform .25s ease-in-out;display:flex;transform:rotate(180deg)}.submenu-wrapper .nav-link-indicator.collapsed{transform:rotate(0)}.submenu-wrapper .text-label{font-size:var(--umb-text-label-font-size,var(--umb-body-font-size));font-weight:var(--umb-text-label-font-weight,var(--umb-font-weight-medium));font-style:var(--umb-text-label-font-style,inherit);color:var(--umb-text-label-color,var(--umb-body-color));line-height:1.2}.submenu-wrapper .text-description{font-size:var(--umb-text-description-font-size,var(--umb-fts--1));font-weight:var(--umb-text-description-font-weight,inherit);font-style:var(--umb-text-description-font-style,inherit);color:var(--umb-text-description-color,var(--umb-body-secondary-color))}.submenu-sub{border-radius:var(--umb-border-radius);z-index:1;background-color:#f8f9fa;width:auto;min-width:14rem;position:absolute;top:100%}.submenu-section{gap:var(--umb-submenu-section-flex-gap,var(--umb-spacer-1));flex-direction:column;margin:0;padding:0;display:flex}.submenu-section.submenu-section-flex{flex-direction:column;display:flex}.submenu-section.submenu-section-grid{grid-template-columns:var(--umb-submenu-section-grid-template-columns,repeat(auto-fit, minmax(min(100%, 15rem), 1fr)));gap:var(--umb-submenu-section-grid-gap,var(--umb-spacer-1));display:grid}.submenu-section.submenu-section-grid .nav-item{width:100%;height:100%}.submenu-section.submenu-section-grid .nav-link{height:100%}@media (width>=768px){.submenu-horizontal .submenu-section-flex{flex-flow:wrap}}.block__submenu>.submenu-toggle{display:inline-flex}.block__submenu>.submenu-collapse:not(.show){display:none}@media (width>=768px){.block__submenu>.submenu-toggle{display:none}.block__submenu>.submenu-collapse:not(.show){display:block}}}@layer utilities;
