/* Independent native buttons. Lucide SVGs: see lucide-LICENSE.txt. */
[data-preferences]{display:inline-flex;align-items:center;gap:.4rem;flex:none}
.mp-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex:none;min-width:2.75rem;min-height:2.75rem;padding:.55rem;border:1px solid var(--line,#DDE1EE);border-radius:.65rem;background:var(--white,#fff);color:var(--ink,#0B1535);cursor:pointer;font:600 .75rem/1.4 var(--font-body,Vazirmatn,Tahoma,sans-serif)}
.mp-trigger svg{width:1.15rem;height:1.15rem;flex:none}
.mp-trigger:hover{background:var(--tint,#EDF0F8)}
.mp-trigger:focus-visible{outline:3px solid var(--gold,#C99125);outline-offset:3px}
@media(forced-colors:active){.mp-trigger{border-color:ButtonText}}
/* Snapshot the actual page: fields, focus and scroll stay in place. */
:root[data-theme-reveal] *,
:root[data-theme-reveal] *::before,
:root[data-theme-reveal] *::after{transition:none!important}
:root[data-theme-reveal]::view-transition-group(root){animation:none}
:root[data-theme-reveal]::view-transition-image-pair(root){isolation:isolate}
:root[data-theme-reveal]::view-transition-old(root),
:root[data-theme-reveal]::view-transition-new(root){animation:none;mix-blend-mode:normal}
:root[data-theme-reveal]::view-transition-old(root){z-index:1}
:root[data-theme-reveal]::view-transition-new(root){z-index:2;animation:mp-theme-reveal 550ms cubic-bezier(.4,0,.2,1) both}
@keyframes mp-theme-reveal{
  from{clip-path:circle(0 at var(--mp-theme-x) var(--mp-theme-y))}
  to{clip-path:circle(var(--mp-theme-radius) at var(--mp-theme-x) var(--mp-theme-y))}
}
@media(prefers-reduced-motion:reduce){
  :root[data-theme-reveal]::view-transition-new(root){animation:none}
}