.error{display:flex;gap:8px;width:fit-content;margin:10px;padding:10px;border:1px solid var(--border-light);border-radius:26px;background:var(--bg-primary-light);transition:.2s ease-in-out 0s}.error:hover{box-shadow:var(--elevation)}.progress-container{width:100%;height:4px;background-color:var(--bg-primary-light)}.progress-bar{height:100%;width:0;background-color:var(--primary-light);animation:progress 2s infinite}@keyframes progress{0%{width:0}50%{width:50%}to{width:100%}}.content{display:flex;justify-content:center}.button{display:flex;gap:8px;width:auto;height:40px;padding:10px;margin:10px 24px;border:1px solid var(--border-light);border-radius:26px;background:var(--bg-light);transition:.2s ease-in-out 0s;white-space:nowrap;cursor:pointer}.button:hover{box-shadow:var(--elevation)}.button:active{box-shadow:none}.header{display:flex;justify-content:space-between;align-items:center;height:70px;border-bottom:1px solid var(--border-light)}.search-bar{display:flex;gap:4px;padding:4px;border-radius:26px;border:1px solid var(--border-light);background:var(--bg-light);transition:.2s ease-in-out 0s;width:300px;height:40px;margin:10px 24px}.search-bar:hover{box-shadow:var(--elevation)}.search-input{display:flex;font-size:16px;letter-spacing:1px;padding:0 16px;border-radius:inherit;background-color:transparent;border:none;width:100%}.search-input:focus-visible{outline:none}.search-button,.back-button{display:flex;align-items:center;border-radius:26px;background-color:transparent;cursor:pointer;border:none;transition:.2s ease-in-out 0s}.back-button{display:none}.focus-within{position:absolute;right:0;width:100%;margin:0;padding:4px 0;height:62px;border-width:0;border-radius:unset;box-shadow:var(--elevation)}.focus-within>button{padding:0 24px}.visible{display:flex}ul{padding-left:20px;margin-bottom:0}h2{margin-top:0}.card{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;align-self:stretch;border:1px solid var(--border-light);background:var(--bg-light);border-radius:12px;padding:10px;width:180px;transition:.2s ease-in-out 0s}.card:hover{box-shadow:var(--elevation)}.result{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:10px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--primary-light: #a13f28;--bg-primary-light: #f5ddd8;--border-light: #cac4d0;--bg-light: #fef7ff;--shadow: 0 0 0;--elevation: 0px 3px 1px -2px rgb(var(--shadow) / .2), 0px 2px 2px 0px rgb(var(--shadow) / .14), 0px 1px 5px 0px rgb(var(--shadow) / .12)}body{margin:0}