.search{display:flex;gap:10px;min-width:210px;position:relative;font-family:Random Grotesque Standard}.search--big{min-width:300px;position:static}.search__button{min-width:24px;height:24px}.search-input{width:100%;opacity:0;animation:search-input .4s forwards;border:none;font-size:16px;letter-spacing:1.4px;background:inherit;color:inherit}.search-input::placeholder{font-size:16px;letter-spacing:1.4px}@keyframes search-input{0%{opacity:0}to{opacity:1}}.search__list{top:45px;padding:8px;display:flex;flex-direction:column;max-height:120px;overflow:auto;opacity:1}.search__list,.search__not-found{width:100%;position:absolute;background-color:var(--bg);z-index:10;animation:search-input .4s forwards;border-radius:4px}.search__not-found{padding:12px 8px;top:40px;font-size:13px;letter-spacing:1.4px;opacity:0}.search__list--big{left:0;top:70px;padding:12px 111px;text-transform:uppercase}body.dark .search__list-shadow{box-shadow:0 1px 2px 0 #ffffff0D,2px 3px 3px 0 #ffffff0A,4px 7px 5px 0 #ffffff08,7px 12px 6px 0 #ffffff05,12px 18px 6px 0 #ffffff03}body.light .search__list-shadow{box-shadow:0 1px 2px 0 #0000000D,2px 3px 3px 0 #0000000A,4px 7px 5px 0 #00000008,7px 12px 6px 0 #00000003,12px 18px 6px 0 #00000000}.search__list-item{display:flex;gap:10px;align-items:center;justify-content:space-between;width:100%}.search__list-item-img{min-width:30px;max-width:30px}.search__list-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;letter-spacing:1.4px}@media (max-width:1200px){.search{min-width:0;position:static}.search-input{position:absolute;left:0;top:70px;background-color:var(--bg);padding:20px 40px;z-index:10}.search__not-found{padding:18px 40px;top:128px;left:0}.search__list{top:128px;left:0;padding:8px 8px 8px 40px;width:270px}.search--big{min-width:300px}.search__list--big{top:70px;padding:12px 111px;width:100%}.search-input--big{position:static;padding:0}}@media (max-width:576px){.search-input{padding:20px}.search__list{padding-left:20px;width:100%}.search__not-found{padding:18px 20px}.search-input--big{padding:0}.search__list--big{padding:12px 10px;width:100%}.search--big{min-width:100%}}