/* One interaction contract for secondary actions and the administration preview. */
.theme-sample{
    --outline-action-surface:var(--demo-surface-color);
    --outline-action-text:var(--demo-text-color);
    --outline-action-border:var(--demo-border-color);
    --outline-action-selected:var(--demo-primary-color);
}
:root .button.secondary,:root .theme-sample .theme-demo-secondary{
    background:var(--outline-action-surface,var(--surface,#fff));
    color:var(--outline-action-text,var(--ink,#202124));
    border:1px solid var(--outline-action-border,var(--line,#dfe1e5));
    border-radius:999px;
}
:root :is(.button.secondary,.theme-sample .theme-demo-secondary):where(:not(:disabled):not([aria-disabled="true"])):is(:hover,:active,:focus-visible,[aria-pressed="true"],[aria-current="page"],.is-active,.is-selected,.is-hover,.is-focus){
    background:var(--outline-action-surface,var(--surface,#fff));
    color:var(--outline-action-text,var(--ink,#202124));
    border-color:var(--outline-action-selected,var(--brand,#c50050));
    text-decoration:none;
}
:root :is(.button.secondary,.theme-sample .theme-demo-secondary):is(:focus-visible,.is-focus){
    outline:2px solid var(--outline-action-selected,var(--brand,#c50050));
    outline-offset:2px;
}