#```css

1 messages · Page 1 of 1 (latest)

strong burrow
#
/* search bar minimized until clicked */
.search-2Mwzzq:not(.open-1F8u2c) .searchBar-jGtisZ {
  width: 20px;
  transition: var(--transitionspeed);
  background-color: transparent;
}
.search-2Mwzzq(.open-1F8u2c) .searchBar-jGtisZ {
  background-color: var(--background-tertiary);
}
.search-2Mwzzq:not(.open-1F8u2c) .iconContainer-1RqWJj {
  transform: scale(1.4);
  transition: var(--transitionspeed);
}
.search-2Mwzzq(.open-1F8u2c) .iconContainer-1RqWJj {
  transform: scale(1);
}
.search-2Mwzzq:not(.open-1F8u2c) .icon-18rqoe {
  color: var(--interactive-normal);
  cursor: pointer;
}
.search-2Mwzzq:not(.open-1F8u2c):hover .icon-18rqoe {
  color: var(--interactive-hover);
  cursor: pointer;
}
opaque musk
#

This looks so inefficient

strong burrow
#

idk just edited it a bit

hidden musk
#
/*search bar minimized until hover*/
:root {
  --transitionspeed: 0.25s;
}
.search_ac353c:not(.open-1F8u2c) .searchBar_e0c60b {
  width: 27px;
  transition: var(--transitionspeed);
  background-color: transparent;
}
.search_ac353c:not(.open-1F8u2c):hover .searchBar_e0c60b {
  width: 170px;
  background-color: var(--background-tertiary);
}
.search_ac353c:not(.open-1F8u2c) .iconContainer__8fa9c {
  transform: scale(1.3);
  transition: var(--transitionspeed);
}
.search_ac353c:not(.open-1F8u2c):hover .iconContainer__8fa9c {
  transform: scale(1);
}
.search_ac353c:not(.open-1F8u2c) .icon_f50f05 {
  color: var(--text-normal);
}
.search_ac353c:not(.open-1F8u2c):hover .icon_f50f05 {
  color: var(--text-muted);
}