.tone-material{display:block;min-width:0;color:var(--ink);font-size:16px;line-height:1.45}.tone-material__views{aspect-ratio:1;overflow:hidden;border-radius:var(--radius);background:var(--surface)}.tone-material__views figure{margin:0;width:100%;height:100%}.tone-material__views img{width:100%;height:100%;object-fit:cover}.tone-material__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;border-bottom:1px solid var(--border)}.tone-material__tabs button{display:grid;gap:2px;justify-items:start;min-height:60px;padding:7px 6px;background:none;border:0;border-bottom:2px solid transparent;font-size:16px;text-align:left}.tone-material__tabs button span{font-size:16px;color:var(--muted)}.tone-material__tabs [aria-selected=true]{border-bottom-color:var(--ink);font-weight:600}.tone-material__panels{padding:14px 0 8px}.tone-material__panels h3{margin:0 0 6px;font-size:22px;font-weight:500;line-height:1.15;text-wrap:balance}.tone-material__panels p{margin:0;font-size:16px;line-height:1.45;color:var(--muted)}.tone-material__caption{margin:0 0 12px;font-size:16px;color:var(--muted)}.tone-material>.button{width:100%;font-size:16px;min-height:48px;text-transform:none;letter-spacing:0}.tone-material :focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media(min-width:990px){.tone-material{display:grid;grid-template-columns:1.1fr 1fr;column-gap:26px}.tone-material__views{grid-row:1/6}.tone-material__tabs{margin-top:0}.tone-material>.button{align-self:end}}
.tone-material__views{position:relative;touch-action:pan-y}
.tone-material__views figure{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(.97);transition:opacity .7s ease,transform 1.2s cubic-bezier(.22,.61,.36,1),visibility .7s}
.tone-material__views figure.is-active{opacity:1;visibility:visible;transform:scale(1);z-index:1}
.tone-material__views figure[data-material-view="2"]{transform:scale(.82)}
.tone-material__views figure[data-material-view="2"].is-active{transform:scale(1.08)}
.tone-material[data-material-step="2"] figure[data-material-view="1"]{transform:scale(1.4)}
.tone-material__views img{display:block}
@media(prefers-reduced-motion:reduce){.tone-material__views figure,.tone-material__views figure[data-material-view]{transition:none;transform:none!important}}