.s7-framework.s7-surface-utility .s7-utility,
.s7-framework.s7-surface-utility .s7-discovery {
width: min(calc(100% - 2 * var(--s7-container-gutter)), var(--s7-container-max));
min-width: 0;
margin-inline: auto;
}
.s7-framework.s7-surface-utility .s7-utility__content {
color: var(--s7-ink);
overflow-wrap: anywhere;
}
.s7-framework.s7-surface-utility .s7-utility__content :is(p, li) {
line-height: var(--s7-body-leading);
}
.s7-framework.s7-surface-utility .s7-utility__content :is(a, button):focus-visible,
.s7-framework.s7-surface-utility :is(.s7-form-state, .s7-discovery) a:focus-visible {
outline: 3px solid var(--s7-focus);
outline-offset: 2px;
}
.s7-framework.s7-surface-utility .s7-utility__content a,
.s7-framework.s7-surface-utility :is(.s7-form-state, .s7-discovery) a {
color: var(--s7-accent-strong);
text-decoration-thickness: .08em;
text-underline-offset: .16em;
}
@media (hover: hover) and (pointer: fine) {
.s7-framework.s7-surface-utility .s7-utility__content a:hover,
.s7-framework.s7-surface-utility :is(.s7-form-state, .s7-discovery) a:hover {
color: var(--s7-accent-hover);
}
} .s7-framework.s7-surface-utility .s7-utility--legal {
width: min(calc(100% - 2 * var(--s7-container-gutter)), 1040px);
}
.s7-framework.s7-surface-utility .s7-utility--generic {
width: min(calc(100% - 2 * var(--s7-container-gutter)), 920px);
}
.s7-framework.s7-surface-utility .l-main > .l-section:first-child > .l-section-h {
width: min(calc(100% - 2 * var(--s7-container-gutter)), 920px);
max-width: none;
padding-inline: 0 !important;
}
body.s7-framework.s7-surface-utility .l-main > .l-section:first-child {
padding-inline: 0 !important;
}
.s7-framework.s7-surface-utility .l-main > .l-section:first-child h1 {
margin: 0;
color: var(--s7-heading) !important;
font: 600 clamp(28px, 2.4vw, 36px)/1.15 var(--s7-font-display);
letter-spacing: -.025em;
text-wrap: balance;
}
.s7-framework.s7-surface-utility .l-main > .l-section:first-child :is(.g-cols, .wpb_column, .vc_column-inner) {
margin-inline: 0 !important;
padding-inline: 0 !important;
}
.s7-framework.s7-surface-utility .s7-utility--legal .s7-utility__content {
max-width: none;
margin-block: 16px var(--s7-space-12);
padding: clamp(30px, 4.5vw, 56px);
border: 1px solid var(--s7-border);
border-radius: var(--s7-radius-lg);
background: var(--s7-surface);
box-shadow: var(--s7-shadow-ambient);
}
body.s7-framework.s7-surface-utility .l-main > .l-section:has(.s7-utility--legal) {
padding-top: 0 !important;
}
body.s7-framework.s7-surface-utility .l-main > .l-section:has(.s7-utility) {
padding-inline: 0 !important;
}
.s7-framework.s7-surface-utility .s7-utility--legal .s7-utility__content :where(p, h2, h3, h4, h5, h6, ul, ol, blockquote) {
max-width: 74ch;
}
.s7-framework.s7-surface-utility .s7-utility--legal .s7-utility__content :is(p,li){font-size:17px;line-height:1.72}
.s7-framework.s7-surface-utility .s7-utility--legal .s7-utility__content p{margin:0 0 1.15em}
.s7-framework.s7-surface-utility .s7-utility--legal .s7-utility__content li+li{margin-top:.48em}
.s7-framework.s7-surface-utility .s7-utility--legal .s7-utility__content>p:first-child{max-width:none;margin-bottom:1.8em;padding-bottom:18px;border-bottom:1px solid var(--s7-border);color:var(--s7-muted);font-size:14px;line-height:1.45;text-align:left!important}
.s7-framework.s7-surface-utility .s7-utility--legal .s7-legal-lead {
max-width: 68ch;
margin-bottom: clamp(28px, 4vw, 42px);
color: var(--s7-ink);
font-size: clamp(18px, 1.45vw, 20px);
line-height: 1.62;
letter-spacing: -.008em;
}
.s7-framework.s7-surface-utility .s7-utility--legal .s7-legal-meta time {
font-variant-numeric: tabular-nums;
}
.s7-framework.s7-surface-utility .s7-utility--generic .s7-utility__content {
max-width: none;
margin-block: var(--s7-space-6) var(--s7-space-12);
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
}
.s7-framework.s7-surface-utility .s7-utility--generic .s7-utility__content :is(h2, h3) {
margin: 1.6em 0 .65em;
color: var(--s7-heading);
font: 650 clamp(20px, 1.5vw, 25px)/1.25 var(--s7-font-display);
letter-spacing: -.015em;
text-wrap: balance;
}
.s7-framework.s7-surface-utility .s7-utility--generic .s7-utility__content :is(img, table, pre) {
max-width: 100%;
}
.s7-framework.s7-surface-utility .s7-utility--legal .s7-utility__content > .l-section {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
.s7-framework.s7-surface-utility .s7-utility--legal .s7-utility__content > .l-section > .l-section-h {
width: 100%;
max-width: none;
padding: 0 !important;
}
.s7-framework.s7-surface-utility .s7-utility--legal .s7-utility__content :is(.g-cols, .wpb_column, .vc_column-inner) {
margin-inline: 0 !important;
padding-inline: 0 !important;
}
.s7-framework.s7-surface-utility .s7-utility--legal .s7-utility__content :is(h2, h3) {
max-width: none;
margin: 1.75em 0 .65em;
padding-top: 0;
color: var(--s7-heading);
font: 650 clamp(20px, 1.5vw, 25px)/1.25 var(--s7-font-display);
letter-spacing: -.015em;
text-wrap: balance;
}
.s7-framework.s7-surface-utility .s7-utility--legal .s7-utility__content h2~h2{padding-top:1.45em;border-top:1px solid color-mix(in srgb,var(--s7-border) 78%,transparent)}
.s7-framework.s7-surface-utility .s7-utility--legal .s7-utility__content :is(h2, h3):first-child {
margin-top: 0;
}
.s7-framework.s7-surface-utility .s7-utility--legal .s7-utility__content :is(ul, ol) {
padding-inline-start: 1.4em;
}
.s7-framework.s7-surface-utility .s7-utility--legal .s7-utility__content :is(table, pre) {
display: block;
max-width: 100%;
overflow-x: auto;
} .s7-framework.s7-surface-utility .s7-utility--contact {
display: grid;
width: min(calc(100% - 2 * var(--s7-container-gutter)), 1040px);
padding-block: clamp(28px, 4vw, 48px) clamp(64px, 8vw, 96px);
gap: clamp(20px, 2.5vw, 32px);
}
.s7-framework.s7-surface-utility .s7-utility--contact .s7-utility__header {
display: grid;
width: min(100%, 760px);
margin-inline: auto;
justify-items: center;
text-align: center;
}
.s7-framework.s7-surface-utility .s7-utility--contact .s7-utility__header h1 {
max-width: 100%;
margin: 0;
color: var(--s7-heading) !important;
font: 580 clamp(31px, 3.2vw, 44px)/1.1 var(--s7-font-display);
letter-spacing: -.03em;
text-wrap: nowrap;
white-space: nowrap;
}
.s7-framework.s7-surface-utility .s7-utility--contact .s7-utility__content {
display: grid;
width: 100%;
max-width: none;
margin: 0;
padding: 0;
grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
gap: var(--s7-space-6);
border: 0;
border-radius: 0;
background: transparent;
overflow: visible;
align-items: stretch;
}
.s7-framework.s7-surface-utility .s7-utility--contact .s7-utility__content > .l-section {
position: relative;
min-width: 0;
height: 100%;
margin: 0 !important;
border: 1px solid var(--s7-border);
border-radius: var(--s7-radius-lg);
box-shadow: var(--s7-shadow-ambient);
padding: 0 !important;
min-height: 430px;
}
body.s7-framework.s7-surface-utility:has(.s7-utility--legal) .l-main > .l-section:first-child > .l-section-h,
body.s7-framework.s7-surface-utility:has(.s7-utility--generic) .l-main > .l-section:first-child > .l-section-h{
width:min(calc(100% - 2 * var(--s7-container-gutter)),1040px);
}
body.s7-framework.s7-surface-utility:has(.s7-utility--contact) .l-main {
padding-top: var(--s7-header-height) !important;
}
.s7-framework.s7-surface-utility .s7-utility--contact .s7-utility__content > .l-section:first-child {
overflow: hidden;
color: var(--s7-header-text);
}
.s7-framework.s7-surface-utility .s7-utility--contact .s7-utility__content > .l-section:nth-child(2) {
background: var(--s7-surface) !important;
color: var(--s7-ink);
}
.s7-framework.s7-surface-utility .s7-utility--contact .s7-utility__content > .l-section > .l-section-h {
box-sizing: border-box;
width: 100%;
max-width: none;
}
.s7-framework.s7-surface-utility .s7-utility--contact .s7-utility__content > .l-section:first-child > .l-section-h {
padding: clamp(54px, 7vw, 88px) clamp(24px, 4vw, 44px) !important;
}
.s7-framework.s7-surface-utility .s7-utility--contact .s7-utility__content > .l-section:nth-child(2) > .l-section-h {
display: flex;
min-height: 100%;
padding: clamp(28px, 4vw, 48px) clamp(22px, 3.5vw, 40px) !important;
flex-direction: column;
justify-content: center;
}
.s7-framework.s7-surface-utility .s7-utility--contact .s7-utility__content > .l-section:first-child :is(h1, .s7-contact-subtitle) {
color: var(--s7-header-text) !important;
}
.s7-framework.s7-surface-utility .s7-utility--contact .s7-contact-subtitle {
margin: 0;
font: 500 clamp(15px, 1.4vw, 18px)/1.5 var(--s7-font-body);
text-wrap: balance;
}
.s7-framework.s7-surface-utility .s7-utility--contact .s7-utility__content > .l-section:first-child h1 {
margin-bottom: var(--s7-space-3);
font: 600 clamp(28px, 3.2vw, 40px)/1.08 var(--s7-font-display);
letter-spacing: -.025em;
text-wrap: balance;
}
.s7-framework.s7-surface-utility .s7-utility--contact .w-socials-item-link {
display: grid !important;
width: 48px;
height: 48px;
min-height: var(--s7-touch-min);
place-items: center;
border: 1px solid rgba(255, 255, 255, .3);
border-radius: var(--s7-radius-pill);
background: rgba(255, 255, 255, .86) !important;
box-shadow: 0 10px 26px rgba(9, 27, 56, .14);
line-height: 1 !important;
overflow: hidden;
backdrop-filter: blur(12px) saturate(135%);
-webkit-backdrop-filter: blur(12px) saturate(135%);
transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}
.s7-framework.s7-surface-utility .s7-utility--contact .w-socials-list {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.s7-framework.s7-surface-utility .s7-utility--contact .w-socials-item {
margin: 0 !important;
line-height: 0 !important;
}
.s7-framework.s7-surface-utility .s7-utility--contact .w-socials-item-link > i {
display: block !important;
width: 48px !important;
height: 48px !important;
margin: 0 !important;
font-size: 22px !important;
line-height: 48px !important;
transform: none !important;
}
@media (hover: hover) and (pointer: fine) {
.s7-framework.s7-surface-utility .s7-utility--contact .w-socials-item-link:hover {
border-color: rgba(255, 255, 255, .58);
background: rgba(255, 255, 255, .96) !important;
}
}
.s7-framework.s7-surface-utility .s7-utility--contact .s7-utility__content > .l-section:nth-child(2) .w-iconbox {
max-width: 380px;
margin-inline: auto;
}
.s7-framework.s7-surface-utility .s7-utility--contact .w-popup-trigger.w-btn {
width: auto;
min-height: 48px;
padding: 11px 18px !important;
border-radius: var(--s7-radius-pill);
} body.s7-framework.s7-surface-changelog .l-main {
padding-top: 0 !important;
background: var(--s7-canvas);
}
body.s7-framework.s7-surface-changelog .l-main > .l-section:first-child {
padding: clamp(14px, 1.6vw, 20px) 0 clamp(16px, 2vw, 22px) !important;
background: transparent !important;
}
body.s7-framework.s7-surface-changelog .l-main > .l-section:first-child > .l-section-h {
box-sizing: border-box;
width: min(calc(100% - 2 * var(--s7-container-gutter)), var(--s7-container-max));
max-width: none;
padding: 0 !important;
}
body.s7-framework.s7-surface-changelog .l-main > .l-section:first-child :is(.g-cols, .wpb_column, .vc_column-inner) {
margin: 0 !important;
padding: 0 !important;
}
body.s7-framework.s7-surface-changelog .l-main > .l-section:first-child h1 {
width: 100%;
max-width: none;
margin: 0;
color: var(--s7-heading) !important;
font: 650 clamp(30px, 3.2vw, 46px)/1.08 var(--s7-font-display);
letter-spacing: -.03em;
text-wrap: nowrap;
white-space: nowrap;
}
body.s7-framework.s7-surface-changelog .l-main > .l-section.for_sidebar {
padding: 0 0 clamp(64px, 8vw, 96px) !important;
background: transparent !important;
}
body.s7-framework.s7-surface-changelog .l-main > .l-section.for_sidebar > .l-section-h {
position: relative;
box-sizing: border-box;
display: grid;
width: min(calc(100% - 2 * var(--s7-container-gutter)), var(--s7-container-max));
max-width: none;
grid-template-columns: minmax(0, 1040px);
justify-content: center;
align-items: start;
gap: clamp(24px, 3vw, 36px);
padding: 0 !important;
}
body.s7-framework.s7-surface-changelog .l-main > .l-section.for_sidebar[data-s7-changelog-rail="ready"] > .l-section-h {
grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
justify-content: stretch;
}
body.s7-framework.s7-surface-changelog .l-main > .l-section.for_sidebar > .l-section-h > .l-content,
body.s7-framework.s7-surface-changelog .l-main > .l-section.for_sidebar > .l-section-h > .l-sidebar {
min-width: 0;
width: auto !important;
margin: 0 !important;
}
body.s7-framework.s7-surface-changelog .l-main > .l-section.for_sidebar > .l-section-h > .l-content > :is(.vc_column-inner, .wpb_wrapper) {
box-sizing: border-box;
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
body.s7-framework.s7-surface-changelog .l-main > .l-section.for_sidebar > .l-section-h > .l-sidebar {
grid-column: 1;
grid-row: 1;
width: min(100%, 300px) !important;
height: auto !important;
align-self: start;
justify-self: end;
opacity: 0;
pointer-events: none;
}
body.s7-framework.s7-surface-changelog .l-main > .l-section.for_sidebar[data-s7-changelog-rail="ready"] > .l-section-h > .l-sidebar {
position: sticky;
top: calc(var(--s7-header-sticky-offset) + 24px);
display: grid;
grid-column: 2;
grid-row: 1;
align-self: start;
gap: 16px;
opacity: 1;
pointer-events: auto;
}
.s7-framework.s7-surface-changelog .s7-changelog {
display: grid;
width: 100%;
min-width: 0;
gap: clamp(16px, 1.8vw, 20px);
}
.s7-framework.s7-surface-changelog .s7-changelog__intro {
max-width: min(72ch, 100%);
padding: 0 0 clamp(16px, 1.8vw, 20px);
border-bottom: 1px solid var(--s7-border);
}
.s7-framework.s7-surface-changelog .s7-changelog__intro p {
margin: 0;
color: var(--s7-muted);
font-size: clamp(16px, 1.25vw, 18px);
line-height: 1.65;
text-wrap: pretty;
}
.s7-framework.s7-surface-changelog .s7-changelog__content {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
color: var(--s7-ink);
overflow: visible;
overflow-wrap: anywhere;
}
.s7-framework.s7-surface-changelog .s7-changelog__content > .l-section,
.s7-framework.s7-surface-changelog .s7-changelog__content > .l-section > .l-section-h {
width: 100%;
max-width: none;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
.s7-framework.s7-surface-changelog .s7-changelog__content :is(.g-cols, .wpb_column, .vc_column-inner) {
min-width: 0;
margin-inline: 0 !important;
padding-inline: 0 !important;
}
.s7-framework.s7-surface-changelog .s7-changelog__content .w-separator {
display: none;
}
.s7-framework.s7-surface-changelog .s7-changelog__version {
position: relative;
max-width: none;
margin: 0 0 12px;
padding: clamp(22px, 3vw, 32px);
border: 1px solid var(--s7-border);
border-radius: var(--s7-radius-md);
background: var(--s7-surface);
box-shadow: var(--s7-shadow-ambient);
}
.s7-framework.s7-surface-changelog .s7-changelog__version-heading {
display: flex;
max-width: 70ch;
align-items: baseline;
flex-wrap: wrap;
gap: 8px 14px;
margin: 0 0 12px;
color: var(--s7-heading) !important;
font: 650 clamp(21px, 1.7vw, 26px)/1.2 var(--s7-font-display);
letter-spacing: -.018em;
text-wrap: balance;
}
.s7-framework.s7-surface-changelog .s7-changelog__version-heading > span {
margin-left: auto;
color: var(--s7-muted) !important;
font: 600 13px/1.5 var(--s7-font-body) !important;
white-space: nowrap;
}
.s7-framework.s7-surface-changelog .s7-changelog__version :is(p, li, blockquote) {
max-width: 70ch;
font-size: 16px;
line-height: 1.62;
}
.s7-framework.s7-surface-changelog .s7-changelog__version p {
margin: 0 0 14px;
text-wrap: pretty;
}
.s7-framework.s7-surface-changelog .s7-changelog__version p:last-child {
margin-bottom: 0;
}
.s7-framework.s7-surface-changelog .s7-changelog__version .wpb_wrapper > ul {
max-width: 70ch;
margin: 12px 0;
padding: 0;
list-style: none;
}
.s7-framework.s7-surface-changelog .s7-changelog__version .wpb_wrapper > ul > li {
margin: 0;
padding: 10px 0;
border-top: 1px solid color-mix(in srgb, var(--s7-border) 78%, transparent);
}
.s7-framework.s7-surface-changelog .s7-changelog__version .wpb_wrapper > ul > li:first-child {
border-top: 0;
}
.s7-framework.s7-surface-changelog .s7-changelog__version li > strong:first-child {
color: var(--s7-heading);
font-family: var(--s7-font-display);
font-weight: 650;
}
.s7-framework.s7-surface-changelog .s7-changelog__version ul ul {
margin: 8px 0 0;
padding-inline-start: 1.25em;
}
.s7-framework.s7-surface-changelog .s7-changelog__version ul ul li + li {
margin-top: 7px;
}
.s7-framework.s7-surface-changelog .s7-changelog__archive {
margin: 8px 0 20px;
overflow: hidden;
border: 1px solid var(--s7-border);
border-radius: var(--s7-radius-md);
background: color-mix(in srgb, var(--s7-surface-muted) 70%, var(--s7-surface));
}
.s7-framework.s7-surface-changelog .s7-changelog__archive .w-tabs-section-header {
min-height: 56px;
padding: 12px clamp(18px, 2.5vw, 26px) !important;
background: transparent !important;
color: var(--s7-heading) !important;
font-family: var(--s7-font-display);
font-weight: 650;
}
.s7-framework.s7-surface-changelog .s7-changelog__archive .w-tabs-section-content-h {
padding: 0 clamp(12px, 2vw, 18px) 2px !important;
}
.s7-framework.s7-surface-changelog .s7-changelog__archive .s7-changelog__version {
box-shadow: none;
}
.s7-framework.s7-surface-changelog .s7-changelog__aside {
max-width: 70ch;
margin: 20px 0 16px;
padding: clamp(22px, 3vw, 30px);
border: 1px solid color-mix(in srgb, var(--s7-border) 68%, var(--s7-accent) 32%);
border-radius: var(--s7-radius-md);
background: color-mix(in srgb, var(--s7-surface) 90%, var(--s7-accent-soft) 10%);
}
.s7-framework.s7-surface-changelog .s7-changelog__aside-heading {
margin: 0 0 12px;
color: var(--s7-heading) !important;
font: 650 clamp(20px, 1.5vw, 24px)/1.25 var(--s7-font-display);
letter-spacing: -.015em;
}
.s7-framework.s7-surface-changelog .s7-changelog__aside :is(p, li) {
max-width: 70ch;
line-height: 1.65;
}
.s7-framework.s7-surface-changelog .s7-changelog__status {
max-width: 70ch;
margin: 16px 0 0;
color: var(--s7-muted);
font-size: 14px;
}
.s7-framework.s7-surface-changelog .s7-changelog a {
color: var(--s7-accent-strong);
text-decoration-thickness: .08em;
text-underline-offset: .16em;
}
.s7-framework.s7-surface-changelog .s7-changelog :is(a, button):focus-visible {
outline: 3px solid var(--s7-focus);
outline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
.s7-framework.s7-surface-changelog .s7-changelog a:hover {
color: var(--s7-accent-hover);
}
}
.s7-framework.s7-surface-utility .s7-form-state {
margin-block: var(--s7-space-5);
padding: var(--s7-space-4);
border: 1px solid var(--s7-border);
border-radius: var(--s7-radius-md);
background: var(--s7-surface-muted);
color: var(--s7-ink);
}
.s7-framework.s7-surface-utility .s7-discovery {
padding-block: var(--s7-space-6);
}
.s7-framework.s7-surface-utility .s7-discovery__items {
display: grid;
margin: 0;
padding: 0;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
gap: var(--s7-space-4);
list-style: none;
}
.s7-framework.s7-surface-utility .s7-discovery__item {
display: grid;
padding: var(--s7-space-5);
gap: var(--s7-space-2);
border: 1px solid var(--s7-border);
border-radius: var(--s7-radius-md);
background: var(--s7-surface);
}
.s7-framework.s7-surface-utility .s7-discovery__item a {
display: inline-flex;
min-height: var(--s7-touch-min);
align-items: center;
font-family: var(--s7-font-display);
font-weight: var(--s7-title-weight);
}
.s7-framework.s7-surface-utility .s7-discovery__item span,
.s7-framework.s7-surface-utility .s7-discovery__empty {
color: var(--s7-muted);
}
.s7-framework.s7-surface-utility .s7-discovery__empty {
margin: 0;
padding: var(--s7-space-6);
border: 1px solid var(--s7-border);
border-radius: var(--s7-radius-md);
background: var(--s7-surface-muted);
}
@media (max-width: 980px) {
body.s7-framework.s7-surface-changelog .l-main > .l-section.for_sidebar[data-s7-changelog-rail="ready"] > .l-section-h {
grid-template-columns: minmax(0, 1fr);
}
body.s7-framework.s7-surface-changelog .l-main > .l-section.for_sidebar[data-s7-changelog-rail="ready"] > .l-section-h > .l-sidebar {
position: static;
width: min(100%, 320px) !important;
grid-column: 1;
grid-row: 2;
justify-self: center;
}
}
@media (max-width: 1000px) {
.s7-framework.s7-surface-utility .s7-utility--contact .s7-utility__content {
grid-template-columns: minmax(0, 1fr);
}
.s7-framework.s7-surface-utility .s7-utility--contact .s7-utility__content > .l-section:first-child > .l-section-h {
padding-block: clamp(48px, 14vw, 78px) !important;
}
.s7-framework.s7-surface-utility .s7-utility--contact .s7-utility__content > .l-section{min-height:0}
}
@media (max-width: 480px) {
.s7-framework.s7-surface-utility .s7-utility--contact .s7-utility__content > .l-section:nth-child(2) .w-iconbox {
display: grid !important;
justify-items: center;
text-align: center;
}
.s7-framework.s7-surface-utility .s7-utility--contact .w-iconbox-icon {
position: static !important;
width: 72px !important;
height: 72px !important;
margin: 0 auto var(--s7-space-3) !important;
font-size: 34px !important;
}
.s7-framework.s7-surface-utility .s7-utility--contact .w-iconbox-meta {
padding: 0 !important;
}
.s7-framework.s7-surface-utility .s7-utility--contact .w-iconbox p {
text-align: center !important;
}
.s7-framework.s7-surface-utility .s7-utility--contact a[href^="mailto:"] {
word-break: normal;
overflow-wrap: normal;
white-space: nowrap;
}
}
@media (max-width: 600px) {
body.s7-framework.s7-surface-changelog .l-main > .l-section:first-child > .l-section-h,
body.s7-framework.s7-surface-changelog .l-main > .l-section.for_sidebar > .l-section-h {
width: calc(100% - 32px);
}
body.s7-framework.s7-surface-changelog .l-main > .l-section:first-child {
padding-block: 14px 16px !important;
}
body.s7-framework.s7-surface-changelog .l-main > .l-section:first-child h1 {
font-size: clamp(28px, 9vw, 38px);
text-wrap: balance;
white-space: normal;
}
.s7-framework.s7-surface-changelog .s7-changelog {
gap: 18px;
}
.s7-framework.s7-surface-changelog .s7-changelog__version,
.s7-framework.s7-surface-changelog .s7-changelog__aside {
padding: 20px 18px;
border-radius: 14px;
}
.s7-framework.s7-surface-changelog .s7-changelog__version-heading > span {
width: 100%;
margin-left: 0;
}
.s7-framework.s7-surface-changelog .s7-changelog__archive .w-tabs-section-content-h {
padding-inline: 8px !important;
}
.s7-framework.s7-surface-utility .s7-utility,
.s7-framework.s7-surface-utility .s7-discovery,
.s7-framework.s7-surface-utility .l-main > .l-section:first-child > .l-section-h {
width: calc(100% - 32px);
}
.s7-framework.s7-surface-utility .s7-utility--legal .s7-utility__content {
margin-top: var(--s7-space-5);
}
.s7-framework.s7-surface-utility .s7-utility--contact {
padding-block: 26px 64px;
gap: 20px;
}
.s7-framework.s7-surface-utility .s7-utility--contact .s7-utility__header h1 {
font-size: clamp(28px, 9vw, 36px);
text-wrap: balance;
white-space: normal;
}
.s7-framework.s7-surface-utility .s7-discovery__item,
.s7-framework.s7-surface-utility .s7-discovery__empty {
padding: var(--s7-space-4);
}
}
@media (prefers-reduced-motion: reduce) {
.s7-framework.s7-surface-utility .s7-utility__content *,
.s7-framework.s7-surface-utility .s7-discovery *,
.s7-framework.s7-surface-changelog .s7-changelog * {
scroll-behavior: auto !important;
}
}