/* The three source widgets own their layout, typography, fills and icon artwork. */
.siri-directions{display:flex;gap:24px;border-bottom:1px solid var(--pattern-rule);margin-bottom:16px}
.siri-directions button{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 0 12px;border:0;background:none;color:var(--pattern-secondary);font-family:inherit;font-size:var(--text-body);line-height:1.5;font-weight:500;cursor:pointer}
.siri-directions button[aria-selected=true]{color:var(--pattern-ink)}
.siri-directions button[aria-selected=true]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:currentColor}
.siri-directions button:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}
.siri-design-note{margin:0 0 16px;min-height:20px;color:var(--pattern-secondary);font-size:var(--text-support);line-height:1.4286}
.siri-source-identity{position:absolute;display:block;object-fit:contain;pointer-events:none}
.siri-source-action{position:absolute;inset:0;z-index:2;width:100%;height:100%;min-height:0;padding:0;border:0;background:transparent;border-radius:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}
.siri-icon-action-frame{overflow:visible!important}
.siri-icon-action-frame>.siri-source-action{inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px)}
.siri-action-frame:has(>.siri-source-action:active){scale:.96}
.siri-action-frame:has(>.siri-source-action:focus-visible){outline:2px solid oklch(1 0 0);outline-offset:-3px}
.siri-source-action:focus{outline:none}
.siri-feedback{margin-top:12px;color:var(--pattern-secondary);font-size:var(--text-support);line-height:1.4286}
.siri-feedback:empty{display:none}
.siri-feedback:not(:empty)~figcaption{margin-top:4px}
@media(max-width:480px){.siri-design-note{min-height:40px}}
@media(prefers-reduced-motion:reduce){.siri-action-frame:has(>.siri-source-action:active){scale:1}}