.search-placeholder{color:var(--color-secondary);height:100%;left:var(--spacing-sm);pointer-events:none;align-items:center;gap:.25em;font-size:.875rem;display:flex;position:absolute;top:50%;overflow:hidden;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:"";z-index:1;width:100%;height:100%;position:absolute;left:0}.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{flex-direction:column;gap:2rem;margin:0;padding:0;list-style-type:none;animation:30s ease-out infinite nextIndex;display:flex}.search-placeholder__indexes ul li{margin-left:0;padding-left:0}.search-placeholder__indexes ul li:before{visibility:hidden;display:none}.search-placeholder__indexes li{align-items:center;height:1.25rem;display:flex}@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)}}