.tutorials-page .tutorials-hero{min-height:350px;display:flex;align-items:center;padding:34px max(5vw,30px) 28px;background:var(--visual-tone27)}
.tutorials-page .tutorials-hero>div{width:min(1120px,90vw)}
.tutorial-categories{position:relative;width:min(1450px,90vw);margin:0 auto;padding:58px 0 100px}
.tutorial-search-wrap{position:relative;z-index:20;width:min(100%,680px);margin:0 0 26px}.tutorial-search-wrap>.tutorials-search{width:100%}.tutorial-search-dropdown{position:absolute;z-index:30;top:calc(100% + 7px);left:0;width:100%;overflow:hidden;border:1px solid var(--visual-tone222);border-radius:7px;background:var(--visual-tone223);box-shadow:0 22px 50px var(--visual-tone224);backdrop-filter:blur(12px)}.tutorial-search-status{padding:11px 17px;border-bottom:1px solid var(--visual-tone225);color:var(--visual-tone226);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.tutorial-search-list{max-height:440px;overflow:auto}.tutorial-search-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 17px;border-bottom:1px solid var(--visual-tone227);color:var(--visual-tone228);transition:.18s}.tutorial-search-item:hover,.tutorial-search-item:focus-visible{outline:0;background:var(--visual-tone221);color:var(--visual-tone13)}.tutorial-search-item strong{font-size:14px;font-weight:600}.tutorial-search-item span{color:var(--visual-tone216);font-size:10px;font-weight:700;text-align:right;text-transform:uppercase;letter-spacing:.09em}.tutorial-search-more{display:block;width:100%;padding:14px 17px;border:0;background:var(--visual-tone229);color:var(--visual-tone230);text-align:left;font:700 12px Inter,sans-serif;cursor:pointer}.tutorial-search-more:hover{background:var(--visual-tone63);color:var(--visual-tone231)}.tutorial-search-empty{padding:22px 17px;color:var(--visual-tone232);font-size:13px}
@media(max-width:760px){.tutorials-page .tutorials-hero{min-height:390px;padding:38px 0 32px}.tutorial-categories{width:90vw;padding:42px 0 75px}}