.article-search{position:relative;max-width:1000px;margin:0 auto;padding:3.2rem 0;width:100%}.article-search__form{position:relative}.article-search__button{position:absolute;right:3.2rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:inherit}.article-search__button svg{width:20px;height:20px}.article-search__results{display:none;position:absolute;top:80%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:12px;margin-top:4px;max-height:400px;overflow-y:auto;z-index:100;box-shadow:0 2px 4px #0000001a}.article-search__results.is-active{display:block}.article-search__results-list{list-style:none;padding:0;margin:0}.article-search__result-item{padding:8px;border-bottom:1px solid #eee}.article-search__result-item:last-child{border-bottom:none}.article-search__result-link{text-decoration:none;color:inherit;display:flex;align-items:center;gap:16px}.article-search__thumbnail{width:60px;height:60px;flex-shrink:0;border-radius:8px;overflow:hidden;background-color:#f5f5f5;position:relative}.article-search__thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.article-search__thumbnail.no-image{display:flex;align-items:center;justify-content:center;color:#999}.thumbnail-placeholder{width:24px;height:24px}.article-search__content{flex-grow:1;min-width:0}.article-search__result-title{margin:0 0 4px;font-size:1.4rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-wrap:auto;text-align:left}.article-search__result-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.article-search__tag-badge{background-color:#f0f0f0;color:#666;padding:2px 8px;border-radius:12px;font-size:1rem;text-transform:capitalize}.article-search__result-link:hover .article-search__result-title{color:#000;text-decoration:underline}.article-search__result-link:hover .article-search__tag-badge{background-color:#e5e5e5}.article-search__result-parents{font-size:14px;color:#666;margin-top:4px}.article-search__result-parents span{display:inline-block}.article-search__no-results,.article-search__error{padding:16px;text-align:center;color:#666}.article-search__loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #666;border-radius:50%;animation:spin 1s linear infinite;display:none}.article-search__loading.is-active{display:block}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.article-search__type-badge{display:block;padding:2px 8px;border-radius:12px;font-size:1rem;font-weight:500;text-transform:uppercase;position:relative;bottom:0;right:0;z-index:100}.article-search__type-badge.hybrid{background-color:#e6f3ff;color:#06c}.article-search__type-badge.clone{background-color:#f0f0f0;color:#666}.article-search__wrapper{border:1px solid #ccc;padding:4rem}.article-search__input{width:100%;padding:1.6rem 5rem 1.6rem 3.2rem;font-size:1.6rem;line-height:2.4rem;border:1px solid rgba(255,255,255,.1);border-radius:100px;background:#ffffff1a;color:#ffffff80;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.article-search__input::placeholder{color:#ffffff80}.article-search__input:focus{outline:none;border-color:linear-gradient(90deg,#3BAD81 0%,#1B895E 100%);background:#ffffff26}.article-search__input:focus,.article-search__input:focus-visible{outline:none;box-shadow:0 0 0 .3rem #1b895e;background:#ffffff0d;color:#fff}.icon-search path{fill:#ffffff80}.article-search:focus-within .icon-search path{fill:#1b895e}
/*# sourceMappingURL=/cdn/shop/t/31/assets/article-search.css.map */