.b-blog-index__items{--cols: 1;display:grid;gap:1rem;grid-template-columns:repeat(var(--cols),1fr)}@media (width >= 767px){.b-blog-index__items{--cols: 2;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;gap:2rem}}@media (width >= 1023px){.b-blog-index__items{--cols: 3}}.b-blog-index__items.has-two-columns{--cols: 1}@media (width >= 576px){.b-blog-index__items.has-two-columns{--cols: 2}}@media (width >= 1023px){.b-blog-index__items.has-two-columns{--cols: 2}}.b-blog-index__filter{margin-block:1rem}@media (width >= 767px){.b-blog-index__filter{margin-block:2rem}}.b-blog-index__filter-inner{display:flex;flex-direction:column}@media (width >= 1023px){.b-blog-index__filter-inner{flex-direction:row;justify-content:space-between}}.b-blog-index__filter label{margin-bottom:0}.b-blog-index__filter-form{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}@media (width >= 767px){.b-blog-index__filter-form{flex-wrap:nowrap;flex-direction:row;justify-content:flex-start;justify-items:flex-start;align-items:center}}@media (width >= 1023px){.b-blog-index__filter-form{max-width:600px}}.b-blog-index__filter-input{display:flex;align-items:center;gap:1rem}@media (max-width: 500px){.b-blog-index__filter-input{width:100%}}.b-blog-index__filter-input label{font-size:var(--font-size-body-md);line-height:var(--line-height-body-md);letter-spacing:var(--letter-spacing-body-md);font-family:var(--font-sans);font-weight:var(--font-weight-medium)}@media (max-width: 500px){.b-blog-index__filter-input label{min-width:70px}}.b-blog-index__filter-dropdown{position:relative;min-width:95px;width:100%;border-radius:var(--button-border-radius);box-shadow:0 1px 4px #0000004d;padding-right:2rem}@media (min-width: 400px){.b-blog-index__filter-dropdown{min-width:110px}}@media (width >= 767px){.b-blog-index__filter-dropdown{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:160px}}.b-blog-index__filter-dropdown:after{content:"";background-image:url(/app/themes/teachertapp/public/build/assets/arrow-down-dark-m8ZpABGr.svg);position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:20px;height:20px;background-position:center;background-repeat:no-repeat;background-size:contain}.b-blog-index__filter-button{--filter-button-bg: var(--color-black);--filter-button-bg-hover: var(--color-mint-mid);font-size:var(--font-size-button-md);line-height:var(--line-height-button-md);letter-spacing:var(--letter-spacing-button-md);font-family:var(--font-sans);font-weight:var(--font-weight-medium);display:inline-block;flex-basis:100%;padding:1rem 2rem;color:var(--color-white);background-color:var(--filter-button-bg);border-radius:var(--button-border-radius);transition:background-color .2s ease-out}@media (width >= 767px){.b-blog-index__filter-button{flex-basis:auto;flex-grow:1}}.b-blog-index__filter-button:hover{background-color:var(--filter-button-bg-hover)}.b-blog-index__pagination{display:flex;justify-content:center;gap:1rem;padding-block:2rem;margin-top:2rem}.b-blog-index__pagination .page-numbers{font-size:var(--font-size-xs);line-height:var(--line-height-xs);letter-spacing:var(--letter-spacing-xs);font-family:var(--font-sans);font-weight:var(--font-weight-medium)}.b-blog-index__pagination .page-numbers:hover,.b-blog-index__pagination .page-numbers.current{color:var(--color-mint-mid)}.b-blog-index__filter-search{display:flex;position:relative;margin-top:1rem}@media (width >= 1023px){.b-blog-index__filter-search{margin-top:0}}.b-blog-index__filter-search input{box-shadow:0 1px 4px #0000004d}.b-blog-index__filter-search button{background-color:transparent;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.b-blog-index__filter-search svg{width:16px;height:auto;fill:none}