.search-placeholder{align-items:center;color:var(--color-secondary);display:flex;font-size:.875rem;gap:.25em;height:100%;left:var(--spacing-sm);overflow:hidden;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.base-input[data-focus=true]+.search-placeholder{display:none}.search-placeholder__label{opacity:.75}.search-placeholder__indexes{font-family:var(--font-family-secondary);height:1.25rem;position:relative}.search-placeholder__indexes:after,.search-placeholder__indexes:before{content:"";height:100%;left:0;position:absolute;width:100%;z-index:1}.search-placeholder__indexes:before{background:linear-gradient(180deg,var(--color-lightest),#fff0);top:-1rem}.search-placeholder__indexes:after{background:linear-gradient(0deg,var(--color-lightest),#fff0);bottom:-1rem}.search-placeholder__indexes ul{animation:nextIndex 30s ease-out infinite;display:flex;flex-direction:column;gap:2rem;list-style-type:none;margin:0;padding:0}.search-placeholder__indexes ul li{margin-left:0;padding-left:0}.search-placeholder__indexes ul li:before{display:none;visibility:hidden}.search-placeholder__indexes li{align-items:center;display:flex;height:1.25rem}@keyframes nextIndex{0%{opacity:1;transform:translateY(0)}4%{opacity:1;transform:translateY(0)}5%{transform:translateY(-3.25rem)}9%{transform:translateY(-3.25rem)}10%{transform:translateY(-6.5rem)}14%{transform:translateY(-6.5rem)}15%{transform:translateY(-9.75rem)}19%{transform:translateY(-9.75rem)}20%{transform:translateY(-13rem)}24%{transform:translateY(-13rem)}25%{transform:translateY(-16.25rem)}29%{transform:translateY(-16.25rem)}30%{transform:translateY(-19.5rem)}34%{transform:translateY(-19.5rem)}35%{transform:translateY(-22.75rem)}39%{transform:translateY(-22.75rem)}40%{transform:translateY(-26rem)}44%{transform:translateY(-26rem)}45%{transform:translateY(-29.25rem)}49%{transform:translateY(-29.25rem)}50%{transform:translateY(-32.5rem)}54%{transform:translateY(-32.5rem)}55%{transform:translateY(-35.75rem)}59%{transform:translateY(-35.75rem)}60%{transform:translateY(-39rem)}64%{transform:translateY(-39rem)}65%{transform:translateY(-42.25rem)}69%{transform:translateY(-42.25rem)}70%{transform:translateY(-45.5rem)}74%{transform:translateY(-45.5rem)}75%{transform:translateY(-48.75rem)}79%{transform:translateY(-48.75rem)}80%{transform:translateY(-52rem)}84%{transform:translateY(-52rem)}85%{transform:translateY(-55.25rem)}89%{transform:translateY(-55.25rem)}90%{transform:translateY(-58.5rem)}94%{transform:translateY(-58.5rem)}95%{transform:translateY(-61.75rem)}99%{opacity:1;transform:translateY(-61.75rem)}99.5%{opacity:0;transform:translateY(-61.75rem)}to{opacity:0;transform:translateY(0)}}