/* Face is the play/pause target. Its only accessory is the contextual menu. */
#app .head-field .head-menu{position:absolute;inset:0 auto auto 0;width:100%;height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;text-align:left;z-index:4}
#app .head-field .head-menu>summary{position:absolute;top:var(--head-menu-top,100px);left:var(--head-menu-left,100px);display:grid;place-items:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;list-style:none;border:0;border-radius:50%;background:#fffffff0;color:#181818;font:700 24px/1 Arial,sans-serif;opacity:0;pointer-events:none;cursor:pointer;transition:opacity .12s}
#app .head-field .head-menu>summary::-webkit-details-marker{display:none}
#app .head-field .head-menu>summary::before,#app .head-field .head-menu>summary::after{content:none}
#app .head-field .head-slot:hover .head-menu>summary,#app .head-field .head-slot:focus-within .head-menu>summary,#app .head-field .head-menu[open]>summary{opacity:1;pointer-events:auto}
#app .head-field .head-menu[open]{z-index:20}
#app .head-field .head-menu-content{position:absolute;top:calc(var(--head-menu-top,100px) + 44px);left:0;right:0;max-height:min(360px,55vh);overflow:auto;padding:12px;background:#fff;border:1px solid #ccc;box-shadow:0 5px 18px #0002;color:#181818;font:14px/1.4 Arial,sans-serif;overflow-wrap:anywhere}
#app .head-field .head-menu-content p{margin:8px 0}
#app .head-field .head-menu-content small,#app .head-field .head-menu-content a{display:block;margin:8px 0}
#app .head-field .head-menu-content .head-focus{display:block;min-height:44px;width:100%;padding:8px 0;border:0;border-radius:0;background:none;color:#181818;text-align:left;text-decoration:underline;font:600 15px/1.3 Arial,sans-serif}
#app .head-field .head-menu-content .head-focus[aria-pressed=true]{background:none;color:#181818}
@media(hover:none){#app .head-field .head-slot:hover .head-menu:not([open])>summary{opacity:0;pointer-events:none}#app .head-field .head-slot:focus-within .head-menu>summary{opacity:1;pointer-events:auto}}