.bottom-navbar[_ngcontent-ng-c3085699103] { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 120; display: flex; height: 4.5rem; gap: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0px 0.625rem 0.625rem; --tw-shadow-colored: 0 0 42px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,.2); --tw-shadow: var(--tw-shadow-colored); }
@media (min-width: 1024px) {
  .bottom-navbar[_ngcontent-ng-c3085699103] { display: none; }
}
.bottom-navbar[_ngcontent-ng-c3085699103]:is(.dark *) { --tw-shadow-color: rgba(142,142,142,.2); --tw-shadow: var(--tw-shadow-colored); }
.bottom-navbar[_ngcontent-ng-c3085699103] .navbar-link[_ngcontent-ng-c3085699103] { position: relative; display: flex; flex: 1 1 0%; flex-direction: column; justify-content: center; row-gap: 0.375rem; overflow: hidden; padding: 0.125rem; text-align: center; font-size: 0.625rem; font-weight: 700; text-transform: uppercase; line-height: normal; color: hsl(var(--tertiary-950) / .5); }
.bottom-navbar[_ngcontent-ng-c3085699103] .navbar-link[_ngcontent-ng-c3085699103] .icon[_ngcontent-ng-c3085699103] { margin-left: auto; margin-right: auto; height: 1.5rem; width: 1.5rem; transition-property: transform; transition-duration: 0.2s; transition-timing-function: linear; }
.bottom-navbar[_ngcontent-ng-c3085699103] .navbar-link[_ngcontent-ng-c3085699103] span[_ngcontent-ng-c3085699103] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bottom-navbar-menu[_ngcontent-ng-c3085699103] { position: fixed; bottom: 4.5rem; left: 0.5rem; z-index: 1010; }