.page_title{font-size:5.5rem;font-family:"Roboto";font-weight:700;line-height:1.2}@media screen and (min-width:768px){.page_title{font-size:7.5rem}}@media screen and (min-width:992px){.page_title{font-size:9.5rem}}#topics{padding-inline:25px;-webkit-margin-before:80px;margin-block-start:80px;-webkit-padding-after:120px;padding-block-end:120px}@media screen and (min-width:576px){#topics{padding-inline:40px}}@media screen and (min-width:992px){#topics{padding-inline:60px}}@media screen and (min-width:768px){#topics{-webkit-padding-after:150px;padding-block-end:150px}}.contents_inner{max-width:1440px;margin-inline:auto}.search_box{border:solid 3px #121212;-webkit-margin-before:50px;margin-block-start:50px;border-radius:10px;padding:30px 20px}@media screen and (min-width:768px){.search_box{padding-inline:50px}}@media screen and (min-width:992px){.search_box{padding-inline:100px}}@media screen and (min-width:1200px){.search_box{padding-inline:130px;max-width:1100px;margin-inline:auto}}.keywords{position:relative;width:100%;border-radius:999px;border:solid 2px #121212;max-width:330px;display:block;margin-inline:auto}.keywords:before{content:"";position:absolute;top:50%;left:15px;width:18px;height:18px;background-image:url(../../img/common/search.svg);background-size:cover;translate:0 -50%;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.keywords input{width:100%;padding-block:0.5em;border:none;border-radius:999px;font-size:1.6rem;min-height:40px;padding-inline:1em}.keywords._active:before{opacity:0}.category_group{-webkit-margin-before:20px;margin-block-start:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px 15px}@media screen and (min-width:768px){.category_group{gap:15px 30px}}@media screen and (min-width:992px){.category_group{gap:15px 50px}}.search_category{position:relative;font-size:1.3rem;font-weight:500;-webkit-padding-start:25px;padding-inline-start:25px;letter-spacing:0}@media screen and (min-width:768px){.search_category{font-size:1.5rem}}.search_category:before{content:"";position:absolute;top:1em;left:0;width:14px;height:14px;border:solid 2px #121212;border-radius:3px;translate:0 -50%}.search_category:after{content:"";position:absolute;top:50%;left:5px;rotate:-45deg;width:14px;height:4px;border-left:solid 2px #121212;border-bottom:solid 2px #121212;translate:0 -120%;opacity:0;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.search_category:has(input:checked):after{opacity:1}.search_category input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}@media (hover:hover) and (pointer:fine){.search_category:hover{cursor:pointer}}.search_btn{-webkit-margin-before:20px;margin-block-start:20px;margin-inline:auto;display:block;background-color:#121212;width:240px;padding-block:15px;line-height:1.5;border-radius:999px;font-size:1.5rem;font-weight:700;color:#ffffff;border:solid 1px #121212;-webkit-transition:background-color 0.3s,color 0.3s;transition:background-color 0.3s,color 0.3s}@media (hover:hover) and (pointer:fine){.search_btn:hover{cursor:pointer;background-color:#ffffff;color:#121212}}.sort_button_group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-margin-before:60px;margin-block-start:60px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 10px}.sort_text{font-size:1.3rem;font-weight:500}.sort_button{display:-ms-grid;display:grid;place-content:center;place-items:center;width:40px;aspect-ratio:1/1;height:auto;border-radius:50%;border:solid 1px #121212;background-color:var(--button-color);-webkit-transition:background-color 0.3s,border-color 0.3s;transition:background-color 0.3s,border-color 0.3s}.sort_button span{color:var(--button-text-color);font-size:1.3rem;font-weight:500;font-family:"Poppins";-webkit-transition:color 0.3s;transition:color 0.3s}.sort_button.active{--button-color:#121212;--button-text-color:#ffffff}.sort_button:not(.active){--button-color:#ffffff;--button-text-color:#121212}@media (hover:hover) and (pointer:fine){.sort_button:not(.active):hover{--button-color:#c8c8c8;border-color:#c8c8c8}}.archive_card_layout{-webkit-margin-before:15px;margin-block-start:15px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 10px 1fr;grid-template-columns:1fr 1fr;gap:50px 10px}@media screen and (min-width:992px){.archive_card_layout{-ms-grid-columns:1fr 15px 1fr 15px 1fr;grid-template-columns:1fr 1fr 1fr;gap:70px 15px}}@media screen and (min-width:1200px){.archive_card_layout{-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr}}.no_posts{text-align:center}.archive_card{container-type:inline-size}@container (width >= 300px){.archive_card .post_info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media (hover:hover) and (pointer:fine){.archive_card:hover .archive_card_thumbnail img{scale:1.1;opacity:0.7}.archive_card:hover .post_title{opacity:0.7}}.archive_card_thumbnail{overflow:hidden;aspect-ratio:3/4;height:auto;width:100%}.archive_card_thumbnail img{height:auto;-webkit-transition:scale 0.3s,opacity 0.3s;transition:scale 0.3s,opacity 0.3s}.post_info{-webkit-margin-before:15px;margin-block-start:15px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px 10px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;line-height:1.5;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:768px){.post_info{-webkit-margin-before:30px;margin-block-start:30px}}.post_date{font-size:1.4rem;font-family:"Roboto";font-weight:700;line-height:1.5;color:#121212;display:block}@media screen and (min-width:768px){.post_date{font-size:1.6rem}}.post_category{--category-color:#121212;--category-text-color:#ffffff;font-size:1.2rem;background-color:var(--category-color);color:var(--category-text-color);border-radius:999px;border:solid 1px #121212;line-height:1.3;font-weight:500;padding-inline:1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:768px){.post_category{font-size:1.6rem}}.post_category._noactive{--category-color:#ffffff;--category-text-color:#121212}.post_title{font-size:1.4rem;-webkit-margin-before:10px;margin-block-start:10px;font-weight:700;color:#121212;line-height:1.4;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}@media screen and (min-width:768px){.post_title{font-size:1.8rem}}@media screen and (min-width:992px){.post_title{-webkit-margin-before:15px;margin-block-start:15px}}
/*# sourceMappingURL=topics.css.map */