.cp.ap .ap-stage .ap-toggle-button{container-type:inline-size;width:min(100%,560px);margin-inline:auto;border:1px solid var(--ap-border);border-radius:var(--ap-radius-lg);background:var(--ap-surface);box-shadow:var(--ap-shadow-md)}.cp.ap .ap-stage .ap-toggle-button__top{padding:18px 20px 0}.cp.ap .ap-stage .ap-toggle-button__name{margin:0;color:var(--ap-text);font-size:1.0625rem;font-weight:650;line-height:1.3}.cp.ap .ap-stage .ap-toggle-button__meta{margin:2px 0 0;color:var(--ap-text-3);font-size:.875rem}.cp.ap .ap-stage .ap-toggle-button__strip{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px 0}.cp.ap .ap-stage .ap-toggle-button__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--ap-target);padding:0 14px;border:1px solid var(--ap-border-strong);border-radius:var(--ap-radius-sm);background:var(--ap-surface);color:var(--ap-text);font:inherit;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background-color var(--ap-duration) var(--ap-ease),border-color var(--ap-duration) var(--ap-ease),box-shadow var(--ap-duration) var(--ap-ease)}.cp.ap .ap-stage .ap-toggle-button__strip .ap-toggle-button__btn{flex:1 1 0}.cp.ap .ap-stage .ap-toggle-button__btn:hover{background:var(--ap-surface-2)}.cp.ap .ap-stage .ap-toggle-button__btn:focus-visible{outline:2px solid var(--ap-focus);outline-offset:2px}.cp.ap .ap-stage .ap-toggle-button__btn[aria-pressed=true]{border-color:var(--ap-accent);background:var(--ap-accent-soft);color:var(--ap-accent-soft-text);box-shadow:inset 0 0 0 1px var(--ap-accent)}.cp.ap .ap-stage .ap-toggle-button__icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.cp.ap .ap-stage .ap-toggle-button__tick{position:absolute;top:-7px;right:-7px;width:18px;height:18px;padding:3px;border-radius:var(--ap-radius-full);background:var(--ap-accent);box-shadow:0 0 0 2px var(--ap-surface);fill:none;stroke:var(--ap-on-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.6);transition:opacity var(--ap-duration) var(--ap-ease),transform var(--ap-duration) var(--ap-ease)}.cp.ap .ap-stage .ap-toggle-button__btn[aria-pressed=true] .ap-toggle-button__tick{opacity:1;transform:none}.cp.ap .ap-stage .ap-toggle-button__note{min-height:96px;margin:14px 20px 20px;padding:12px 14px;border:1px solid var(--ap-border-strong);border-radius:var(--ap-radius-sm);background:var(--ap-surface);color:var(--ap-text);font-size:1rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}.cp.ap .ap-stage .ap-toggle-button__note:focus-visible{outline:2px solid var(--ap-focus);outline-offset:1px;border-color:var(--ap-focus)}.cp.ap .ap-stage .ap-toggle-button__note.is-bold{font-weight:700}.cp.ap .ap-stage .ap-toggle-button__note.is-italic{font-style:italic}.cp.ap .ap-stage .ap-toggle-button__note.is-underline{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.cp.ap .ap-stage .ap-toggle-button__setting{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding:16px 20px 18px;border-top:1px solid var(--ap-border);background:var(--ap-surface-2);border-radius:0 0 var(--ap-radius-lg) var(--ap-radius-lg)}.cp.ap .ap-stage .ap-toggle-button__copy{flex:1 1 180px;min-width:0}.cp.ap .ap-stage .ap-toggle-button__k{margin:0;color:var(--ap-text);font-weight:600}.cp.ap .ap-stage .ap-toggle-button__hint{margin:2px 0 0;color:var(--ap-text-3);font-size:.875rem;line-height:1.45}.cp.ap .ap-stage .ap-toggle-button__bell-off,.cp.ap .ap-stage .ap-toggle-button__mute[aria-pressed=true] .ap-toggle-button__bell{display:none}.cp.ap .ap-stage .ap-toggle-button__mute[aria-pressed=true] .ap-toggle-button__bell-off{display:block}.cp.ap .ap-stage .ap-toggle-button__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@container (max-width: 420px){.cp.ap .ap-stage .ap-toggle-button__strip{gap:6px;padding-inline:16px}.cp.ap .ap-stage .ap-toggle-button__strip .ap-toggle-button__btn{flex-direction:column;gap:2px;min-height:56px;padding:6px 4px;font-size:.8125rem}.cp.ap .ap-stage .ap-toggle-button__top{padding-inline:16px}.cp.ap .ap-stage .ap-toggle-button__note{margin-inline:16px}.cp.ap .ap-stage .ap-toggle-button__setting{padding-inline:16px}}@media(prefers-reduced-motion:reduce){.cp.ap .ap-stage .ap-toggle-button__btn,.cp.ap .ap-stage .ap-toggle-button__tick{transition:none}}
