#```css
1 messages · Page 1 of 1 (latest)
/* 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;
}
This looks so inefficient
idk just edited it a bit
/*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);
}