.b-posts-list-hero{background-image:url(/build/assets/background-list-CklxLgDB.png)}@media screen and (max-width:960px){.b-posts-list-hero{background-image:url(/build/assets/background-list-mobile-BAXz4P4L.png)}}.b-posts-list-hero__content-container{padding-top:94px}@media screen and (max-width:1200px){.b-posts-list-hero__content-container{padding-top:15px}}@media screen and (max-width:960px){.b-posts-list-hero__content-container{padding-top:0}}.b-posts-list-items{--padding-horizontal: 20px;width:1200px;padding-left:var(--padding-horizontal);padding-right:var(--padding-horizontal);margin:0 auto;left:0;right:0}@media screen and (max-width:1200px){.b-posts-list-items{width:960px}}@media screen and (max-width:960px){.b-posts-list-items{--padding-horizontal: 10px;width:640px}}@media screen and (max-width:640px){.b-posts-list-items{width:480px}}@media screen and (max-width:480px){.b-posts-list-items{width:320px}}.b-posts-list-items{padding-bottom:42px}.b-posts-list-items__posts-list{display:grid;gap:33px 40px;grid-template-columns:1fr 1fr}@media screen and (max-width:960px){.b-posts-list-items__posts-list{grid-template-columns:1fr;gap:40px}}.b-posts-list-items__post-card{border-radius:20px;overflow:clip;box-shadow:0 11px 12.2px rgb(var(--color-black-rgb)/.078)}.b-posts-list-items__pagination{display:flex;gap:8px;padding-top:58.2px;justify-content:center}.b-posts-list-items__pagination-button{width:26.8px;height:26.8px;color:var(--color-pink);outline:1px solid var(--color-pink);border-radius:100%;display:flex;justify-content:center;align-items:center;transition:color .4s ease,background-color .4s ease;background-color:transparent;border:none;padding:0;cursor:pointer}.b-posts-list-items__pagination-button.current,.b-posts-list-items__pagination-button:hover{background-color:var(--color-pink);color:var(--color-white)}.b-posts-list-items__pagination-button.current{pointer-events:none;-webkit-user-select:none;user-select:none}.b-posts-list-types{--padding-horizontal: 20px;width:1200px;padding-left:var(--padding-horizontal);padding-right:var(--padding-horizontal);margin:0 auto;left:0;right:0}@media screen and (max-width:1200px){.b-posts-list-types{width:960px}}@media screen and (max-width:960px){.b-posts-list-types{--padding-horizontal: 10px;width:640px}}@media screen and (max-width:640px){.b-posts-list-types{width:480px}}@media screen and (max-width:480px){.b-posts-list-types{width:320px}}@media screen and (max-width:480px){.b-posts-list-types{width:360px}}.b-posts-list-types__types{display:flex;padding:40px 0;gap:20px;flex-wrap:wrap}@media screen and (max-width:960px){.b-posts-list-types__types{padding-top:50px}}.b-posts-list-types__type{flex-shrink:0}.b-posts-list-types__type-button{color:var(--color-dark-blue);text-decoration:underline;text-decoration-color:transparent;background:none;border:none;padding:0;cursor:pointer;transition:color .4s ease,text-decoration-color .4s ease}.b-posts-list-types__type-button.current,.b-posts-list-types__type-button:hover{color:var(--color-pink);text-decoration-color:currentcolor}.b-posts-list-types__type-button.current{-webkit-user-select:none;user-select:none;pointer-events:none}.b-post-card__image-link{display:flex;overflow:clip;aspect-ratio:559/262}.b-post-card__post-image{width:100%;transition:transform .4s ease;object-fit:cover}.b-post-card__image-link:hover .b-post-card__post-image{transform:scale(1.2)}.b-post-card__post-content-container{padding:20px 10px 20px 15px;display:flex;flex-direction:column;gap:20px}.b-post-card__post-info{display:flex;gap:20px;color:var(--color-grey-text)}.b-post-card__views{display:flex;gap:10px}.b-post-card__post-title{text-decoration:underline;text-decoration-color:transparent;transition:color .4s ease,text-decoration-color .4s ease}.b-post-card__post-title:hover{color:var(--color-pink);text-decoration-color:currentcolor}.b-post-card__preview{color:var(--color-dark-grey)}.b-post-card__detail-link{color:var(--color-pink);text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .4s ease;font-weight:700}.b-post-card__detail-link:hover{text-decoration-color:currentcolor}
