.viewLifeact h2 {
  cursor: pointer;
}
.viewLifeact h2 i {
  transform: scale(0.8) rotate(0deg);
}
.viewLifeact h2[aria-expanded=true] i {
  transform: scale(0.8) rotate(180deg);
}
.viewLifeact .readable {
  display: inline-block;
  position: relative;
  opacity: 0.5;
}
.viewLifeact .created {
  font-size: 1.2rem;
  opacity: 0.5;
}
.viewLifeact .divider {
  border-bottom: 1px solid rgba(175, 195, 220, 0.4);
}
.viewLifeact .history .content {
  word-break: break-word;
}
.viewLifeact .history .actions a {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  z-index: 1020;
  padding: 20px;
  position: absolute;
  right: 18px;
  top: -1rem;
  background-color: rgba(175, 195, 220, 0.2);
}
.viewLifeact .history .actions a:hover {
  background-color: #77b0e1;
}
.viewLifeact .history .actions a i {
  position: absolute;
  top: 7px;
  left: 9px;
}
.viewLifeact .addTags {
  margin-top: -1rem;
  margin-bottom: 2rem;
}
.viewLifeact .historyWrapper:not(.edit) > .row {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}
.viewLifeact .historyWrapper:not(.edit) > .row::after {
  content: " ";
  display: block;
  position: relative;
  margin: 0 auto;
  width: 92%;
  border-bottom: 1px solid rgba(175, 195, 220, 0.2);
  top: 1.4rem;
}
.viewLifeact .historyWrapper.edit .created {
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
  margin-bottom: 1rem;
  opacity: 1;
}
.viewLifeact .historyWrapper.edit .content {
  display: none;
}
.viewLifeact .historyWrapper.edit .tagList {
  margin: 1rem 0;
}
.viewLifeact .notes {
  margin-top: 10rem;
}
.viewLifeact .tagList {
  display: flex;
  flex-wrap: wrap;
}
.viewLifeact .tagList div[id^=tagControl] {
  background-color: whitesmoke;
  border-radius: 0 0 0.25rem 0.25rem;
  box-shadow: 0 0.15rem 0.15rem 0.15rem rgba(255, 210, 0, 0.3);
  top: 2rem;
  right: 0.2rem;
  width: 4rem;
  z-index: 1;
}
.viewLifeact .tagList div[id^=tagControl] > * {
  margin: 0.8rem 0 0.3rem;
}
.viewLifeact .tagList div[id^=tagControl] i {
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  border-radius: 0.25rem;
}
.viewLifeact .tagList div[id^=tagControl] .d {
  filter: invert(48%) sepia(95%) saturate(4577%) hue-rotate(0deg) brightness(99%) contrast(101%);
}
.viewLifeact .tagList div[id^=tagControl] .u {
  filter: invert(42%) sepia(70%) saturate(4709%) hue-rotate(170deg) brightness(104%) contrast(101%);
  transform: rotate(180deg);
}
.viewLifeact .tagList div[id^=tagControl] .pencil-24 {
  transform: scale(0.8);
  margin: 0.4rem 0;
  padding: 0.4rem;
}
.viewLifeact .tagList div[id^=tagControl] .trash-24 {
  filter: invert(12%) sepia(57%) saturate(2644%) hue-rotate(333deg) brightness(107%) contrast(95%);
}
.viewLifeact .eye-closed-24 {
  cursor: pointer;
}
.viewLifeact .chevron-right-16:nth-child(2) {
  left: -10px;
}

.tag {
  border-radius: 0.25rem;
  padding: 0;
}
.tag.en .sticky + button {
  background-color: rgba(175, 195, 220, 0.25);
}
.tag.en div[id^=tagControl] {
  box-shadow: 0 0.15rem 0.15rem 0.15rem rgba(175, 195, 220, 0.4);
}
.tag.solid {
  border-bottom-right-radius: 0;
}
.tag.solid .sticky {
  opacity: 1;
}
.tag.solid .sticky + button {
  opacity: 1;
}
.tag.solid .heatBubble {
  opacity: 1;
  background-color: rgb(175, 195, 220);
}
.tag .sticky {
  opacity: 0.6;
  padding-right: 0.4rem;
  padding-bottom: 0.1rem;
  background-color: rgba(220, 0, 0, 0.2);
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all 277ms ease-in-out;
}
.tag .sticky i {
  position: relative;
  right: -0.1rem;
  transform: scale(0.7);
}
.tag .sticky + button {
  color: #070707;
  font-size: small;
  background-color: rgba(255, 210, 0, 0.15);
  border: 0;
  opacity: 0.7;
  padding: 0.2rem 0.4rem 0;
  word-break: break-all;
  transition: all 277ms ease-in-out;
}
.tag .active {
  opacity: 1;
  background-color: rgba(107, 142, 35, 0.4);
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  transition: all 277ms ease-in-out;
}
.tag .active i {
  right: -0.2rem;
  filter: brightness(0);
}
.tag .heatBubble {
  font-size: 1rem;
  background-color: rgba(175, 195, 220, 0.25);
  top: -0.8rem;
  right: -0.8rem;
  opacity: 0.5;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.dateFilter i {
  cursor: pointer;
  background-color: rgba(175, 195, 220, 0.25);
}
.dateFilter > div {
  padding: 0 1px;
}
.dateFilter > div:first-of-type {
  padding-left: 15px;
}
.dateFilter > div:nth-of-type(2) {
  padding-right: 8px;
}
.dateFilter > div:last-of-type {
  padding-right: 15px;
}
.dateFilter input {
  max-width: 70px;
}