.input-delay{background-color:#f1f1f1;border-radius:8px;align-items:center;column-gap:16px;width:100%;display:flex}.input-delay:focus-within .input-delay__input{display:block}.input-delay__input{background-color:inherit;border-radius:8px 0 0 8px;width:100%;padding:16px 0 16px 20px;font-size:14px;line-height:1}.input-delay__input::-webkit-input-placeholder{color:#6d6d6d}.input-delay__input::-moz-placeholder{color:#6d6d6d}.input-delay__input::-ms-input-placeholder{color:#6d6d6d}.input-delay__input::placeholder{color:#6d6d6d}.input-delay__btn{cursor:pointer;background:0 0;margin-left:auto;padding:16px 20px}.articles-page{min-height:100vh;padding-bottom:40px}@media (min-width:768px) and (max-width:1279.98px){.articles-page{padding:0 25px}}@media (max-width:767.98px){.articles-page{padding:0 12px}}.articles-page__header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex;position:relative}@media (min-width:768px) and (max-width:1279.98px){.articles-page__header{margin-bottom:0 0 24px}}@media (max-width:767.98px){.articles-page__header{justify-content:unset;align-items:unset;flex-direction:column-reverse;row-gap:32px;margin-bottom:32px}}.articles-page__heading{font-size:24px;font-weight:500;line-height:28px}@media (max-width:767.98px){.articles-page__heading{font-size:20px}}.articles-page__input-wrapper{align-items:center;width:600px;display:flex}@media (min-width:768px) and (max-width:1279.98px){.articles-page__input-wrapper{width:350px}}@media (max-width:767.98px){.articles-page__input-wrapper{width:100%}}.articles-page__list{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}@media (max-width:1279.98px){.articles-page__list{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}}