@property --item-counter{syntax:"<number>";inherits:false;initial-value:1}.stored-drop-down{--easing:cubic-bezier(0.5,1,0.89,1);opacity:1;height:auto;transition:opacity .2s ease,height .2s var(--easing);transition-behavior:allow-discrete;interpolate-size:allow-keywords;&:has(.search-item:first-child){.search-item:nth-child(2){--item-counter:2}.search-item:nth-child(3){--item-counter:3}.search-item:nth-child(4){--item-counter:4}.search-item:nth-child(5){--item-counter:5}.search-item{transition:opacity .2s ease,translate .2s var(--easing);transition-delay:calc(.1s * var(--item-counter))}}@starting-style{opacity:.5;height:0;& .search-item{translate:-25px;opacity:0}}}.search-icon-button{transition:opacity .1s,scale .3s,translate .3s,filter .2s,rotate .2s;transition-delay:1s;&:focus{& #search-icon{transition-delay:.1s;rotate:90deg;translate:5px}}@starting-style{opacity:0;scale:0;translate:0 10px;filter:blur(5px);rotate:90deg}#search-icon{transition:translate .2s,rotate .1s;&:hover{transition-delay:.1s;rotate:90deg;translate:5px}}}