html.noscript body main section.article{margin-top:5rem;min-height:30rem;align-items:center;justify-content:center}html.noscript body main section.article div.header,html.noscript body main section.article div.container{display:none}html.noscript body main section.article div.noscript{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}html.noscript body main section.article div.noscript i.fi{font-size:2.5rem;color:var(--cb)}html.noscript body main section.article div.noscript h3{margin-top:.5rem;text-transform:uppercase;letter-spacing:.025rem;font-size:1.1rem;font-weight:800;text-align:center}html.noscript body main section.article div.noscript p{margin-top:.5rem;text-transform:uppercase;letter-spacing:.015rem;font-size:.9rem;font-weight:500;text-align:center}html.noscript body main section.articles div.header div.inp{display:none}html body main{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;margin-top:2rem;padding:0 2rem 6rem 2rem}html body main i.pattern{display:inline-block;width:100%;height:100%;position:absolute;top:5rem;left:0;z-index:-1;background-image:url("../icon/news/pattern.svg");background-size:40rem auto;background-position:top right;background-repeat:repeat repeat;opacity:.2}html body main i.pattern::after{z-index:2;content:"";display:inline-block;width:100%;height:20rem;position:absolute;top:0;left:0;background:linear-gradient(to bottom, var(--bdy-bg) 30%, transparent)}html body main section.articles{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;width:100%;background:var(--cw2);overflow:hidden;box-shadow:.25rem .25rem 1rem rgba(100,100,100,.1);padding:2rem}html body main section.articles div.header{display:inline-flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:1rem 2rem}html body main section.articles div.header h1{font-family:var(--inter);text-transform:uppercase;letter-spacing:.15rem;font-size:1.8rem;font-weight:700;margin-top:.5rem;text-align:left;color:var(--c3)}html body main section.articles div.header div.inp{display:inline-block;width:fit-content;height:fit-content;position:relative;z-index:1;width:100%;height:fit-content;max-width:30rem;min-width:25rem;margin-top:1rem;box-shadow:.25rem .25rem .5rem rgba(100,100,100,.2)}html body main section.articles div.header div.inp input{font-family:var(--rubik);font-size:.95rem;color:var(--cb);background:#fff;outline:none;border:.05rem solid #dadada;border-radius:0;padding:.75rem .5rem;cursor:text;font-weight:300;letter-spacing:.05rem;width:100%}html body main section.articles div.grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(20rem, 1fr));align-items:stretch;justify-content:flex-start;position:relative;grid-auto-rows:1fr;width:100%;gap:2rem;margin:2rem 0 1rem 0;overflow:hidden;padding-bottom:5rem}html body main section.articles div.grid div.empty{display:none}html body main section.articles div.grid.empty{padding:2rem;align-items:center;justify-content:center;grid-template-columns:1fr;min-height:15rem}html body main section.articles div.grid.empty div.empty{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:100%}html body main section.articles div.grid.empty div.empty>i.fi{font-size:3.5rem;color:var(--cb)}html body main section.articles div.grid.empty div.empty h4{text-transform:uppercase;letter-spacing:.075rem;font-weight:700;font-size:1.3rem;text-align:center;margin-top:1rem}html body main section.articles div.grid.empty div.empty button{margin-top:1rem}html body main section.articles div.grid div.loading{display:none}html body main section.articles div.grid div.item{display:inline-block;width:100%;position:relative;overflow-x:hidden;overflow-y:scroll;background:#fff;min-height:10rem;box-shadow:0 0 .3rem rgba(100,100,100,.12);transition:background .2s ease}html body main section.articles div.grid div.item,html body main section.articles div.grid div.item *{cursor:pointer}html body main section.articles div.grid div.item a{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%;text-decoration:none}html body main section.articles div.grid div.item div.btns{display:grid;grid-template-columns:repeat(auto-fill, minmax(10rem, 1fr));grid-auto-rows:1fr;width:100%;align-items:center;justify-content:center;align-self:center;gap:1rem;position:relative;padding:1rem .5rem}html body main section.articles div.grid div.item i.icn{display:inline-block;width:100%;aspect-ratio:16/9;background:var(--c1);background-size:cover;background-position:center center;background-repeat:no-repeat no-repeat}html body main section.articles div.grid div.item div.txt{padding:1rem;width:100%}html body main section.articles div.grid div.item div.txt>h4{text-transform:uppercase;letter-spacing:.05rem;font-weight:700;font-size:1.1rem;text-align:left}html body main section.articles div.grid div.item div.txt>h5{text-transform:uppercase;letter-spacing:.1rem;font-weight:700;font-size:.7rem;text-align:left;color:var(--c3)}html body main section.articles div.grid div.item div.txt>p{letter-spacing:.025rem;font-weight:400;font-size:.8rem;text-align:justify;margin-top:1rem}html body main section.articles div.grid div.item:hover{background:var(--c8)}html body main section.articles div.grid div.item:active{background:var(--c7)}html body main section.articles div.grid div.nav{position:absolute;left:0;bottom:0;padding:0 1rem;margin-top:1.5rem;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}html body main section.articles div.grid div.nav button{display:inline-block;background:rgba(0,0,0,0);border:none;border-radius:.15rem;font-size:.72rem;color:var(--cb);text-transform:uppercase;letter-spacing:.025rem;transition:background .2s ease;gap:.25rem;font-weight:500}html body main section.articles div.grid div.nav button a{display:inline-flex;width:100%;flex-direction:row;align-items:center;justify-content:center;padding:.25rem .5rem;text-decoration:none}html body main section.articles div.grid div.nav button i.fi{font-size:1.4rem;transition:transform .3s ease}html body main section.articles div.grid div.nav button:hover{background:rgba(100,100,100,.3)}html body main section.articles div.grid div.nav button:active{background:rgba(100,100,100,.5)}html body main section.articles div.grid div.nav button,html body main section.articles div.grid div.nav button *{cursor:pointer}html body main section.articles div.grid div.nav button.pre:hover i.fi{transform:translate3d(0.15rem, 0, 0)}html body main section.articles div.grid div.nav button.pre:active i.fi{transform:translate3d(-0.15rem, 0, 0)}html body main section.articles div.grid div.nav button.next i.fi{margin-right:0;margin-left:.5rem}html body main section.articles div.grid div.nav button.next:hover i.fi{transform:translate3d(-0.15rem, 0, 0)}html body main section.articles div.grid div.nav button.next:active i.fi{transform:translate3d(0.15rem, 0, 0)}html body main section.articles div.grid div.nav div{font-family:var(--def-ff);font-size:.8rem;color:var(--cb);text-transform:uppercase;letter-spacing:.05rem;font-weight:500}html body main section.articles div.grid div.nav div input{width:3rem;margin-left:.5rem}html body main section.articles div.grid.loading{padding:2rem;align-items:center;justify-content:center;grid-template-columns:1fr;min-height:15rem}html body main section.articles div.grid.loading div.item{display:none}html body main section.articles div.grid.loading div.loading{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:100%}html body main section.articles div.grid.loading div.loading i.load-icn{--size: 3rem}html body main section.articles div.grid.loading div.loading h4{text-transform:uppercase;letter-spacing:.075rem;font-weight:700;font-size:1.1rem;text-align:center;margin-top:1rem}@media all and (max-width: 35rem){html body main section.articles div.grid div.nav button{padding:.25rem}html body main section.articles div.grid div.nav button span{display:none}html body main section.articles div.grid div.nav button.next i.fi{margin-left:0}}html body main section.article{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;width:100%;max-width:60rem;background:var(--cw2);overflow:hidden;box-shadow:.25rem .25rem 1rem rgba(100,100,100,.1)}html body main section.article div.noscript{display:none}html body main section.article div.header{display:grid;grid-template-columns:minmax(20rem, 1fr) auto;align-items:stretch;justify-content:flex-start}html body main section.article div.header div.illustration{display:inline-grid;width:100%;aspect-ratio:16/9;background:var(--c1);position:relative}html body main section.article div.header div.illustration img{width:100%;height:100%;object-fit:cover}html body main section.article div.header div.text{width:100%;min-width:30rem;max-width:35rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1rem}html body main section.article div.header div.text h1{font-family:var(--inter);text-transform:uppercase;letter-spacing:.15rem;font-size:1.4rem;font-weight:700;margin-top:.5rem;text-align:left}html body main section.article div.header div.text h2{font-family:var(--rubik);text-transform:uppercase;letter-spacing:.1rem;font-size:.8rem;font-weight:500;text-align:left}html body main section.article div.header div.text h2 span{color:var(--c2)}html body main section.article div.header div.text h2 span.edit{margin-left:.5rem;font-size:.7rem}html body main section.article div.header div.text h3{font-family:var(--rubik);text-transform:uppercase;letter-spacing:.1rem;font-size:.75rem;font-weight:400;text-align:left;color:var(--c5);margin-top:.5rem}html body main section.article div.header div.text h3 span{color:inherit;font-weight:600}html body main section.article div.container{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;margin-top:2rem;padding:0 1.5rem;width:100%;min-height:35rem;font-family:var(--def-ff);font-size:.9rem;font-weight:400;letter-spacing:.015rem;color:var(--cb)}html body main section.article div.container,html body main section.article div.container *{cursor:default !important}html body main section.article div.container div.codex-editor{width:100%}html body main section.article div.container div.codex-editor .ce-block__content,html body main section.article div.container div.codex-editor .ce-toolbar__content{max-width:unset}html body main section.article div.container,html body main section.article div.container *{cursor:text}html body main section.article div.container::before{content:"";display:inline-block;position:absolute;top:-0.5rem;left:-1rem;width:10rem;height:.1rem;background:var(--cb);border-radius:.1rem}html body main section.article div.container h1,html body main section.article div.container h2,html body main section.article div.container h3,html body main section.article div.container h4,html body main section.article div.container h5,html body main section.article div.container h6{text-align:left}html body main section.article div.container h1{font-size:2rem}html body main section.article div.container h2{font-size:1.8rem}html body main section.article div.container h3{font-size:1.5rem}html body main section.article div.container h4{font-size:1.3rem}html body main section.article div.container h5{font-size:1.1rem}html body main section.article div.container h6{font-size:1rem}@media all and (max-width: 55rem){html body main section.article div.header{grid-template-columns:1fr}}html body main section.others{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-left:2rem;background:var(--cw2);box-shadow:.25rem .25rem 1rem rgba(100,100,100,.1);padding:1rem;max-width:25rem}html body main section.others h5{font-family:var(--inter);text-transform:uppercase;letter-spacing:.15rem;font-size:1rem;font-weight:800;text-align:left}html body main section.others div.grid{display:grid;position:relative;grid-template-columns:1fr;grid-auto-rows:1fr;align-items:center;justify-content:center;width:100%;margin-top:2rem;gap:2rem}html body main section.others div.grid div.item{display:block;width:100%;position:relative;max-width:35rem;padding-bottom:1rem;background:#fff;box-shadow:0 0 .5rem rgba(100,100,100,.2);transition:background .2s ease}html body main section.others div.grid div.item,html body main section.others div.grid div.item *{cursor:pointer}html body main section.others div.grid div.item a{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;text-decoration:none}html body main section.others div.grid div.item i{width:100%;aspect-ratio:16/9;background:var(--c1);background-size:cover;background-position:center center;background-repeat:no-repeat no-repeat}html body main section.others div.grid div.item h4{text-transform:uppercase;letter-spacing:.05rem;font-weight:700;font-size:1rem;text-align:left;margin-top:.5rem;padding:0 .5rem}html body main section.others div.grid div.item h5{text-transform:uppercase;letter-spacing:.1rem;font-weight:700;font-size:.7rem;text-align:left;color:var(--c3);padding:0 .5rem}html body main section.others div.grid div.item p{letter-spacing:.025rem;font-weight:400;font-size:.8rem;text-align:justify;margin-top:.25rem;padding:0 .5rem}html body main section.others div.grid div.item:hover{background:var(--c8)}html body main section.others div.grid div.item:active{background:var(--c7)}html body main section.others div.action{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:100%;margin-top:2rem}html body main section.others div.action button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.05rem;font-size:.9rem;color:var(--cb);font-weight:500;background:var(--c1);border:none;box-shadow:.25rem .25rem .5rem rgba(100,100,100,.3);transition:background .2s ease,transform .5s cubic-bezier(0.47, 1.64, 0.41, 0.8)}html body main section.others div.action button,html body main section.others div.action button *{cursor:pointer}html body main section.others div.action button:hover{background:var(--c2);transform:scale3d(1.05, 1.05, 1)}html body main section.others div.action button:active{background:var(--c7);transform:scale3d(0.95, 0.95, 1)}html body main section.others div.action button span{color:inherit;font-weight:inherit}html body main section.others div.action button a{text-decoration:none;padding:.75rem 1rem}@media all and (max-width: 80rem){html body main{flex-direction:column;align-items:center;justify-content:flex-start}html body main section.others{margin-left:0;margin-top:2rem;max-width:60rem;width:100%}html body main section.others h5{width:100%;text-align:center}html body main section.others div.grid{grid-template-columns:repeat(auto-fill, minmax(25rem, 1fr))}html body main section.others div.grid div.item{justify-self:center}}@media all and (max-width: 55rem){html body main{padding:0}}@media all and (max-width: 35rem){html body main{padding:0}html body main section.article div.header div.text{min-width:unset;padding:1rem 2vw}html body main section.article div.header div.text h1{font-size:1.1srem}html body main section.article div.header div.text h2{font-size:.75rem}html body main section.article div.header div.text h2 span.edit{font-size:.65rem}html body main section.article div.container{padding:0 2vw}html body main section.others div.grid div.item{width:96vw}}/*# sourceMappingURL=news.css.map */