@charset "UTF-8"; :root { --100vw: 100vw; --1rem: 1rem; --window-width: calc(tan(atan2(var(--100vw), 1px))*min(1, 16 / tan(atan2(var(--1rem), 1px)))); --max-width: max(1440 * var(--px), 90 * var(--rem)); --scale: max(1, var(--window-width) / 1440); --px: calc(1px * var(--scale)); --rem: calc(1rem * var(--scale)); } .news-article { position:relative; line-height:1.5 } .news-article__header { padding:2.5rem 0; border-bottom:2px solid #E5EBF3 } .news-article__header>* { margin-inline:auto } .news-article__content { display:flex; flex-flow:column nowrap; row-gap:4rem; padding:2.5rem 0 } .news-article__content.--search { padding:4rem .62rem; overflow-x:scroll } .news-article__content.--list { padding:0 0 4rem } .news-article__content>* { margin-inline:auto } .news-article__bottom { display:flex; align-items:center; justify-content:center; padding:2rem 0 5rem } .news-search-bar { display:flex; flex-flow:row nowrap; align-items:center; justify-content:center; gap:.25rem; padding:.5rem .75rem; border-radius:5rem; margin-inline:auto; background-color:#fff } .news-search-button { --_fg:currentcolor; --_bg:transparent; padding:.45rem 1.28rem; border-radius:2.5rem; border:none; color:var(--_fg); background-color:var(--_bg); font-size:.875rem; font-weight:var(--sys-font-weight-bold); line-height:1; -webkit-appearance:none; -moz-appearance:none; appearance:none; text-decoration:none; white-space:nowrap; cursor:pointer } .news-search-button.--current { --_fg:#FFF; --_bg:var(--sys-hex-primary) } .news-search-list { display:flex; flex-flow:column nowrap; inline-size:min(84%,61.25rem); margin-inline:auto } .news-search-list__item { padding:2.5rem 1.5rem; border-top:2px solid #E5EBF3 } .news-search-list__item:last-of-type { border-bottom:2px solid #E5EBF3 } .news-search-list__notification { -webkit-padding-before:1rem; padding-block-start:1rem; text-align:center; font-size:1rem; font-weight:var(--sys-font-weight-bold); line-height:1.75 } @media (min-width:768px) { .news-article__header,.news-article__content { padding:5rem 0 } .news-article__content.--search { padding:5rem 1rem; overflow:hidden } .news-article__content.--list { padding:0 0 7.5rem } .news-article__bottom { padding:5rem 0 7.5rem } .news-search-bar { inline-size:min(65rem,100%); padding:1rem 1.5rem } .news-search-button { padding:.64rem 1.08rem; font-size:1rem } .news-search-list__notification { -webkit-padding-before:revert; padding-block-start:revert; font-size:1.125rem } } @media (min-width:992px) { .news-search-bar { gap:1.5rem } } .p-news-pager.l-news-pager { display:flex; justify-content:center; align-items:center; gap:30px 20px; padding-top:5rem; flex-wrap:wrap } .c-pagination { display:flex } .c-pagination__nav { display:flex } .c-pagination__list { display:flex; gap:10px 20px; justify-content: center; flex-wrap:wrap; } .c-pagination__item.--current .c-pagination__link { color: #fff; width: clamp(3.75 * var(--rem), (var(--window-width) * .000881 + 3.42) * var(--rem), 4.688 * var(--rem)); color: #fff; background-color: #000; } .c-pagination__ellipsis, .c-pagination__link { display: inline-flex; align-items: center; justify-content: center; width: clamp(2.5 * var(--rem), (var(--window-width) * .000587 + 2.28) * var(--rem), 3.125 * var(--rem)); height: clamp(2.5 * var(--rem), (var(--window-width) * .000587 + 2.28) * var(--rem), 3.125 * var(--rem)); font-family: var(--font-family-en); font-size: calc(.75 * var(--rem)); font-weight: 700; line-height: 1.2; color: #000; letter-spacing: normal; background-color: #fff; border-radius: 9999rem; } .c-pagination__link:hover { background-color: #2D45FF; color: #fff }