.search-box[data-v-ae19d5a9]{background:#fff;border:1px solid var(--gray-bg);border-radius:12px;box-sizing:border-box;height:100%;padding:6px 6px 6px 12px;transition:all .3s ease;width:100%}.search-box input[data-v-ae19d5a9]::-moz-placeholder{color:var(--gray-pl)}.search-box input[data-v-ae19d5a9]::placeholder{color:var(--gray-pl)}.search-box.small[data-v-ae19d5a9]{padding:3px 3px 3px 12px}.search-box-active[data-v-ae19d5a9]{border-color:var(--red-bg);box-shadow:0 0 0 3px var(--red-bg)}.search-box__input[data-v-ae19d5a9]{flex:1}.search-box__button[data-v-ae19d5a9]{align-items:center;display:flex;gap:12px;position:relative}.search-box__button i[data-v-ae19d5a9]{color:var(--gray)}.search-box__button-close[data-v-ae19d5a9]{background:var(--gray-bg);border-radius:100%;cursor:pointer;font-size:12px;left:-30px;padding:3px;position:absolute;transition:transform .1s ease}.search-box__button-close[data-v-ae19d5a9]:active{transform:scale(.95)}.search-box__button-search[data-v-ae19d5a9]{align-items:center;border-left:1px dashed var(--gray-bg);display:flex;height:80%;justify-content:center;padding-left:12px}.search-box__button-search i[data-v-ae19d5a9]{background:var(--gray-bg);border:1px solid transparent;border-radius:12px;cursor:pointer;font-size:24px;padding:3px 6px;right:0;transition:border-color 1s ease-out,opacity 1s ease-out,box-shadow 1s ease-out}.search-box__button-search i.active[data-v-ae19d5a9],.search-box__button-search i[data-v-ae19d5a9]:hover{background:var(--red-bg);color:var(--red)}.search-box__button-search i[data-v-ae19d5a9]:active{box-shadow:0 0 0 .2rem #f003,0 0 0 6px #ff00001a;color:var(--secondary);opacity:.6;transition:none}