.voice-queue-badge{white-space:nowrap;font-variant-numeric:tabular-nums;color:#fff0c8;border:1px solid #fff6;border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:3px 7px;font-size:.76rem;display:inline-flex}.voice-queue-badge[data-stale=true]{opacity:.65}.demo-voice-request{color:#203c30;flex-wrap:wrap;align-items:center;gap:14px;margin-block:12px;padding:16px 18px;display:flex}.voice-preparation{flex:1;gap:6px;min-width:min(100%,180px);display:grid}.voice-preparation progress{accent-color:#476b4e;width:100%;max-width:400px;height:10px}.voice-preparation small{font-variant-numeric:tabular-nums}@media (max-width:480px){.nav .voice-queue-badge{gap:3px;padding-inline:5px;font-size:.7rem}.demo-voice-request>button{width:100%}}.voice-queue-dropdown{position:relative}.voice-queue-dropdown>summary{cursor:pointer;list-style:none}.voice-queue-dropdown>summary::-webkit-details-marker{display:none}.voice-queue-dropdown>summary:focus-visible{outline-offset:3px;outline:2px solid #ffdc8c}.voice-queue-menu{inset-inline-end:0;z-index:80;color:#203c30;white-space:normal;background:#fff5df;border:1px solid #b89b65;border-radius:18px;width:min(360px,100vw - 32px);padding:18px;position:absolute;top:calc(100% + 12px);box-shadow:0 12px 28px #122e3340}.voice-queue-items{margin:14px 0;padding-inline-start:24px}.voice-queue-items li{border-bottom:1px solid #304a3520;padding-block:9px;position:relative}.voice-queue-items li>span{vertical-align:middle;max-width:215px;display:inline-block}.voice-queue-items small{opacity:.7;margin-block-start:3px;display:block}.voice-queue-portraits{margin-inline-end:8px}.voice-queue-portrait{background-color:#e5e6ce;border-radius:50%;width:35px;height:35px;margin-inline-start:-9px;display:inline-block}.voice-queue-pagination{justify-content:space-between;align-items:center;gap:12px;margin-block:12px;display:flex}.voice-queue-pagination button{border:1px solid #b89b65;border-radius:8px;place-items:center;min-width:36px;min-height:36px;display:grid}.voice-queue-pagination button:disabled{opacity:.4}.demo-copy-card{background:#f3e6c6;border:1px solid #b89b65;border-radius:18px;margin-block:22px;padding:20px}.demo-copy-card>summary{cursor:pointer;font-size:1.15rem;font-weight:700}.demo-copy-fields{grid-template-columns:minmax(90px,.5fr) minmax(150px,1fr);gap:14px;margin-block:18px;display:grid}.demo-copy-fields label{gap:6px;display:grid}.demo-copy-fields select{background:#fff8e9;border:1px solid #b89b65;border-radius:10px;width:100%;padding:10px}@media (max-width:600px){.demo-copy-fields{grid-template-columns:1fr}.voice-queue-menu{top:80px;max-height:calc(100dvh - 110px);position:fixed;inset-inline-end:16px;overflow-y:auto}}.demo-copy-card>summary{align-items:center;gap:10px;list-style:none;display:flex}.demo-copy-card>summary::-webkit-details-marker{display:none}.demo-copy-card>summary>svg{flex-shrink:0}.demo-copy-card>summary:after{content:"⌄";margin-inline-start:auto}.demo-copy-card[open]>summary:after{transform:rotate(180deg)}.voice-queue-items{padding-inline-start:0;list-style:none}.voice-queue-items li{display:block}.voice-queue-entry{color:inherit;border-radius:8px;grid-template-columns:20px 58px minmax(0,1fr);align-items:center;gap:6px;min-height:48px;text-decoration:none;display:grid}a.voice-queue-entry:hover{background:#dce7d870}a.voice-queue-entry:focus-visible{outline-offset:4px;outline:2px solid #476b4e}.voice-queue-entry>span{min-width:0}.voice-queue-entry>span:last-child{overflow-wrap:anywhere}.voice-queue-position{font-variant-numeric:tabular-nums;opacity:.65;font-size:.8rem}.voice-queue-items li>span{max-width:none}.voice-queue-items li>span:last-child{overflow-wrap:anywhere}.voice-queue-portraits{white-space:nowrap;margin-inline:8px 0}@media (max-width:600px){.voice-queue-menu{top:calc(100% + 12px);width:min(360px,100vw - 52px);max-height:calc(100dvh - 160px);position:absolute;inset-inline:-10px auto}}
