:root {
  --rounded-corners: 2rem;
}

.tag,
[tag] {
  transition: all 0.25s ease;
}

[tag][secondary],
[tag].secondary,
.tag.secondary {
  background-color: var(--theme-background, #fff);
  border: solid 1px var(--border-color);
}

.tag:active,
[tag]:active {
  opacity: 0.5;
  transform: scale(1.4);
}

go-view-header-right go-button[role="close"] go-icon {
  background-color: var(--border-color);
  padding: var(--gap);
  border-radius: 50%;
  box-shadow: 0 0 calc(var(--gap) * 1) #00000040;
}

go-view-header-right .tag {
  padding: calc(var(--gap) * 1) calc(var(--gap) * 1);
}

.View.view:not(.transparent):not(.trhead) .ViewHeader {
  background: linear-gradient(180deg, var(--theme-background, #fff), transparent);
  border-bottom: none;
}

.View.view.trhead:not(.transparent) .ViewHeader,
.View.view.trhead:not(.transparent) .ViewContent {
  background-color: rgba(255, 255, 255, 0);
  border-bottom: none;
  box-shadow: none;
  background: linear-gradient(180deg, var(--theme-background, #fff), transparent);
  border-bottom: none;
}

.View.menu[class*="top-"] > .ViewContent > .ViewHeader,
.View.menu[class*="top-"]:not(.rounded):not(.round):not(.radius) > .ViewContent,
.View.default.menu[class*="top-"] > .ViewContent > .ViewHeader,
.View.default.menu[class*="top-"]:not(.rounded):not(.round):not(.radius) > .ViewContent {
  border-radius: 0 0 var(--rounded-corners, 1rem) var(--rounded-corners, 1rem);
}

.View.menu[class*="bottom-"] > .ViewContent > .ViewHeader,
.View.menu[class*="bottom-"]:not(.rounded):not(.round):not(.radius) > .ViewContent,
.View.default.menu[class*="bottom-"] > .ViewContent > .ViewHeader,
.View.default.menu[class*="bottom-"]:not(.rounded):not(.round):not(.radius) > .ViewContent {
  border-radius: var(--rounded-corners, 1rem) var(--rounded-corners, 1rem) 0 0;
}

.View.view.search .search_input {
  background: linear-gradient(180deg, var(--theme-translucid, #ffffff99), transparent);
}

.View.view.search .search_input .input {
  background-color: var(--theme-background, #fff);
}

.View.view.spaces .ViewBackground {
  backdrop-filter: blur(5px);
}
