.database-header{display:flex;flex-direction:column;align-items:center;gap:32px;max-width:100%;margin:0 auto;padding-bottom:32px}@media(max-width:768px){.database-header{width:100%;text-align:center}}.database-header__title{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;gap:16px}.database-header__title h1{font-size:64px;font-weight:400;color:var(--white);line-height:120%}@media(max-width:768px){.database-header__title h1{font-size:46px}}.database-header__title p{color:var(--gray-p);font-size:16px;line-height:158%}.database-header__controls{gap:12px;display:flex}.database-header__controls__search{width:460px;display:flex;align-items:center;gap:10px}@media(max-width:768px){.database-header__controls,.database-header__controls__search{width:100%}}.database-header__chips-bar{margin-top:-16px;width:100%;min-height:30}@media(max-width:768px){.database-header__chips-bar{min-height:0}}.query-control__trigger{border-radius:50%;width:40px;height:40px;background:#242424;border:1px solid #2f2f2f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.query-control__trigger--selected{border-radius:50%;width:40px;height:40px;background:#20293b;border:1px solid var(--blue)}.query-control__trigger--disabled{opacity:.8}.query-control__content{background-color:#242424;border:1px solid #2f2f2f;padding:8px 6px;border-radius:12px;width:280px}.query-control__element{padding:4px 10px;border-radius:6px;transition:all .3s;display:flex;align-items:center;gap:8px;cursor:pointer}.query-control__element span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.query-control__element--selected,.query-control__element:hover{background:#2f2f2f}.query-control__list{display:flex;flex-direction:column;gap:4px;max-height:230px;overflow-y:auto;padding:6px 10px;scrollbar-width:thin;scrollbar-color:#444 rgba(0,0,0,0)}.query-control__list::-webkit-scrollbar{width:6px;height:6px}.query-control__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.query-control__list::-webkit-scrollbar-thumb{background-color:#444;border-radius:4px}.query-control__list::-webkit-scrollbar-thumb:hover{background-color:#666}.query-control__check{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:6px;transition:all .3s;cursor:pointer}.query-control__search{width:100%;padding:6px 10px;margin-bottom:6px;border:1px solid #2f2f2f;border-radius:8px;background-color:#1e1e1e;color:#f0f0f0;font-size:14px;transition:border-color .2s,background-color .2s}.query-control__search::placeholder{color:#888}.query-control__search:hover{border-color:#444}.query-control__search:focus{outline:none;border-color:var(--blue);background-color:#202020}.query-control__chip{display:flex;align-items:center;gap:8px;background:#20293b;border:1px solid var(--blue);padding:2px 14px;border-radius:30px}.query-control__chip--button{background:var(--blue);color:var(--white);color:#121212;transition:all .3s;cursor:pointer}.query-control__chip--button:hover{background:#20293b;border:1px solid var(--blue);color:var(--white)}.query-control__chip--button:hover g,.query-control__chip--button:hover path,.query-control__chip--button:hover stroke,.query-control__chip--button:hover svg{transition:all .3s;fill:var(--white);color:var(--white);stroke:var(--white)}.query-control__chip__clickable{cursor:pointer}.query-control__chip span{padding:4px;display:flex;align-items:center;justify-content:center;background:var(--blue);height:18px;min-width:18px;border-radius:50%;font-size:14px;color:#121212}