.mdc-wrap{container-type:inline-size}.mdc{gap:1rem;display:grid}@container (width>=34rem){.mdc{grid-template-columns:1fr 1fr}}.mdc__card{background:var(--white);border:1px solid var(--line);border-radius:16px;grid-template-rows:auto 1fr auto;gap:1rem;padding:1.25rem;font-size:.875rem;display:grid;box-shadow:0 24px 60px -30px #00382c40}.mdc__card--data{background:var(--green-deep);border-color:var(--green-deep);color:var(--white)}.mdc__head{justify-content:space-between;align-items:center;min-height:1.5rem;display:flex}.mdc__title{font-size:1rem;font-weight:500}.mdc__badge{border-radius:var(--radius-pill);background:var(--green-surface);color:var(--green);transition:opacity .35s ease,transform .35s var(--ease-out);padding:.2rem .55rem;font-size:.6875rem;font-weight:500}.mdc__badge.is-hidden{opacity:0;transform:translateY(4px)}.mdc__routes,.mdc__controls{align-content:start;gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.mdc__route{border:1px solid var(--line-soft);border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:.6rem;padding:.55rem .7rem;transition:border-color .3s,background .3s;display:grid}.mdc__route.is-active{border-color:var(--green-tint);background:var(--mint-cream)}.mdc__arrow{color:var(--muted)}.mdc__model{text-align:center;border-radius:var(--radius-pill);background:var(--gray-100);min-width:6.5rem;transition:opacity .3s ease,transform .3s var(--ease-out),background .3s ease;padding:.2rem .55rem;font-size:.75rem;font-weight:500}.mdc__route.is-active .mdc__model{background:var(--green);color:var(--white)}.mdc__model.is-swapping{opacity:0;transform:translateY(-6px)}.mdc__lock{width:1.75rem;height:1.75rem;color:var(--green-light);background:#ffffff1a;border-radius:50%;place-items:center;display:grid}.mdc__shackle{transition:transform .4s var(--ease-out);transform:translateY(-2.5px)}.mdc__lock.is-locked .mdc__shackle{transform:none}.mdc__controls li{opacity:.35;border-bottom:1px solid #ffffff1a;grid-template-columns:1.125rem 1fr auto;align-items:center;gap:.6rem;padding:.55rem 0;transition:opacity .4s;display:grid}.mdc__controls li.is-on{opacity:1}.mdc__check{width:1.125rem;height:1.125rem;color:var(--green-deep);background:#ffffff26;border-radius:50%;place-items:center;transition:background .3s;display:grid}.mdc__controls li.is-on .mdc__check{background:var(--green-light)}.mdc__label{color:#ffffffbf}.mdc__controls strong{text-align:right;font-weight:500}.mdc__foot{color:var(--muted);font-size:.8125rem}.mdc__card--data .mdc__foot{color:#ffffffa6}