.dark{
.navigationbar {
background-color: var(--monocrome-1000);
// border-bottom: 1px solid var(--monocrome-900);
border-bottom: 0px solid transparent;
box-shadow: 0px 10px 44px 0px rgba(0,0,0,0);
}
.menu-icon_line-top-4,
.menu-icon_line-middle-4,
.menu-icon_line-bottom-4{
background-color: var(--monocrome-200);
}
.uui-navbar07_logo-link-2-copy-copy,
.uui-navbar07_logo-link-2-copy {
.heading-10{
color: var(--monocrome-200);
}
}
.uui-button-tertiary-gray-3 {
background-color: transparent;
border: 1px solid var(--monocrome-300);
.text-block-65{
color: var(--monocrome-300);
}
&:hover{
background-color: transparent;
border: 1px solid var(--monocrome-300);
.text-block-65{
color: var(--monocrome-300);
}
}
}
.text-span-2,
.text-span-1,
.uui-dropdown-icon-3{
color: var(--monocrome-300);
}
.uui-navbar07_menu-2 {
background-color: var(--monocrome-1000)
}
.uui-navbar07_dropdown-link-2:hover {
// opacity: 0.7;
// border: 1px solid var(--primary-600);
background-color: var(--monocrome-700);
}
.uui-navbar07_dropdown-list-3 {
background-color: var(--monocrome-900);
border: 1px solid var(--monocrome-900);
}
.uui-navbar07_dropdown-link-2 {
background-color: transparent;
animation: all 200ms ease-in;
border: 1px solid var(--monocrome-900);
.uui-navbar07_item-heading-2 {
color: var(--monocrome-100);
}
.uui-text-size-small-4 {
color: var(--monocrome-500);
}
}
.uui-button-secondary-gray-4 {
background: transparent;
.text-block-72 {
color: white;
}
}
.uui-button-7 {
background: white;
color: var(--monocrome-1000);
border-color: transparent;
}
}
.transparent {
.navigationbar {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
background-color: transparent;
border-bottom: 0px solid transparent;
box-shadow: 0px 0px 0px 0px rgba(0,0,0,1);
}
.uui-button-tertiary-gray-3 {
background-color: transparent;
border: 1px solid var(--monocrome-300);
.text-block-65{
color: var(--monocrome-300);
}
&:hover{
background-color: transparent;
border: 1px solid var(--monocrome-300);
.text-block-65{
color: var(--monocrome-300);
}
}
}
.menu-icon_line-top-4,
.menu-icon_line-middle-4,
.menu-icon_line-bottom-4{
background-color: var(--monocrome-200);
}
.uui-navbar07_logo-link-2-copy-copy,
.uui-navbar07_logo-link-2-copy {
.heading-10{
color: var(--monocrome-200);
}
}
.text-span-2,
.text-span-1,
.uui-dropdown-icon-3{
color: var(--monocrome-300);
}
.uui-navbar07_menu-2 {
background-color: transparent;
}
.uui-button-secondary-gray-4 {
background: transparent;
.text-block-72 {
color: white;
}
}
.uui-button-7 {
background: white;
color: var(--monocrome-1000);
border-color: transparent;
}
@media (max-width: 990px) {
.uui-navbar07_menu-2 {
background-color: var(--monocrome-950);
}
}
} 