.search-container[data-v-d1a33f0f]{position:relative;width:100%}.input-group[data-v-d1a33f0f]{gap:8px;position:relative}.flag-container[data-v-d1a33f0f],.input-group[data-v-d1a33f0f]{align-items:center;display:flex}.flag-container[data-v-d1a33f0f]{justify-content:center;left:12px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.finnish-flag[data-v-d1a33f0f]{align-items:center;display:flex;justify-content:center}.finnish-flag img[data-v-d1a33f0f]{height:14px;-o-object-fit:contain;object-fit:contain;width:20px}.autocomplete-wrapper[data-v-d1a33f0f]{flex-grow:1;position:relative;width:100%}.search-input[data-v-d1a33f0f],[data-v-d1a33f0f] .p-autocomplete{width:100%}[data-v-d1a33f0f] .p-autocomplete-input{background-color:hsl(var(--background))!important;border:1px solid hsl(var(--border))!important;border-radius:10px!important;color:hsl(var(--foreground))!important;font-size:16px!important;height:48px!important;line-height:1.5!important;padding:12px 45px!important;transition:all .2s ease!important;width:100%}[data-v-d1a33f0f] .p-autocomplete-input:focus{border-color:hsl(var(--primary))!important;box-shadow:0 0 0 4px hsl(var(--primary)/.25)!important;outline:none!important}[data-v-d1a33f0f] .p-autocomplete-input:hover:not(:focus){border-color:hsl(var(--border))!important}[data-v-d1a33f0f] .p-autocomplete-panel{background-color:hsl(var(--card))!important;border:1px solid hsl(var(--border))!important;border-radius:12px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;margin-top:8px!important;overflow:hidden!important}[data-v-d1a33f0f] .p-autocomplete-items{background-color:hsl(var(--card))!important;padding:6px!important}[data-v-d1a33f0f] .p-autocomplete-item{border-radius:8px!important;color:hsl(var(--card-foreground))!important;font-size:15px!important;margin-bottom:2px!important;padding:10px 14px!important;transition:all .2s ease!important}[data-v-d1a33f0f] .p-autocomplete-item:last-child{margin-bottom:0!important}[data-v-d1a33f0f] .p-autocomplete-item:hover{background-color:hsl(var(--muted))!important}[data-v-d1a33f0f] .p-autocomplete-item.p-highlight{background-color:hsl(var(--accent)/.1)!important;color:hsl(var(--primary))!important;font-weight:500!important}.sound-button[data-v-d1a33f0f]{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:center;outline:none;padding:8px;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:10}.sound-button[data-v-d1a33f0f],.sound-icon[data-v-d1a33f0f]{color:hsl(var(--muted-foreground))}.sound-icon[data-v-d1a33f0f]{height:20px;width:20px}.sound-button:hover .sound-icon[data-v-d1a33f0f]{color:hsl(var(--primary))}.sound-button[data-v-d1a33f0f]:active{transform:translateY(-50%) scale(.95)}.sound-button[data-v-d1a33f0f]:focus-visible{background-color:hsl(var(--muted)/.8);outline:2px solid hsl(var(--primary));outline-offset:2px}.sound-button[data-v-d1a33f0f]:disabled{cursor:not-allowed;opacity:.5}.sound-button.playing[data-v-d1a33f0f]{color:hsl(var(--primary))}.sound-button.playing .sound-icon[data-v-d1a33f0f]{animation:soundWave-d1a33f0f 1.5s ease-in-out infinite;color:hsl(var(--primary))}@keyframes soundWave-d1a33f0f{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}to{opacity:.6;transform:scale(1)}}.search-button[data-v-d1a33f0f]{align-items:center;background-color:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:10px;box-shadow:0 1px 2px #00000005;cursor:pointer;display:flex;height:48px;justify-content:center;outline:none;padding:0;transition:all .2s ease;width:48px}.search-button[data-v-d1a33f0f],.search-icon[data-v-d1a33f0f]{color:hsl(var(--muted-foreground))}.search-icon[data-v-d1a33f0f]{height:20px;transition:color .2s ease;width:20px}.search-button[data-v-d1a33f0f]:hover{background-color:hsl(var(--primary));border-color:hsl(var(--primary))}.search-button[data-v-d1a33f0f]:hover,.search-button:hover .search-icon[data-v-d1a33f0f]{color:hsl(var(--primary-foreground))}.search-button[data-v-d1a33f0f]:active{background-color:hsl(var(--primary)/.9);transform:scale(.98)}.search-button[data-v-d1a33f0f]:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.search-button[data-v-d1a33f0f]:disabled{background-color:hsl(var(--muted));border-color:hsl(var(--border));cursor:not-allowed;opacity:.7}.search-button:disabled .search-icon[data-v-d1a33f0f]{color:hsl(var(--muted-foreground))}.suggestions-container[data-v-d1a33f0f]{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:16px;overflow:hidden;padding:12px;width:100%}.suggestions-container ul[data-v-d1a33f0f]{display:flex;flex-direction:column;gap:4px;list-style-type:none;margin:0;padding:0}.suggestion-item[data-v-d1a33f0f]{border-radius:8px;padding:10px 14px;transition:all .2s ease}.suggestion-item[data-v-d1a33f0f]:hover{background-color:hsl(var(--muted))}.suggestion-link[data-v-d1a33f0f]{color:hsl(var(--primary));cursor:pointer;display:block;font-size:15px;font-weight:500;line-height:1.5;text-decoration:none}.suggestion-link[data-v-d1a33f0f]:hover{color:hsl(var(--primary)/.8)}@media only screen and (max-width:375px){[data-v-d1a33f0f] .p-autocomplete-input{font-size:16px!important}.search-button[data-v-d1a33f0f]{font-size:16px;padding:8px 12px}.suggestion-item[data-v-d1a33f0f]{font-size:14px}}[data-v-d1a33f0f] .dark .p-autocomplete-panel,[data-v-d1a33f0f] body.dark .p-autocomplete-panel,[data-v-d1a33f0f] html.dark .p-autocomplete-panel{background-color:#1b2d47!important;border-color:#ffffff1a!important}[data-v-d1a33f0f] .dark .p-autocomplete-items,[data-v-d1a33f0f] body.dark .p-autocomplete-items,[data-v-d1a33f0f] html.dark .p-autocomplete-items{background-color:#1b2d47!important}[data-v-d1a33f0f] .dark .p-autocomplete-item,[data-v-d1a33f0f] body.dark .p-autocomplete-item,[data-v-d1a33f0f] html.dark .p-autocomplete-item{color:#f2f5fa!important}[data-v-d1a33f0f] .dark .p-autocomplete-item:hover,[data-v-d1a33f0f] body.dark .p-autocomplete-item:hover,[data-v-d1a33f0f] html.dark .p-autocomplete-item:hover{background-color:#ffffff0f!important}[data-v-d1a33f0f] .dark .p-autocomplete-item.p-highlight,[data-v-d1a33f0f] body.dark .p-autocomplete-item.p-highlight,[data-v-d1a33f0f] html.dark .p-autocomplete-item.p-highlight{background-color:#3d80c32e!important;color:#f2f5fa!important}