/* Compact shared motion control; visible text remains its accessible name. */
.motion-toggle{box-sizing:border-box;display:grid;place-items:center;flex:none;width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px;margin:0;padding:0;border:0;border-radius:7px;background:rgba(255,248,236,.93);color:#17243A;box-shadow:0 6px 16px rgba(0,0,0,.2);font-size:0;line-height:0;cursor:pointer}
.motion-toggle[hidden]{display:none}
.motion-toggle .motion-icon{box-sizing:border-box;display:block;width:12px;height:14px;border-inline:4px solid currentColor}
.motion-toggle[aria-pressed="true"] .motion-icon{width:12px;height:16px;border:0;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
.motion-toggle .motion-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.motion-toggle:focus-visible{outline:3px solid #17243A;outline-offset:3px}