/* Occasi invitation music (v280): the small round mute / unmute button (js/occasi-invitation-music.js mount()).
   32 px to the eye inside a 44 px tap target, in a fixed corner clear of the safe area; the design's own ink, paper and accent
   (--om-ink, --om-paper, --om-accent, set by the page). It only fades in and out: nothing with words on it moves. */
.occasi-music{--om-ink:#4a3f33;--om-paper:#fbf8f1;--om-accent:#a3854a;position:fixed;z-index:60;display:flex;align-items:center;gap:2px;max-width:calc(100vw - 24px);
  pointer-events:none;opacity:1;transition:opacity .4s cubic-bezier(.23,1,.32,1)}
.occasi-music[hidden]{display:none}
@starting-style{.occasi-music{opacity:0}}
.occasi-music[data-corner$="left"]{left:max(6px,env(safe-area-inset-left,0px))}
.occasi-music[data-corner$="right"]{right:max(6px,env(safe-area-inset-right,0px));flex-direction:row-reverse}
.occasi-music[data-corner^="bottom"]{bottom:max(6px,env(safe-area-inset-bottom,0px))}
.occasi-music[data-corner^="top"]{top:max(6px,env(safe-area-inset-top,0px))}
.occasi-music>*{pointer-events:auto}
.occasi-music .om-btn{flex:none;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:var(--om-ink);
  cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.occasi-music .om-btn::before{content:"";grid-area:1/1;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--om-paper) 90%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--om-accent) 55%,transparent),0 2px 10px rgba(60,45,25,.14);transition:transform .16s cubic-bezier(.23,1,.32,1)}
.occasi-music .om-btn svg{grid-area:1/1;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.occasi-music .om-btn:active::before{transform:scale(.94)}
.occasi-music .om-btn[data-on="false"]{color:color-mix(in srgb,var(--om-ink) 78%,var(--om-paper))}
.occasi-music .om-btn:focus-visible{outline:2px solid var(--om-ink);outline-offset:2px}
.occasi-music .om-btn:focus-visible::before{box-shadow:0 0 0 2px var(--om-paper),0 0 0 4px var(--om-accent)}
.occasi-music .om-credit{min-height:44px;margin:0;padding:0 8px;border:0;background:none;color:var(--om-ink);font:italic 500 12px/1 'EB Garamond','Cormorant Garamond',Georgia,serif;
  letter-spacing:.01em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}
.occasi-music .om-credit[hidden]{display:none}
.occasi-music .om-credit{transition:opacity .3s ease}
.occasi-music.is-tucked .om-credit,.occasi-music.is-tucked .om-note{opacity:0;pointer-events:none}
.occasi-music .om-credit{position:relative}
.occasi-music .om-credit::before{content:"";position:absolute;z-index:-1;inset:12px 0;border-radius:99px;background:color-mix(in srgb,var(--om-paper) 84%,transparent)}
.occasi-music .om-credit:focus-visible{outline:2px solid var(--om-accent);outline-offset:-6px;border-radius:99px}
.occasi-music .om-note{position:absolute;bottom:calc(100% + 2px);margin:0;padding:8px 12px;border-radius:12px;background:var(--om-paper);color:var(--om-ink);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--om-accent) 45%,transparent),0 6px 22px rgba(60,45,25,.16);font:500 13px/1.35 'EB Garamond',Georgia,serif;white-space:nowrap}
.occasi-music[data-corner$="left"] .om-note{left:6px}
.occasi-music[data-corner$="right"] .om-note{right:6px}
.occasi-music[data-corner^="top"] .om-note{bottom:auto;top:calc(100% + 2px)}
.occasi-music .om-note[hidden]{display:none}
.occasi-music .om-note a{color:inherit;text-decoration:underline;text-decoration-color:var(--om-accent);text-underline-offset:2px}
@media (prefers-reduced-motion:reduce){.occasi-music,.occasi-music .om-btn::before{transition:none}}

/* the older pages that still build their own player box (the retired designs' review toolbar) */
.invitation-music{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:40;max-width:240px;text-align:right}
.invitation-music[hidden]{display:none}
.invitation-music button{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #a3854a66;border-radius:50%;color:#4a3f33;background:#fbf8f1f0;box-shadow:0 2px 10px #0001;cursor:pointer}
.invitation-music button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.invitation-music button:focus-visible{outline:3px solid #a3854a;outline-offset:3px}
.music-status:empty{display:none}
.review-toolbar .invitation-music,.demo-bar .invitation-music{position:static;z-index:auto;margin-left:auto;max-width:100%;text-align:left}.review-toolbar:has(.invitation-music){gap:8px 16px;flex-wrap:wrap}
/* v285 (#2): lifted above the Pass tabs, the button floats over the panel's foot: the panel keeps room for it at its end */
html.om-lifted .wk-panel::after { content: ""; display: block; height: 52px; }