.search-main{display:flex;justify-content:center;padding:2px;width:100%;box-sizing:border-box}.search-main .search-box-wrapper{width:100%;max-width:640px}.search-main .search-box-form{margin:0;width:100%}.search-main .search-input-group{position:relative;display:flex;align-items:center;background:#fff;border-radius:9999px;padding:6px 8px 6px 14px;border:1.5px solid #e2e8f0;box-shadow:0 4px 20px -2px rgba(0,0,0,5%);transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.search-main .search-input-group:focus-within{border-color:#3b82f6;box-shadow:0 8px 30px -4px rgba(59,130,246,.2)}.search-main .search-trigger-btn{background:0 0;border:none;outline:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:#64748b;flex-shrink:0}.search-main .search-icon{width:20px;height:20px}.search-main .search-input{flex:1;border:none;outline:none;background:0 0;font-size:15px;color:#1e293b;font-family:inherit;margin-left:10px;width:100%}.search-main .search-input::placeholder{color:#94a3b8}.search-main .search-close-btn{display:none;background:0 0;border:none;outline:none;cursor:pointer;padding:4px;color:#94a3b8;flex-shrink:0}.search-main .search-close-btn svg{width:18px;height:18px}.search-main .search-submit-btn{background:#2563eb;color:#fff;border:none;border-radius:9999px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;flex-shrink:0}.search-main .search-submit-btn:hover{background:#1d4ed8}@media(max-width:600px){.search-main{justify-content:flex-end;padding:2px}.search-main .search-box-wrapper{width:auto;transition:width .3s ease}.search-main .search-input-group{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%;cursor:pointer}.search-main .search-trigger-btn{width:100%;height:100%}.search-main .search-input,.search-main .search-submit-btn,.search-main .search-close-btn{display:none}.search-main.is-active{justify-content:center}.search-main.is-active .search-box-wrapper{width:100%}.search-main.is-active .search-input-group{width:100%;height:46px;padding:6px 14px;border-radius:9999px;border-color:#3b82f6;box-shadow:0 8px 25px -4px rgba(59,130,246,.25)}.search-main.is-active .search-trigger-btn{width:auto;height:auto;color:#2563eb}.search-main.is-active .search-input{display:block}.search-main.is-active .search-close-btn{display:flex;align-items:center;justify-content:center}}