.search-bar-container{width:100%;max-width:var(--max-width-mobile);display:flex;align-items:center;color:var(--text-primary);background-color:var(--background-secondary);box-shadow:inset 2px 2px 3px var(--highlight-faded),inset -2px -2px 3px var(--highlight-faded);border-radius:5px;padding:2px}.search-bar-icon{margin:6px;position:absolute}.search-bar-input{flex-grow:1;display:flex;flex-direction:column}.search-bar-input div{padding:0!important}.search-bar-input input{padding-left:40px!important;padding-right:40px!important}.search-bar-input fieldset{border:none}.search-bar-option{background-color:var(--background-faded);width:100%}ul{background-color:var(--background-secondary)}.search-bar-container.incorrect{animation:shake .5s;box-shadow:inset 2px 2px #c71585,inset -2px -2px #c71585,inset 2px -2px #c71585,inset -2px 2px #c71585}@keyframes shake{0%{transform:translateX(1px)}10%{transform:translateX(-1px)}20%{transform:translateX(2px)}30%{transform:translateX(-2px)}40%{transform:translateX(3px)}50%{transform:translateX(-3px)}60%{transform:translateX(3px)}70%{transform:translateX(-2px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}to{transform:translateX(1px)}}.search-bar-container.skeleton{height:42px;width:100%;max-width:var(--max-width-mobile)}.text-display-container{background-color:var(--theme-secondary);color:var(--theme-text);border:3px solid var(--theme-primary);border-radius:10px;padding:6px 12px;font-weight:600;overflow:hidden}.text-display-container.animate{animation:display-animation .5s ease-in-out}@keyframes display-animation{0%{box-shadow:none}50%{box-shadow:1px 1px 3px var(--background-primary),-1px -1px 3px var(--background-primary),1px -1px 3px var(--background-primary),-1px 1px 3px var(--background-primary),5px 5px 10px var(--theme-primary),-5px -5px 10px var(--theme-primary),5px -5px 10px var(--theme-primary),-5px 5px 10px var(--theme-primary)}to{box-shadow:none}}