.top-news__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:var(--top-space-content)}.top-news{display:grid;gap:32px}@media(min-width:750px){.top-news{grid-template-columns:repeat(3,1fr);row-gap:48px}}@media(max-width:749px){.top-news{grid-auto-flow:column;grid-auto-columns:82%;gap:16px;margin-inline:calc(var(--top-space-gutter) * -1);padding-inline:var(--top-space-gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--top-space-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.top-news::-webkit-scrollbar{display:none}.top-news__card{scroll-snap-align:start}.top-news{overflow-y:hidden;overscroll-behavior-x:contain}.js .top-news>.top-news__card[data-reveal]{opacity:1;transform:none;transition:none}}.top-news__card{display:block;text-decoration:none}.top-news__card .top-photo img{transition:transform .8s var(--top-ease)}.top-news__date{margin-top:16px;font-family:var(--top-font-en);font-size:16px;line-height:1.4;letter-spacing:.1em;color:var(--top-color-text-sub)}.top-news__title{margin-top:4px;font-weight:500;line-height:1.7}.top-news__title span{padding-bottom:2px;background:linear-gradient(currentColor,currentColor) right bottom / 0 1px no-repeat;transition:background-size .4s ease}@media(any-hover:hover){.top-news__card:hover .top-photo img{transform:scale(1.05)}.top-news__card:hover .top-news__title span{background-position:left bottom;background-size:100% 1px}}.top-news__card:focus-visible .top-news__title span{background-position:left bottom;background-size:100% 1px}.top-news__dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.top-news__dots button{width:8px;height:8px;padding:0;border:1px solid var(--top-color-navy);border-radius:50%;background:transparent;cursor:pointer;transition:background .3s}.top-news__dots button[aria-current=true]{background:var(--top-color-navy)}@media(min-width:750px){.top-news__dots{display:none}}.top-news__empty{padding:40px;border:1px dashed var(--top-color-line);text-align:center;color:var(--top-color-text-sub)}
/*# sourceMappingURL=/cdn/shop/t/25/assets/top-news.css.map */