.v3-search{width:min(460px, var(--search-available,calc(100% - 340px)));z-index:1;font-family:Pretendard,sans-serif;transition:width .2s ease-out;position:absolute;top:10px;left:50%;transform:translate(-50%)}.v3-search[data-open=true]{width:min(600px, var(--search-available,calc(100% - 340px)))}.kosmos-navigation:has(.v3-search[data-open=true]) .kosmos-desktop-header{z-index:75}.v3-search-row{align-items:center;gap:4px;display:flex}.v3-search-field{background:#1a2332;border:1px solid #2b343e;border-radius:25px;flex:1;align-items:center;gap:2px;min-width:0;height:44px;padding:0 3px;display:flex}.v3-search-field:focus-within{border-color:#536070}.v3-search-field input{color:#fff;background:0 0;border:0;outline:0;flex:1;width:0;min-width:0;padding:0;font:400 15px/1.5 Pretendard,sans-serif}.v3-search-field input::placeholder{color:#7f8e9e;opacity:1;font-size:14px}.v3-search button{cursor:pointer;font-family:inherit}.v3-search button:focus-visible{outline:2px solid var(--kosmos-green);outline-offset:-2px}.v3-search-field button{background:0 0;border:0;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;padding:0;display:grid}.v3-search-field .search-clear{flex-basis:32px;width:32px}.v3-search-field button:hover{background:#ffffff0d}.v3-search img:not(.search-result-photo,.search-strip-edge,.search-left-edge,.search-recent-card img){flex-shrink:0;max-width:none;display:block}.search-spinner{animation:.9s linear infinite search-spin}@keyframes search-spin{to{transform:rotate(360deg)}}.v3-search-panel{width:100%;max-height:var(--search-panel-max,calc(100dvh - 84px));overscroll-behavior:contain;touch-action:pan-y;color:#f0f0f0;scrollbar-width:thin;scrollbar-color:#455263 transparent;background:#111822;border:1px solid #2b343e;border-radius:24px;padding:12px;animation:.14s ease-out 80ms both search-panel-in;position:absolute;top:calc(100% + 4px);left:0;overflow:auto}@keyframes search-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.v3-search-panel>:not(.search-left-edge){position:relative}.v3-search-panel hr{background:#2b343e;border:0;height:1px;margin:4px 0}.search-left-edge{pointer-events:none;width:40px;height:425px;position:absolute;top:0;left:0;transform:scaleX(-1)}.search-section-heading{color:#8b95a1;justify-content:space-between;align-items:center;padding:8px 8px 4px;font-size:12px;display:flex}.search-section-heading button{color:#b0b8c1;background:0 0;border:0;padding:0;font-size:12px}.search-section-heading button:hover{color:#fff}.search-strip-wrap{position:relative}.search-strip{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;gap:8px;padding:12px 8px;display:flex;overflow:auto}.search-strip::-webkit-scrollbar{display:none}.search-strip-edge{pointer-events:none;width:57px;height:28px;position:absolute;top:12px;right:-14px}.search-cards .search-strip{gap:12px;padding:8px}.search-cards .search-strip-edge{height:128px;top:8px}.search-history-chip{color:#b0b8c1;white-space:nowrap;background:#1a2332;border:0;border-radius:6px;flex:none;align-items:center;gap:2px;padding:6px 8px 6px 4px;font-size:13px;line-height:16px;display:flex}.search-history-mark{place-items:center;width:16px;height:16px;display:grid}.search-result-heading{color:#8b95a1;margin:0;padding:8px 0 0;font-size:11px;font-weight:500;line-height:1.5}.v3-search-panel [role=listbox][aria-label="Trending in Kul7ure"] .search-result-heading{padding:8px 8px 4px;font-size:12px;font-weight:400}.search-result{color:#f0f0f0;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.search-result.is-topic{gap:8px;min-height:52px;padding:8px}.search-result:hover,.search-result[aria-selected=true],.search-history-chip:hover{background:#1a2332}.search-result-avatar{flex:0 0 36px;width:36px;height:36px;position:relative}.search-result-photo{object-fit:cover;border-radius:50%;width:36px;height:36px;display:block}.search-community-mark{position:absolute;bottom:-3px;right:-3px}.search-result-mark{flex:0 0 32px;place-items:center;width:32px;display:grid}.search-trend-mark{flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.search-result-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.search-result-copy strong{overflow-wrap:anywhere;font-size:15px;font-weight:500;line-height:1.5}.search-result-copy small{color:#8b95a1;font-size:12px;line-height:1.5}.search-result-arrow{color:#8b95a1;flex:0 0 20px;font-size:16px;line-height:1.5}.search-recent-card{border:0;border-radius:8px;flex:0 0 96px;width:96px;height:128px;padding:0;overflow:hidden}.search-recent-card img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.search-loading p{color:#8b95a1;margin:0;padding:8px 8px 4px;font-size:12px}.search-skeletons{flex-direction:column;gap:8px;padding:12px 8px;display:flex}.search-skeletons i{background:#1a2332;border-radius:4px;width:86%;height:16px;display:block}.search-skeletons i:nth-child(2){width:80%}.search-skeletons i:nth-child(3){width:90%}.search-empty{padding-bottom:12px}.search-empty p{color:#b0b8c1;overflow-wrap:anywhere;margin:0 0 4px;font-size:17px}.search-empty strong{color:#fff}.search-empty span{color:#9ca3af;font-size:15px;line-height:1.5}.search-error{padding:8px}.search-error p{margin:0 0 12px;font-size:15px}.search-error button,.search-more{color:#f0f0f0;background:#1a2332;border:1px solid #2b343e;border-radius:8px;padding:8px 12px;font-size:13px}.search-more{margin:8px}.search-status{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;position:absolute!important}@media (max-width:767px){.v3-search.is-mobile{width:100%;transition:none;position:relative;top:0;left:0;transform:none}.v3-search.is-mobile .v3-search-field input,.v3-search.is-mobile .v3-search-field input::placeholder{font-size:16px}.v3-search.is-mobile .v3-search-panel{top:auto;bottom:calc(100% + 4px)}.search-close{background:#1a2332;border:1px solid #2b343e;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;padding:0;display:grid}.search-section-heading button{min-height:28px}}@media (prefers-reduced-motion:reduce){.v3-search{transition:none}.v3-search-panel,.search-spinner{animation:none}}.v3-search[data-state=typing] .v3-search-panel{min-height:160px}
