.dgxc-page{
padding-bottom:var(--space-close);
background:#FFFFFF;
color:#1C2029;
--muted:#5B6170;
--line:#E3E6EB;
--hair:#E3E6EB;
--price:#A4511E;
}
.dgxc-page [hidden]{display:none!important}
.dgxc-page .dgxc-hero{
display:block;
padding-block:var(--hero-top) var(--space-8);
background:#FFFFFF;
color:#1C2029;
--muted:#5B6170;
--line:#E3E6EB;
}
.dgxc-page .dgxc-hero h1{
color:#1C2029;
font-size:var(--text-display);
line-height:var(--lh-display);
}
.dgxc-eyebrow{
margin-bottom:var(--kicker-gap);
color:#5B6170;
font-size:var(--text-sm);
font-weight:var(--weight-bold);
}
.dgxc-intro{
margin-top:var(--space-3);
color:#5B6170;
font-size:var(--text-md);
}
.dgxc-intro b{font-weight:var(--weight-medium)}
.dgxc-sheet{
min-width:0;
border-radius:var(--r-md);
overflow:hidden;
background:#F4F5F7;
color:#1C2029;
--muted:#5B6170;
--line:#E3E6EB;
--hair:#E3E6EB;
--price:#A4511E;
}
.dgxc-specification{
padding:var(--space-5);
background:#EEF0F3;
color:#1C2029;
--muted:#4F5564;
--line:#E3E6EB;
--price:#A4511E;
}
.dgxc-heading{
display:grid;
align-content:start;
gap:var(--field-gap);
min-width:0;
}
.dgxc-heading h2{
font-size:var(--text-lg);
line-height:var(--lh-title);
}
.dgxc-heading p{
max-width:65ch;
color:#4F5564;
font-size:var(--text-base);
overflow-wrap:break-word;
}
.dgxc-heading .dgxc-label{
margin-bottom:calc(var(--kicker-gap) - var(--field-gap));
font-size:var(--text-xs);
font-weight:var(--weight-bold);
}
.dgxc-specs{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
margin-top:var(--space-5);
}
.dgxc-specs>div{
display:grid;
align-content:start;
gap:var(--field-gap);
min-width:0;
padding:var(--space-4);
border-radius:var(--r-md);
background:#FFFFFF;
color:#1C2029;
--muted:#5B6170;
--line:#E3E6EB;
}
.dgxc-specs dt{color:#5B6170}
.dgxc-specs dd{
min-width:0;
font-size:var(--text-base);
font-weight:var(--weight-bold);
overflow-wrap:break-word;
}
.dgxc-specs dd span{
display:block;
margin-top:var(--field-gap);
color:#5B6170;
font-size:var(--text-sm);
font-weight:var(--weight-normal);
}
.dgxc-rate-strip{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:var(--space-3);
padding:var(--space-3) var(--space-5);
background:#F3EEE6;
color:#3B2F20;
--muted:#6E5E48;
--line:#E3E6EB;
--price:#A4511E;
}
.dgxc-rate-strip strong{
color:#A4511E;
font-family:var(--mono);
font-size:var(--text-lg);
font-variant-numeric:tabular-nums;
}
.dgxc-rate-strip p{font-size:var(--text-sm)}
.dgxc-body{
display:grid;
gap:var(--space-7);
padding:var(--space-5);
}
.dgxc-block{
display:grid;
gap:var(--space-4);
min-width:0;
}
.dgxc-days-field{justify-items:start}
.dgxc-days-field .c-stepper input{padding-inline:var(--space-2)}
.dgxc-checks{
display:grid;
gap:var(--space-4);
min-width:0;
}
.dgxc-checks .c-check{font-size:var(--text-base)}
.dgxc-help{
max-width:72ch;
color:#5B6170;
font-size:var(--text-sm);
}
.dgxc-gateways{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
gap:var(--space-3);
min-width:0;
}
.dgxc-gateways:empty{display:none}
.dgxc-page [data-dgx-gw-item]{
display:flex;
align-items:center;
gap:var(--space-3);
min-width:0;
padding:var(--space-4);
border:1px solid #858D9D;
border-radius:var(--r-md);
background:#FFFFFF;
color:#1C2029;
--muted:#5B6170;
--line:#E3E6EB;
cursor:pointer;
}
.dgxc-page [data-dgx-gw-item].is-on{
border-color:#3047C7;
box-shadow:inset 0 0 0 1px #3047C7;
background:#FFFFFF;
color:#1C2029;
--muted:#5B6170;
--line:#E3E6EB;
}
.dgxc-page [data-dgx-gw-item] input{
appearance:none;
display:grid;
place-items:center;
flex:0 0 1.25rem;
width:1.25rem;
height:1.25rem;
margin:0;
border:1px solid #858D9D;
border-radius:var(--r-pill);
background:#FFFFFF;
color:#1C2029;
}
.dgxc-page [data-dgx-gw-item] input:checked::after{
content:"";
width:.625rem;
height:.625rem;
border-radius:var(--r-pill);
background:#3047C7;
color:#FFFFFF;
}
.dgxc-page [data-dgx-gw-item] span{
min-width:0;
overflow-wrap:break-word;
}
.dgxc-page [data-dgx-gw-item] img{
width:var(--space-6);
height:var(--space-6);
object-fit:contain;
}
.dgxc-page [data-dgx-gw-note]{
grid-column:1/-1;
padding:var(--space-4);
border-radius:var(--r-md);
background:#F3EEE6;
color:#3B2F20;
--muted:#6E5E48;
--line:#E3E6EB;
font-size:var(--text-sm);
}
.dgxc-settlement{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
align-items:start;
gap:var(--space-4) var(--space-6);
padding:var(--space-5);
background:#1E2430;
color:#F4F5F7;
--muted:#A9B0BE;
--line:rgba(244,245,247,.16);
--hair:rgba(244,245,247,.16);
--price:#E3A878;
}
.dgxc-total{
display:grid;
gap:var(--field-gap);
min-width:0;
}
.dgxc-total h2{
color:#F4F5F7;
font-size:var(--text-md);
}
.dgxc-due{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-2);
}
.dgxc-due strong{
color:#E3A878;
font-family:var(--mono);
font-size:var(--text-xl);
line-height:var(--lh-title);
font-variant-numeric:tabular-nums;
overflow-wrap:break-word;
}
.dgxc-due span,.dgxc-formula{
color:#A9B0BE;
font-size:var(--text-sm);
}
.dgxc-pay-column{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
min-width:0;
margin-top:var(--space-3);
}
.dgxc-pay-column p{
color:#A9B0BE;
font-size:var(--text-sm);
text-align:center;
}
.dgxc-page button[data-dgx-pay]{
background:#3047C7;
color:#FFFFFF;
border-radius:var(--r-md);
}
.dgxc-page button[data-dgx-pay]:hover{
background:#2538A6;
color:#FFFFFF;
}
.dgxc-page button[data-dgx-pay]:disabled{
opacity:.55;
cursor:not-allowed;
}
.dgxc-message{
grid-column:1/-1;
padding:var(--space-4);
border-radius:var(--r-md);
background:#F3EEE6;
color:#3B2F20;
--muted:#6E5E48;
--line:#E3E6EB;
font-size:var(--text-sm);
}
.dgxc-return{
display:grid;
justify-items:start;
gap:var(--field-gap);
margin-top:var(--space-4);
}
.dgxc-return a{
color:#3047C7;
text-decoration:underline;
text-underline-offset:.25em;
overflow-wrap:break-word;
}
.dgxc-return a:hover{color:#2538A6}
.dgxc-return p{
color:#5B6170;
font-size:var(--text-sm);
}
@media(max-width:64rem){
.dgxc-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:42rem){
.dgxc-specification,.dgxc-body,.dgxc-settlement{
padding:var(--space-4);
}
.dgxc-specs{grid-template-columns:minmax(0,1fr)}
.dgxc-rate-strip{padding:var(--space-3) var(--space-4)}
.dgxc-settlement{grid-template-columns:minmax(0,1fr)}
.dgxc-gateways{grid-template-columns:minmax(0,1fr)}
.dgxc-pay-column{margin-top:var(--space-3)}
.dgxc-page .dgxc-hero{padding-bottom:var(--space-7)}
}