.audio-panel{z-index:80;color:var(--color-inchiostro,var(--color-strumento-testo));font:12px/1.35 var(--font-macchina,Arial,sans-serif);flex:none;position:relative}.audio-panel>summary{min-width:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid;justify-content:center;align-items:center;gap:7px;padding:0 10px;list-style:none;display:inline-flex}.audio-panel>summary::-webkit-details-marker{display:none}.audio-panel>summary:hover,.audio-panel>summary:focus-visible,.audio-panel[open]>summary{background:var(--color-salvia,#a8b79a);color:var(--color-inchiostro,#181c1b);outline-color:currentColor}.audio-panel__nota{font-size:17px}.audio-panel__controlli{z-index:100;width:min(300px,100vw - 24px);max-block-size:calc(100vh - var(--striscia) - 16px);max-block-size:calc(100dvh - var(--striscia) - 16px);box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--color-inchiostro,#181c1b);background:var(--color-avorio,#f2f0e7);color:var(--color-inchiostro,#181c1b);gap:12px;padding:16px;display:grid;position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;overflow:auto}.audio-panel:not([open])>.audio-panel__controlli{display:none}.audio-panel[open] .audio-panel__controlli{transform-origin:100% 0;animation:.42s cubic-bezier(.2,.7,.2,1) both spina-pannello-entra}.audio-panel[open] .audio-panel__controlli>*{animation:.26s cubic-bezier(.2,.7,.2,1) both spina-riga-entra}.audio-panel[open] .audio-panel__controlli>:nth-child(2){animation-delay:35ms}.audio-panel[open] .audio-panel__controlli>:nth-child(3){animation-delay:70ms}.audio-panel[open] .audio-panel__controlli>:nth-child(4){animation-delay:.105s}.audio-panel[open] .audio-panel__controlli>:nth-child(5){animation-delay:.14s}.audio-panel.is-closing .audio-panel__controlli{animation:.12s ease-in both spina-pannello-esce}.audio-panel__stato{font:12px/1.45 var(--font-carta,Georgia,serif);margin:0}.audio-panel__titolo{font:600 13px/1.35 var(--font-macchina,Arial,sans-serif);border-bottom:1px solid;margin:0;padding-bottom:8px}.audio-panel__play,.audio-panel__effetti{min-height:44px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid;justify-content:flex-start;align-items:center;gap:9px;padding:8px 10px;display:flex}.audio-panel__play:hover,.audio-panel__play:focus-visible,.audio-panel__effetti:hover,.audio-panel__effetti:focus-visible{background:var(--color-salvia,#a8b79a);outline-offset:2px;outline:2px solid}.audio-panel__volume{font:11px/1.35 var(--font-dattilo,monospace);grid-template-columns:1fr auto;align-items:center;gap:4px 10px;display:grid}.audio-panel__volume input{width:100%;min-height:44px;accent-color:var(--color-notte,#17251d);grid-column:1/-1}.audio-panel [hidden]{display:none!important}@media (width<=68.6875rem){body:has(.spina) .audio-panel{margin-inline-start:auto}.audio-panel>summary{padding-inline:8px}.audio-panel__controlli{inset-inline-end:0}}@media (width>=68.75rem){body:has(.spina) .audio-panel{align-self:flex-start;margin-inline-start:4px;position:relative;inset:auto}.spina .audio-panel__controlli{inset-block-start:0;inset-inline-start:calc(var(--spina) - .85rem + 8px);inset-inline-end:auto}}@keyframes spina-pannello-entra{0%{opacity:0;transform:translateY(-7px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spina-riga-entra{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes spina-pannello-esce{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.audio-panel *{scroll-behavior:auto!important}.audio-panel[open] .audio-panel__controlli,.audio-panel[open] .audio-panel__controlli>*,.audio-panel.is-closing .audio-panel__controlli{animation:none}}