.support-page{
overflow-x:clip;
}
.support-page [hidden]{
display:none!important;
}
.support-hero[data-hero-form="gradient-motion"]{
display:block;
padding-block:var(--hero-pad) var(--space-8);
background:var(--hero-gradient);
color:#E7EBEE;
--muted:#D8DDEA;
--line:rgba(255,255,255,.18);
--line-soft:rgba(255,255,255,.08);
}
.support-hero-copy{
min-width:0;
text-align:left;
}
.support-hero-copy h1{
max-width:100%;
overflow-wrap:break-word;
color:#E7EBEE;
}
.support-lead{
max-width:56rem;
margin-top:var(--space-3);
font-size:var(--text-md);
line-height:1.7;
color:#E7EBEE;
}
.support-hero-actions{
margin-block:var(--space-4);
justify-content:flex-start;
}
.support-hero-note{
max-width:56rem;
color:#D8DDEA;
}
.support-search{
display:grid;
gap:var(--field-gap);
margin-top:var(--space-7);
min-width:0;
}
.support-search-line{
display:flex;
align-items:center;
gap:var(--space-3);
padding:var(--space-2) var(--space-3);
border:1px solid var(--glass-line);
border-radius:var(--r-pill);
background:#1C2127;
color:#E7EBEE;
--muted:#A0A9B1;
--line:rgba(255,255,255,.18);
}
.support-search-line>svg{
width:1.25rem;
height:1.25rem;
flex:none;
}
.support-search-line input{
flex:1 1 auto;
min-width:0;
width:100%;
min-height:3rem;
padding:var(--space-2);
border:0;
border-radius:var(--r-inner);
background:#1C2127;
color:#E7EBEE;
}
.support-search-line input::placeholder{
color:#A0A9B1;
opacity:1;
}
.support-search-line button{
flex:0 0 auto;
}
.support-search-feedback{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-2) var(--space-3);
min-width:0;
}
.support-search-feedback p{
font-size:var(--text-sm);
color:#E7EBEE;
}
.support-search-clear{
padding:var(--space-2) var(--space-3);
border:1px solid var(--glass-line);
border-radius:var(--r-pill);
background:#1C2127;
color:#E7EBEE;
font-size:var(--text-sm);
}
.support-search-clear:hover{
background:#303740;
color:#E7EBEE;
}
.support-entry-grid{
margin-top:var(--space-6);
grid-template-columns:repeat(4,minmax(0,1fr));
align-items:stretch;
}
.support-entry-grid>.support-entry{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-4);
background:#1C2127;
color:#E7EBEE;
--muted:#A0A9B1;
--line:rgba(255,255,255,.18);
--line-soft:rgba(255,255,255,.08);
}
.support-entry h2{
font-size:var(--text-md);
line-height:1.5;
color:#E7EBEE;
}
.support-entry p{
color:#C0C8CE;
}
.support-entry>.c-btn{
margin-top:auto;
align-self:flex-start;
}
.support-section{
padding-block:var(--space-section);
scroll-margin-top:calc(var(--header-height) + var(--space-4));
}
.support-section-head{
max-width:56rem;
margin-bottom:var(--space-5);
min-width:0;
}
.support-section-head h2{
overflow-wrap:break-word;
}
.support-section-head>p{
margin-top:var(--space-3);
color:#C0C8CE;
font-size:1rem;
line-height:1.7;
}
.support-doc-copy{
display:grid;
align-content:start;
gap:var(--space-3);
max-width:56rem;
min-width:0;
}
.support-doc-copy p{
font-size:1rem;
line-height:1.7;
color:#C0C8CE;
overflow-wrap:break-word;
}
.support-doc-copy h3{
font-size:var(--text-lg);
line-height:1.4;
scroll-margin-top:calc(var(--header-height) + var(--space-4));
}
.support-checklist{
list-style:none;
margin:0;
padding:0;
}
.support-checklist>.support-check-row{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
padding-block:var(--space-4);
border-top:1px solid var(--line);
}
.support-check-row>*{
min-width:0;
overflow-wrap:break-word;
}
.support-check-row h3{
font-size:var(--text-md);
line-height:1.5;
}
.support-check-row p{
font-size:1rem;
line-height:1.7;
color:#C0C8CE;
}
.support-step-number{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.5rem;
height:2.5rem;
border-radius:var(--r-pill);
background:#1E2230;
color:#E6E9F2;
font-family:var(--fm);
font-size:var(--text-sm);
font-variant-numeric:tabular-nums;
}
.support-code-block{
min-width:0;
margin-block:var(--space-4);
border-radius:var(--r-card);
overflow:hidden;
background:#12151E;
color:#D8DDEA;
--muted:#A7ADC2;
--line:rgba(255,255,255,.18);
--line-soft:rgba(255,255,255,.08);
}
.support-code-label{
padding:var(--space-3) var(--space-4);
background:#1E2230;
color:#E6E9F2;
font-size:var(--text-sm);
line-height:1.6;
}
.support-code-block pre{
position:relative;
max-width:100%;
margin:0;
padding:var(--space-4);
overflow-x:auto;
background:#12151E;
color:#D8DDEA;
tab-size:2;
}
.support-code-block code{
white-space:pre;
overflow-wrap:normal;
}
.support-caption{
max-width:56rem;
font-size:1rem;
line-height:1.7;
color:#C0C8CE;
}
.support-page :not(pre)>code{
font-size:.875em;
color:#BEE8EE;
}
.support-ticket-table{
position:relative;
overflow-x:auto;
}
.support-ticket-table table{
display:table;
width:100%;
min-width:42rem;
font-variant-numeric:tabular-nums;
}
.support-ticket-table th,
.support-ticket-table td{
text-align:left;
}
.support-after-table{
margin-top:var(--space-4);
}
.support-text-link{
color:#BEE8EE;
text-decoration:underline;
text-underline-offset:.2em;
}
.support-email{
overflow-wrap:anywhere;
}
.support-empty{
padding-top:var(--space-6);
}
.support-ending{
padding-block:var(--space-section) var(--space-close);
}
.support-close.c-close-band{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(12rem,.45fr);
align-items:center;
gap:var(--space-6);
height:auto;
padding:var(--card-pad);
border-radius:var(--r-card);
background:var(--close-gradient);
color:#E7EBEE;
--muted:#D8DDEA;
--line:rgba(255,255,255,.18);
--line-soft:rgba(255,255,255,.08);
}
.support-close-copy,
.support-close-actions{
min-width:0;
}
.support-close-copy{
text-align:left;
}
.support-close-copy h2{
font-size:var(--text-section);
line-height:var(--lh-heading);
}
.support-close-copy p{
margin-top:var(--space-3);
color:#E7EBEE;
}
.support-close-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
}
.support-close-actions>.c-btn{
width:100%;
}
@media(max-width:64rem){
.support-entry-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:42rem){
.support-entry-grid{
grid-template-columns:minmax(0,1fr);
}
.support-search-line{
flex-wrap:wrap;
border-radius:var(--r-card);
padding:var(--space-3);
}
.support-search-line input{
width:calc(100% - 3rem);
padding-inline:0;
}
.support-search-line button{
flex-basis:100%;
width:100%;
}
.support-checklist>.support-check-row{
grid-template-columns:2.25rem minmax(0,1fr);
}
.support-check-row>:nth-child(3){
grid-column:2;
}
.support-step-number{
width:2.25rem;
height:2.25rem;
}
.support-close.c-close-band{
grid-template-columns:minmax(0,1fr);
padding:var(--space-4);
}
.support-hero-actions>.c-btn{
flex:1 1 auto;
}
}