.changelog .section-main.hero.changelog-hero .title-wide {
max-width: none;
}
.changelog .section-main.hero.changelog-hero {
padding-bottom: 44px;
}
@media (min-width: 992px) {
.changelog .section-main.hero.changelog-hero {
padding-bottom: 64px;
}
}
.changelog-updated {
margin: -14px 0 0;
font-size: 14px;
line-height: 1.6;
color: rgba(43, 41, 45, .72);
}
@media (min-width: 992px) {
.changelog-updated {
margin-top: -18px;
}
.changelog .section-main.hero.changelog-hero .text {
max-width: 30em;
}
}
.changelog-list-section {
padding: 48px 0 40px;
background: #fff;
}
@media (min-width: 992px) {
.changelog-list-section {
padding: 64px 0 56px;
}
}
.changelog-list {
max-width: 860px;
margin: 0;
padding: 0;
list-style: none;
}
.changelog-entry {
margin: 0 0 44px;
scroll-margin-top: 100px;
}
.changelog-entry:last-child {
margin-bottom: 0;
}
@media (min-width: 992px) {
.changelog-entry {
display: flex;
align-items: flex-start;
margin-bottom: 52px;
}
.changelog-when {
flex: 0 0 176px;
margin-right: 40px;
}
.changelog-what {
flex: 1 1 auto;
min-width: 0;
}
}
.changelog-when {
display: flex;
align-items: center;
margin: 0 0 10px;
font-size: 14px;
line-height: 1.6;
color: rgba(43, 41, 45, .72);
}
.changelog-when time {
font-weight: 700;
color: #2B292D;
}
@media (min-width: 992px) {
.changelog-when {
flex-direction: column;
align-items: flex-start;
margin: 0;
padding-top: 3px;
}
}
.changelog-type {
display: inline-block;
margin-left: 10px;
padding: 1px 7px;
border: 1px solid rgba(43, 41, 45, .28);
border-radius: 3px;
font-size: 11px;
font-weight: 700;
letter-spacing: .06em;
line-height: 1.6;
text-transform: uppercase;
color: rgba(43, 41, 45, .72);
}
@media (min-width: 992px) {
.changelog-type {
margin: 8px 0 0;
}
}
.changelog-what h2 {
margin: 0 0 8px;
font-family: 'Montserrat', 'Montserrat Fb', 'Montserrat Fb A', sans-serif;
font-size: 20px;
font-weight: 700;
letter-spacing: -0.4px;
line-height: 1.25;
color: #2B292D;
}
@media (min-width: 992px) {
.changelog-what h2 {
font-size: 22px;
}
}
.changelog-what p {
max-width: 640px;
margin: 0;
font-size: 16px;
line-height: 1.6;
color: rgba(43, 41, 45, .72);
}
.changelog-link {
display: inline-block;
margin: 10px 0 0;
font-size: 15px;
}
.changelog-empty {
margin: 0;
font-size: 17px;
color: rgba(43, 41, 45, .72);
}
.changelog-foot-band {
padding: 36px 0;
background: #F8F8FB;
}
@media (min-width: 992px) {
.changelog-foot-band {
padding: 44px 0;
}
}
.changelog-foot {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 8px 32px;
font-size: 15px;
line-height: 1.6;
}
.changelog-foot-text {
margin: 0;
font-weight: 700;
color: #2B292D;
}
.changelog-foot-links {
display: flex;
flex-wrap: wrap;
gap: 4px 24px;
}
.changelog-action {
font-weight: 700;
color: #0000ff;
text-decoration: none;
}
.changelog-action:hover,
.changelog-action:focus {
color: #0000ff;
text-decoration: underline;
}
.changelog-action:focus:not(:focus-visible) {
outline: none;
}
.changelog-action:focus-visible {
outline: 2px solid #0000ff;
outline-offset: 2px;
}