.modal-views{background:#fff;display:flex;gap:8px;padding:16px 42px 0}.modal-views[hidden]{display:none}.modal-view{background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer;font-size:.68rem;font-weight:800;letter-spacing:.1em;padding:9px 16px;text-transform:uppercase}.modal-view.active,.modal-view:hover,.modal-view:focus-visible{background:#b8ebe5;border-color:#58bdb2}.modal.detail-mode .modal-copy{padding-top:24px}
@media(max-width:560px){.modal-views{padding:14px 22px 0}.modal-view{flex:1}}