@property --x{syntax:"<length-percentage>";initial-value:0}.Blog-sort_blog-sort__U_TbO{width:-moz-fit-content;width:fit-content;display:flex;border-radius:var(--radius-lg);background-color:var(--color-primary);border:2px solid var(--color-secondary);overflow:hidden;position:relative;padding:10px;&[data-sort=asc]{--x:calc(0% + 10px)}&[data-sort=desc]{--x:50%}&:before{content:"";position:absolute;inset:0;margin:auto 0;left:var(--x);width:40%;aspect-ratio:1;background-color:var(--color-secondary);border-radius:var(--radius-sm);transition:all .2s ease;z-index:1}& button{display:flex;align-items:center;gap:3;padding:10px;background-color:transparent;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .2s ease;&:hover{background-color:var(--color-secondary)}& svg{size:30px;z-index:2}}}.blogList_blogList__w7uE4{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.blogList_blogCard__xlTDD{box-shadow:inset var(--shadow-lg);background:inherit;border-radius:20px;overflow:hidden;width:400px;transition:box-shadow .28s,transform .22s;display:flex;flex-direction:column;position:relative;border:1px solid var(--color-secondary);max-height:550px}.blogList_blogCard__xlTDD:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px) scale(1.045)}.blogList_blogImage__5DLHv{width:100%;height:200px;object-fit:cover;border-bottom:1px solid var(--color-border);border-radius:0 0 20px 20px;box-shadow:0 2px 12px var(--color-border);transition:box-shadow .2s,transform .25s}.blogList_blogCard__xlTDD:hover .blogList_blogImage__5DLHv{box-shadow:var(--shadow-md);transform:scale(1.06)}.blogList_blogCardContent__HLsma{padding:1.5rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.7rem;flex:1 1}.blogList_blogCardContent__HLsma h2{font-size:1.45rem;font-weight:800;color:var(--color-primary);margin:0 0 .3rem;letter-spacing:.01em}.blogList_blogCardContent__HLsma p{color:var(--color-text-muted);font-size:1.05rem;margin:0 0 .5rem}.blogList_date__ouBd7{background:var(--color-secondary);font-size:.98rem;margin-top:.2rem;padding:.2rem .9rem;border-radius:999px;align-self:flex-start;font-weight:600;box-shadow:var(--shadow-lg)}.blogList_readMoreBtn__CkpOg{margin-top:1.1rem;align-self:flex-end;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 100%);border:none;border-radius:999px;padding:.5rem 1.3rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-md);transition:background .2s,transform .18s}.blogList_readMoreBtn__CkpOg:hover{background:linear-gradient(90deg,var(--color-secondary) 0,var(--color-primary) 100%);transform:scale(1.07)}.blogList_blogListTitle__4je7p{color:var(--color-primary)}.blogList_blogListLink__sQYO7{color:var(--color-secondary)}.blogList_blogListLink__sQYO7:hover{color:var(--color-primary)}.blogAll_blogSection__rDQ70{position:relative;padding:6rem 1rem 1rem;max-width:1400px;margin:0 auto;z-index:50}.blogAll_title__i_16P{font-family:var(--font-title);font-size:3rem;line-height:1.1;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;margin-bottom:2rem}.blogAll_headerRow__FzlQG{display:flex;justify-content:space-between;align-items:center}.blogAll_Loading__2GBbT{display:flex;justify-content:center;align-items:center;color:aliceblue;font-size:2rem;font-family:var(--font-title);margin-top:2rem;margin-bottom:2rem}.SkeletonBlogList_skeletonList__dcngc{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.SkeletonBlogList_skeletonCard__qGkqe{background:rgba(200,200,200,.13);border-radius:20px;overflow:hidden;width:400px;box-shadow:0 2px 12px rgba(180,180,180,.12);display:flex;flex-direction:column;position:relative;border:1px solid rgba(180,180,180,.18);min-height:550px}.SkeletonBlogList_skeletonImage__pVPRe{width:100%;height:200px;background:rgba(180,180,180,.22)}.SkeletonBlogList_skeletonContent__F6SVM{padding:1.5rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.7rem;flex:1 1}.SkeletonBlogList_skeletonTitle__qyBMA{background:rgba(180,180,180,.28);height:28px;width:70%;border-radius:6px;margin-bottom:12px}.SkeletonBlogList_skeletonLine__W_cvm{background:rgba(180,180,180,.18);height:16px;border-radius:4px;margin-bottom:8px}.SkeletonBlogList_skeletonDate___BmQ5{background:rgba(180,180,180,.22);width:150px;height:30px;border-radius:999px;margin-top:8px;padding:.2rem .9rem}.SkeletonBlogList_skeletonBtn__qGSao{background:rgba(180,180,180,.18);width:120px;height:37px;border-radius:999px;margin-top:3.5rem;align-self:flex-end}