.BlogPage-module-scss-module__7jz9za__container{width:calc(100% - 6rem);min-width:0;max-width:119rem;margin:4rem auto 8rem}@media screen and (max-width:768px){.BlogPage-module-scss-module__7jz9za__container{width:calc(100% - 4rem)}}@media screen and (max-width:480px){.BlogPage-module-scss-module__7jz9za__container{width:calc(100% - 3.2rem);min-width:calc(320px - 3.2rem)}}.BlogPage-module-scss-module__7jz9za__container{margin-top:6rem}@media (max-width:768px){.BlogPage-module-scss-module__7jz9za__container{margin-top:2.4rem}}.BlogPage-module-scss-module__7jz9za__filterSection{margin-top:5.2rem}@media (max-width:768px){.BlogPage-module-scss-module__7jz9za__filterSection{margin-top:4rem}}.BlogPage-module-scss-module__7jz9za__listSection{margin-top:4rem}@media (max-width:768px){.BlogPage-module-scss-module__7jz9za__listSection{margin-top:3.2rem}}
.BlogHero-module-scss-module__SwfXXq__hero{margin-bottom:0}.BlogHero-module-scss-module__SwfXXq__sectionTitle{color:var(--surface);margin-bottom:3.2rem;font-size:3.2rem;font-weight:600;line-height:4rem}@media (max-width:768px){.BlogHero-module-scss-module__SwfXXq__sectionTitle{margin-bottom:2.4rem}}.BlogHero-module-scss-module__SwfXXq__heroCard{gap:5.2rem;transition:all .2s;display:flex;overflow:hidden}.BlogHero-module-scss-module__SwfXXq__heroCard:hover{opacity:.9}@media (max-width:768px){.BlogHero-module-scss-module__SwfXXq__heroCard{flex-direction:column;gap:2.4rem}}.BlogHero-module-scss-module__SwfXXq__thumbnailWrapper{aspect-ratio:380/200;border-radius:2rem;flex-shrink:0;width:50%;position:relative;overflow:hidden}@media (max-width:768px){.BlogHero-module-scss-module__SwfXXq__thumbnailWrapper{border-radius:1.2rem;width:100%}}.BlogHero-module-scss-module__SwfXXq__skeleton{background:linear-gradient(90deg, var(--grayLv1) 25%, var(--grayLv2) 50%, var(--grayLv1) 75%);background-size:200% 100%;border-radius:2rem;animation:4s ease-in-out infinite BlogHero-module-scss-module__SwfXXq__shimmer;position:absolute;inset:0}@media (max-width:768px){.BlogHero-module-scss-module__SwfXXq__skeleton{border-radius:1.2rem}}@keyframes BlogHero-module-scss-module__SwfXXq__shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.BlogHero-module-scss-module__SwfXXq__thumbnail{object-fit:cover;width:100%;height:100%}.BlogHero-module-scss-module__SwfXXq__likeButton{cursor:pointer;z-index:1;background:0 0;border:none;padding:0;line-height:0;position:absolute;top:1.2rem;right:1.2rem}.BlogHero-module-scss-module__SwfXXq__likeButton svg{filter:drop-shadow(0 2px 4px #0003)}.BlogHero-module-scss-module__SwfXXq__textContent{flex-direction:column;flex:1;justify-content:center;gap:1.2rem;display:flex}.BlogHero-module-scss-module__SwfXXq__tagContent{gap:1.2rem;display:flex}.BlogHero-module-scss-module__SwfXXq__title{color:var(--surface);text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:2;white-space:normal;min-height:11.2rem;-webkit-box-orient:vertical;font-size:4rem;font-weight:600;line-height:5.6rem;display:-webkit-box;overflow:hidden}.BlogHero-module-scss-module__SwfXXq__description{color:var(--grayLv4);text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:1.6rem;font-weight:400;line-height:2.2rem;display:-webkit-box;overflow:hidden}.BlogHero-module-scss-module__SwfXXq__authorContent{align-items:center;gap:.8rem;margin-top:auto;display:flex}.BlogHero-module-scss-module__SwfXXq__avatar{object-fit:cover;border:1px solid var(--grayLv2);border-radius:50%;width:3.6rem;height:3.6rem}.BlogHero-module-scss-module__SwfXXq__authorName{color:var(--surface);font-size:1.4rem;font-weight:500;line-height:2rem}.BlogHero-module-scss-module__SwfXXq__date{color:var(--grayLv3);font-size:1.4rem;font-weight:400;line-height:2rem}.BlogHero-module-scss-module__SwfXXq__skeletonTag{background:linear-gradient(90deg, var(--grayLv1) 25%, var(--grayLv2) 50%, var(--grayLv1) 75%);background-size:200% 100%;border-radius:.4rem;width:12rem;height:2.8rem;animation:4s ease-in-out infinite BlogHero-module-scss-module__SwfXXq__shimmer}.BlogHero-module-scss-module__SwfXXq__skeletonTitle{background:linear-gradient(90deg, var(--grayLv1) 25%, var(--grayLv2) 50%, var(--grayLv1) 75%);background-size:200% 100%;border-radius:.4rem;width:80%;height:11.2rem;animation:4s ease-in-out infinite BlogHero-module-scss-module__SwfXXq__shimmer}.BlogHero-module-scss-module__SwfXXq__skeletonDescription{background:linear-gradient(90deg, var(--grayLv1) 25%, var(--grayLv2) 50%, var(--grayLv1) 75%);background-size:200% 100%;border-radius:.4rem;width:100%;height:4.4rem;animation:4s ease-in-out infinite BlogHero-module-scss-module__SwfXXq__shimmer}.BlogHero-module-scss-module__SwfXXq__skeletonAuthor{background:linear-gradient(90deg, var(--grayLv1) 25%, var(--grayLv2) 50%, var(--grayLv1) 75%);background-size:200% 100%;border-radius:.4rem;width:16rem;height:3.6rem;margin-top:auto;animation:4s ease-in-out infinite BlogHero-module-scss-module__SwfXXq__shimmer}
.BlogList-module-scss-module__WrsweG__grid>*{width:100%;min-width:0}.BlogList-module-scss-module__WrsweG__grid{grid-template-columns:repeat(auto-fill,minmax(min(28rem,100%),1fr));gap:4rem 2.5rem;display:grid}@media screen and (max-width:768px){.BlogList-module-scss-module__WrsweG__grid{grid-template-columns:repeat(auto-fill,minmax(min(28rem,100%),1fr));gap:2.4rem 1.4rem}}@media screen and (max-width:480px){.BlogList-module-scss-module__WrsweG__grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:2rem}}